@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:500;font-display:optional;src:url(/assets/fonts/barlow-condensed-normal-500.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Studio Condensed;font-style:normal;font-weight:500;font-display:optional;src:url(/assets/fonts/barlow-condensed-normal-500.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:800;font-display:optional;src:url(/assets/fonts/barlow-condensed-normal-800.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:900;font-display:optional;src:url(/assets/fonts/barlow-condensed-normal-900.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Studio Condensed;font-style:normal;font-weight:900;font-display:optional;src:url(/assets/fonts/barlow-condensed-normal-900.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Caveat;font-style:normal;font-weight:600;font-display:optional;src:url(/assets/fonts/caveat-normal-600.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Caveat;font-style:normal;font-weight:700;font-display:optional;src:url(/assets/fonts/caveat-normal-600.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Instrument Serif";font-style:italic;font-weight:400;font-display:optional;src:url(/assets/fonts/instrument-serif-italic-400.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Instrument Serif";font-style:normal;font-weight:400;font-display:optional;src:url(/assets/fonts/instrument-serif-normal-400.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:400 800;font-display:optional;src:url(/assets/fonts/inter-normal-400-800.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:600;font-display:optional;src:url(/assets/fonts/space-grotesk-normal-600.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:700;font-display:optional;src:url(/assets/fonts/space-grotesk-normal-600.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--accent: #fc491d;--bg-color: #eceae3;--bg-card: #ECEAE3;--text-main: #141312;--text-muted: #6B665F;--text-subtle: #969085;--border-light: rgba(20, 19, 18, .08);--border-frame: rgba(20, 19, 18, .12);--font-display: "Barlow Condensed", -apple-system, sans-serif;--font-serif: "Instrument Serif", Georgia, serif;--font-sans: "Inter", -apple-system, sans-serif;--font-mono: "Space Grotesk", monospace;--font-hand: "Caveat", cursive}.engineering-showcase{margin:100px 0 72px}.engineering-intro{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;padding:0 32px 32px}.engineering-intro h2{font:900 clamp(44px,5.8vw,86px)/.92 "Studio Condensed",var(--font-display);text-transform:uppercase;letter-spacing:-.025em}.engineering-intro p{max-width:470px;font:400 15px/1.7 var(--font-sans);color:var(--text-muted)}.runtime-monitor{background:#0b0b0b;color:#f3f1ec;border-radius:15px;padding:28px}.runtime-grid{display:grid;grid-template-columns:minmax(0,1fr)}.runtime-viewport{position:relative;min-height:300px;overflow:hidden;border:1px solid #292929;border-radius:6px}.engineering-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;pointer-events:none}.engineering-principles{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:0;margin:12px 6px 42px}.engineering-principles li{display:flex;gap:16px;align-items:center;padding:20px 16px;border:1px solid var(--border-frame);border-radius:6px;font:600 11px/1.4 var(--font-mono)}.engineering-principles img{width:22px;height:22px;flex:0 0 22px;opacity:.7}.physical-field{position:relative;width:100%;min-height:570px;aspect-ratio:1.65;background:#080808;color:#f3f1ec;overflow:hidden}.physical-field-copy{position:absolute;top:24%;left:32px;pointer-events:none}.physical-field-tag,.physical-field-hint{font:500 11px/1.5 var(--font-mono);letter-spacing:.04em}.physical-field-copy h3{font:900 clamp(52px,7vw,104px)/.93 "Studio Condensed",var(--font-display);text-transform:uppercase;letter-spacing:-.025em}.physical-field-tag{position:absolute;right:32px;top:100px;color:#c4c3bd}.physical-field-hint{position:absolute;left:32px;bottom:30px;padding-left:14px;border-left:1px solid #c4c3bd}.runtime-viewport:focus-visible,.physical-field:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.field-fallback{position:absolute;left:24px;right:24px;bottom:24px;color:#c4c3bd;font:400 13px/1.6 var(--font-sans)}@media(max-width:768px){.engineering-showcase{margin-top:64px}.engineering-intro{gap:26px;padding:0 24px 30px}.engineering-intro h2{font-size:clamp(44px,7.2vw,56px)}.engineering-intro p{font-size:12px;line-height:1.6}.runtime-monitor{padding:22px}.runtime-grid{grid-template-columns:minmax(0,1fr)}.runtime-viewport{min-height:240px}.engineering-principles li{gap:10px;padding:16px 10px;font-size:9px}.engineering-principles{margin-bottom:28px}.physical-field{min-height:450px}.physical-field-copy h3{font-size:62px}}@media(max-width:540px){.engineering-intro{grid-template-columns:1fr;padding:0 4px 24px;gap:20px}.engineering-intro h2{font-size:48px}.engineering-intro p{font-size:14px}.runtime-monitor{padding:16px;border-radius:10px}.runtime-grid{grid-template-columns:1fr;gap:12px}.runtime-viewport{min-height:220px}.engineering-principles{grid-template-columns:repeat(2,1fr);margin:12px 0 28px}.engineering-principles li{font-size:10px;padding:16px 12px}.physical-field{min-height:520px}.physical-field-copy{top:27%;left:20px}.physical-field-copy h3{font-size:54px}.physical-field-tag{right:20px;top:85px;font-size:9px}.physical-field-hint{left:20px;font-size:9px}}.studio-preloader{display:none}.preload-active .studio-preloader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30000;display:flex;flex-direction:column;justify-content:center;padding:4vw;background:#eceae3}html.preload-active,.preload-active body{overflow:hidden}.preloader-word{display:flex;align-items:flex-end;justify-content:center;width:100%;font:900 24vw/.85 "Studio Condensed",var(--font-display);letter-spacing:-.025em;color:#141312}.preloader-slot{display:block;overflow:hidden;flex:0 0 auto;padding:.07em 0}.preloader-char{display:block;will-change:transform}.preloader-slot:nth-child(odd) .preloader-char{transform:translateY(125%)}.preloader-slot:nth-child(2n) .preloader-char{transform:translateY(-125%)}.preloader-dot{flex:0 0 auto;width:.11em;height:.11em;border-radius:50%;margin:0 0 .07em .035em;background:#fc491d;transform:scale(0)}.preloader-row{display:grid;grid-template-columns:auto minmax(60px,1fr) auto auto;align-items:center;gap:28px;margin-top:30px;padding:0 .5vw}.preloader-label,.preloader-status{font:600 10px/1.6 var(--font-mono);letter-spacing:.18em}.preloader-label{color:var(--text-muted)}.preloader-status{color:var(--text-subtle);border-left:1px solid var(--border-frame);padding-left:28px}.preloader-track{height:3px;background:#1413121a;overflow:hidden}.preloader-progress{display:block;width:100%;height:100%;background:#fc491d;transform:scaleX(0);transform-origin:left}.preloader-percent{min-width:1.9em;font:500 46px/1 "Studio Condensed",var(--font-display);letter-spacing:0}@media(max-width:700px){.preloader-row{grid-template-columns:1fr auto;gap:18px;margin-top:24px}.preloader-label{font-size:9px}.preloader-track{grid-column:1;grid-row:2}.preloader-percent{grid-column:2;grid-row:1 / 3;font-size:36px}.preloader-status{grid-column:1 / -1;border-left:0;padding:0;font-size:8px}}*{box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{background-color:var(--bg-color);color:var(--text-main);font-family:var(--font-sans);overflow-x:clip;width:100%}body.modal-active{overflow:hidden}.viewport-frame{position:fixed;top:12px;right:12px;bottom:12px;left:12px;border:1px solid var(--border-frame);pointer-events:none;z-index:900;border-radius:4px}.frame-corner{position:absolute;width:8px;height:8px;border:1.5px solid var(--text-main)}.frame-corner--tl{top:-1px;left:-1px;border-right:none;border-bottom:none}.frame-corner--tr{top:-1px;right:-1px;border-left:none;border-bottom:none}.frame-corner--bl{bottom:-1px;left:-1px;border-right:none;border-top:none}.frame-corner--br{bottom:-1px;right:-1px;border-left:none;border-top:none}@media(max-width:768px){.viewport-frame{top:6px;right:6px;bottom:6px;left:6px}}.site-header{position:fixed;top:12px;left:12px;right:12px;height:64px;display:flex;justify-content:space-between;align-items:center;padding:0 38px;z-index:500;background:transparent;transition:background .3s ease,border-color .3s ease}.site-header.scrolled{background:#f3f1ecf7;border-bottom:1px solid var(--border-light)}.logo-wrap{display:flex;align-items:center;gap:16px}.logo-link{font-family:var(--font-display);font-size:26px;font-weight:900;letter-spacing:.04em;text-decoration:none;color:var(--text-main);display:flex;align-items:baseline;gap:2px}.logo-studio{font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.16em;opacity:.65;margin-left:4px}.logo-dot{color:var(--accent)}.nav-center{display:flex;gap:28px}.nav-link{font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.12em;text-decoration:none;color:var(--text-muted);transition:color .2s ease}.nav-link:hover{color:var(--text-main)}.nav-right{display:flex;align-items:center}.talk-link{font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.1em;text-decoration:none;color:var(--text-main);border:1px solid var(--border-frame);padding:6px 14px;border-radius:9999px;background:#14131208;transition:all .25s ease;display:inline-flex;align-items:center;gap:4px}.talk-link:hover{background:var(--text-main);color:var(--bg-color)}.talk-link-short{display:none}.hero-scroll-shell{position:relative;width:100%;isolation:isolate;height:calc(max(100svh,750px) + 120svh)}@media(prefers-reduced-motion:reduce){.hero-scroll-shell{height:auto!important}.hero-scroll-shell #hero{position:relative!important}}.hero-scroll-shell #hero{position:sticky;top:0}#hero{position:relative;width:100%;height:100svh;min-height:750px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:76px 32px 18px;overflow:hidden;box-sizing:border-box}.hero-ambient-badge{position:absolute;top:84px;right:48px;width:110px;height:110px;pointer-events:none;z-index:20;opacity:.85}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.badge-svg{width:100%;height:100%;font-family:var(--font-mono);font-size:8.5px;font-weight:700;letter-spacing:.18em;fill:var(--text-main)}.hero-headline-wrap{top:52px;position:relative;width:100%;max-width:1100px;text-align:center;margin:0 0 4px;z-index:25;pointer-events:auto;flex-shrink:0;will-change:transform,opacity}.hero-headline{font-family:var(--font-display);font-size:clamp(38px,4.6vw,68px);font-weight:900;line-height:.94;letter-spacing:-.015em;text-transform:uppercase;color:var(--text-main)}.line-wrap{display:block;overflow:hidden}.line-inner{display:block}.word{display:inline-block;will-change:transform,opacity}.hero-subtitle{font-family:var(--font-sans);font-size:clamp(13px,1.15vw,15px);color:var(--text-muted);margin-top:8px;font-weight:500;letter-spacing:-.01em}.hero-handwritten{display:inline-flex;align-items:center;gap:8px;margin-top:4px;font-family:var(--font-hand);font-size:18px;color:var(--text-muted);transform:rotate(-1.5deg)}.hero-sparkle{color:var(--accent)}.arrow-sup,.footer-cta>span{color:var(--accent)}:where(a,button):focus-visible{outline:2px solid var(--accent);outline-offset:4px}.category-filters{display:flex;gap:8px;justify-content:center;align-items:center;margin-top:10px;z-index:30;position:relative;pointer-events:auto}.filter-pill{font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.1em;padding:6px 14px;border-radius:9999px;background:#1413120d;border:1px solid var(--border-frame);color:var(--text-muted);cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.filter-pill:hover,.filter-pill.active{background:var(--text-main);color:var(--bg-color);border-color:var(--text-main)}.carousel-viewport{position:relative;width:100%;flex:1 1 0%;min-height:380px;z-index:10;pointer-events:auto;overflow:visible}#carousel-container{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;cursor:grab;touch-action:pan-y pinch-zoom}#carousel-container canvas{display:block;width:100%!important;height:100%!important}#carousel-container:active{cursor:grabbing}#labels-container{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:15}.project-label{opacity:0;visibility:hidden;position:absolute;top:0;left:0;transform:translate(-50%);font-family:var(--font-mono);width:min(420px,calc(100vw - 40px));font-size:11px;font-weight:700;letter-spacing:.08em;white-space:normal;color:var(--text-main);display:flex;flex-direction:column;align-items:center;gap:4px;pointer-events:none;cursor:pointer;background:#f3f1ecf0;padding:10px 16px 11px;border-radius:14px;border:1px solid rgba(20,19,18,.16);box-shadow:0 4px 14px #00000014;transition:border-color .2s ease,background .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}.label-meta{display:flex;align-items:center;gap:6px;font-size:10px;letter-spacing:.14em;text-transform:uppercase}.project-label:hover{background:#f3f1ecf2;border-color:var(--text-main)}.project-label.active{pointer-events:auto;border-color:var(--text-main);background:var(--bg-color);box-shadow:0 4px 14px #0000000f}.label-number{font-weight:800}.label-slash{opacity:.4}.label-category{color:var(--text-muted)}.label-title{font-family:var(--font-display);font-size:18px;line-height:1;letter-spacing:.01em;font-weight:900;color:var(--text-main)}.label-description{max-width:370px;color:#504d47;font-family:var(--font-sans);font-size:12.5px;font-weight:500;line-height:1.42;letter-spacing:0}.hero-bottom-bar{position:relative;width:100%;display:flex;justify-content:space-between;align-items:center;z-index:25;pointer-events:none;border-top:1px solid var(--border-light);padding-top:10px;flex-shrink:0}.bottom-summary{font-size:13px;color:var(--text-muted);max-width:580px;line-height:1.45}.drag-hint{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.12em;color:var(--text-main);background:#1413120d;padding:6px 14px;border-radius:9999px;border:1px solid var(--border-frame)}.arrow-glyph{font-size:14px}.accessible-nav{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.marquee-strip{position:relative;z-index:1;clear:both;width:100%;overflow:hidden;border-top:1px solid var(--border-frame);border-bottom:1px solid var(--border-frame);background:#141312;color:#f3f1ec;padding:16px 0;-webkit-user-select:none;user-select:none}.marquee-track{display:flex;width:max-content;align-items:center;white-space:nowrap;will-change:transform}.marquee-group{display:flex;flex:0 0 auto;align-items:center}.marquee-item{font-family:var(--font-display);font-size:28px;font-weight:800;letter-spacing:.06em;padding:0 16px}.marquee-dot{color:var(--accent);padding:0 8px}.section-content{max-width:1400px;margin:0 auto;padding:120px 48px 80px}.section-header{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid var(--border-frame);padding-bottom:18px;margin-bottom:56px}.section-title{font-family:var(--font-display);font-size:clamp(38px,5vw,64px);font-weight:900;letter-spacing:-.01em;text-transform:uppercase}.section-counter{font-family:var(--font-mono);font-size:12px;font-weight:700;letter-spacing:.14em;color:var(--text-muted)}.showcase-featured-row{position:relative;width:100vw;height:500svh;margin-left:calc(50% - 50vw);margin-bottom:56px;background:var(--bg-card);border-top:1px solid var(--border-frame);border-bottom:1px solid var(--border-frame)}.featured-stack-sticky{position:sticky;top:0;height:100svh;min-height:0;display:grid;grid-template-columns:minmax(220px,.32fr) minmax(0,1fr);align-items:stretch;padding:72px max(32px,calc((100vw - 1400px)/2));overflow:hidden;box-sizing:border-box}.featured-stack-nav{position:relative;z-index:20;align-self:center;display:flex;flex-direction:column;width:min(280px,100%)}.featured-stack-eyebrow,.featured-stack-hint{font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.14em;color:var(--text-muted)}.featured-stack-eyebrow{margin-bottom:20px}.featured-stack-index{position:relative;display:grid;grid-template-columns:30px minmax(0,1fr);column-gap:10px;align-items:baseline;padding:13px 0 13px 28px;border:0;background:transparent;color:var(--text-muted);text-align:left;cursor:pointer;transition:color .25s ease,opacity .25s ease}.featured-stack-index:before{content:"";position:absolute;left:0;top:50%;width:15px;height:1px;background:currentColor;transform:translateY(-50%);transition:width .3s cubic-bezier(.16,1,.3,1)}.featured-stack-index>span{grid-row:1 / span 2;font-family:var(--font-mono);font-size:11px;letter-spacing:.08em}.featured-stack-index strong{font-family:var(--font-mono);font-size:13px;letter-spacing:.06em}.featured-stack-index small{grid-column:2;margin-top:3px;font-family:var(--font-sans);font-size:11px;letter-spacing:0;opacity:.75}.featured-stack-index:hover,.featured-stack-index.active{color:var(--text-main)}.featured-stack-index:focus-visible,.featured-stack-card:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.featured-stack-index.active:before{width:22px;background:var(--accent)}.featured-stack-index.active>span{color:var(--accent)}.featured-stack-progress{width:1px;height:64px;margin:20px 0 0 7px;overflow:hidden;background:var(--border-frame)}.featured-stack-progress span{display:block;width:100%;height:100%;background:var(--accent);transform:scaleY(0);transform-origin:top}.featured-stack-stage{position:relative;min-width:0;height:100%;overflow:hidden;isolation:isolate}.featured-stack-card{position:absolute;top:50%;left:52%;width:min(620px,54vw);height:min(78svh,calc(100svh - 160px),900px);aspect-ratio:24 / 35;overflow:hidden;border:1px solid rgba(20,19,18,.22);border-radius:28px;background:#111;box-shadow:0 18px 38px #14131229,0 3px 10px #1413121a;text-decoration:none;color:var(--text-main);transform-origin:50% 84%;opacity:0}.is-stack-active .featured-stack-card{will-change:transform}.featured-drag-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.stack-ready .featured-stack-card{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:pan-y}.stack-ready .featured-stack-card.is-dragging{cursor:grabbing}.featured-drag-handle{display:none;position:absolute;top:14px;left:14px;padding:8px 12px;border-radius:999px;background:#1d1d1f;color:#f3f1ec;font:600 10px var(--font-mono);letter-spacing:.08em;touch-action:none}.stack-ready .featured-drag-handle{display:block}.featured-stack-reset{align-self:flex-start;margin-top:20px;padding:9px 14px;border:1px solid var(--border-frame);border-radius:999px;background:transparent;color:var(--text-main);font:600 11px var(--font-mono);cursor:pointer}.featured-stack-reset:hover{border-color:var(--accent)}.featured-stack-reset[hidden]{display:block;visibility:hidden;pointer-events:none}@media(max-width:768px){.featured-stack-reset{grid-column:1 / -1;justify-self:end;margin-top:5px}}.featured-stack-card img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .45s cubic-bezier(.16,1,.3,1)}.featured-motion-preview{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none;opacity:0;transition:opacity .18s ease}.featured-motion-preview.is-playing{opacity:1}.stack-ready .featured-stack-card.active:hover img{transform:scale(1.008)}.featured-stack-caption{position:absolute;right:14px;bottom:14px;display:flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid rgba(20,19,18,.15);border-radius:999px;background:#f3f1ece6;font-family:var(--font-mono)}.featured-stack-caption span{color:var(--text-muted);font-size:9px;font-weight:700;letter-spacing:.1em}.featured-stack-caption strong{font-size:11px;letter-spacing:.08em}.featured-stack-hint{position:absolute;right:0;bottom:0}.metrics-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding:56px 0;border-top:1px solid var(--border-frame);border-bottom:1px solid var(--border-frame);margin-bottom:100px}.metric-col{display:flex;flex-direction:column;border-right:1px solid var(--border-light);padding-right:20px}.metric-col:last-child{border-right:none}.metric-number{font-variant-numeric:tabular-nums;font-family:var(--font-display);font-size:clamp(48px,5.5vw,76px);font-weight:900;line-height:.95;color:var(--text-main);letter-spacing:-.02em}.metric-label{font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.14em;color:var(--text-muted);margin-top:10px}.archive-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;flex-wrap:wrap;gap:16px}.archive-filters{display:flex;gap:8px;flex-wrap:wrap}.works-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:36px;margin-bottom:100px}.work-card{display:flex;flex-direction:column;background:var(--bg-card);border:1px solid var(--border-frame);border-radius:12px;padding:24px;text-decoration:none;color:var(--text-main);transition:box-shadow .25s ease;position:relative}.work-card:hover{box-shadow:0 16px 36px #1413120f}.work-card-media{content-visibility:auto;contain-intrinsic-size:auto 360px;width:100%;height:auto;aspect-ratio:1 / 1;border-radius:8px;overflow:hidden;margin-bottom:18px;position:relative;background:#111;border:1px solid var(--border-light)}.work-card-img{width:100%;height:100%;object-fit:contain;transition:filter .35s ease}.work-card:hover .work-card-img{filter:none}.work-motion-preview{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;opacity:0;pointer-events:none;transition:opacity .3s ease;background:var(--bg-color)}.carousel-fallback{display:flex;gap:18px;overflow-x:auto;padding:30px;height:100%;align-items:center;pointer-events:auto}.carousel-fallback a{flex:0 0 min(65vw,340px);height:min(40.625vw,212.5px);aspect-ratio:16 / 10}.carousel-fallback img{display:block;width:100%;height:100%;aspect-ratio:16 / 10;object-fit:contain}.preview-playing .work-motion-preview{opacity:1}.work-top-tag{z-index:2}.preview-toggle{position:absolute;z-index:3;bottom:12px;right:12px;padding:8px 12px;background:#1d1d1f;color:#f3f1ec;border:1px solid rgba(243,241,236,.3);border-radius:999px;font:600 10px var(--font-mono);cursor:pointer}.preview-playing .preview-toggle{border-color:var(--accent)}.work-interactions{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}.work-interactions span{font:10px var(--font-mono);border:1px solid var(--border-frame);border-radius:999px;padding:5px 8px}.interaction-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap;width:100%}.interaction-label{font:10px var(--font-mono);letter-spacing:.12em;margin-right:8px;color:var(--text-subtle)}.archive-result-count{font:12px var(--font-mono);color:var(--text-muted);margin:0}.archive-empty{padding:40px 0;font-size:16px}.archive-reset{color:var(--text-main);background:transparent;border:0;text-decoration:underline;cursor:pointer;font:inherit;margin-left:8px}.works-grid{position:relative;overflow-anchor:none}.motion-playground{margin:90px 0 100px;scroll-margin-top:110px}.motion-accent{color:var(--accent)}.playground-intro{color:var(--text-muted);font-size:17px;line-height:1.6;margin:-8px 0 30px;max-width:650px}.playground-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.playground-card{border:1px solid var(--border-frame);border-radius:14px;padding:20px;background:var(--bg-card);min-width:0}.playground-label{display:flex;justify-content:space-between;align-items:center;font:10px var(--font-mono);letter-spacing:.08em}.playground-label>span:last-child{color:var(--accent);font-size:20px}.playground-stage{position:relative;height:290px;margin:20px 0;overflow:hidden;border-radius:8px}.scroll-stage{background:#e9e7df}.mini-sheet{position:absolute;left:18%;top:18%;width:64%;height:68%;border-radius:9px;padding:20px;box-sizing:border-box;box-shadow:0 8px 25px #0000001f;font:800 32px var(--font-display)}.sheet-back{background:#bcb8ae}.sheet-middle{background:#f3f1ec}.sheet-front{background:#1d1d1f;color:#f3f1ec;display:flex;flex-direction:column;justify-content:space-between}.sheet-front span{font:11px var(--font-mono);color:var(--accent)}.scrub-label{font:11px var(--font-mono);color:var(--text-muted);display:flex;justify-content:space-between;gap:10px;line-height:1.6}#motion-scrub{width:100%;accent-color:var(--accent);margin-top:12px;cursor:ew-resize}.type-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#1d1d1f;color:#f3f1ec}.kinetic-line{display:flex;overflow:hidden;font:800 68px/.95 var(--font-display);letter-spacing:-.025em}.kinetic-line span{display:inline-block}.playground-replay{width:100%;border:0;border-top:1px solid var(--border-frame);background:transparent;color:var(--text-main);padding:14px 0 0;font:12px var(--font-mono);cursor:pointer;display:flex;justify-content:space-between}.playground-replay span{color:var(--accent)}.cursor-stage{background:#e9e7df;cursor:crosshair;touch-action:pan-y}.field-dots{position:absolute;top:0;right:0;bottom:0;left:0}.field-dots span{position:absolute;width:5px;height:5px;border-radius:50%;background:#1d1d1f}.field-core{position:absolute;left:calc(50% - 12px);top:calc(50% - 12px);width:24px;height:24px;border-radius:50%;background:var(--accent);pointer-events:none}.playground-hint{font:11px/1.6 var(--font-mono);color:var(--text-muted);margin:0}@media(max-width:1000px){.playground-grid{grid-template-columns:1fr}.playground-stage{height:280px}.mini-sheet{width:210px;left:calc(50% - 105px)}.motion-playground .section-header{flex-wrap:wrap;gap:12px}}@media(prefers-reduced-motion:reduce){.work-motion-preview{transition:none}}.work-top-tag{position:absolute;top:10px;left:10px;background:#141312bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-family:var(--font-mono);font-size:9.5px;font-weight:700;letter-spacing:.12em;padding:3px 8px;border-radius:9999px;border:1px solid rgba(255,255,255,.15)}.work-meta{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;font-weight:700;color:var(--text-subtle);margin-bottom:8px}.work-title-row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:4px}.work-title{font-family:var(--font-display);font-size:32px;font-weight:900;letter-spacing:-.01em}.work-arrow{font-size:18px;color:var(--accent);transition:transform .2s ease}.work-card:hover .work-arrow{transform:translate(2px,-2px)}.work-tagline{font-family:var(--font-serif);font-style:italic;font-size:18px;color:var(--text-main);margin-bottom:8px;line-height:1.25}.work-desc{font-size:14.5px;color:#514d47;line-height:1.6;margin-bottom:16px}.work-tech-tags{font-family:var(--font-mono);font-size:11.5px;line-height:1.5;color:var(--text-muted);margin-bottom:16px;letter-spacing:.02em}.work-actions{display:flex;gap:10px;margin-top:auto;padding-top:14px;border-top:1px solid var(--border-light)}.btn-launch{flex:1;display:inline-flex;justify-content:center;align-items:center;gap:4px;background:var(--text-main);color:var(--bg-color);font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.08em;padding:8px 14px;border-radius:9999px;text-decoration:none;transition:opacity .2s ease}.btn-launch:hover{opacity:.85}.btn-inspect{display:inline-flex;justify-content:center;align-items:center;background:#1413120f;color:var(--text-main);font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.08em;padding:8px 14px;border-radius:9999px;border:1px solid var(--border-frame);cursor:pointer;transition:background .2s ease}.btn-inspect:hover{background:#1413121f}.directory-section{border-top:1px solid var(--border-frame);padding-top:60px;margin-bottom:80px}.directory-table-wrap{width:100%;overflow-x:auto;margin-top:24px}.directory-table{width:100%;border-collapse:collapse;font-family:var(--font-mono);font-size:12px}.directory-table th{text-align:left;padding:12px 16px;border-bottom:1.5px solid var(--text-main);letter-spacing:.12em;font-weight:700}.directory-table td{padding:12px 16px;border-bottom:1px solid var(--border-light)}.directory-table tr:hover td{background:#14131205}.status-ok{color:#10b981;font-weight:700}.route-link{color:var(--text-main);text-decoration:none;font-weight:700}.route-link:hover{text-decoration:underline}.about-box{display:grid;grid-template-columns:1fr 1.6fr;gap:60px;padding:80px 0;border-top:1px solid var(--border-frame)}.about-left h3{font-family:var(--font-display);font-size:clamp(38px,4.5vw,56px);font-weight:900;line-height:.98;letter-spacing:-.01em;text-transform:uppercase}.about-right p{font-size:16px;line-height:1.6;color:var(--text-muted);margin-bottom:20px}.about-right p:last-child{margin-bottom:0}.footer-film{position:relative;width:100%;margin-top:-120px;overflow:hidden;background:linear-gradient(to bottom,var(--bg-color),#eeede4 100px)}.footer-film:before{content:"";position:absolute;inset:0 0 auto;height:clamp(48px,6vw,90px);z-index:1;background:linear-gradient(to bottom,var(--bg-color),transparent);pointer-events:none}.footer-film-media{display:block;width:min(90vw,1540px);height:min(38vw,620px);margin:0 auto;object-fit:cover;object-position:center 25%;background:#eeede4;-webkit-mask-image:linear-gradient(to right,transparent,black 3%,black 97%,transparent);mask-image:linear-gradient(to right,transparent,black 3%,black 97%,transparent)}.footer-film-toggle{position:absolute;z-index:2;right:max(24px,6vw);bottom:20px;width:32px;height:32px;padding:0;display:grid;place-items:center;border:1px solid rgba(243,241,236,.35);border-radius:999px;background:#1d1d1fd9;color:#f3f1ec;font:600 11px var(--font-mono);cursor:pointer}.footer-film-toggle svg{width:14px;height:14px;grid-area:1 / 1}.footer-film-toggle .film-pause-icon,.footer-film-toggle[data-state=playing] .film-play-icon{display:none}.footer-film-toggle[data-state=playing] .film-pause-icon{display:block}.geo-credit{color:var(--text-subtle);font-size:10px;text-decoration:none}.geo-credit:hover{color:var(--text-main)}.site-footer{--text-main: #F3F1EC;--text-muted: #ECEAE3;--text-subtle: #969085;--border-frame: rgba(243, 241, 236, .16);position:relative;background:#1d1d1f;color:var(--text-main);border-top:1px solid var(--border-frame);padding:76px 0 22px;overflow:hidden}.site-footer-inner{position:relative;width:min(100% - 64px,1340px);margin:0 auto}.site-footer-grid{display:grid;grid-template-columns:minmax(260px,2fr) minmax(140px,1fr) minmax(160px,1fr) minmax(300px,2fr);gap:clamp(30px,4vw,64px);padding-bottom:58px}.footer-logo{display:inline-flex;align-items:baseline;gap:3px;color:var(--text-main);font-family:var(--font-display);font-size:28px;font-weight:900;letter-spacing:.035em;text-decoration:none;margin-bottom:18px}.footer-logo>span:last-child{font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;color:var(--text-muted)}.footer-brand p,.footer-feature p{max-width:330px;color:var(--text-muted);font-size:13.5px;line-height:1.65}.footer-column h2,.footer-feature .footer-eyebrow{display:block;color:var(--text-main);font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:20px}.footer-column ul{list-style:none}.footer-column li+li{margin-top:12px}.footer-column a{color:var(--text-muted);font-size:13.5px;line-height:1.4;text-decoration:none;transition:color .2s ease,transform .2s ease;display:inline-block}.footer-column a:hover,.footer-column a:focus-visible{color:var(--text-main);transform:translate(3px)}.footer-feature{border-left:1px solid var(--border-frame);padding-left:clamp(28px,3vw,48px)}.footer-feature h2{color:var(--text-main);font-family:var(--font-display);font-size:clamp(32px,3.2vw,48px);font-weight:900;line-height:.96;letter-spacing:-.015em;text-transform:uppercase;margin-bottom:16px}.footer-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:46px;margin-top:24px;padding:10px 18px;border-radius:999px;background:var(--text-main);color:#1d1d1f;font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.08em;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 12px 28px #14131224}.footer-cta:hover,.footer-cta:focus-visible{transform:translateY(-2px);box-shadow:0 16px 34px #14131233}.site-footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid var(--border-frame);padding-top:22px;color:var(--text-subtle);font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.1em}#custom-cursor{position:fixed;top:0;left:0;width:72px;height:72px;border-radius:50%;background:var(--text-main);color:var(--bg-color);font-family:var(--font-mono);font-size:10.5px;font-weight:700;letter-spacing:.1em;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:1000;opacity:0;transform:translate(-50%,-50%) scale(.4);transition:opacity .25s ease,transform .15s ease-out;box-shadow:0 8px 24px #14131240}#custom-cursor.cursor-active{opacity:1}#custom-cursor.cursor-drag{transform:translate(-50%,-50%) scale(.85);background:var(--accent);color:#000}.project-modal{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:2000;opacity:0;pointer-events:none;transition:opacity .3s ease}.project-modal.modal-open{opacity:1;pointer-events:auto}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#121110a6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal-content{position:relative;background:var(--bg-color);border:1px solid var(--border-frame);border-radius:16px;padding:44px;max-width:580px;width:90%;box-shadow:0 24px 60px #00000040;transform:scale(.96) translateY(12px);transition:transform .3s cubic-bezier(.16,1,.3,1);z-index:10}.project-modal.modal-open .modal-content{transform:scale(1) translateY(0)}.modal-close{position:absolute;top:20px;right:22px;background:transparent;border:none;font-size:26px;cursor:pointer;color:var(--text-main);line-height:1}.modal-header-row{display:flex;align-items:center;gap:10px;margin-bottom:12px}.modal-category{font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.14em;color:var(--text-muted)}.modal-badge{font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.14em;background:#1413120f;padding:2px 8px;border-radius:9999px}.modal-title{font-family:var(--font-display);font-size:46px;font-weight:900;letter-spacing:-.01em;line-height:.95;margin-bottom:8px}.modal-tagline{font-family:var(--font-serif);font-style:italic;font-size:20px;color:var(--text-main);margin-bottom:16px}.modal-desc{font-size:14.5px;line-height:1.55;color:var(--text-muted);margin-bottom:18px}.modal-tech{font-family:var(--font-mono);font-size:11.5px;color:var(--text-subtle);background:var(--bg-card);padding:10px 14px;border-radius:8px;margin-bottom:24px}.modal-actions{display:flex;justify-content:flex-end}.modal-btn{background:var(--text-main);color:var(--bg-color);font-family:var(--font-mono);font-size:12px;font-weight:700;letter-spacing:.08em;padding:10px 22px;border-radius:9999px;text-decoration:none;transition:opacity .2s ease;display:inline-flex;align-items:center;gap:6px}.modal-btn:hover{opacity:.85}@media(max-width:1024px){.site-header{padding:0 24px}.nav-center{display:none}.featured-stack-sticky{grid-template-columns:minmax(190px,.3fr) minmax(0,1fr);padding-inline:24px}.featured-stack-card{left:54%;width:min(580px,62vw)}.metrics-strip{grid-template-columns:repeat(2,1fr);row-gap:36px}.metric-col:nth-child(2){border-right:none}.section-content{padding:80px 28px 60px}.about-box{grid-template-columns:1fr;gap:32px}.hero-ambient-badge{display:none}#hero{padding:72px 24px 16px;min-height:700px}.hero-scroll-shell{height:calc(max(100svh,700px) + 120svh)}.hero-headline{font-size:clamp(34px,5.2vw,54px)}.carousel-viewport{min-height:350px}}@media(max-width:768px){.hero-scroll-shell{height:calc(max(100svh,640px) + 80svh)}.site-header{height:52px;padding:0 14px}#hero{min-height:640px;padding:60px 14px 14px}.showcase-featured-row{height:500svh;margin-bottom:40px}.featured-stack-sticky{height:100svh;min-height:0;grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);padding:70px 14px 18px}.featured-stack-nav{width:100%;align-self:start;display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.featured-stack-eyebrow,.featured-stack-index small,.featured-stack-progress{display:none}.featured-stack-index{display:flex;flex-direction:column;gap:3px;padding:8px 4px 10px;border-bottom:1px solid var(--border-frame)}.featured-stack-index:before{top:auto;bottom:-1px;width:0;height:2px;transform:none}.featured-stack-index.active:before{width:100%}.featured-stack-index>span{font-size:9px}.featured-stack-index strong{max-width:100%;overflow:hidden;font-size:9.5px;text-overflow:ellipsis}.featured-stack-stage{overflow:hidden}.featured-stack-card{left:50%;width:min(84vw,430px);height:min(67svh,650px);border-radius:20px}.featured-stack-caption{right:10px;bottom:10px;padding:7px 10px}.featured-stack-hint{display:none}.logo-wrap{min-width:0}.logo-link{font-size:20px}.logo-studio{display:none}.talk-link{min-height:32px;padding:5px 10px;font-size:10px;white-space:nowrap}.talk-link-full{display:none}.talk-link-short{display:inline}.hero-headline-wrap{width:100%;margin:0 0 2px}.hero-headline{font-size:clamp(24px,7vw,32px);line-height:.98}.hero-subtitle{font-size:11.5px;max-width:310px;margin:6px auto 0;line-height:1.35}.category-filters{width:100%;justify-content:center;flex-wrap:wrap;gap:5px;margin-top:8px}.category-filters .filter-pill{flex:0 0 auto;min-height:30px;padding:5px 10px;font-size:9.5px}.hero-handwritten{display:none}.carousel-viewport{min-height:320px}.project-label{max-width:calc(100vw - 32px);font-size:10px;padding:8px 12px 9px;-webkit-backdrop-filter:none;backdrop-filter:none}.label-title{font-size:16px}.label-description{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:11.5px}.paper-grain{top:0;right:0;bottom:0;left:0;width:100%;height:100%;animation:none}.hero-bottom-bar{justify-content:center;padding-top:10px}.drag-hint{min-height:36px}.metrics-strip{grid-template-columns:1fr;row-gap:28px}.metric-col{border-right:none;border-bottom:1px solid var(--border-light);padding-bottom:16px}.works-grid{grid-template-columns:1fr;gap:28px}.bottom-summary{display:none}.modal-content{padding:28px 24px}.modal-title{font-size:34px}}@media(max-width:380px){.hero-headline{font-size:33px}.carousel-viewport{top:286px}}@media(prefers-reduced-motion:reduce){.hero-ambient-badge{animation:none}.featured-stack-sticky{height:100svh}}@media(max-width:900px){.footer-film{margin-top:-80px}.footer-film-media{width:100%;height:auto;aspect-ratio:16 / 9;object-fit:contain}.site-footer{padding-top:60px}.site-footer-inner{width:min(100% - 40px,720px)}.site-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:46px 36px}.footer-feature{border-left:none;padding-left:0}}@media(max-width:560px){.site-footer-inner{width:calc(100% - 36px)}.site-footer-grid{grid-template-columns:1fr;gap:38px;padding-bottom:42px}.footer-feature{padding-top:34px;border-top:1px solid var(--border-frame)}.footer-feature h2{font-size:38px}.footer-cta{width:100%}.site-footer-bottom{align-items:flex-start;flex-direction:column;line-height:1.5}}@media(max-width:768px){.hero-scroll-shell{height:calc(max(100svh,640px) + 80svh)}}
/* ==========================================================================
   Mobile Hero Refinement: Compact layout + Bottom-Left Tilt + No Marquee Overlap + Tight Section 2
   ========================================================================== */
@media (max-width: 768px) {
  /* Scroll shell expands naturally with content, with clean breathing space before marquee */
  .hero-scroll-shell {
    position: relative !important;
    height: auto !important;
    min-height: auto !important;
    isolation: auto !important;
    margin-bottom: 24px !important;
  }
  .hero-scroll-shell #hero {
    position: relative !important;
    top: 0 !important;
  }
  
  /* Hero container holds the card completely; no overflow clipping or overlap */
  #hero {
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    min-height: auto !important;
    max-height: none !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: center !important;
    padding: 68px 14px 28px !important;
    margin: 0 !important;
    overflow: visible !important;
  }
  
  /* Headline sits cleanly under the 52px mobile header */
  .hero-headline-wrap {
    position: relative !important;
    top: 0 !important;
    width: 100% !important;
    max-width: 360px !important;
    margin: 0 0 14px 0 !important;
    text-align: center !important;
    animation: mobile-headline-reveal 0.65s cubic-bezier(0.22, 0.8, 0.25, 1) both;
  }
  .hero-headline {
    font-size: clamp(24px, 6.8vw, 32px) !important;
    line-height: 1.02 !important;
    margin: 0 !important;
  }
  .hero-subtitle {
    font-size: 11.5px !important;
    max-width: 310px !important;
    margin: 6px auto 0 !important;
    line-height: 1.35 !important;
  }

  /* Viewport and container must expand to match the card height so hero contains it */
  .carousel-viewport {
    position: relative !important;
    top: 0 !important;
    width: 100% !important;
    flex: none !important;
    min-height: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    z-index: 10 !important;
  }
  #carousel-container {
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    overflow: visible !important;
  }
  #carousel-container canvas,
  #labels-container {
    display: none !important;
  }

  /* Native horizontal card stack with peek and bottom-left tilt */
  .carousel-fallback {
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    padding: 16px 14px 28px !important;
    scroll-snap-type: x mandatory !important;
    scrollbar-width: none !important;
    -webkit-overflow-scrolling: touch !important;
  }
  .carousel-fallback::-webkit-scrollbar {
    display: none !important;
  }

  /* Primary project card: tilted to bottom-left (agak miring bottom-left), reveals next card */
  .carousel-fallback .mobile-reveal-card {
    position: relative !important;
    flex: 0 0 calc(100vw - 64px) !important;
    width: calc(100vw - 64px) !important;
    max-width: 350px !important;
    height: auto !important;
    aspect-ratio: 16 / 10 !important;
    scroll-snap-align: center !important;
    border: 1px solid rgba(20, 19, 18, 0.22) !important;
    border-radius: 14px !important;
    overflow: visible !important;
    background: #111 !important;
    box-shadow: -8px 14px 30px rgba(20, 19, 18, 0.24), 0 3px 8px rgba(20, 19, 18, 0.12) !important;
    transform: rotate(-3deg) !important;
    animation: mobile-card-draw 0.85s cubic-bezier(0.22, 0.8, 0.25, 1) calc(150ms + min(var(--reveal-index), 5) * 100ms) both !important;
  }

  /* Subtle under-card layer peeking out at bottom-left: makes the physical card stack instantly recognizable ("ketauan") */
  .carousel-fallback .mobile-reveal-card:before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background: #181716 !important;
    border: 1px solid rgba(236, 234, 227, 0.3) !important;
    border-radius: 14px !important;
    transform: translate(-10px, 9px) rotate(-2deg) !important;
    z-index: -1 !important;
    pointer-events: none !important;
    opacity: 0.88 !important;
    box-shadow: -4px 6px 16px rgba(20, 19, 18, 0.2) !important;
  }

  /* Excalidraw-inspired dashed outline on top card */
  .carousel-fallback .mobile-reveal-card:after {
    content: "" !important;
    position: absolute !important;
    inset: 3px !important;
    border: 1px dashed rgba(236, 234, 227, 0.7) !important;
    border-radius: 11px !important;
    pointer-events: none !important;
    opacity: 0 !important;
    animation: mobile-sketch-outline 0.6s ease-out calc(450ms + min(var(--reveal-index), 5) * 100ms) forwards !important;
  }

  /* Image inside card stays crisp 16:10 */
  .carousel-fallback .mobile-reveal-card img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    border-radius: 13px !important;
    object-fit: contain !important;
    background: #111 !important;
  }

  /* Marquee strip positioning: clear separation below hero */
  .marquee-strip {
    position: relative !important;
    margin: 0 !important;
    z-index: 5 !important;
  }

  /* Section 2 (Featured Flagships): reduced empty space and tight card grouping */
  .section-content {
    padding-top: 20px !important;
    padding-bottom: 40px !important;
  }
  #featured.section-header {
    margin-bottom: 8px !important;
    padding-bottom: 6px !important;
  }
  .featured-stack-sticky {
    padding-top: 6px !important;
    padding-bottom: 14px !important;
  }
  .featured-stack-nav {
    margin-bottom: 0 !important;
  }
  .featured-stack-card {
    top: 36% !important;
  }
  .showcase-featured-row {
    margin-bottom: 24px !important;
  }
}

/* Hard override for <=380px screens */
@media (max-width: 380px) {
  .carousel-viewport {
    top: 0 !important;
  }
  #hero {
    padding-top: 64px !important;
  }
  .carousel-fallback .mobile-reveal-card {
    flex: 0 0 calc(100vw - 48px) !important;
    width: calc(100vw - 48px) !important;
  }
}

/* Keyframes for Excalidraw-inspired reveal */
@keyframes mobile-headline-reveal {
  from { opacity: 0; transform: translateY(-8px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes mobile-card-draw {
  0% {
    opacity: 0;
    clip-path: inset(0 100% 0 0 round 14px);
    transform: translateY(18px) rotate(0deg);
  }
  65% {
    opacity: 1;
    clip-path: inset(0 0 0 0 round 14px);
    transform: translateY(-2px) rotate(-3.5deg);
  }
  100% {
    opacity: 1;
    clip-path: inset(0 0 0 0 round 14px);
    transform: translateY(0) rotate(-3deg);
  }
}

@keyframes mobile-sketch-outline {
  from { opacity: 0; transform: scale(0.985); }
  to { opacity: 1; transform: scale(1); }
}

@media (prefers-reduced-motion: reduce) {
  .hero-headline-wrap,
  .carousel-fallback .mobile-reveal-card,
  .carousel-fallback .mobile-reveal-card:before,
  .carousel-fallback .mobile-reveal-card:after {
    animation: none !important;
    opacity: 1 !important;
    clip-path: none !important;
  }
}

/* Archive pagination: responsive on mobile and aligned with the directory grid. */
.archive-pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin:28px 0 72px;min-height:34px}
.archive-page-button{min-width:34px;height:34px;padding:0 10px;border:1px solid var(--border-frame);border-radius:999px;background:transparent;color:var(--text-main);font:600 11px var(--font-mono);cursor:pointer}
.archive-page-button:hover,.archive-page-button[aria-current="true"]{background:var(--text-main);color:var(--bg-color);border-color:var(--text-main)}
@media(max-width:768px){.archive-pagination{gap:6px;margin:20px 0 44px}.archive-page-button{min-width:32px;height:32px;font-size:10px}.works-grid{overflow:visible!important}.work-card{min-width:0!important;width:100%!important}.archive-controls{gap:12px!important}.archive-result-count{width:100%!important}.archive-filters,.interaction-filters{width:100%!important;overflow-x:auto!important;flex-wrap:nowrap!important;scrollbar-width:none!important}.archive-filters::-webkit-scrollbar,.interaction-filters::-webkit-scrollbar{display:none!important}.archive-filters .filter-pill,.interaction-filters .filter-pill{flex:0 0 auto!important}}
.archive-page-hidden{display:none!important}