:root{--mist-50: #F7F7FC;--mist-100: #ECECF6;--mist-200: #DCDCEC;--mist-300: #C7C9DE;--cyan-100: #1100ff;--ink-900: #0A0A0E;--ink-800: #15151B;--ink-700: #202029;--accent: #B9BEDB;--bg-light: var(--mist-50);--bg-light-alt: var(--mist-100);--bg-dark: var(--ink-900);--text-dark: var(--ink-900);--text-light: var(--mist-50);--text-muted: #575965;--text-muted-on-dark: #9a9caf;--border-soft: var(--mist-300);--font-display: "Fraunces", Georgia, "Times New Roman", serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--section-pad: clamp(5rem, 12vw, 10rem);--container: 1240px;--ease: cubic-bezier(.16, 1, .3, 1)}@font-face{font-family:League Gothic;font-style:normal;font-weight:400;font-stretch:normal;font-display:swap;src:url(https://fonts.cdnfonts.com/s/12196/League_Gothic.woff) format("woff");unicode-range:U+000-5FF}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg-light);color:var(--text-dark);-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}img,video{display:block;max-width:100%}em{font-style:italic}.grain{position:fixed;inset:0;z-index:9999;pointer-events:none;opacity:.3146;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}@keyframes burst-in{0%{opacity:0;transform:scale(.65)}55%{opacity:1;transform:scale(1.08)}85%{transform:scale(.98)}to{transform:scale(1)}}.reveal{opacity:0}.hero__content .reveal{--reveal-duration: var(--hero-text-duration, 2s);animation-delay:var(--hero-text-delay, 0ms);animation-duration:var(--reveal-duration, 2s)}.reveal.is-visible{opacity:1;animation-name:burst-in;animation-duration:var(--reveal-duration, 2s);animation-timing-function:ease-out;animation-fill-mode:both}@keyframes rise-in{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}.reveal--rise.is-visible{animation:rise-in .9s cubic-bezier(.05,.7,.1,1) backwards}.section-index.reveal--rise.is-visible{animation:rise-in .9s cubic-bezier(.05,.7,.1,1) backwards,index-drift 9s ease-in-out infinite}.section-index{display:inline-block;font-size:clamp(.3rem,.6rem + .8vw,1.43rem);font-weight:800;letter-spacing:.06em;text-transform:uppercase;background:linear-gradient(110deg,#2b38ee,#7f5dfa 35%,#f05 70%,#2b38ee);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:index-drift 9s ease-in-out infinite;margin-bottom:1.25rem}@keyframes index-drift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.section-index--light{filter:brightness(1.5) saturate(1.1)}.section-title{font-family:var(--font-body);font-weight:700;font-size:clamp(1.75rem,1rem + 2.6vw,3rem);line-height:1.08;letter-spacing:-.03em}.eyebrow{font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;color:#0a0a0ec7;margin-bottom:1.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.7rem;padding:.95rem 1.45rem;font-size:.95rem;font-weight:700;letter-spacing:.02em;border-radius:999px;border:1px solid transparent;transition:all .2s ease;white-space:nowrap;cursor:pointer;position:relative;isolation:isolate}.btn:active{transform:scale(.97)}.btn:before{content:"";position:absolute;inset:-4px;border-radius:inherit;z-index:-1;background:linear-gradient(120deg,#8fc9ff,#2b38ee 40%,#f05 75%,#8fc9ff);background-size:300% 300%;filter:blur(12px);opacity:0;transition:opacity .4s var(--ease)}.btn:hover:before{opacity:1;animation:btn-glow-drift 3.5s ease-in-out infinite}@keyframes btn-glow-drift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.btn--light{background:#000;color:#fff;box-shadow:0 8px 24px #0003}.btn--light:before{inset:-2.5px;filter:blur(8px)}.btn--light:hover{background:#111;transform:translateY(-2px);box-shadow:0 10px 32px #2b38ee59,0 6px 24px #ff005547}.btn--light svg,.btn--ghost svg,.btn--dark svg{width:1.1rem;height:1.1rem;transition:transform .3s ease}.btn--light:hover svg,.btn--ghost:hover svg,.btn--dark:hover svg{transform:translate(4px)}.btn--ghost{border-color:#000;color:#000;background:#fff3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 8px 32px #0000001a,inset 0 1px 1px #fff6}.btn--ghost:before{inset:-9px;filter:blur(18px)}.btn--ghost:hover{background:#ffffff47;transform:translateY(-2px);box-shadow:0 8px 32px #2b38ee2e,inset 0 1px 1px #fff6}.btn--dark{background:#000;color:#fff;box-shadow:0 8px 24px #0003}.btn--dark:before{inset:-2.5px;filter:blur(8px)}.btn--dark:hover{background:#111;transform:translateY(-2px);box-shadow:0 10px 32px #2b38ee59,0 6px 24px #ff005547}.nav{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem 0;pointer-events:none}.nav__container{pointer-events:auto;position:relative;display:flex;align-items:center;gap:.5rem;padding:.5rem;background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:50px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 8px 32px #0000001a,inset 0 1px 1px #fff6;transition:all .3s var(--ease)}.nav__logo-icon{display:flex;align-items:center;justify-content:center;padding:.6rem;color:#0a0a0eb3;transition:color .3s var(--ease);cursor:pointer}.nav__logo-icon:hover{color:#0a0a0ee6}.nav__indicator{position:absolute;z-index:0;border-radius:40px;background:#ffffff73;box-shadow:inset 0 1px 2px #fff9,0 2px 8px #0a0a0e0f;pointer-events:none;transition:left .45s var(--ease),width .45s var(--ease),top .45s var(--ease),height .45s var(--ease)}.nav__toggle{display:flex;align-items:center;justify-content:center;padding:.6rem 1.2rem;background:transparent;border:none;border-radius:40px;cursor:pointer;font-size:.9rem;font-weight:700;letter-spacing:.02em;color:#0a0a0eb3;transition:color .3s var(--ease),background .3s var(--ease);outline:none;position:relative;z-index:1;isolation:isolate}.nav__home{padding:.6rem}.nav__toggle:before{content:"";position:absolute;inset:-5px;border-radius:inherit;z-index:-1;background:linear-gradient(120deg,#8fc9ff,#2b38ee 40%,#f05 75%,#8fc9ff);background-size:300% 300%;filter:blur(12px);opacity:0;transition:opacity .4s var(--ease)}.nav__toggle:hover{color:#0a0a0e;background:#ffffff47}.nav__toggle:hover:before{opacity:.55;animation:btn-glow-drift 3.5s ease-in-out infinite}.nav__toggle.is-active{color:#0a0a0e}.nav__divider{width:1px;height:1.5rem;background:#0a0a0e26;margin:0 .3rem}.hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;overflow:hidden;background:var(--ink-900)}.hero__media{position:absolute;inset:0;z-index:0}.hero__video{width:100%;height:100%;object-fit:cover;object-position:center;transform:scaleX(-1)}.hero__scrim{position:absolute;inset:0;opacity:0;background-image:radial-gradient(circle at 10% 90%,#0026ff00,#10f0 40%),radial-gradient(circle at 82% 28%,#ffffff3d,#fff0 24%),linear-gradient(0deg,#ffffff4d,#ff242400 40%,#bcb0ff1a 65%,#0000ff1a);background-blend-mode:screen,screen,normal;animation-name:fade-in-scrim,scrim-shift;animation-duration:var(--hero-text-duration, 2s),18s;animation-delay:var(--hero-text-delay, 0ms),0ms;animation-timing-function:ease-out,linear;animation-fill-mode:both,both;will-change:opacity,background-position;filter:saturate(1.1) contrast(1.05)}@keyframes fade-in-scrim{0%{opacity:0}to{opacity:1}}@keyframes scrim-shift{0%{background-position:0% 0%,100% 100%,0 0}to{background-position:-12% -12%,112% 112%,0 0}}.hero__content{position:relative;z-index:1;width:100%;max-width:var(--container);margin:0 auto;padding:0 clamp(1.25rem,4vw,2.5rem) clamp(4rem,9vw,6.5rem);color:var(--ink-900)}.hero__content .reveal{transition-delay:var(--hero-text-delay, 0ms)}.hero__title{font-family:var(--font-display);font-weight:400;font-size:clamp(5rem,7.5vw + 1rem,15rem);line-height:.98;letter-spacing:-.02em;margin-bottom:1.75rem}.hero__title-line{display:block;font-family:League Gothic,sans-serif;font-weight:400;font-style:normal!important;font-synthesis:none!important;font-variant-ligatures:normal;text-transform:normal;color:#fff;filter:drop-shadow(0px 0px 4px #00000057)}.hero__title-line--em{display:block;font-family:"Inter",var(--font-display),sans-serif;font-style:italic;font-weight:700;font-size:max(1.05rem,.28em);letter-spacing:.05em;line-height:1.1;color:var(--cyan-100)}.hero__sub{max-width:34ch;font-size:clamp(.9rem,.7rem + .5vw,1rem);font-weight:600;line-height:1.6;color:var(--ink-900);margin-bottom:2.5rem;filter:drop-shadow(0px 0px 4px #ffffff)}.hero__actions{display:flex;flex-wrap:wrap;gap:1rem}.scroll-cue{position:absolute;right:clamp(1.25rem,4vw,2.5rem);bottom:clamp(4rem,9vw,6.5rem);z-index:1;display:flex;align-items:center;gap:.75rem;color:#000000bf;writing-mode:vertical-rl;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase}.scroll-cue__line{display:block;width:1px;height:46px;background:#00000080;animation:cue-pulse 2.4s ease-in-out infinite}@keyframes cue-pulse{0%,to{transform:scaleY(1);opacity:.6}50%{transform:scaleY(.6);opacity:1}}.statement{position:relative;height:280vh;background:#fff}.statement__blend{position:absolute;top:-90px;left:0;right:0;height:180px;z-index:2;pointer-events:none;background:#ffffff24;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);mask-image:linear-gradient(to bottom,transparent 0%,black 35%,black 65%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 35%,black 65%,transparent 100%)}.statement__sticky{position:sticky;top:0;height:100vh;height:100svh;display:flex;align-items:center;justify-content:center;overflow:hidden}.statement__canvas{position:absolute;inset:0;width:100%;height:100%}.statement__scrim{position:absolute;inset:0;background:radial-gradient(ellipse 62% 48% at 50% 50%,#fff9,#ffffff47 55%,#fff0);pointer-events:none}.statement__inner{position:relative;z-index:1;max-width:880px;margin:0 auto;padding:0 clamp(1.25rem,4vw,2.5rem);text-align:center;opacity:0;will-change:transform,opacity}.statement__title{font-family:var(--font-body);font-weight:700;font-size:clamp(2rem,1rem + 3.9vw,4rem);line-height:1.05;letter-spacing:-.03em;color:var(--ink-900);margin:0 auto 1.2rem;text-align:center}.statement__text{font-family:var(--font-body);font-size:clamp(1.0625rem,.9rem + .5vw,1.3125rem);line-height:1.45;letter-spacing:-.012em;color:var(--ink-900);max-width:44ch;margin:0 auto}.statement__word{opacity:.18;font-weight:400;will-change:opacity,font-weight}.statement__word--em{color:var(--text-muted);font-style:italic}.projects{padding:var(--section-pad) clamp(1.25rem,4vw,2.5rem);background:var(--bg-light)}.projects__head{max-width:var(--container);margin:0 auto clamp(3rem,6vw,4.5rem);text-align:center}.projects__desc{font-size:1.0625rem;font-weight:450;line-height:1.7;color:var(--text-muted);max-width:52ch;margin:1.5rem auto 0}.projects__grid{max-width:var(--container);margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,3vw,2.5rem)}.project-card{display:flex;flex-direction:column;border-radius:18px;overflow:hidden;background:var(--bg-light-alt);transition:transform .35s var(--ease),box-shadow .35s var(--ease)}.project-card:hover{transform:translateY(-6px);box-shadow:0 24px 48px #0a0a0e1f}.project-card:focus-visible{outline:2px solid #2b38ee;outline-offset:4px}.project-card--featured{grid-column:1 / -1}.project-card--featured~.project-card:last-child:nth-child(2n){grid-column:1 / -1}.project-card--featured~.project-card:last-child:nth-child(2n) .project-card__visual{aspect-ratio:21 / 9}.project-card__visual{position:relative;aspect-ratio:16 / 10}.project-card--featured .project-card__visual{aspect-ratio:21 / 9}.project-visual--1{background:radial-gradient(circle at 25% 25%,var(--mist-100) 0%,transparent 55%),radial-gradient(circle at 75% 70%,var(--accent) 0%,transparent 55%),linear-gradient(160deg,var(--ink-900) 0%,var(--ink-700) 100%)}.project-visual--2{background:radial-gradient(circle at 70% 25%,rgba(143,201,255,.5) 0%,transparent 55%),radial-gradient(circle at 25% 75%,rgba(43,56,238,.4) 0%,transparent 60%),linear-gradient(160deg,var(--ink-900) 0%,var(--ink-800) 100%)}.project-visual--3{background:radial-gradient(circle at 30% 70%,rgba(255,0,85,.35) 0%,transparent 55%),radial-gradient(circle at 75% 25%,var(--mist-300) 0%,transparent 55%),linear-gradient(160deg,var(--ink-800) 0%,var(--ink-900) 100%)}.project-visual--4{background:radial-gradient(circle at 70% 70%,rgba(98,254,150,.3) 0%,transparent 55%),radial-gradient(circle at 25% 30%,var(--cyan-100) 0%,transparent 50%),linear-gradient(160deg,var(--ink-900) 0%,var(--ink-700) 100%)}.project-card__year{position:absolute;z-index:1;top:1.1rem;right:1.25rem;font-size:.75rem;letter-spacing:.1em;color:#f7f7fcbf}.project-card__body{display:flex;flex-direction:column;gap:.6rem;flex:1;padding:1.25rem 1.35rem 1.4rem}.project-card__heading{display:flex;align-items:center;gap:.75rem}.project-card__logo{flex:none;min-width:34px;height:34px;padding:0 7px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:var(--mist-50);border:1px solid var(--border-soft)}.project-card__logo img{height:60%;width:auto;max-width:110px;object-fit:contain}.project-card__title{font-family:var(--font-body);font-weight:650;font-size:1.25rem;letter-spacing:-.015em;color:var(--ink-900)}.project-card--featured .project-card__title{font-size:clamp(1.25rem,1rem + 1vw,1.75rem)}.project-card__arrow{flex:none;margin-left:auto;color:var(--ink-900);opacity:.35;transition:transform .35s var(--ease),opacity .35s var(--ease)}.project-card:hover .project-card__arrow{opacity:1;transform:translate(3px,-3px)}.project-card__summary{font-size:.95rem;line-height:1.55;color:var(--text-muted);max-width:60ch;margin-bottom:.4rem}.tags{display:flex;flex-wrap:wrap;gap:.4rem;list-style:none}.tag{padding:.3rem .7rem;font-size:.75rem;font-weight:600;letter-spacing:.01em;color:var(--ink-700);background:#ffffffa6;border:1px solid var(--border-soft);border-radius:999px;white-space:nowrap}.project-card__lock{position:absolute;top:1rem;left:1.25rem;display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .75rem;font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#f7f7fce6;background:#0a0a0e59;border:1px solid rgba(247,247,252,.25);border-radius:999px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.has-collage{isolation:isolate;overflow:hidden}.collage{--collage-tilt: -9deg;--collage-drift-x: -5%;--collage-focus-x: 55%;position:absolute;inset:0;opacity:.2;mix-blend-mode:luminosity;-webkit-mask-image:radial-gradient(ellipse 75% 70% at var(--collage-focus-x) 50%,#000 30%,transparent 100%);mask-image:radial-gradient(ellipse 75% 70% at var(--collage-focus-x) 50%,#000 30%,transparent 100%);transition:opacity .6s var(--ease);pointer-events:none}.collage--mirror{--collage-tilt: 9deg;--collage-drift-x: 5%;--collage-focus-x: 45%}.collage--blur{filter:blur(4px)}.project-card:hover .collage{opacity:.32}.collage__grid{position:absolute;inset:-30% -20%;display:grid;grid-template-columns:repeat(4,1fr);align-content:center;gap:clamp(6px,1.2vw,14px);transform:rotate(var(--collage-tilt));animation:collage-drift 48s ease-in-out infinite alternate}.collage__grid img{width:100%;aspect-ratio:16 / 10;object-fit:cover;object-position:top left;border-radius:6px;filter:grayscale(1) contrast(1.15)}@keyframes collage-drift{0%{transform:rotate(var(--collage-tilt)) translate(0)}to{transform:rotate(var(--collage-tilt)) translate(var(--collage-drift-x),-4%)}}.specimen-rail{position:relative;height:14px;margin-right:14px}.specimen-rail:before{content:"";position:absolute;left:0;right:-14px;top:50%;height:1px;background:currentColor;opacity:.18}.specimen-mover{position:absolute;inset:0}.specimen-dot{position:absolute;left:0;top:0;width:14px;height:14px;border-radius:50%;background:var(--dot);box-shadow:0 0 14px var(--dot),0 0 32px var(--dot)}.project-visual--motion{background:radial-gradient(circle at 80% 20%,rgba(127,93,250,.35) 0%,transparent 50%),radial-gradient(circle at 15% 85%,rgba(255,0,85,.22) 0%,transparent 50%),linear-gradient(160deg,var(--ink-900) 0%,var(--ink-700) 100%);overflow:hidden}.motion-cover{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:0 clamp(1.5rem,7%,5rem);color:var(--mist-50)}.motion-cover__lanes{display:grid;gap:clamp(1.1rem,3.5vw,2rem)}.motion-cover__lane{display:grid;grid-template-columns:6.5rem 1fr;align-items:center;gap:1rem}.motion-cover__label,.motion-cover__caption{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:#f7f7fc99}.motion-cover__caption{position:absolute;left:clamp(1.5rem,7%,5rem);bottom:1.1rem}.motion-cover__mover{animation:specimen-travel 3.2s infinite alternate}@keyframes specimen-travel{0%,12%{transform:translate(0)}88%,to{transform:translate(100%)}}.exhibit{margin:1.75rem 0 .5rem;padding:clamp(1.25rem,3vw,2rem);border-radius:18px;background:linear-gradient(160deg,var(--ink-900) 0%,var(--ink-700) 100%);color:var(--mist-50)}.exhibit__stage{display:grid;gap:1.6rem}.exhibit__lane{display:grid;gap:.7rem}.exhibit__mover{transition-property:transform;transition-duration:1s}.exhibit__label{display:flex;flex-wrap:wrap;align-items:baseline;gap:.25rem .75rem;font-size:.85rem}.exhibit__label code{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.78rem;color:#f7f7fc8c}.exhibit__label span{flex-basis:100%;color:var(--text-muted-on-dark)}.exhibit__foot{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-top:1.75rem;font-size:.8rem;color:var(--text-muted-on-dark)}.exhibit .btn--ghost{color:var(--mist-50);border-color:#f7f7fcb3;background:#ffffff14}.case__section.case__section--wide{max-width:none}.examples{display:grid;grid-template-columns:1fr;gap:clamp(2rem,5vw,3.5rem);margin-top:1.75rem}.example__media{position:relative;aspect-ratio:16 / 9;border-radius:16px;overflow:hidden;background:radial-gradient(circle at 80% 15%,rgba(127,93,250,.3) 0%,transparent 55%),linear-gradient(160deg,var(--ink-900) 0%,var(--ink-700) 100%)}.example__media video{width:100%;height:100%;object-fit:cover}.example figcaption{display:flex;flex-direction:column;gap:.25rem;max-width:60ch;padding:.9rem .25rem 0;font-size:.95rem;line-height:1.5;color:var(--text-muted)}.example figcaption strong{font-weight:650;color:var(--ink-900)}.demo{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.demo--choreography{flex-direction:column;gap:.6rem}.demo--choreography span{width:55%;height:12%;border-radius:8px;background:#f7f7fcd9;animation:demo-stagger 3.2s cubic-bezier(.2,0,0,1) infinite;animation-delay:calc(var(--i) * .11s)}.demo--choreography span:first-child{background:#8fc9ff;width:40%}@keyframes demo-stagger{0%{opacity:0;transform:translateY(14px)}18%,72%{opacity:1;transform:none}86%,to{opacity:0;transform:none}}.demo--continuity span{border-radius:999px;background:linear-gradient(120deg,#2b38ee,#7f5dfa);box-shadow:0 10px 30px #2b38ee66;animation:demo-expand 3.2s cubic-bezier(.05,.7,.1,1) infinite}@keyframes demo-expand{0%,15%{width:28%;height:13%;border-radius:999px}45%,70%{width:68%;height:62%;border-radius:16px}to{width:28%;height:13%;border-radius:999px}}.demo__button{position:relative;width:34%;height:16%;border-radius:999px;background:#f7f7fc;animation:demo-press 2.2s cubic-bezier(.2,0,0,1) infinite}.demo__ripple{position:absolute;width:34%;aspect-ratio:1;border-radius:50%;background:#f05;animation:demo-ripple 2.2s cubic-bezier(.2,0,0,1) infinite}@keyframes demo-press{0%,8%{transform:scale(1)}14%{transform:scale(.9)}24%,to{transform:scale(1)}}@keyframes demo-ripple{0%,14%{transform:scale(.2);opacity:0}16%{transform:scale(.3);opacity:.55}55%,to{transform:scale(1.6);opacity:0}}.demo--character span{width:13%;aspect-ratio:1;border-radius:50%;background:#f05;box-shadow:0 0 18px #f05;animation:demo-overshoot 2.6s cubic-bezier(.34,1.56,.64,1) infinite alternate}@keyframes demo-overshoot{0%,15%{transform:translate(-140%)}70%,to{transform:translate(140%)}}.gallery{display:grid;grid-template-columns:1fr;gap:clamp(2rem,5vw,3.5rem);margin-top:1.75rem}.gallery__stage{position:relative;display:flex;justify-content:center;align-items:center;padding:clamp(1rem,3vw,2rem);border-radius:16px;background:var(--bg-light-alt)}.gallery__stage img,.gallery__stage video{display:block;width:auto;height:auto;max-width:100%;max-height:min(75vh,720px);object-fit:contain;border-radius:10px}.gallery__item--small .gallery__stage>:is(img,video){width:min(100%,320px)}.gallery__item--medium .gallery__stage>:is(img,video){width:min(100%,560px)}.gallery__item--large .gallery__stage>:is(img,video){width:100%}.sound-toggle{position:absolute;right:clamp(.75rem,2vw,1.1rem);bottom:clamp(.75rem,2vw,1.1rem);z-index:1;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0;border:1px solid rgba(255,255,255,.25);border-radius:50%;color:var(--mist-50);background:#0a0a0e8c;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 6px 20px #0a0a0e40;cursor:pointer;transition:transform .3s var(--ease),background .3s var(--ease),color .3s var(--ease)}.sound-toggle:hover{transform:scale(1.08)}.sound-toggle:active{transform:scale(.94)}.sound-toggle:focus-visible{outline:2px solid #2b38ee;outline-offset:3px}.sound-toggle.is-on{color:var(--ink-900);background:#ffffffe6}.sound-toggle__waves path,.sound-toggle__off{transition:opacity .25s cubic-bezier(.2,0,0,1),transform .35s cubic-bezier(.05,.7,.1,1);transform-box:fill-box;transform-origin:left center}.sound-toggle__waves path{opacity:0;transform:scale(.4)}.sound-toggle.is-on .sound-toggle__waves path{opacity:1;transform:none;animation:sound-wave 1.6s ease-in-out .35s infinite}.sound-toggle.is-on .sound-toggle__waves path:nth-child(2){transition-delay:.06s;animation-delay:.5s}.sound-toggle.is-on .sound-toggle__off{opacity:0;transform:scale(.5)}@keyframes sound-wave{0%,to{opacity:1}50%{opacity:.35}}.gallery__item figcaption:empty{display:none}.gallery__head{display:flex;align-items:baseline;flex-wrap:wrap;gap:.3rem .65rem}.gallery__time{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.78rem;letter-spacing:.02em;font-variant-numeric:tabular-nums;color:var(--text-muted)}.gallery__desc{margin-bottom:.2rem}.gallery__item figcaption strong{font-weight:650;color:var(--ink-900)}.gallery__item figcaption{display:flex;flex-direction:column;align-items:flex-start;gap:.4rem;max-width:60ch;padding:.9rem .25rem 0;font-size:.95rem;line-height:1.5;color:var(--text-muted)}.gallery__stage>.model-viewer{width:100%}.model-viewer{position:relative;width:100%;aspect-ratio:4 / 3;max-height:min(75vh,720px);border-radius:10px;cursor:grab;touch-action:pan-y}.model-viewer:active{cursor:grabbing}.model-viewer canvas{display:block;width:100%!important;height:100%!important}.model-viewer__note{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;padding:1rem;text-align:center;font-size:.9rem;color:var(--text-muted)}.model-viewer__note small{max-width:36ch;font-size:.78rem;color:#c2410c}.model-viewer__hint{position:absolute;left:50%;bottom:.75rem;transform:translate(-50%);padding:.35rem .8rem;font-size:.75rem;font-weight:600;letter-spacing:.02em;color:var(--ink-900);background:#ffffffb3;border-radius:999px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);pointer-events:none;animation:hint-fade 4s var(--ease) 2.5s forwards}@keyframes hint-fade{to{opacity:0}}.model-cover{position:absolute;inset:0;pointer-events:none}.model-viewer--decorative{position:absolute;inset:0;aspect-ratio:auto;max-height:none;border-radius:0;opacity:0;transition:opacity .9s var(--ease)}.model-viewer--decorative.is-ready{opacity:1}.project-card__badge,.case__badge{display:inline-flex;align-items:center;gap:.45rem;padding:.35rem .75rem;font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;border-radius:999px}.project-card__badge{position:absolute;top:1rem;left:1.25rem;z-index:1;color:#f7f7fce6;background:#0a0a0e59;border:1px solid rgba(247,247,252,.25);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.case__eyebrow{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;margin-bottom:1.25rem}.case__eyebrow .section-index{margin-bottom:0}.case__badge{color:var(--ink-700);background:var(--bg-light-alt);border:1px solid var(--border-soft)}.status-dot{width:7px;height:7px;border-radius:50%;background:#f5a524;box-shadow:0 0 #f5a52499;animation:status-pulse 2.4s ease-out infinite}@keyframes status-pulse{0%{box-shadow:0 0 #f5a5248c}70%{box-shadow:0 0 0 7px #f5a52400}to{box-shadow:0 0 #f5a52400}}.todo{display:inline-block;padding:.15rem .5rem;font-size:.8rem;font-weight:600;color:#c2410c;background:#ffaa3c1f;border:1px dashed #f59e0b;border-radius:6px}.todo--block{display:block;margin:1rem 0;padding:1rem 1.2rem;max-width:760px}.gallery__todo{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;aspect-ratio:16 / 9;padding:1.5rem;text-align:center;font-size:.9rem;color:#c2410c;background:#ffaa3c12;border:1.5px dashed #f59e0b;border-radius:16px}.gallery__todo code{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.8rem;opacity:.8}.case{position:fixed;inset:0;z-index:1500;overflow-y:auto;overscroll-behavior:contain;background:var(--bg-light)}.case--animate{animation:case-in .5s cubic-bezier(.05,.7,.1,1) both}@keyframes case-in{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:none}}.case__close{position:fixed;top:1rem;right:clamp(1rem,3vw,2rem);z-index:2;display:inline-flex;align-items:center;gap:.45rem;padding:.65rem 1.1rem;font:inherit;font-size:.9rem;font-weight:700;color:var(--ink-900);background:#ffffff8c;border:1px solid rgba(255,255,255,.6);border-radius:999px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 8px 32px #0000001f,inset 0 1px 1px #ffffff80;cursor:pointer;transition:transform .3s var(--ease),background .3s var(--ease)}.case__close:hover{background:#fffc;transform:scale(1.04)}.case__inner{max-width:1040px;margin:0 auto;padding:clamp(4.5rem,9vw,6rem) clamp(1.25rem,4vw,2.5rem) clamp(4rem,8vw,6rem)}.case__visual{position:relative;aspect-ratio:16 / 9;border-radius:18px;overflow:hidden}.case__head{max-width:760px;margin-top:clamp(2.5rem,5vw,3.5rem)}.case__title{font-family:var(--font-body);font-weight:700;font-size:clamp(2rem,1rem + 3.9vw,4rem);line-height:1.05;letter-spacing:-.03em;color:var(--ink-900)}.case__summary{margin:1rem 0 1.4rem;font-size:clamp(1.0625rem,.9rem + .5vw,1.3125rem);line-height:1.5;color:var(--text-muted)}.case__meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem;margin:clamp(2.5rem,5vw,3.5rem) 0;padding:1.5rem 0;border-top:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft)}.case__meta dt{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.4rem}.case__meta dd{font-size:.95rem;font-weight:600;line-height:1.4;color:var(--ink-900)}.case__intro{max-width:760px;font-size:clamp(1.15rem,1rem + .6vw,1.45rem);line-height:1.5;letter-spacing:-.01em;color:var(--ink-900)}.case__section{max-width:760px;margin-top:clamp(3rem,6vw,4.5rem)}.case__heading{font-family:var(--font-body);font-weight:700;font-size:clamp(1.375rem,1.1rem + 1vw,1.75rem);letter-spacing:-.02em;color:var(--ink-900);margin-bottom:1rem}.case__text{font-size:1.0625rem;line-height:1.7;color:var(--text-muted)}.case__text--narrow{max-width:760px}.case__text+.case__text{margin-top:1rem}.case__list{list-style:none;margin-top:1.25rem;border-top:1px solid var(--border-soft)}.case__list li{display:grid;grid-template-columns:minmax(0,11rem) 1fr;gap:.35rem 1.5rem;padding:.95rem 0;border-bottom:1px solid var(--border-soft);font-size:1rem;line-height:1.55;color:var(--text-muted)}.case__list li:not(:has(strong)){grid-template-columns:1fr;color:var(--ink-900)}.case__list strong{font-weight:650;color:var(--ink-900)}.case__outcomes{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.case__stat{display:flex;flex-direction:column;gap:.4rem;padding:1.4rem;border-radius:16px;background:var(--bg-light-alt);container-type:inline-size}.case__stat-value{font-size:min(clamp(2rem,1.4rem + 2vw,2.75rem),26cqi);font-weight:700;letter-spacing:-.03em;line-height:1;background:linear-gradient(110deg,#2b38ee,#7f5dfa 50%,#f05);-webkit-background-clip:text;background-clip:text;color:transparent;padding:.06em .12em .16em 0;margin:-.06em -.12em -.16em 0}.case__stat-label{font-size:.9rem;color:var(--text-muted)}.case__back{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;width:100%;margin-top:clamp(4rem,8vw,6rem);padding:2rem 0 0;font:inherit;text-align:left;background:none;border:none;border-top:1px solid var(--border-soft);cursor:pointer}.case__back:focus-visible{outline:2px solid #2b38ee;outline-offset:6px;border-radius:4px}.case__back-label{font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted)}.case__back-title{display:inline-flex;align-items:center;gap:.75rem;font-size:clamp(1.75rem,1rem + 2.6vw,3rem);font-weight:700;letter-spacing:-.03em;color:var(--ink-900)}.case__back-title svg{flex:none;transition:transform .35s var(--ease)}.case__back:hover .case__back-title svg{transform:translate(-8px)}::view-transition-group(case-visual){animation-duration:.6s;animation-timing-function:cubic-bezier(.05,.7,.1,1);border-radius:18px;overflow:clip}::view-transition-old(case-visual),::view-transition-new(case-visual){height:100%;object-fit:cover}::view-transition-old(root),::view-transition-new(root){animation-duration:.35s}@media(max-width:720px){.project-card--featured .project-card__visual,.project-card--featured~.project-card:last-child:nth-child(2n) .project-card__visual{aspect-ratio:16 / 10}.motion-cover__lane{grid-template-columns:5rem 1fr;gap:.75rem}.motion-cover__label{font-size:.62rem}.case__visual{aspect-ratio:16 / 10}.case__meta{grid-template-columns:repeat(2,minmax(0,1fr))}.case__list li{grid-template-columns:1fr}}.gate{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:#0a0a0e66;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.gate__panel{width:min(420px,100%);padding:2rem;border-radius:22px;background:#ffffffd9;border:1px solid rgba(255,255,255,.5);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 24px 64px #0a0a0e59,inset 0 1px 1px #fff9}.gate__title{font-family:var(--font-body);font-weight:700;font-size:1.3rem;letter-spacing:-.02em;color:var(--ink-900)}.gate__text{margin-top:.6rem;font-size:.95rem;line-height:1.55;color:var(--text-muted)}.gate__input{width:100%;margin-top:1.25rem;padding:.85rem 1.1rem;font:inherit;font-size:1rem;color:var(--ink-900);background:#ffffffb3;border:1px solid var(--border-soft);border-radius:12px;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.gate__input:focus{border-color:var(--ink-900);box-shadow:0 0 0 3px #2b38ee26}.gate__error{margin-top:.6rem;font-size:.85rem;color:#d61f56}.gate__actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem}.experience{padding:var(--section-pad) clamp(1.25rem,4vw,2.5rem);background:var(--bg-light-alt)}.experience__inner{max-width:var(--container);margin:0 auto}.experience__head{margin-bottom:clamp(2.5rem,5vw,4rem)}.experience__list{list-style:none;border-top:1px solid var(--border-soft)}.experience__row{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,5fr) auto;gap:clamp(1rem,3vw,2.5rem);align-items:center;padding:1.6rem 0;border-bottom:1px solid var(--border-soft);transition:background .3s var(--ease)}.experience__who{display:flex;align-items:center;gap:1rem}.experience__logo{flex:none;width:46px;height:46px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:var(--mist-50);border:1px solid var(--border-soft);font-size:.9rem;font-weight:700;letter-spacing:.02em;color:var(--ink-900)}.experience__logo img{width:58%;height:58%;object-fit:contain}.experience__row--cta{position:relative;isolation:isolate;margin-bottom:2.5rem;padding:1.6rem 1.4rem;border:1.5px dashed var(--mist-300);border-radius:16px;transition:border-color .3s var(--ease),background .3s var(--ease),transform .3s var(--ease),box-shadow .3s var(--ease)}.experience__row--cta:before{content:"";position:absolute;inset:-4px;border-radius:20px;z-index:-1;background:linear-gradient(120deg,#8fc9ff,#2b38ee 40%,#f05 75%,#8fc9ff);background-size:300% 300%;filter:blur(16px);opacity:0;transition:opacity .5s var(--ease)}.experience__row--cta:hover:before{opacity:.3;animation:btn-glow-drift 5.5s ease-in-out infinite}.experience__row--cta:hover{border-color:var(--ink-900);background:#ffffff8c;transform:translateY(-2px);box-shadow:0 12px 32px #2b38ee14,inset 0 1px 1px #ffffff80}.experience__row--cta .experience__logo{border-style:dashed;background:transparent;font-size:1.5rem;font-weight:500;color:var(--text-muted)}.experience__row--cta .experience__company{color:var(--ink-900)}.experience__company{font-family:var(--font-body);font-weight:650;font-size:1.2rem;letter-spacing:-.01em;color:var(--ink-900)}.experience__role{display:block;margin-top:.25rem;font-size:.9rem;color:var(--text-muted)}.experience__note{font-size:.95rem;font-weight:450;line-height:1.6;color:var(--text-muted);max-width:52ch}.experience__period{font-size:.9rem;font-weight:600;letter-spacing:.02em;color:var(--ink-900);white-space:nowrap}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.tools{max-width:var(--container);margin:clamp(3.5rem,7vw,6rem) auto 0;overflow:hidden}.tools__label{display:block;text-align:center;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);margin-bottom:1.75rem}.tools__marquee{mask-image:linear-gradient(to right,transparent 0%,black 12%,black 88%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,black 12%,black 88%,transparent 100%)}.tools__track{display:flex;align-items:center;width:max-content;padding:.75rem 0;animation:tools-drift 70s linear infinite}.tools__marquee:hover .tools__track{animation-play-state:paused}@keyframes tools-drift{to{transform:translate(-50%)}}.tools__item{display:inline-flex;align-items:center;gap:.85rem;margin-right:clamp(2.5rem,6vw,5rem);font-size:1.05rem;font-weight:650;letter-spacing:-.01em;color:var(--ink-900)}.tools__item img{height:32px;width:32px;object-fit:contain;transition:transform .3s var(--ease)}.tools__item:hover img{transform:scale(1.15)}.aboutme{padding:var(--section-pad) clamp(1.25rem,4vw,2.5rem);background:var(--bg-light-alt)}.aboutme__grid{max-width:var(--container);margin:0 auto;display:grid;grid-template-columns:minmax(0,4fr) minmax(0,6fr);gap:clamp(2.5rem,6vw,5rem);align-items:center}.aboutme__portrait{position:relative;aspect-ratio:.8 / 1;border-radius:18px;isolation:isolate;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 25% 20%,var(--mist-100) 0%,transparent 55%),radial-gradient(circle at 80% 75%,var(--accent) 0%,transparent 60%),linear-gradient(160deg,var(--ink-900) 0%,var(--ink-700) 100%)}.aboutme__photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;border-radius:18px}.aboutme__portrait:before{content:"";position:absolute;inset:-6px;border-radius:24px;z-index:-1;background:linear-gradient(120deg,#8fc9ff,#2b38ee 40%,#f05 75%,#8fc9ff);background-size:300% 300%;filter:blur(18px);opacity:.55;animation:btn-glow-drift 6s ease-in-out infinite}.aboutme__para{font-size:1.0625rem;font-weight:450;line-height:1.7;color:var(--text-muted);max-width:52ch;margin-top:1.4rem}.aboutme__facts{margin-top:2.25rem;border-top:1px solid var(--border-soft)}.aboutme__fact{display:flex;justify-content:space-between;gap:1.5rem;padding:.85rem 0;border-bottom:1px solid var(--border-soft);font-size:.95rem}.aboutme__fact dt{color:var(--text-muted)}.aboutme__fact dd{color:var(--ink-900);font-weight:550;text-align:right}.aboutme__education{margin-top:2rem}.aboutme__education-label{display:inline-block;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.75rem}.aboutme__education ul{list-style:none}.aboutme__edu{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.35rem 1.5rem;padding:.85rem 0;border-bottom:1px solid var(--border-soft);font-size:.95rem}.aboutme__edu:first-child{border-top:1px solid var(--border-soft)}.aboutme__edu-degree{color:var(--ink-900);font-weight:550}.aboutme__edu-school{color:var(--text-muted)}.cta{padding:var(--section-pad) clamp(1.25rem,4vw,2.5rem);background:var(--bg-dark);color:var(--text-light);text-align:center}.cta__inner{max-width:760px;margin:0 auto}.cta__title{font-family:var(--font-body);font-weight:700;font-size:clamp(2rem,1rem + 3.9vw,4rem);line-height:1.05;letter-spacing:-.03em;margin-bottom:2.5rem}.cta__title em{color:var(--text-muted-on-dark)}.footer{background:var(--bg-dark);color:var(--text-muted-on-dark);padding:2.5rem clamp(1.25rem,4vw,2.5rem);border-top:1px solid rgba(247,247,252,.08)}.footer__inner{max-width:var(--container);margin:0 auto;display:flex;flex-wrap:wrap;gap:1.5rem;align-items:center;justify-content:space-between;font-size:.85rem}.footer__logo{font-family:var(--font-display);color:var(--mist-50);font-size:1.05rem}.footer__links{display:flex;gap:1.5rem}.footer__links a:hover{color:var(--mist-50)}@media(max-width:900px){.pillars__grid,.projects__grid,.aboutme__grid{grid-template-columns:1fr}.experience__row{grid-template-columns:1fr;gap:.5rem}.experience__period{order:-1}}@media(max-width:720px){.nav__toggle{padding:.5rem 1rem;font-size:.8rem}.nav__divider{height:1.2rem}.nav__container{padding:.4rem;gap:.3rem}}@media(min-width:2000px){:root{--container: 1560px}.statement__inner{max-width:1080px}.projects__desc,.aboutme__para{max-width:60ch}}