:root{--ink:#0c1114;--ink-2:#141b1f;--bone:#ece6dd;--mute:#8c979b;--red:#ff2b1c;--line:#ece6dd21;--wide:"Archivo","Arial Black","Helvetica Neue",Arial,sans-serif;--mono:"JetBrains Mono",ui-monospace,Menlo,Consolas,monospace;--gut:clamp(16px,4.4vw,72px);--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:hidden}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0}body{background:var(--ink);color:var(--bone);font-family:var(--wide);-webkit-font-smoothing:antialiased;font-size:1.0625rem;font-stretch:100%;line-height:1.55;overflow-x:hidden}h1,h2,h3,p,ul,ol,dl,dd,figure{margin:0}ul,ol{padding:0;list-style:none}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}:focus-visible{outline:2px solid var(--red);outline-offset:4px}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.wrap{padding-inline:var(--gut);max-width:1600px;margin-inline:auto}.mono{font-family:var(--mono);letter-spacing:0;font-size:.8125rem;line-height:1.6}.disp{font-family:var(--wide);text-transform:uppercase;letter-spacing:-.01em;text-wrap:balance;font-weight:900;font-stretch:125%;line-height:.9}.red{color:var(--red)}.light{z-index:0;pointer-events:none;background:radial-gradient(60% 55% at 62% 38%,#ffaa6e1a,#ffaa6e00 60%),radial-gradient(90% 80% at 50% 120%,#3c5a782e,#0000 60%);position:fixed;inset:0}#gl{z-index:3;pointer-events:none;width:100%;height:100%;display:block;position:fixed;inset:0}#links{z-index:3;pointer-events:none;width:100%;height:100%;position:fixed;inset:0;overflow:visible}.grain{z-index:6;pointer-events:none;opacity:.07;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .9 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:fixed;inset:-50%}main{z-index:1;position:relative}.front{z-index:4;position:relative}.slot{pointer-events:none;position:relative}.slot img{object-fit:contain;width:100%;height:100%;display:none}.no-gl .slot img{display:block}.nav{z-index:5;padding:calc(env(safe-area-inset-top,0px) + 18px) var(--gut) 14px;mix-blend-mode:normal;justify-content:space-between;align-items:center;gap:20px;display:flex;position:fixed;top:0;left:0;right:0}.nav .logo{line-height:0;display:block}.nav .logo svg{width:auto;height:clamp(26px,2.3vw,32px);display:block}.nav ul{font-family:var(--wide);letter-spacing:.02em;gap:clamp(16px,2.6vw,40px);font-size:.8125rem;font-weight:700;font-stretch:112%;display:flex}.nav a{padding-block:6px;position:relative}.nav a:after{content:"";background:var(--red);transform-origin:0;height:2px;transition:transform .35s cubic-bezier(.2,.7,.2,1);position:absolute;bottom:2px;left:0;right:0;transform:scaleX(0)}.nav a:hover:after,.nav a.on:after{transform:scaleX(1)}.hero{min-height:100svh;padding-top:calc(env(safe-area-inset-top,0px) + 92px);grid-template-rows:auto 1fr auto;padding-bottom:clamp(24px,4svh,44px);display:grid;position:relative;overflow:hidden}.hero h1{letter-spacing:-.02em;white-space:nowrap;z-index:1;justify-content:flex-start;font-size:clamp(3.6rem,18vw,20rem);line-height:.8;display:flex;position:relative}.hero h1 .word{align-items:flex-start;display:inline-flex;position:relative}.hero h1 .ch{padding-bottom:.02em;display:inline-block;overflow:hidden}.hero h1 .ch>span{display:inline-block}.hero h1 sup{color:var(--red);margin-left:.22em;font-size:.12em;font-weight:700;font-stretch:100%;line-height:1;position:absolute;top:.1em;left:100%}.hero-mid{position:relative}#slot-hero{aspect-ratio:1;width:min(46vw,62svh);position:absolute;top:32%;left:50%;transform:translate(-50%,-50%)}.hero-low{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);align-items:end;gap:28px;display:grid}.tag{font-family:var(--wide);text-transform:uppercase;color:var(--red);margin-bottom:clamp(20px,4svh,48px);font-size:clamp(.9rem,1.25vw,1.15rem);font-weight:800;font-stretch:125%;line-height:1.05}.stats{align-items:stretch;gap:clamp(18px,3vw,44px);display:flex}.stat{gap:6px;display:grid}.stat b{font-family:var(--wide);color:var(--red);font-variant-numeric:tabular-nums;font-size:clamp(2.4rem,4.6vw,4.4rem);font-weight:800;font-stretch:125%;line-height:.9}.stat span{color:var(--mute)}.stats i{background:var(--line);width:1px}.hero.wrap{max-width:none}.roles{text-align:right;white-space:nowrap;justify-self:stretch;min-width:0;font-size:clamp(1.6rem,3.6vw,4rem);line-height:.92}.roles em{display:inline-block!important}.roles span{display:block;overflow:hidden}.roles span>em{font-style:normal;display:block}.roles span:nth-child(2){padding-right:clamp(0px,6vw,110px)}.hint{color:var(--mute);white-space:nowrap;align-items:center;gap:10px;display:flex;position:absolute;bottom:clamp(14px,3svh,28px);left:50%;transform:translate(-50%)}.hint:before{content:"";border:1px solid var(--line);background:radial-gradient(circle,var(--red) 0 3px,transparent 4px);border-radius:50%;width:22px;height:22px}.about{padding-block:clamp(110px,16vw,220px) clamp(80px,10vw,140px)}.about-head .disp{font-size:clamp(2.6rem,8.2vw,9rem)}.about-head p{color:var(--mute);max-width:34rem;margin-top:22px}.about-grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:start;gap:48px clamp(32px,6vw,110px);margin-top:clamp(60px,9vw,130px);display:grid}.hello{justify-content:space-between;align-items:baseline;gap:20px;display:flex}.hello .disp{color:var(--red);font-size:clamp(3rem,7vw,7rem)}.statement{font-family:var(--wide);text-transform:uppercase;text-wrap:balance;max-width:24em;margin-top:24px;font-size:clamp(1.35rem,2.5vw,2.35rem);font-weight:800;font-stretch:118%;line-height:1.08}.cols{color:var(--mute);grid-template-columns:1fr 1fr;gap:28px;margin-top:30px;display:grid}.cols p{max-width:30em}.tools{gap:14px;max-width:680px;margin-top:clamp(40px,5vw,64px);display:grid}.tools p{color:var(--mute)}.tools ul{border-top:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 24px;padding-top:18px;display:grid}.tools li{font-family:var(--wide);color:var(--bone);opacity:.62;align-items:center;gap:12px;font-size:clamp(1.05rem,1.6vw,1.45rem);font-weight:800;font-stretch:112%;line-height:1;transition:opacity .25s;display:flex}.tools li img{filter:brightness(0)invert(.92);flex:none;width:auto;height:1.45em;transition:filter .3s}.tools li:hover{opacity:1}.tools li:hover img{filter:none}.tools li.mono:hover img{filter:brightness(0)invert()}@media (width<=520px){.tools ul{grid-template-columns:repeat(2,minmax(0,1fr))}}.about-hat{align-self:center;justify-items:center;gap:8px;display:grid;position:relative}.about-hat:before{content:"";pointer-events:none;background:radial-gradient(closest-side,#ff782829,#ff782800);border-radius:50%;position:absolute;inset:8% 4% 14%}#slot-about{aspect-ratio:1;width:100%;max-width:560px;position:relative}.about-hat .cap{color:var(--mute);text-align:center}.work{padding-block:clamp(80px,10vw,140px)}.sec-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:24px;margin-bottom:clamp(40px,6vw,80px);display:flex}.sec-head .disp{font-size:clamp(2.8rem,8.2vw,9rem)}.sec-head p{color:var(--mute);max-width:24rem}.btn{font-family:var(--wide);border:1px solid var(--bone);cursor:pointer;color:var(--bone);background:0 0;border-radius:999px;justify-self:start;align-items:center;gap:12px;padding:14px 20px;font-size:.875rem;font-weight:700;font-stretch:112%;transition:background .25s,color .25s;display:inline-flex}.btn:hover{background:var(--bone);color:var(--ink)}.btn.solid{background:var(--red);border-color:var(--red);color:#fff}.btn.solid:hover{background:var(--bone);border-color:var(--bone);color:var(--ink)}.work{padding-block:0;position:relative}.work-pin{min-height:100svh;padding-top:calc(env(safe-area-inset-top,0px) + 96px);grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr);padding-bottom:clamp(24px,4svh,48px);display:grid;overflow:hidden}.work .sec-head{flex-wrap:nowrap;align-items:center;margin-bottom:clamp(20px,3svh,40px)}.work .sec-head .disp{font-size:clamp(2.6rem,7vw,7.4rem)}.work-side{align-items:center;gap:clamp(12px,2vw,28px);display:flex}.work-side p{color:var(--mute);max-width:20rem}#slot-work{aspect-ratio:1;flex:none;width:clamp(88px,10vw,150px)}.counter{font-variant-numeric:tabular-nums;color:var(--bone);white-space:nowrap}.counter b{color:var(--red);font-weight:500}.track{padding-inline:var(--gut);scroll-snap-type:x mandatory;scrollbar-width:none;align-items:stretch;gap:clamp(16px,2.4vw,36px);display:flex;overflow-x:auto}.track::-webkit-scrollbar{display:none}.motion .track{scroll-snap-type:none;width:max-content;overflow:visible}.proj{scroll-snap-align:start;flex:none;grid-template-rows:auto auto;align-content:start;gap:16px;width:min(84vw,560px,100svh - 300px);min-width:min(84vw,280px);display:grid}.proj-open{all:unset;cursor:pointer;min-height:0;display:block;position:relative}.proj-open:focus-visible{outline:2px solid var(--red);outline-offset:6px}.cover{aspect-ratio:1;background:#05080c;border-radius:2px;width:100%;position:relative;overflow:hidden}.cover>img,.cover>svg{object-fit:cover;width:100%;height:100%;transition:transform .9s cubic-bezier(.2,.7,.2,1);display:block;position:absolute;inset:0}.proj-open:hover .cover>img,.proj-open:hover .cover>svg{transform:scale(1.035)}.cover .open-tag{z-index:1;font-family:var(--mono);color:var(--bone);border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0c1114b8;border-radius:999px;padding:8px 14px;font-size:.75rem;transition:background .25s;position:absolute;bottom:16px;right:16px}.proj-open:hover .open-tag{background:var(--red);border-color:var(--red)}.proj-meta{grid-template-columns:3rem minmax(0,1fr);align-items:baseline;gap:4px 14px;display:grid}.proj-meta .n{color:var(--red)}.proj-meta h3{font-family:var(--wide);text-transform:uppercase;font-size:clamp(1.4rem,2.8vw,2.6rem);font-weight:900;font-stretch:125%;line-height:1}.proj.end{border:1px solid var(--line);align-content:center;gap:20px;width:min(34vw,460px);padding:clamp(24px,3vw,44px);display:grid}.proj.end h3{font-family:var(--wide);font-size:clamp(1.5rem,2.6vw,2.4rem);font-weight:800;font-stretch:118%;line-height:1.02}.proj.end p{color:var(--mute)}.detail{z-index:8;overscroll-behavior:contain;visibility:hidden;background:0 0;position:fixed;inset:0;overflow-y:auto}.detail.open{visibility:visible}.detail .veil{background:var(--ink);opacity:0;position:fixed;inset:0}.d-hero{height:74svh;min-height:420px;position:relative}.d-cover{background:#05080c;position:absolute;inset:0;overflow:hidden}.d-cover>img,.d-cover>svg{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.d-cover:after{content:"";background:linear-gradient(#0c111400 45%,#0c1114eb);position:absolute;inset:0}.d-title{left:var(--gut);right:var(--gut);z-index:2;gap:12px;display:grid;position:absolute;bottom:clamp(24px,5svh,56px)}.d-title h2{font-size:clamp(2.6rem,9vw,9.5rem)}.d-title p{color:var(--bone);max-width:36rem}.d-close{z-index:3;top:calc(env(safe-area-inset-top,0px) + 16px);right:var(--gut);font-family:var(--wide);color:var(--bone);border:1px solid var(--line);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0c1114bf;border-radius:999px;padding:12px 18px;font-size:.875rem;font-weight:700;font-stretch:112%;position:fixed}.d-close:hover{background:var(--bone);color:var(--ink)}.d-body{grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:40px clamp(32px,6vw,110px);padding-block:clamp(48px,7vw,100px);display:grid;position:relative}.d-facts{border-top:1px solid var(--line);align-content:start;gap:0;display:grid;position:sticky;top:90px}.d-facts div{border-bottom:1px solid var(--line);gap:4px;padding-block:14px;display:grid}.d-facts dt{color:var(--mute)}.d-sections{gap:clamp(36px,5vw,64px);display:grid}.d-sections section{grid-template-columns:9rem minmax(0,1fr);gap:12px 24px;display:grid}.d-sections h3{color:var(--red);font-family:var(--mono);padding-top:.5rem;font-size:.8125rem;font-weight:500}.d-sections p{text-wrap:pretty;max-width:38rem;font-size:clamp(1.15rem,1.6vw,1.45rem);line-height:1.45}.d-next{border-top:1px solid var(--line);cursor:pointer;color:var(--bone);text-align:left;font:inherit;background:0 0;border-bottom:0;border-left:0;border-right:0;grid-column:1/-1;justify-content:space-between;align-items:center;gap:20px;padding-top:28px;display:flex}.d-next span:last-child{font-family:var(--wide);text-transform:uppercase;font-size:clamp(1.6rem,4vw,3.6rem);font-weight:900;font-stretch:125%;line-height:1;transition:color .25s}.d-next:hover span:last-child{color:var(--red)}.d-note{color:var(--mute);grid-column:1/-1}.pre{z-index:2;background:var(--ink);pointer-events:auto;grid-template-rows:1fr auto;display:grid;position:fixed;inset:0}.preloading body{overflow:hidden}.pre-in{justify-content:space-between;align-items:flex-end;gap:20px;padding-bottom:clamp(20px,4svh,44px);display:flex}.pre-name{font-size:clamp(1.2rem,2.4vw,2rem);line-height:1}.pre-name small{font-family:var(--mono);text-transform:none;color:var(--mute);letter-spacing:0;margin-top:10px;font-size:.75rem;font-weight:400;font-stretch:100%;display:block}.pre-pct{font-family:var(--wide);font-variant-numeric:tabular-nums;color:var(--bone);font-size:clamp(3.4rem,13vw,13rem);font-weight:900;font-stretch:125%;line-height:.78}.pre-pct sup{color:var(--red);vertical-align:top;margin-left:.06em;font-size:.25em}.pre-bar{background:var(--line);height:3px;position:absolute;bottom:0;left:0;right:0}.pre-bar i{background:var(--red);transform-origin:0;width:100%;height:100%;display:block;transform:scaleX(0)}.pre-fb{filter:grayscale()brightness(1.1);width:min(46vw,46svh);transition:filter 1.2s;display:none;position:absolute;top:44%;left:50%;transform:translate(-50%,-50%)}.no-gl .pre-fb{display:block}.pre.alive .pre-fb{filter:none}.ghost{z-index:10;pointer-events:none;will-change:left,top,width,height;background:#05080c;position:fixed;overflow:hidden}.ghost>img,.ghost>svg{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.d-cover-next{z-index:1;background:#05080c;position:absolute;inset:0;overflow:hidden}.d-cover-next:after{content:"";background:linear-gradient(#0c111400 45%,#0c1114eb);position:absolute;inset:0}.d-cover-next>img,.d-cover-next>svg{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.d-cover>img,.d-cover>svg{transform-origin:50% 40%}.bubble{z-index:5;cursor:pointer;opacity:0;pointer-events:none;width:58px;height:50px;image-rendering:pixelated;background:0 0;border:0;padding:0;transition:opacity .4s;position:fixed;top:0;left:0}.bubble.show{opacity:1;pointer-events:auto}.bubble svg{shape-rendering:crispedges;width:100%;height:100%;display:block;overflow:visible}.bubble .bob{animation:2.4s steps(2,end) infinite bob}.bubble .a1{animation:1.6s step-end infinite blinkA}.bubble .a2{animation:1.6s step-end infinite blinkB}.bubble:hover .body{fill:var(--red)}.bubble:hover .ast-px{fill:#fff}.bubble:focus-visible{outline:2px solid var(--red);outline-offset:4px}.bubble .tip{white-space:nowrap;font-family:var(--mono);color:var(--bone);background:var(--ink-2);border:1px solid var(--line);opacity:0;pointer-events:none;border-radius:2px;padding:5px 10px;font-size:.75rem;transition:opacity .25s,transform .25s;position:absolute;top:12px;left:64px;transform:translate(-4px)}.bubble:hover .tip,.bubble:focus-visible .tip{opacity:1;transform:none}@keyframes bob{0%{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes blinkA{0%{opacity:1}50%{opacity:0}}@keyframes blinkB{0%{opacity:0}50%{opacity:1}}.chat{z-index:9;visibility:hidden;place-items:end;padding:clamp(12px,2.4vw,32px);display:grid;position:fixed;inset:0}.chat.open{visibility:visible}.chat .scrim{opacity:0;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#06090b8c;position:absolute;inset:0}.chat-panel{background:var(--ink-2);border:1px solid var(--line);opacity:0;grid-template-rows:auto minmax(0,1fr) auto auto;width:min(440px,100%);height:min(640px,100%);display:grid;position:relative;box-shadow:0 40px 120px -30px #000000e6}.chat-head{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:16px 18px;display:flex}.chat-head svg{shape-rendering:crispedges;flex:none;width:34px;height:30px}.chat-head h2{font-family:var(--wide);font-size:1.05rem;font-weight:800;font-stretch:118%;line-height:1.1}.chat-head p{color:var(--mute);font-size:.75rem}.chat-head .x{border:1px solid var(--line);color:var(--bone);cursor:pointer;background:0 0;border-radius:999px;flex:none;width:36px;height:36px;margin-left:auto;font-size:1rem}.chat-head .x:hover{border-color:var(--bone)}.log{overscroll-behavior:contain;flex-direction:column;gap:12px;padding:18px;display:flex;overflow-y:auto}.msg{white-space:pre-wrap;overflow-wrap:anywhere;max-width:88%;padding:11px 14px;font-size:.9375rem;line-height:1.5}.msg.bot{background:var(--ink);border:1px solid var(--line);align-self:flex-start}.msg.me{background:var(--red);color:#fff;align-self:flex-end}.msg.wait{color:var(--mute);font-family:var(--mono);font-size:.8125rem}.chips{flex-wrap:wrap;gap:8px;padding:0 18px 12px;display:flex}.chips button{font-family:var(--mono);color:var(--bone);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:999px;padding:7px 12px;font-size:.75rem}.chips button:hover{border-color:var(--red);color:var(--red)}.chat-form{border-top:1px solid var(--line);gap:8px;padding:12px;display:flex}.chat-form input{min-width:0;font:inherit;color:var(--bone);background:var(--ink);border:1px solid var(--line);border-radius:2px;flex:1;padding:12px;font-size:1rem}.chat-form input:focus{outline:2px solid var(--red);outline-offset:-1px}.chat-form button{font-family:var(--wide);background:var(--red);color:#fff;cursor:pointer;border:0;border-radius:2px;padding:0 18px;font-size:.875rem;font-weight:700;font-stretch:112%}.chat-form button:disabled{opacity:.5;cursor:default}.chat-foot{color:var(--mute);padding:0 18px 12px;font-size:.6875rem}.exp{padding-block:clamp(80px,10vw,140px)}.exp-intro{color:var(--mute);max-width:40rem}.exp-grid{grid-template-columns:minmax(0,1fr) clamp(140px,24vw,380px);gap:24px;margin-top:clamp(40px,6vw,80px);display:grid}.roles-list{border-top:1px solid var(--line)}.job{border-bottom:1px solid var(--line);grid-template-columns:7rem minmax(0,1fr);gap:8px 20px;padding-block:clamp(20px,2.6vw,34px);display:grid}.job .yr{padding-top:.5rem}.job h3{font-family:var(--wide);font-size:clamp(1.6rem,3.6vw,3.3rem);font-weight:800;font-stretch:118%;line-height:1}.job p{color:var(--mute);grid-column:2}.exp-lane{position:relative}#slot-exp{aspect-ratio:1;width:100%;position:sticky;top:30svh}.linkedin{align-items:center;gap:18px;margin-top:36px;display:flex}.linkedin img{object-fit:cover;object-position:50% 20%;border-radius:50%;width:64px;height:64px}.method{height:420svh;position:relative}.m-stage{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:24px;height:100svh;padding-top:80px;display:grid;position:sticky;top:0}.m-text{align-content:center;gap:clamp(18px,3svh,36px);min-width:0;display:grid}.m-text .disp{font-size:clamp(2.4rem,5.6vw,6rem)}.steps{border-top:1px solid var(--line);display:grid}.step{border-bottom:1px solid var(--line);opacity:.34;grid-template-columns:3.2rem minmax(0,1fr);gap:4px 12px;padding-block:14px;transition:opacity .4s;display:grid}.step.on{opacity:1}.step .n{color:var(--red);padding-top:.3rem}.step h3{font-family:var(--wide);text-transform:uppercase;font-size:clamp(1.05rem,1.7vw,1.5rem);font-weight:800;font-stretch:118%;line-height:1.05}.step p{color:var(--mute);grid-column:2;grid-template-rows:0fr;max-width:30rem;transition:grid-template-rows .5s cubic-bezier(.2,.7,.2,1);display:grid}.step p>span{overflow:hidden}.step.on p{grid-template-rows:1fr}.m-objects{height:min(78svh,760px);position:relative}.m-objects .slot{position:absolute}#m-big{width:72%;height:76%;top:12%;left:14%}#m-tl{width:28%;height:30%;top:0;left:2%}#m-br{width:30%;height:30%;bottom:0;right:0}#m-r1{width:33%;height:36%;top:32%;left:0}#m-r2{width:33%;height:36%;top:32%;left:33.5%}#m-r3{width:33%;height:36%;top:32%;left:67%}.m-note{color:var(--mute);position:absolute;bottom:-6px;right:0}.contact{padding-block:clamp(90px,12vw,170px) clamp(40px,6vw,80px);position:relative}.c-grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:center;gap:40px;display:grid}.ast{font-family:var(--wide);color:var(--red);margin-bottom:18px;font-size:clamp(3rem,6vw,6rem);font-weight:900;line-height:.6;display:block}.c-head .disp{font-size:clamp(2.4rem,6.4vw,7rem)}.c-head p{color:var(--mute);max-width:32rem;margin-top:24px}.trio{height:min(92svh,860px);position:relative}.trio .slot{width:76%;position:absolute;left:12%}#f-hat{height:30%;top:0}#f-gl{height:26%;top:31%}#f-sh{height:36%;top:62%}.trio-label{font-family:var(--wide);text-transform:uppercase;pointer-events:none;opacity:0;z-index:4;white-space:nowrap;font-size:clamp(.9rem,1.2vw,1.1rem);font-weight:800;font-stretch:125%;position:absolute}.card{background:var(--ink-2);border:1px solid var(--line);grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:0;margin-top:clamp(64px,8vw,110px);display:grid}.card>div{padding:clamp(24px,4vw,56px)}.card h3{font-family:var(--wide);font-size:clamp(1.8rem,3.6vw,3.2rem);font-weight:800;font-stretch:118%;line-height:1}.card .open{color:var(--mute);max-width:30rem;margin-top:14px}.reach{border-left:1px solid var(--line);align-content:center;gap:14px;display:grid}.reach .big{font-family:var(--mono);letter-spacing:-.01em;flex-wrap:wrap;align-items:center;gap:12px 16px;font-size:clamp(1.25rem,2.3vw,2rem);display:flex}.reach .big a{-webkit-user-select:all;user-select:all}.reach .big a:hover{color:var(--red)}.copy{font-family:var(--mono);color:var(--mute);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:999px;padding:6px 12px;font-size:.75rem}.copy:hover{color:var(--bone);border-color:var(--bone)}.foot{border-top:1px solid var(--line);grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.foot>*{border-right:1px solid var(--line);padding:20px clamp(24px,4vw,56px)}.foot>:last-child{border-right:0}.foot a:hover{color:var(--red)}@media (width<=900px){.nav ul{display:none}.hero{padding-top:calc(env(safe-area-inset-top,0px) + 84px)}#slot-hero{width:min(78vw,46svh);top:31%}.hero-low{grid-template-columns:minmax(0,1fr);gap:18px}.roles{text-align:left;justify-self:start;font-size:clamp(1.7rem,8.4vw,3rem)}.roles span:nth-child(2){padding-right:0}.hint{display:none}.about-grid,.c-grid{grid-template-columns:minmax(0,1fr)}#slot-about{max-width:78vw}.cols{grid-template-columns:minmax(0,1fr)}.work-pin{padding-top:calc(env(safe-area-inset-top,0px) + 76px)}.work .sec-head{flex-wrap:wrap}.work-side p{display:none}#slot-work{width:74px}.proj{width:84vw}.cover{min-height:clamp(220px,44svh,520px)}.proj-meta{grid-template-columns:2.4rem minmax(0,1fr)}.proj-meta .d{text-align:left;grid-column:2}.proj.end{width:72vw}.d-body{grid-template-columns:minmax(0,1fr)}.d-facts{position:static}.d-sections section{grid-template-columns:minmax(0,1fr)}.chat{padding:0}.chat-panel{border:0;width:100%;height:100%}.exp-grid{grid-template-columns:minmax(0,1fr) 92px}#slot-exp{top:40svh}.job{grid-template-columns:minmax(0,1fr)}.job p{grid-column:1}.m-stage{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);align-items:stretch;gap:8px;padding-top:70px}.m-objects{order:-1;height:100%;min-height:0}.m-text{align-content:end;gap:12px;padding-bottom:24px}.m-text .disp{font-size:clamp(1.8rem,8vw,2.6rem)}.step{padding-block:9px}.step h3{font-size:1rem}.m-note{display:none}.trio{order:-1;height:min(70svh,560px);margin-bottom:12px}.card{grid-template-columns:minmax(0,1fr)}.reach{border-left:0;border-top:1px solid var(--line)}.foot{grid-template-columns:minmax(0,1fr)}.foot>*{border-right:0;border-bottom:1px solid var(--line)}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.d-copy{gap:1em;min-width:0;display:grid}.d-sections section.d-gallery{grid-template-columns:minmax(0,1fr);gap:clamp(16px,2vw,28px);display:grid}.d-gallery img{width:100%;height:auto;display:block}.d-sections section.d-live{border-top:1px solid var(--line);grid-template-columns:9rem minmax(0,1fr);align-items:center;padding-top:28px}.d-live h3{padding-top:0}.d-live a{color:var(--red);font-family:var(--wide);justify-self:end;align-items:baseline;gap:.35em;font-size:clamp(1.6rem,3.4vw,2.8rem);font-weight:900;font-stretch:125%;line-height:1;text-decoration:none;transition:color .25s;display:inline-flex}.d-live a .arr{transition:transform .25s;display:inline-block}.d-live a:hover{color:var(--bone)}.d-live a:hover .arr{transform:translate(4px,-4px)}@media (width<=760px){.d-sections section.d-live{grid-template-columns:minmax(0,1fr);gap:10px}.d-live a{justify-self:start}}.proj-meta h3{min-width:0}.proj-meta .d{white-space:nowrap;text-overflow:ellipsis;max-width:40ch;overflow:hidden}.proj-meta .t{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}html:not(.pre-done) #site .nav,html:not(.pre-done) #site .front{opacity:0;pointer-events:none;animation:0s 12s forwards preSafe}#site .nav,#site .front{transition:opacity .6s}@keyframes preSafe{to{opacity:1;pointer-events:auto}}@media (prefers-reduced-motion:reduce){#site .nav,#site .front{transition:none}}