:root{--paper:#f1ece2;--ink:#292c25;--muted:#606453;--accent:#646e49;--accent-ink:#f8f5ed;--copper:#a36145;--line:#c4c6b6;--surface:#e6e1d4;--scene:#333c2d;--scene-ink:#f3efdf;color:var(--ink);background:var(--paper);font-synthesis:none;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Segoe UI,Arial,sans-serif;font-size:18px}:root[data-theme=dark]{--paper:#22251f;--ink:#f0ece1;--muted:#b9bcaf;--accent:#bdc79d;--accent-ink:#22251f;--copper:#dda98b;--line:#555c4b;--surface:#30352b;--scene:#191f17;--scene-ink:#f3efdf;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-gutter:stable;scroll-padding-top:24px}html:has(dialog[open]){overflow:hidden}body{background:var(--paper);margin:0}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.65}a{color:inherit;text-decoration:none}h1,h2,h3,h4,p,figure{margin:0}button:focus-visible,a:focus-visible,textarea:focus-visible,input:focus-visible{outline:3px solid var(--copper);outline-offset:5px}[tabindex="-1"]:focus{outline:none}::selection{color:var(--paper);background:var(--ink)}.page-width{width:calc(100% - 64px);max-width:1820px;margin-inline:auto}.eyebrow,.section-line,.hero-kicker,.hero-foot,.mark-number,.screen-chrome,.real-screen figcaption,.site-footer,.work-number{letter-spacing:.02em;font-size:14px;font-weight:600;line-height:1.5}.section-line{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:24px;padding:20px 0;display:flex}.section-heading{justify-content:space-between;align-items:flex-end;gap:40px;padding:36px 0 60px;display:flex}h2{letter-spacing:-.055em;font-family:Georgia,Times New Roman,serif;font-size:clamp(42px,5.3vw,96px);font-weight:400;line-height:1.02}h2 i{color:var(--accent);font-weight:400}.section-heading>p{max-width:420px;font-size:19px;line-height:1.55}.skip-link{z-index:120;background:var(--ink);color:var(--paper);padding:16px;position:fixed;top:10px;left:16px;transform:translateY(-160%)}.skip-link:focus{transform:none}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;min-height:88px;padding-block:16px;display:flex}.brand-lockup{align-items:center;gap:15px;display:flex}.brand-lockup img{width:68px;height:48px}.brand-lockup>span{font-size:15px;font-weight:600;line-height:1.18}.site-header nav{align-items:center;gap:30px;font-size:16px;font-weight:600;display:flex}.site-header nav>a{padding:12px 0;position:relative}.site-header sup{color:var(--accent);font-size:12px}.theme-toggle{color:var(--ink);background:0 0;border:0;align-items:center;gap:9px;min-height:44px;padding:4px;display:flex}.theme-toggle>span:first-child{font-size:27px;transition:transform .5s}.fill-button{isolation:isolate;border:1px solid var(--ink);background:var(--ink);color:var(--paper);border-radius:100px;justify-content:space-between;align-items:center;gap:28px;padding:16px 25px;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.fill-button>span{position:relative}.floating-menu{z-index:30;top:max(18px,env(safe-area-inset-top));right:max(20px,env(safe-area-inset-right));opacity:0;pointer-events:none;transition:transform .45s cubic-bezier(.2,.8,.2,1),opacity .3s;position:fixed;transform:translateY(-140%);box-shadow:0 5px 30px #0002}.floating-menu.visible{opacity:1;pointer-events:auto;transform:none}.hero-studio{isolation:isolate;min-height:clamp(700px,57vw,1040px);padding-top:22px;padding-bottom:20px;position:relative;overflow:clip}.hero-kicker{color:var(--muted);z-index:5;justify-content:space-between;gap:30px;display:flex;position:relative}.hero-kicker span:last-child{text-align:right;max-width:47%}.hero-name{z-index:2;letter-spacing:-.065em;pointer-events:none;margin:50px 0 0 2.2%;font-family:Georgia,Times New Roman,serif;font-size:clamp(96px,14.1vw,270px);font-weight:400;line-height:.88;position:relative}.hero-name>span{width:max-content;transform:translateX(calc(var(--hero-progress)*-120px));will-change:transform;display:block}.hero-name>span:last-child{transform:translateX(calc(var(--hero-progress)*90px));margin-top:4px;margin-left:8%;font-style:italic}.name-dot{color:var(--copper)}.sun-disc{background:var(--surface);z-index:0;width:46vw;height:46vw;transform:translateY(calc(var(--hero-progress)*-60px));border-radius:50%;position:absolute;top:30px;right:-7%}.portrait-plane{z-index:1;aspect-ratio:3/2;width:65%;transform:translateY(calc(var(--hero-progress)*35px));position:absolute;top:60px;right:-2%;-webkit-mask-image:linear-gradient(90deg,#0000,#000 18%),linear-gradient(#000 87%,#0000);mask-image:linear-gradient(90deg,#0000,#000 18%),linear-gradient(#000 87%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}.portrait-plane img{object-fit:contain;object-position:70% top;width:100%;height:100%;display:block}.portrait-plane.portrait-foreground{z-index:3;clip-path:polygon(61% 3%,68% 5%,72% 11%,74% 22%,75% 30%,73% 40%,76% 44%,84% 49%,100% 58%,100% 100%,21% 100%,28% 84%,31% 73%,36% 64%,43% 57%,49% 53%,53% 49%,50% 42%,49% 32%,48% 21%,49% 13%,54% 6%);pointer-events:none;-webkit-mask-image:linear-gradient(#000 87%,#0000);mask-image:linear-gradient(#000 87%,#0000)}:root[data-theme=dark] .portrait-plane:not(.portrait-foreground){-webkit-mask-image:linear-gradient(90deg,#0000,#000 38%),linear-gradient(#000 87%,#0000);mask-image:linear-gradient(90deg,#0000,#000 38%),linear-gradient(#000 87%,#0000)}.portrait-pending{background:var(--surface);flex-direction:column;gap:25px;min-height:480px;padding:70px;display:flex}.portrait-pending p{font:50px/1 Georgia,serif}.portrait-pending span{font-size:18px}.hero-object{z-index:5;pointer-events:none;width:165px;height:120px;transform:perspective(850px) rotateX(calc(13deg + var(--py)*-15deg)) rotateY(calc(-25deg + var(--px)*23deg)) rotate(-13deg);filter:drop-shadow(8px 22px 14px #20251e45);transition:transform .3s ease-out;position:absolute;top:65%;right:6%}.hero-object>span{transform:translate(calc(var(--depth)*-1.8px),calc(var(--depth)*-1.3px));background:#5b472b;position:absolute;inset:0;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.hero-object>span:nth-child(2n){background:#91704e}.hero-object>span.front{background:#c5ad83}.hero-bottom{z-index:4;margin-top:42px;position:relative}.hero-offer{align-items:center;gap:40px;width:max-content;max-width:58%;display:flex}.hero-offer p{letter-spacing:-.035em;font-size:clamp(23px,2.15vw,38px);line-height:1.18}.hero-offer em{color:var(--accent);font-family:Georgia,serif}.round-cta{text-align:center;border-radius:50%;flex-shrink:0;justify-content:center;width:112px;height:112px;padding:20px;font-size:15px;line-height:1.1;transform:rotate(-9deg)}.round-cta b{margin-top:10px;font-size:35px;font-weight:400;line-height:1.1;display:block}.hero-foot{z-index:5;border-top:1px solid var(--line);justify-content:space-between;gap:30px;margin-top:70px;padding-top:20px;display:flex;position:relative}.hero-foot a{white-space:nowrap;position:relative}.hero-foot a>.action-arrow{margin-left:20px;transition:transform .3s;display:inline-block}.selected-work{padding-top:55px;padding-bottom:80px}.work-list{isolation:isolate;position:relative;overflow:clip}.work-row{border-top:1px solid var(--line);width:65%;padding:30px 0 27px;transition:background .35s}.work-row:last-of-type{border-bottom:1px solid var(--line)}.work-row-top{grid-template-columns:45px minmax(0,1fr);align-items:center;gap:12px 18px;display:grid}.project-heading{min-width:0;font-weight:400}.project-trigger{color:var(--ink);text-align:left;background:0 0;border:0;align-items:center;gap:25px;width:100%;padding:8px 0;display:flex}.project-trigger .project-label{letter-spacing:-.055em;font:400 clamp(30px,3.8vw,72px)/1.05 Georgia,serif;transition:transform .45s cubic-bezier(.2,.8,.2,1),color .3s}.project-trigger>span:last-child{margin-left:auto;font-size:40px;transition:transform .4s}.project-status{border:1px solid var(--line);text-align:center;border-radius:50px;grid-column:2;justify-self:start;padding:8px 14px;font-size:14px;line-height:1.4}.work-row-bottom{color:var(--muted);padding:22px 0 0 63px;font-size:16px;line-height:1.45;display:block}.work-row-bottom>p{color:var(--ink);max-width:620px;margin:10px 0}.work-row-bottom>span:last-child{display:block}.project-links{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.work-row>.project-links{padding-left:63px}.project-links a,.project-links button{border:1px solid var(--line);min-height:44px;color:var(--ink);background:0 0;border-radius:40px;align-items:center;gap:15px;padding:11px 16px;font-size:15px;font-weight:600;transition:background .3s,color .3s,border-color .3s;display:inline-flex}.preview-rail{border-left:1px solid var(--line);pointer-events:none;width:32%;color:var(--muted);position:absolute;inset:0 0 0 auto}.preview-rail>span{font:italic 28px/1.3 Georgia,serif;position:absolute;top:40%;left:10%;right:8%}.work-note{color:var(--muted);max-width:800px;padding-top:22px;font-size:15px;line-height:1.5}.hover-preview{z-index:5;color:#292c25;pointer-events:none;background:#ece8df;height:296px;max-height:78vw;padding:14px;transition:transform .13s linear;position:absolute;top:0;left:0;overflow:hidden;box-shadow:0 20px 45px #0003}.hover-preview img{object-fit:cover;object-position:top;width:100%;height:calc(100% - 54px);display:block}.hover-preview figcaption{padding:12px 0 2px;font-size:14px;font-weight:600;line-height:1.4}.touch-preview{display:none}.project-intro{padding-block:25px 0}.project-scroll{background:var(--scene);height:190vh;color:var(--scene-ink);position:relative}.project-pin{flex-direction:column;height:100vh;min-height:680px;padding:26px 0 20px;display:flex;position:sticky;top:0;overflow:clip}.scene-heading{grid-template-columns:1.7fr 1fr;align-items:start;gap:12px 50px;display:grid}.scene-heading>.eyebrow{color:#cbd5b5;grid-column:1/-1}.scene-heading h3{letter-spacing:-.035em;font:400 clamp(28px,3.4vw,60px)/1.1 Georgia,serif}.scene-heading>p{padding-top:22px;font-size:17px;line-height:1.45}.scene-canvas{perspective:1000px;flex:1;justify-content:center;align-items:center;width:100%;min-height:300px;display:flex;position:relative}.canvas-word{opacity:.06;white-space:nowrap;font:italic 15vw/1 Georgia,serif;position:absolute}.source-files{justify-content:center;align-items:center;transition:opacity .5s,transform .7s;display:flex;position:absolute;inset:0}.source-file{color:#393f2e;width:180px;height:230px;transform:translateX(calc((var(--i) - 1)*var(--fan))) rotate(calc((var(--i) - 1)*14deg));background:#eee7cf;padding:25px 20px;transition:transform .6s;position:absolute;box-shadow:0 18px 30px #0003}.source-file .xlsx{color:#686f4b;margin:12px 0 20px;font:22px Georgia,serif;display:block}.source-file strong{margin-bottom:10px;font-size:22px;font-weight:500;display:block}.source-file>span:not(.xlsx){font-size:12px}.file-lines{margin-top:18px}.file-lines i{background:#c7bea2;height:6px;margin-top:8px;display:block}.file-fold{clip-path:polygon(0 0,100% 100%,0 100%);background:#d4c7a1;width:30px;height:30px;position:absolute;top:0;right:0}.processing-orbit{opacity:0;text-align:center;transition:opacity .5s,transform .7s;position:absolute;transform:scale(.7)}.processing-orbit>div{color:#242d1e;background:#b6c397;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:220px;height:220px;display:flex;box-shadow:0 20px 60px #0003}.processing-orbit>div>span{font:italic 70px/1 Georgia,serif}.processing-orbit strong{font-size:20px;font-weight:500}.processing-orbit>p{width:400px;font-size:15px;position:absolute;top:calc(100% + 24px);left:50%;transform:translate(-50%)}.orbit-line{border:1px solid #dce5c766;border-radius:50%;position:absolute;inset:-25px;transform:rotateX(65deg)rotate(-30deg)}.orbit-line.second{transform:rotateY(65deg)rotate(30deg)}.real-screen{z-index:2;color:#343b2d;opacity:0;background:#f4f3eb;border-radius:10px;width:min(850px,76%);transition:opacity .5s,transform .7s;overflow:hidden;transform:scale(.65)rotateX(12deg);box-shadow:0 15px 60px #0004}.real-screen.shown{opacity:1;transform:scale(var(--screen-scale)) rotateX(0)}.screen-chrome{justify-content:space-between;padding:12px 20px;font-size:12px;display:flex}.real-screen img{width:100%;height:auto;display:block}.real-screen figcaption{padding:10px 20px;font-size:12px}.project-pin[data-stage="1"] .source-files,.project-pin[data-stage="2"] .source-files{opacity:0;transform:scale(.45)rotate(20deg)}.project-pin[data-stage="1"] .processing-orbit{opacity:1;transform:scale(1)}.scene-footer{flex-shrink:0}.stage-nav{border-block:1px solid #d3dcc350;grid-template-columns:repeat(3,1fr);display:grid}.stage-nav button{text-align:left;color:var(--scene-ink);border:0;background:0 0;border-right:1px solid #d3dcc350;align-items:center;gap:16px;padding:20px 12px;font-size:16px;display:flex}.stage-nav button[aria-pressed=true]{color:#e8d09a;background:#fff1}.stage-nav button>span{font-size:13px}.stage-nav i{margin-left:auto;font-style:normal}.screen-actions{justify-content:center;gap:35px;padding-top:18px;display:flex}.screen-actions button{color:var(--scene-ink);background:0 0;border:0;border-bottom:1px solid #d3dcc380;padding:8px 0;font-size:15px}.scene-footer>p{text-align:center;color:#d1d9c5;padding-top:13px;font-size:13px}.case-note{color:var(--muted);grid-template-columns:1fr 1fr;gap:60px;padding:30px 0 70px;font-size:17px;line-height:1.55;display:grid}.brand-lab{padding-block:30px 100px}.mark-options{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.mark-options article{border:1px solid var(--line);border-radius:2px;padding:24px;transition:background .3s}.mark-options article.selected{background:var(--surface);border-color:var(--accent)}.mark-options button{text-align:left;width:100%;color:var(--ink);background:0 0;border:0;flex-direction:column;gap:25px;padding:0;display:flex}.large-mark{object-fit:contain;align-self:center;width:min(80%,230px);height:155px}.small-proofs{align-items:center;gap:18px;width:100%;font-size:14px;display:flex}.small-proofs>span{margin-left:auto}.mark-options p{margin:25px 0 20px;font-size:17px;line-height:1.5}.mark-options a{border-bottom:1px solid var(--ink);padding-bottom:5px;font-size:15px;font-weight:600}:root[data-theme=dark] .brand-lockup img,:root[data-theme=dark] .mark-options img{filter:brightness(0)invert(.9)}.slice-contact{border-top:1px solid var(--line);grid-template-columns:1.2fr 1fr;gap:70px;padding:50px 0 80px;display:grid}.slice-contact h2{margin:20px 0 28px;position:relative}.slice-contact h2>span{margin-left:30px;font-size:.55em;transition:transform .5s;display:inline-block}.slice-contact:hover h2>span{transform:rotate(45deg)}.slice-contact>div>p{max-width:380px;font-size:20px;line-height:1.45}.slice-contact form{padding-top:20px}.slice-contact label{margin-bottom:18px;font-size:20px;display:block}textarea{width:100%;color:var(--ink);border:1px solid var(--line);resize:vertical;background:0 0;padding:20px;font-size:18px;line-height:1.5}textarea::placeholder{color:var(--muted)}.brief-button{width:100%;margin-top:20px;font-size:17px}.contact-disclaimer{color:var(--muted);margin-top:20px;font-size:15px;line-height:1.5}.local-draft{border:1px solid var(--line);margin-top:20px;padding:20px;font-size:16px}.local-draft pre{font:inherit;white-space:pre-wrap;overflow-wrap:anywhere;margin:20px 0}.local-draft button{color:var(--ink);background:0 0;border:0;text-decoration:underline}.site-footer{border-top:1px solid var(--line);justify-content:space-between;gap:25px;padding:25px 0 30px;font-weight:500;display:flex}.site-footer button{color:var(--ink);background:0 0;border:0;font-size:14px}.side-menu{width:min(640px,95vw);max-width:none;height:100dvh;max-height:none;color:var(--ink);background:0 0;border:0;margin:0;padding:0;animation:.5s cubic-bezier(.2,.8,.2,1) both menu-in;position:fixed;inset:0 0 0 auto;overflow:visible}.side-menu:before{content:"";background:var(--paper);z-index:-1;transform-origin:100%;border-radius:50%;width:130px;height:100%;animation:.6s cubic-bezier(.2,.8,.2,1) both edge-settle;position:absolute;top:0;left:-65px;transform:scaleX(.2)}.side-menu::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#111b;animation:.4s both backdrop-in}.menu-panel{background:var(--paper);height:100%;padding:max(24px,env(safe-area-inset-top)) 42px 35px;flex-direction:column;display:flex;overflow-y:auto}.menu-top{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding-bottom:30px;font-size:14px;display:flex}.menu-top .fill-button{padding:13px 20px;font-size:16px}.side-menu nav{flex-direction:column;gap:10px;padding:40px 0;display:flex}.side-menu nav a{letter-spacing:-.045em;padding:6px 0;font:400 clamp(40px,4vw,70px)/1.1 Georgia,serif;transition:transform .35s,color .3s}.side-menu sup{vertical-align:top;margin-left:20px;font:14px Segoe UI,sans-serif}.theme-settings{border-top:1px solid var(--line);margin-top:auto;padding-top:25px;font-size:15px}.theme-settings>div{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.theme-settings button{color:var(--ink);border:1px solid var(--line);background:0 0;border-radius:40px;padding:10px 15px;font-size:15px}.theme-settings button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.menu-panel>p{color:var(--muted);padding-top:25px;font-size:16px;line-height:1.45}.side-menu.closing{animation:.32s ease-in both menu-out}@keyframes menu-in{0%{transform:translate(115%)}to{transform:translate(0)}}@keyframes menu-out{to{transform:translate(115%)}}@keyframes edge-settle{0%{transform:scaleX(1)}to{transform:scaleX(.15)}}@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}.screen-dialog{width:min(1080px,92vw);max-width:none;max-height:calc(100dvh - max(24px,env(safe-area-inset-top,0px)) - max(24px,env(safe-area-inset-bottom,0px)));border:1px solid var(--line);background:var(--paper);color:var(--ink);padding:0;overflow-y:auto}.screen-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#111c}.case-dialog-header{z-index:3;background:var(--paper);border-bottom:1px solid var(--line);padding:24px 35px 18px;position:sticky;top:0}.screen-dialog .case-dialog-header h2{margin:18px 0 0;font-size:clamp(28px,4vw,54px)}.detail-body{padding:0 35px 45px}.detail-top{justify-content:space-between;align-items:center;gap:25px;font-size:15px;display:flex}.dialog-close{padding:12px 20px;font-size:16px}.screen-dialog h2{overflow-wrap:anywhere;margin:25px 0 12px;font-size:clamp(32px,5vw,65px)}.detail-body>img{border:1px solid var(--line);width:100%;height:auto;margin:25px 0 15px;display:block}.detail-body>p{margin-top:20px;font-size:18px;line-height:1.55}.screen-dialog .image-caption,.detail-status,.detail-stack{color:var(--muted);font-size:15px}.detail-limitation{border-left:3px solid var(--accent);padding-left:20px}.detail-stack{margin-top:25px;display:block}.detail-links{margin:18px 0 25px}.ecosystem{padding:20px 0 70px}.ecosystem-case{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;align-items:center;gap:60px;padding:50px 0;display:grid}.ecosystem-copy h3{letter-spacing:-.045em;margin:18px 0;font:400 clamp(35px,4vw,68px)/1.1 Georgia,serif}.ecosystem-copy>p{font-size:18px;line-height:1.6}.ecosystem-copy .tool-summary{margin:20px 0;font-size:23px;line-height:1.35}.ecosystem-copy .tool-status{color:var(--accent);font-size:14px;font-weight:600}.ecosystem-shot{border:1px solid var(--line);background:var(--surface);color:var(--ink);text-align:left;padding:16px;transition:transform .4s}.ecosystem-shot img{object-fit:contain;object-position:top;width:100%;max-height:470px;display:block}.ecosystem-shot>span{justify-content:space-between;gap:15px;padding:15px 0 0;font-size:14px;line-height:1.5;display:flex}.ecosystem-shot b{font-size:24px;font-weight:400}.contact-links{flex-wrap:wrap;gap:18px;margin-top:25px;display:flex}.contact-links a{border:1px solid var(--ink);border-radius:40px;min-height:48px;padding:10px 18px;font-size:18px;transition:background .25s,color .25s,transform .25s}.email-contact{margin-top:28px}.email-contact label{color:var(--muted);margin-bottom:10px;font-size:15px}.email-contact input{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--ink);border-radius:0;padding:14px 12px;font-size:18px}.email-contact>div{flex-wrap:wrap;gap:10px 20px;margin-top:14px;display:flex}.email-contact a,.email-contact button{border:1px solid var(--line);color:var(--ink);background:0 0;border-radius:5px;min-height:44px;padding:9px 12px;font-size:15px;transition:background .25s,color .25s,border-color .25s}.email-copy-status{min-height:1.5em;color:var(--muted);margin-top:12px;font-size:14px;line-height:1.5}.footer-author>a{align-items:center;gap:16px;font-size:15px;line-height:1.3;display:flex}.footer-author>p{color:var(--muted);margin-top:15px;font-size:13px}:root[data-theme=dark] .footer-mark{filter:brightness(0)invert(.9)}.site-footer{flex-wrap:wrap;align-items:center}.site-footer>span{padding-right:68px}.floating-top{z-index:25;bottom:max(20px,env(safe-area-inset-bottom));right:max(20px,env(safe-area-inset-right));opacity:0;pointer-events:none;justify-content:center;width:52px;height:52px;padding:0;font-size:29px;line-height:1;transition:opacity .3s,transform .4s;position:fixed;transform:translateY(140%)}.floating-top.visible{opacity:1;pointer-events:auto;transform:none}.content-only-notice{color:#292c25;background:#e8dfbb;margin:0;padding:14px 20px;font-size:16px;line-height:1.5}.asset-missing{background:var(--surface);min-height:220px;color:var(--muted);flex-direction:column;justify-content:center;gap:18px;padding:25px;font-size:17px;line-height:1.5;display:flex}.asset-missing small{font-size:14px}.detail-gallery{margin-top:28px}.detail-gallery img{border:1px solid var(--line);width:100%;height:auto;display:block}.detail-gallery figcaption{color:var(--muted);margin-top:12px;font-size:15px;line-height:1.5}.static-project{height:auto}.static-project .project-pin{height:auto;min-height:0;padding-top:35px;position:relative}.static-project .scene-heading{display:block}.static-project .scene-heading h3{margin-top:15px}.mobile-process{grid-template-columns:repeat(3,1fr);gap:35px;padding:20px 0;list-style:none;display:grid}.mobile-process li{gap:15px;font-size:17px;line-height:1.45;display:flex}.mobile-process li>span{color:#c9d6ac;font-size:14px}.mobile-process h4{margin-bottom:8px;font-size:19px;font-weight:600}.static-project .scene-canvas{height:auto;min-height:0;padding:15px 0}.static-project .source-files,.static-project .processing-orbit,.static-project .canvas-word{display:none}.static-project .real-screen{width:min(900px,90%);transform:none}.motion-off *,.motion-off :before,.motion-off :after,.motion-off dialog::backdrop{transition:none!important;animation:none!important}.motion-off .hero-name>span,.motion-off .portrait-plane,.motion-off .sun-disc{transform:none}.motion-off .hero-object{transform:rotate(-13deg)}.motion-off .hover-preview{display:none}html:has(.motion-off){scroll-behavior:auto}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.opening-curtain{display:none}}@media (width>=1700px){.hero-bottom{margin-top:65px}.hero-foot{margin-top:120px}}@media (width<=1100px){.hero-offer{gap:22px;max-width:65%}.hero-name{font-size:14vw}.hero-studio{min-height:690px}.hero-bottom{margin-top:42px}.hero-foot{margin-top:65px}.work-row{width:100%}.work-row-top{grid-template-columns:28px minmax(0,1fr)}.work-row-bottom,.work-row>.project-links{padding-left:46px}.project-status{font-size:13px}.project-trigger .project-label{font-size:4.4vw}.preview-rail{display:none}.touch-preview{border:1px solid var(--line);width:100%;max-width:650px;color:var(--ink);background:var(--surface);text-align:left;margin-top:22px;padding:12px;display:block}.touch-preview img{object-fit:cover;object-position:top;width:100%;height:220px;display:block}.touch-preview>span{padding:12px 0 0;font-size:15px;display:block}.ecosystem-case{gap:30px}}@media (width<=800px){.page-width{width:calc(100% - 36px)}.site-header{gap:12px;min-height:82px;padding-block:13px}.brand-lockup>span,.theme-word{display:none}.brand-lockup img{width:58px;height:42px}.site-header nav{gap:15px;font-size:14px}.site-header nav>a{white-space:nowrap}.header-contact{gap:15px;padding:12px 16px;font-size:14px}.theme-toggle{min-width:32px;padding:0}.hero-studio{min-height:0;padding-top:20px}.hero-kicker{gap:15px;font-size:12px}.hero-kicker span:last-child{max-width:45%;line-height:1.35}.hero-name{margin:35px 0 0 4%;font-size:23.7vw;line-height:.92}.hero-name>span:last-child{margin-top:0;margin-left:6%}.hero-name>span{transform:none!important}.portrait-plane{aspect-ratio:auto;width:100%;height:340px;margin:22px auto 0;position:relative;top:auto;right:auto;transform:none;-webkit-mask-image:linear-gradient(#000 88%,#0000);mask-image:linear-gradient(#000 88%,#0000)}.portrait-plane img{object-fit:cover;object-position:68% top}.portrait-plane.portrait-foreground{display:none}:root[data-theme=dark] .portrait-plane:not(.portrait-foreground){-webkit-mask-image:linear-gradient(#000 88%,#0000);mask-image:linear-gradient(#000 88%,#0000)}.portrait-pending{min-height:340px;padding:35px}.sun-disc{width:95vw;height:95vw;top:190px;right:-25%}.hero-object{width:clamp(70px,21vw,112px);height:clamp(55px,17vw,85px);top:calc(54vw + 100px);left:5%;right:auto;transform:rotate(-13deg)}.hero-bottom{margin-top:28px}.hero-offer{justify-content:space-between;gap:15px;width:100%;max-width:none}.hero-offer p{font-size:clamp(23px,6vw,35px);line-height:1.2}.round-cta{width:96px;height:96px;padding:15px;font-size:13px}.round-cta b{margin-top:7px;font-size:28px}.hero-foot{align-items:flex-start;gap:20px;margin-top:36px;font-size:13px}.hero-foot>span{max-width:55%}.hero-foot a{white-space:normal;text-align:right}.hero-foot a>.action-arrow{margin-left:7px}.selected-work{padding-top:35px;padding-bottom:50px}.section-line{gap:20px;font-size:13px}.section-line>span:last-child{text-align:right;max-width:48%}.section-heading{padding:25px 0 35px;display:block}h2{font-size:clamp(38px,9.5vw,65px)}.section-heading>p{margin-top:25px;font-size:18px}.work-row{padding:23px 0}.work-row-top{grid-template-columns:25px minmax(0,1fr);gap:10px}.work-number{align-self:start;padding-top:8px;font-size:13px}.project-trigger .project-label{letter-spacing:-.045em;overflow-wrap:anywhere;font-size:clamp(25px,6.6vw,45px)}.project-trigger{gap:10px}.project-trigger>span:last-child{font-size:27px}.project-status{grid-column:2;justify-self:start;max-width:none;padding:6px 11px;font-size:13px}.work-row-bottom{padding:20px 0 0 35px;font-size:15px;display:block}.work-row-bottom p{margin:10px 0;font-size:17px}.work-row-bottom>span:last-child{text-align:left}.work-row>.project-links{padding-left:35px}.touch-preview{text-align:left;border:1px solid var(--line);width:100%;color:var(--ink);background:var(--surface);margin-top:22px;padding:0;display:block}.touch-preview img{object-fit:cover;object-position:top;width:100%;height:190px;display:block}.touch-preview>span{padding:12px;font-size:14px;display:block}.work-note{font-size:14px}.project-scroll{height:auto}.project-pin{height:auto;min-height:0;padding:28px 0;position:relative}.scene-heading{display:block}.scene-heading h3{margin-top:16px;font-size:33px}.mobile-process{flex-direction:column;gap:25px;padding-block:30px;display:flex}.mobile-process li{gap:18px;font-size:17px}.mobile-process h4{font-size:20px}.screen-chrome{gap:10px;padding:10px;font-size:12px}.real-screen figcaption{padding:10px;font-size:12px}.screen-actions{gap:25px;padding-top:14px}.screen-actions button{font-size:14px}.case-note{padding:25px 0 55px;font-size:16px;display:block}.case-note p+p{margin-top:18px}.brand-lab{padding:10px 0 55px}.mark-options{grid-template-columns:1fr;gap:18px}.mark-options article{padding:23px}.mark-options button{gap:18px}.large-mark{height:145px}.mark-options p{font-size:17px}.slice-contact{padding:35px 0 50px;display:block}.slice-contact form{margin-top:25px}.ecosystem{padding:10px 0 45px}.ecosystem-case{flex-direction:column;align-items:stretch;gap:25px;padding:30px 0;display:flex}.ecosystem-copy h3{font-size:38px}.ecosystem-copy>p{font-size:17px}.ecosystem-copy .tool-summary{font-size:21px}.ecosystem-shot img{max-height:400px}.email-contact input{font-size:16px}.project-links a,.project-links button{padding:11px 13px;font-size:14px}.floating-top{right:14px;bottom:max(14px,env(safe-area-inset-bottom));width:48px;height:48px}.slice-contact h2>span{margin-left:20px}.slice-contact>div>p{font-size:18px}.site-footer{flex-wrap:wrap;gap:20px;font-size:14px}.site-footer>span{width:100%;color:var(--muted);font-size:13px}.floating-menu{top:max(14px,env(safe-area-inset-top));gap:15px;padding:14px 20px;font-size:14px;right:14px}.menu-panel{padding:22px 25px 30px}.menu-top{font-size:13px}.side-menu nav{gap:13px;padding:30px 0}.side-menu nav a{font-size:46px}.screen-dialog{width:94vw;padding:0}.case-dialog-header{padding:18px 18px 16px}.screen-dialog .case-dialog-header h2{margin-top:16px;font-size:32px}.detail-body{padding:0 18px 30px}.detail-top{align-items:flex-start;gap:15px;font-size:13px}.dialog-close{gap:15px;padding:10px 14px;font-size:14px}.detail-body>p{font-size:17px}}@media (width<=360px){.site-header{gap:8px}.brand-lockup img{width:50px;height:38px}.site-header nav{gap:8px}.site-header nav>a{font-size:13px}.header-contact{gap:10px;padding:11px 13px}.hero-offer{align-items:flex-end}.round-cta{width:82px;height:82px;padding:10px;font-size:12px}.hero-offer p{font-size:22px}.hero-foot{font-size:12px}.hero-object{left:3%}}:where(.surface-action,.plain-action){isolation:isolate;position:relative}.studio :is(button,a).surface-action{background:var(--ink);color:var(--paper);border-color:var(--ink);overflow:hidden}.surface-action .action-ink{-webkit-text-fill-color:currentColor;color:inherit;background:0 0}.studio .surface-action[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 0 -3px var(--accent)}.action-ink{max-width:100%;color:inherit;margin-block:-.12em;padding-block:.12em;display:inline-block}@supports ((-webkit-background-clip:text) or (background-clip:text)){.action-ink{background-image:linear-gradient(var(--action-flood,var(--accent)),var(--action-flood,var(--accent))),linear-gradient(var(--action-base,var(--ink)),var(--action-base,var(--ink)));-webkit-text-fill-color:transparent;background-position:bottom;background-repeat:no-repeat;background-size:100% 0%,100% 100%;-webkit-background-clip:text;background-clip:text;transition:background-size .55s cubic-bezier(.22,.75,.23,1)}.plain-action:is(:hover,:focus-visible,:active):not(:disabled) .action-ink{background-size:100% 100%,100% 100%}}.project-scroll{--action-base:var(--scene-ink);--action-flood:#e8d09a}.surface-action:before{content:"";z-index:-1;pointer-events:none;background:var(--accent);border-radius:55% 55% 0 0;transition:transform .55s cubic-bezier(.22,.75,.23,1),border-radius .55s;position:absolute;inset:-5%;transform:translateY(105%)}.surface-action:is(:hover,:focus-visible,:active):not(:disabled):before{border-radius:0;transform:translateY(0)}.studio .surface-action:is(:hover,:focus-visible,:active):not(:disabled){color:var(--accent-ink)}.action-arrow{pointer-events:none;font-style:normal;transition:transform .4s cubic-bezier(.2,.8,.2,1);display:inline-block}:is(.plain-action,.surface-action):is(:hover,:focus-visible) .action-arrow{transform:translate(3px,-3px)rotate(8deg)}.project-trigger .project-label{transition:background-size .55s cubic-bezier(.22,.75,.23,1),transform .45s cubic-bezier(.2,.8,.2,1)}.project-trigger:is(:hover,:focus-visible) .project-label{transform:translate(12px)}.project-trigger:is(:hover,:focus-visible)>.action-arrow{transform:rotate(45deg)}.round-cta:is(:hover,:focus-visible) .action-arrow{transform:translate(3px,4px)rotate(-14deg)}.site-footer a[href=\#top]:is(:hover,:focus-visible) .action-arrow{transform:translateY(-4px)}.theme-toggle:is(:hover,:focus-visible)>span:first-child{transform:rotate(70deg)}.ecosystem-shot:focus-visible{transform:rotate(-1deg)}@media (hover:hover) and (pointer:fine){.ecosystem-shot:hover{transform:rotate(-1deg)}}.side-menu nav a:is(:hover,:focus-visible) .action-ink{transform:translate(14px)}.side-menu nav .action-ink{transition:background-size .55s cubic-bezier(.22,.75,.23,1),transform .45s cubic-bezier(.2,.8,.2,1)}.plain-action{overflow:visible}.contact-links a{align-items:center;gap:12px;display:inline-flex}.ecosystem-shot>span,.touch-preview>span{padding-right:68px}.name-glyphs{pointer-events:auto;color:var(--ink);margin:-.13em -.02em;padding:.13em .02em;display:inline-block}@supports ((-webkit-background-clip:text) or (background-clip:text)){.name-glyphs{background-image:linear-gradient(var(--copper),var(--copper)),linear-gradient(var(--ink),var(--ink));-webkit-text-fill-color:transparent;background-position:bottom;background-repeat:no-repeat;background-size:100% 0%,100% 100%;-webkit-background-clip:text;background-clip:text;transition:background-size .55s cubic-bezier(.22,.75,.23,1)}.name-glyphs:is(:hover,:focus-visible){background-size:100% 100%,100% 100%}}.name-glyphs:focus-visible{outline:3px solid var(--copper);outline-offset:5px}.motion-off :is(button,a,.name-glyphs,.action-ink,.action-arrow),.motion-off :is(button,a):before{transition:none!important}.motion-off :is(.action-arrow,.project-label,.ecosystem-shot),.motion-off .side-menu nav .action-ink{transform:none!important}@media (prefers-reduced-motion:reduce){.action-ink,.action-arrow,.name-glyphs{transition:none!important}.action-arrow,.project-label,.ecosystem-shot,.side-menu nav .action-ink{transform:none!important}}@media (forced-colors:active){.name-glyphs,.action-ink{-webkit-text-fill-color:currentColor;background:0 0}:where(.studio button,.studio a):before{display:none}}.preserve-lines{white-space:pre-line}.site-header{z-index:20;position:relative}.language-picker{flex-shrink:0;position:relative}.language-trigger{min-height:44px;color:var(--ink);background:0 0;border:0;align-items:center;gap:8px;padding:5px;font-size:15px;display:flex}.language-options{z-index:60;border:1px solid var(--line);background:var(--paper);width:196px;padding:8px;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 12px 35px #0002}.language-options button{text-align:left;width:100%;min-height:46px;color:var(--ink);background:0 0;border:1px solid #0000;justify-content:space-between;align-items:center;gap:16px;padding:11px 12px;font-size:16px;display:flex}.language-options button:is(:hover,:focus-visible),.language-options button[aria-checked=true]{color:var(--ink);background:0 0;border-color:#0000}.language-options button[aria-checked=true]{font-weight:700}.translation-review{width:100%;max-width:900px;color:var(--muted);font-size:15px;line-height:1.6}.brief-error{color:var(--copper);margin-top:12px;font-size:16px;line-height:1.5}.reply-email{width:100%;color:var(--ink);border:1px solid var(--line);background:0 0;border-radius:0;margin-bottom:22px;padding:20px;font-size:18px}.contact-honeypot{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.contact-result{color:var(--ink);margin-top:16px;font-size:16px;line-height:1.5}:root[lang=th]{font-family:Leelawadee UI,Noto Sans Thai,Tahoma,Segoe UI,sans-serif}:root[lang=th] :is(h2,h3,h4,.project-label,.preview-rail>span){letter-spacing:0;font-family:Leelawadee UI,Noto Sans Thai,Tahoma,Segoe UI,sans-serif;line-height:1.3}:root[lang=th] .hero-name{font-family:Georgia,Times New Roman,serif}:root[lang=th] .section-heading h2{font-size:clamp(38px,4.6vw,82px)}:root[lang=th] .side-menu nav a{font-family:Leelawadee UI,Noto Sans Thai,Tahoma,sans-serif;font-size:clamp(30px,5vw,58px);line-height:1.35}@media (width<=800px){.site-header nav{gap:12px}.site-header .theme-word{display:none}.language-trigger{gap:5px;font-size:14px}.language-options{width:180px}:root[lang=th] .section-heading h2{font-size:clamp(32px,8vw,60px)}}@media (width<=480px){.site-header{gap:8px}.site-header nav{gap:5px}.brand-lockup img{width:50px;height:38px}.header-contact{justify-content:center;gap:0;width:44px;min-height:44px;padding:9px}.header-contact>span:first-child{display:none}.header-contact>span:last-child{font-size:24px;line-height:1}.theme-toggle{min-width:28px}.site-header nav>a{font-size:13px}.language-trigger{gap:3px;padding:2px;font-size:13px}.language-options{right:-45px}}