:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0b0d;--card:#121215;--card-border:#ffffff14;--surface:#18181c;--device:#26262c;--fg:#ededf0;--fg-soft:#ededf0cc;--muted:#ededf085;--line:#ffffff12;--accent:#b9a7ff;--accent-text:var(--accent);--gradient:linear-gradient(100deg, #d4c9ff 0%, #b9a7ff 45%, #8fa2ff 100%);--ok:#6ee7a8;--font-display:"Geist", system-ui, -apple-system, "Segoe UI", sans-serif;--font-sans:"Geist", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"Geist Mono", ui-monospace, "Cascadia Mono", monospace;--text-body:clamp(.9rem, .87rem + .12vw, .95rem);--text-label:.68rem;--max:1180px;--gutter:clamp(16px, 4vw, 40px);--pad-x:max(var(--gutter), calc((100% - var(--max)) / 2));--space-section:clamp(56px, 7vw, 104px);--nav-h:60px;--radius-card:14px;--radius-device:clamp(16px, 1.8vw, 26px);--shadow-soft:0 28px 50px -28px #000c}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--bg);color:var(--fg);font-family:var(--font-sans);font-size:var(--text-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-weight:400;line-height:1.6;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}ul,ol{list-style:none}::selection{background:var(--accent);color:var(--bg)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}[id]{scroll-margin-top:calc(var(--nav-h) + 16px)}.section{padding:var(--space-section) var(--pad-x);position:relative}.section-head{gap:10px;margin-bottom:clamp(24px,3.5vw,40px);display:grid}.section-label{color:var(--muted);align-items:center;gap:10px;display:flex}.section-label__index{color:var(--accent-text)}.section-label__index:after{content:"";vertical-align:middle;background:var(--line);width:18px;height:1px;margin-left:10px;display:inline-block}.label{font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:.06em;text-transform:uppercase;font-weight:400;line-height:1.4}.section-title{font-family:var(--font-display);letter-spacing:-.04em;font-size:clamp(1.7rem,1.3rem + 1.8vw,2.7rem);font-weight:500;line-height:1.05}.gradient{background-image:var(--gradient);color:#0000;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.is-loading #app{visibility:hidden;animation:0s 3s forwards show-anyway}@keyframes show-anyway{to{visibility:visible}}.split-line-mask{margin-bottom:-.14em;padding-bottom:.14em}.is-todo{text-underline-offset:.2em;-webkit-text-decoration:underline dotted #b9a7ffb3;text-decoration:underline dotted #b9a7ffb3;text-decoration-thickness:1.5px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.monogram{font-family:var(--font-display);letter-spacing:-.05em;font-size:1.15rem;font-weight:600;line-height:1}.monogram em{color:var(--accent-text);font-style:normal}.card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius-card);position:relative;overflow:hidden}.card:after{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(380px circle at var(--mx,50%) var(--my,0%), #b9a7ff12, transparent 60%);opacity:0;transition:opacity .4s;position:absolute;inset:0}.card:hover:after{opacity:1}.btn{border:1px solid var(--card-border);white-space:nowrap;background:#ffffff08;border-radius:999px;align-items:center;gap:8px;height:38px;padding:0 16px;font-size:.85rem;font-weight:500;transition:background .25s,border-color .25s,color .25s;display:inline-flex}.btn:hover{background:#ffffff12;border-color:#ffffff29}.btn--primary{background:var(--accent);border-color:var(--accent);color:#15121d}.btn--primary:hover{background:#cbbdff;border-color:#cbbdff}.btn--small{height:32px;padding:0 12px;font-size:.78rem}.window{background:var(--card);border:1px solid var(--card-border);box-shadow:var(--shadow-soft);border-radius:12px;overflow:hidden}.window__bar{border-bottom:1px solid var(--line);align-items:center;gap:6px;padding:9px 12px;display:flex}.window__bar i{background:#ffffff24;border-radius:50%;width:8px;height:8px}.window__bar span{font-family:var(--font-mono);letter-spacing:.04em;text-align:center;color:var(--muted);flex:1;margin-right:30px;font-size:.62rem}.media{background:var(--surface);width:100%;position:relative;overflow:hidden}.media img{object-fit:cover;width:100%;height:100%}.media--empty{background:linear-gradient(155deg,#1c1a26 0%,#141417 100%);place-items:center;display:grid}.media--empty:before{content:"";background:repeating-linear-gradient(-45deg,#0000 0 12px,#ffffff08 12px 13px);position:absolute;inset:0}.media__label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;text-align:center;color:var(--muted);padding:4px 8px;font-size:.58rem;position:relative}.frame{justify-items:center;gap:10px;display:grid}.frame figcaption{color:var(--muted);text-align:center}.frame__device{width:100%;box-shadow:var(--shadow-soft)}.frame--phone{width:clamp(118px,11vw,170px)}.frame--phone .frame__device{background:var(--device);border-radius:var(--radius-device);padding:5px}.frame--phone .media{border-radius:calc(var(--radius-device) - 5px)}.frame--browser{flex:240px;max-width:420px}.frame--browser .frame__device{background:var(--device);border-radius:10px;overflow:hidden}.frame__bar{gap:5px;padding:8px 10px;display:flex}.frame__bar i{background:#fff3;border-radius:50%;width:7px;height:7px}.frame--post{width:clamp(130px,15vw,210px)}.tags{flex-wrap:wrap;gap:6px;display:flex}.tags li{border:1px solid var(--card-border);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);background:#ffffff05;border-radius:999px;padding:4px 10px;font-size:.62rem}.marquee{border-block:1px solid var(--line);padding-block:14px;display:flex;overflow:hidden}.marquee__group{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;color:var(--muted);flex-shrink:0;align-items:center;gap:18px;padding-right:18px;font-size:clamp(.72rem,.68rem + .2vw,.82rem);line-height:1;display:flex}.marquee__group span:nth-child(4n+3){color:var(--fg)}.marquee__sep{color:var(--accent)}.nav{z-index:40;height:var(--nav-h);padding:0 var(--pad-x);-webkit-backdrop-filter:blur(14px)saturate(140%);backdrop-filter:blur(14px)saturate(140%);border-bottom:1px solid var(--line);background:#0b0b0db8;justify-content:space-between;align-items:center;gap:24px;display:flex;position:fixed;inset:0 0 auto}.nav__links{gap:2px;display:none}.nav__links a{color:var(--muted);border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:.82rem;transition:color .25s,background .25s;display:inline-flex}.nav__links a:hover{color:var(--fg);background:#ffffff0d}.nav__index{font-family:var(--font-mono);color:var(--accent-text);font-size:.62rem}.status{border:1px solid var(--card-border);font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;color:var(--muted);background:#ffffff05;border-radius:999px;align-items:center;gap:8px;padding:5px 12px 5px 10px;font-size:.64rem;display:inline-flex}.status__dot{background:var(--ok);border-radius:50%;width:7px;height:7px;animation:2.4s ease-out infinite pulse}@keyframes pulse{0%{box-shadow:0 0 #6ee7a873}70%,to{box-shadow:0 0 0 7px #6ee7a800}}@media (width>=760px){.nav__links{display:flex}}.hero{isolation:isolate;min-height:min(100svh,780px);padding:calc(var(--nav-h) + clamp(40px, 8vh, 88px)) var(--pad-x) clamp(48px, 8vh, 88px);align-items:center;gap:40px;display:grid;position:relative;overflow:hidden}.hero:before{content:"";z-index:-1;background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(75% 65% at 50% 35%,#000 25%,#0000 75%);mask-image:radial-gradient(75% 65% at 50% 35%,#000 25%,#0000 75%)}.hero:after{content:"";z-index:-1;background:radial-gradient(55% 45% at 70% 0,#b9a7ff24,#0000 70%);position:absolute;inset:0}.hero__kicker{color:var(--muted);gap:8px;display:flex}.hero__slash{color:var(--accent-text)}.hero__name{font-family:var(--font-display);letter-spacing:-.055em;margin-top:16px;font-size:clamp(2.5rem,1.6rem + 4vw,4.6rem);font-weight:500;line-height:1}.hero__name span{display:inline-block}.hero__intro{max-width:44ch;color:var(--fg-soft);margin-top:18px;font-size:clamp(1rem,.95rem + .3vw,1.15rem);line-height:1.55}.hero__actions{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.hero__highlights{border-top:1px solid var(--line);max-width:52ch;color:var(--muted);gap:8px;margin-top:36px;padding-top:20px;font-size:.88rem;display:grid}.hero__highlights li{gap:10px;display:flex}.hero__tick{font-family:var(--font-mono);color:var(--accent-text)}.hero__portrait{justify-self:center;width:min(78vw,300px)}@media (width>=960px){.hero{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:6vw}.hero__portrait{justify-self:end;width:min(100%,330px)}}.bento{gap:12px;display:grid}.about__letter{flex-direction:column;justify-content:space-between;gap:28px;padding:clamp(22px,3vw,36px);display:flex}.about__body p{letter-spacing:-.01em;max-width:60ch;color:var(--fg-soft);font-size:clamp(1rem,.95rem + .3vw,1.15rem);line-height:1.65}.about__body p+p{margin-top:.9em}.about__sign{border-top:1px solid var(--line);flex-wrap:wrap;align-items:baseline;gap:4px 12px;padding-top:18px;display:flex}.about__signature{letter-spacing:-.02em;font-weight:600}.about__sign .label{color:var(--muted)}.about__portrait .media{height:100%}.about__skills{flex-wrap:wrap;align-items:center;gap:12px 20px;padding:18px clamp(18px,2.4vw,24px);display:flex}.about__skills>.label{color:var(--muted)}@media (width>=900px){.bento{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.about__skills{grid-column:1/-1}.about__portrait{min-height:320px}.about__portrait .media{position:absolute;inset:0;aspect-ratio:auto!important}}.index__head{color:var(--muted);display:none}.index__row{z-index:2;border-top:1px solid var(--line);grid-template-columns:auto 1fr auto;grid-template-areas:"num client arrow""title title title""services services services";align-items:baseline;gap:4px 12px;padding:16px 18px;transition:background .25s;display:grid;position:relative}.index__list li:first-child .index__row{border-top:0}.index__row:hover,.index__row:focus-visible{background:#ffffff08}.index__num{color:var(--accent-text);grid-area:num}.index__client{color:var(--muted);grid-area:client;font-size:.85rem}.index__title{letter-spacing:-.025em;grid-area:title;font-size:clamp(1.02rem,.95rem + .4vw,1.25rem);font-weight:500;transition:color .25s}.index__services{color:var(--muted);grid-area:services}.index__year{display:none}.index__arrow{color:var(--muted);grid-area:arrow;transition:transform .25s,color .25s}.index__row:hover .index__title,.index__row:hover .index__arrow,.index__row:focus-visible .index__title{color:var(--accent-text)}.index__row:hover .index__arrow{transform:translate(2px,-2px)}@media (width>=900px){.index__head,.index__row{grid-template-columns:2.5rem minmax(8rem,11rem) 1fr minmax(10rem,16rem) 3.5rem 1.25rem;align-items:center;gap:16px}.index__head{border-bottom:1px solid var(--line);padding:12px 18px;display:grid}.index__row{grid-template-areas:"num client title services year arrow"}.index__year{color:var(--muted);grid-area:year;display:block}}.toc-preview{z-index:1;aspect-ratio:4/5;border:1px solid var(--card-border);width:clamp(150px,12vw,190px);box-shadow:var(--shadow-soft);pointer-events:none;visibility:hidden;border-radius:10px;position:fixed;top:0;left:0;overflow:hidden}.toc-preview .media{height:100%;aspect-ratio:auto!important}.cases{gap:16px;margin-top:clamp(28px,4vw,48px);display:grid}.case__bar{border-bottom:1px solid var(--line);color:var(--muted);align-items:center;gap:14px;padding:12px 18px;display:flex}.case__id{color:var(--accent-text)}.case__year{margin-left:auto}.case__body{display:grid}.case__text{padding:clamp(22px,3vw,36px)}.case__title{max-width:22ch;font-family:var(--font-display);letter-spacing:-.04em;font-size:clamp(1.45rem,1.2rem + 1.1vw,2.1rem);font-weight:500;line-height:1.1}.case__dek{max-width:48ch;color:var(--muted);margin-top:10px}.case__story{gap:14px;max-width:56ch;margin-top:24px;display:grid}.case__story dt{color:var(--accent-text);margin-bottom:4px}.case__story dd{color:var(--fg-soft)}.case .tags{margin-top:20px}.case__quote{border-left:2px solid var(--accent);background:#b9a7ff0f;border-radius:0 8px 8px 0;max-width:52ch;margin-top:24px;padding:12px 16px;font-size:.95rem}.case__quote p:before{content:"“"}.case__quote p:after{content:"”"}.case__canvas{border-top:1px solid var(--line);background-color:#0f0f12;background-image:radial-gradient(#ffffff12 1px,#0000 1px);background-size:18px 18px;place-items:center;padding:clamp(28px,4vw,48px) 20px;display:grid}.gallery{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:clamp(14px,2vw,28px);display:flex}@media (width>=1024px){.case__body{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.case__canvas{border-top:0;border-left:1px solid var(--line)}.case:nth-child(2n) .case__canvas{border-left:0;border-right:1px solid var(--line);order:-1}.gallery .frame:nth-child(odd):not(:only-child){margin-bottom:clamp(24px,3.5vw,48px)}}.clients__grid{background:var(--card-border);border:1px solid var(--card-border);border-radius:var(--radius-card);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.clients__cell{aspect-ratio:5/2;background:var(--card);text-align:center;place-items:center;padding:8%;transition:background .3s;display:grid}.clients__cell:hover{background:#17171b}.clients__cell img{object-fit:contain;filter:grayscale()brightness(1.6);opacity:.6;width:auto;max-height:34px;transition:filter .4s,opacity .4s}.clients__cell:hover img{filter:none;opacity:1}.clients__wordmark{letter-spacing:-.02em;color:var(--muted);font-size:clamp(.88rem,.8rem + .3vw,1.05rem);font-weight:500;line-height:1.2;transition:color .3s}.clients__cell:hover .clients__wordmark{color:var(--accent-text)}@media (width>=720px){.clients__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.contact{padding-bottom:24px}.contact__card{background:radial-gradient(ellipse 70% 110% at 100% 0%, #b9a7ff21, transparent 60%), var(--card);justify-items:start;gap:18px;padding:clamp(28px,5vw,64px);display:grid}.contact__title{font-family:var(--font-display);letter-spacing:-.055em;font-size:clamp(2.2rem,1.4rem + 3.4vw,4rem);font-weight:500;line-height:1}.contact__lede{max-width:46ch;color:var(--muted)}.contact__email{border:1px solid var(--card-border);width:min(100%,480px);font-family:var(--font-mono);text-align:left;background:#00000040;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;margin-top:6px;padding:10px 10px 10px 16px;font-size:clamp(.82rem,.78rem + .25vw,.95rem);transition:border-color .25s;display:flex}.contact__email:hover{border-color:#b9a7ff80}.contact__address{overflow-wrap:anywhere}.contact__copy{color:var(--muted);background:#ffffff0f;border-radius:6px;flex-shrink:0;padding:5px 9px}.contact__socials{flex-wrap:wrap;gap:8px;display:flex}.contact__foot{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:8px 16px;margin-top:20px;padding:0 4px;display:flex}.contact__foot a:hover{color:var(--fg)}html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch],.lenis [data-lenis-prevent-vertical],.lenis [data-lenis-prevent-horizontal]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-behavior:allow-discrete;transition-property:overflow;transition-duration:1ms}