/* iNext interactive design system */
:root {
  --bg:#0f0f10; --bg-card:#161618; --t1:#f7f7f8; --t2:#888; --t3:#555;
  --border-c:rgba(255,255,255,.15); --border-w:3px;
  --accent-blue:#1a4eff; --accent-cyan:#00d9ff; --accent-pink:#ff1493;
  --accent-purple:#5c4eff; --accent-teal:#1bbfae; --accent-orange:#ff6b35; --accent-green:#00cc66;
  --tag-bg:rgba(255,255,255,.08); --tag-t:rgba(255,255,255,.7);
  --overlay:rgba(15,15,16,.96); --f-sans:-apple-system,"system-ui","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --f-mono:"SF Mono","Fira Code","Fira Mono","Roboto Mono",monospace; --bottom-h:48px; --nav-h:56px; --accent:var(--accent-cyan);
}
[data-theme="light"]{--bg:#fff;--bg-card:#fff;--t1:#111;--t2:#555;--t3:#999;--border-c:#000;--tag-bg:#000;--tag-t:#fff;--overlay:rgba(255,255,255,.96);}
*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body{font-family:var(--f-sans);background:var(--bg);color:var(--t1);line-height:1.5;overflow-x:hidden;padding-bottom:var(--bottom-h);transition:background .3s,color .3s}
a{text-decoration:none;color:inherit}img{max-width:100%;display:block}ul,ol{list-style:none}button,input,textarea,select{font:inherit;border:none;outline:none;background:none;color:inherit}
::selection{background:var(--accent);color:#fff}
body[data-accent="blue"]{--accent:var(--accent-blue)}body[data-accent="purple"]{--accent:var(--accent-purple)}body[data-accent="pink"]{--accent:var(--accent-pink)}body[data-accent="cyan"]{--accent:var(--accent-cyan)}body[data-accent="teal"]{--accent:var(--accent-teal)}body[data-accent="orange"]{--accent:var(--accent-orange)}body[data-accent="green"]{--accent:var(--accent-green)}
::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--t3);border-radius:3px}
.nav{position:fixed;inset:0 0 auto 0;z-index:100;height:var(--nav-h);display:flex;align-items:center;padding:0 20px;border-bottom:var(--border-w) solid var(--border-c);background:var(--bg)}
.nav__inner{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1400px;margin:0 auto}.nav__logo{font-weight:900;font-size:1.4rem;letter-spacing:.04em;text-transform:uppercase}.nav__right{display:flex;align-items:center;gap:12px}.nav__clock{font-family:var(--f-mono);font-size:.7rem;color:var(--t2)}
.nav__theme-btn,.nav__sound-btn,.nav__menu-btn,.nav__cta,.bottom-bar__btn{display:flex;align-items:center;gap:6px;padding:6px 14px;border:2px solid var(--border-c);font-family:var(--f-mono);font-size:.65rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;color:var(--t1);background:var(--bg);transition:all .2s}
.nav__cta{display:inline-flex}.nav__theme-btn:hover,.nav__sound-btn:hover,.nav__menu-btn:hover,.nav__cta:hover,.bottom-bar__btn:hover{background:var(--t1);color:var(--bg)}.nav__logo:hover{animation:glitch .25s steps(2) infinite}
@keyframes glitch{0%{text-shadow:2px 0 var(--accent-pink),-2px 0 var(--accent-cyan)}50%{text-shadow:-2px 0 var(--accent-pink),2px 0 var(--accent-cyan)}}
.menu-overlay{position:fixed;inset:0;z-index:200;background:var(--overlay);display:none;flex-direction:column;padding:80px 24px 24px}.menu-overlay.open{display:flex}.menu-overlay__close{position:absolute;top:14px;right:20px;font-family:var(--f-mono);font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;padding:8px}.menu-overlay__links{display:flex;flex-direction:column;gap:0;flex:1;justify-content:center}.menu-overlay__link{display:block;padding:20px 0;font-size:clamp(2rem,6vw,3.5rem);font-weight:900;letter-spacing:-.02em;text-transform:uppercase;border-top:2px solid var(--border-c);transition:padding-left .3s,color .3s;opacity:0;transform:translateY(30px)}.menu-overlay__link:last-child{border-bottom:2px solid var(--border-c)}.menu-overlay__link:hover,.menu-overlay__link.active{padding-left:20px;color:var(--accent)}.menu-overlay.open .menu-overlay__link{animation:menuIn .5s cubic-bezier(.66,0,.01,1) forwards}.menu-overlay.open .menu-overlay__link:nth-child(1){animation-delay:.06s}.menu-overlay.open .menu-overlay__link:nth-child(2){animation-delay:.12s}.menu-overlay.open .menu-overlay__link:nth-child(3){animation-delay:.18s}.menu-overlay.open .menu-overlay__link:nth-child(4){animation-delay:.24s}.menu-overlay.open .menu-overlay__link:nth-child(5){animation-delay:.3s}.menu-overlay__bottom{display:flex;gap:12px;padding-top:20px;font-family:var(--f-mono);font-size:.65rem;letter-spacing:.06em;text-transform:uppercase;color:var(--t3)}@keyframes menuIn{to{opacity:1;transform:translateY(0)}}
.hero-card,.project-card,.section-card,.error,.map{margin:20px;border:var(--border-w) solid var(--border-c)}.hero-card,.project-card,.section-card,.error{padding:clamp(28px,5vw,48px) clamp(20px,4vw,40px)}.hero-card{animation:cardIn .6s cubic-bezier(.66,0,.01,1);min-height:calc(100vh - var(--nav-h) - var(--bottom-h) - 40px);min-height:calc(100dvh - var(--nav-h) - var(--bottom-h) - 40px);display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}
@keyframes cardIn{from{opacity:0;transform:translateY(20px)}}.hero-card__id,.section-card__id,.project-card__id{font-family:var(--f-mono);font-size:.78rem;font-weight:700;color:var(--accent);letter-spacing:.1em;margin-bottom:20px}.hero-card__title,.section-card__title,.project-card__title,.error__title{text-transform:uppercase;letter-spacing:-.02em;font-weight:900;line-height:1.05}.hero-card__title{font-size:clamp(2rem,5.5vw,4rem);max-width:800px;margin-bottom:24px}.hero-card__title::after{content:' ▮';color:var(--accent-pink);animation:blink 1.1s steps(2,start) infinite}@keyframes blink{to{visibility:hidden}}.hero-card__desc,.section-card__desc,.project-card__desc,.prose{color:var(--t2)}.hero-card__desc{font-size:clamp(1rem,1.6vw,1.25rem);max-width:560px;line-height:1.6;margin-bottom:24px}.hero-card__tags,.project-card__tags,.swatch-row{display:flex;flex-wrap:wrap;gap:8px}.hero-card__meta{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;padding-top:24px;border-top:2px solid var(--border-c)}.hero-card__year,.project-card__year,.menu-overlay__bottom,.nav__clock{font-family:var(--f-mono);font-size:.75rem;letter-spacing:.04em}.hero-card__scroll{position:absolute;right:22px;bottom:18px;font-family:var(--f-mono);font-size:.7rem;color:var(--t3)}
.ticker{overflow:hidden;border-top:2px solid var(--border-c);border-bottom:2px solid var(--border-c);margin:0 20px 20px}.ticker__track{display:flex;white-space:nowrap;animation:marquee 24s linear infinite;padding:14px 0;font-family:var(--f-mono);text-transform:uppercase;font-size:.68rem;letter-spacing:.14em;color:var(--t2)}@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.tag{display:inline-block;padding:4px 12px;background:var(--tag-bg);color:var(--tag-t);font-family:var(--f-mono);font-size:.65rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.arrow-link{display:inline-flex;align-items:center;gap:8px;font-family:var(--f-mono);font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--t1)}.arrow-link:hover{color:var(--accent)}.arrow-link .arr{transition:transform .3s}.arrow-link:hover .arr{transform:translateX(4px)}
.project-card{display:block;position:relative;overflow:hidden;transition:all .3s ease}.project-card:before{content:'';position:absolute;inset:0;opacity:0;transition:opacity .4s;z-index:0}.project-card:hover:before{opacity:1}.project-card:hover{transform:translate(-4px,-4px);box-shadow:8px 8px 0 var(--border-c)}.project-card>*{position:relative;z-index:1}.project-card--blue:before{background:var(--accent-blue)}.project-card--cyan:before{background:var(--accent-cyan)}.project-card--pink:before{background:var(--accent-pink)}.project-card:hover .project-card__id,.project-card:hover .project-card__title,.project-card:hover .project-card__desc,.project-card:hover .project-card__year,.project-card:hover .tag,.project-card:hover .arrow-link{color:#fff}.project-card:hover .tag{background:rgba(255,255,255,.2)}.project-card__desc{margin-bottom:16px;max-width:600px;line-height:1.55}.project-card__bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding-top:16px;border-top:2px solid var(--border-c)}.project-card__arrow{font-size:1.2rem;transition:transform .3s}.project-card:hover .project-card__arrow{transform:translateX(6px)}
.section-card__title{font-size:clamp(1.3rem,2.5vw,1.8rem);margin-bottom:16px}.section-card__desc{font-size:clamp(.95rem,1.3vw,1.1rem);line-height:1.6;max-width:600px;margin-bottom:20px}
.principle{padding:20px 0;border-top:2px solid var(--border-c)}.principle:last-child{border-bottom:2px solid var(--border-c)}.principle:hover{padding-left:12px}.principle__title,.caps__col h4,.selector__panel h4,.footer__col h4{font-size:1rem;font-weight:800;text-transform:uppercase;letter-spacing:.01em;margin-bottom:6px}.principle__desc{font-size:.95rem;color:var(--t2);line-height:1.55}
.selector__grid{display:grid;grid-template-columns:minmax(220px,.7fr) 1.3fr;gap:20px}.selector__item{display:block;width:100%;text-align:left;padding:18px 0;border-top:2px solid var(--border-c);font-size:clamp(1rem,2vw,1.4rem);font-weight:900;text-transform:uppercase;cursor:pointer}.selector__item:last-child{border-bottom:2px solid var(--border-c)}.selector__item small{display:block;color:var(--t2);font-size:.7rem;letter-spacing:.08em;margin-top:4px}.selector__item.active{color:var(--accent)}.selector__stage{border:2px solid var(--border-c);padding:20px;min-height:280px}.selector__panel{display:none}.selector__panel.active{display:block}.mock-dash,.mock-phone,.mock-store,.swatch-row,.flow{width:100%}.bigtype{width:auto}.mock-dash{display:grid;grid-template-columns:80px 1fr;gap:12px;height:180px}.mock-dash__side,.mock-dash__top,.mock-bars,.mock-phone__grid,.mock-store{display:grid;gap:8px}.mock-dash__side i,.mock-dash__top i,.mock-bars i,.mock-phone__grid i,.mock-store__item .img,.mock-store__item .line,.mock-store__item .price{display:block;background:rgba(255,255,255,.08);border:1px solid var(--border-c)}.mock-dash__side{grid-template-rows:repeat(5,1fr)}.mock-dash__main{display:grid;gap:12px}.mock-dash__top{grid-template-columns:repeat(3,1fr)}.mock-bars{grid-template-columns:repeat(5,1fr);align-items:end}.mock-bars i:nth-child(1){height:35%}.mock-bars i:nth-child(2){height:55%}.mock-bars i:nth-child(3){height:75%}.mock-bars i:nth-child(4){height:48%}.mock-bars i:nth-child(5){height:88%}.mock-phone-wrap{display:flex;justify-content:center;padding:16px 0}.mock-phone{max-width:200px;height:260px;border:2px solid var(--border-c);border-radius:28px;padding:18px}.mock-phone__grid{grid-template-columns:repeat(3,1fr);height:100%}.mock-store{grid-template-columns:repeat(3,1fr);gap:12px}.mock-store__item{display:grid;gap:8px}.mock-store__item .img{height:70px}.mock-store__item .line{height:12px;width:80%}.mock-store__item .price{height:10px;width:45%}.caps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.caps__col ul li{padding:10px 0;border-top:1px solid var(--border-c);color:var(--t2);font-size:.95rem}.caps__col ul li:last-child{border-bottom:1px solid var(--border-c)}.swatch{width:52px;height:52px;border:2px solid var(--border-c);display:inline-block}.swatch--cyan{background:var(--accent-cyan)}.swatch--pink{background:var(--accent-pink)}.swatch--blue{background:var(--accent-blue)}.swatch--green{background:var(--accent-green)}
.bigtype{margin:0 20px 20px;border:var(--border-w) solid var(--border-c);padding:clamp(32px,6vw,64px) clamp(20px,4vw,40px)}.bigtype__rotator{font-family:var(--f-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.14em;color:var(--t2);margin-bottom:14px;min-height:1.2em}.bigtype__text{font-size:clamp(2.3rem,9vw,6.5rem);font-weight:900;line-height:.95;letter-spacing:-.05em;text-transform:uppercase;color:var(--accent)}.outline{-webkit-text-stroke:2px currentColor;color:transparent}
.footer{padding:40px 20px 28px;border-top:2px solid var(--border-c)}.footer__grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:20px;max-width:1400px;margin:0 auto 22px}.footer__logo{font-size:1.8rem;font-weight:900;text-transform:uppercase;margin-bottom:10px}.footer__desc{color:var(--t2);max-width:380px}.footer__col a{display:block;padding:5px 0;color:var(--t2)}.footer__col a:hover{color:var(--accent)}.footer__base{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;max-width:1400px;margin:0 auto;font-family:var(--f-mono);font-size:.72rem;color:var(--t3)}
.bottom-bar{position:fixed;left:0;right:0;bottom:0;height:var(--bottom-h);border-top:2px solid var(--border-c);background:var(--bg);z-index:90}.bottom-bar__inner{height:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:0 20px}.bottom-bar__copy{font-family:var(--f-mono);font-size:.72rem;color:var(--t2);text-transform:uppercase;letter-spacing:.08em}.bottom-bar__actions{display:flex;gap:8px}
.rv{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.rv.v{opacity:1;transform:translateY(0)}
.preloader{position:fixed;inset:0;z-index:500;display:grid;place-items:center;background:var(--bg)}.preloader__word{font-size:clamp(3rem,14vw,10rem);font-weight:900;letter-spacing:-.06em;text-transform:uppercase;color:var(--accent)}.preloader.done{opacity:0;pointer-events:none;transition:opacity .5s}
.page-veil{position:fixed;inset:0;z-index:400;pointer-events:none;display:grid;grid-template-columns:1fr 1fr;transform:translateZ(0)}.page-veil__panel{background:var(--accent);transform:translateY(-100%);transition:transform .62s cubic-bezier(.66,0,.01,1)}.page-veil.cover .page-veil__panel{transform:translateY(0)}.page-veil__label{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:clamp(2rem,7vw,5rem);font-weight:900;color:#fff;opacity:0;transition:opacity .3s}.page-veil.cover .page-veil__label{opacity:1}
.scroll-progress{position:fixed;right:10px;top:70px;bottom:70px;width:6px;border:1px solid var(--border-c);z-index:80;background:rgba(255,255,255,.03)}.scroll-progress__fill{width:100%;height:0;background:var(--accent)}
.sound-hint{position:fixed;left:50%;bottom:72px;transform:translateX(-50%);padding:8px 14px;border:2px solid var(--border-c);background:var(--bg);font-family:var(--f-mono);font-size:.72rem;z-index:120;transition:opacity .5s,transform .5s}.sound-hint.gone{opacity:0;transform:translateX(-50%) translateY(8px)}
.cursor{position:fixed;width:18px;height:18px;border:2px solid var(--accent);border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);mix-blend-mode:difference;z-index:9999;transition:transform .15s ease,width .15s,height .15s}.cursor.grow{width:32px;height:32px}
.flow{display:flex;flex-direction:column;gap:14px}.flow__step{padding:16px 0;border-top:2px solid var(--border-c)}.flow__step:last-child{border-bottom:2px solid var(--border-c)}.flow__step p{color:var(--t2)}.flow__arrow{text-align:center;color:var(--accent);font-size:1.4rem}
.map{height:300px;overflow:hidden}.map iframe{width:100%;height:100%;border:none;filter:invert(.92) hue-rotate(180deg) brightness(.8)}[data-theme="light"] .map iframe{filter:none}
.error{min-height:calc(100vh - var(--nav-h) - var(--bottom-h));min-height:calc(100dvh - var(--nav-h) - var(--bottom-h));display:flex;align-items:center;justify-content:center;text-align:center}.error__code{font-size:clamp(5rem,15vw,12rem);font-weight:900;line-height:1;margin-bottom:12px;color:var(--accent-pink)}.error__desc{color:var(--t2);margin-bottom:28px;font-size:1rem}
@media (max-width: 980px){.nav{padding:0 14px}.nav__clock,.nav__cta{display:none}.selector__grid,.caps,.footer__grid{grid-template-columns:1fr}.mock-store{grid-template-columns:1fr 1fr}.hero-card__meta{align-items:flex-start}.project-card:hover{transform:none;box-shadow:none}}
@media (max-width: 640px){body{padding-bottom:56px}.hero-card,.project-card,.section-card,.error,.bigtype,.ticker{margin:12px}.hero-card{min-height:auto}.menu-overlay__link{font-size:clamp(1.8rem,12vw,3rem)}.mock-dash{grid-template-columns:1fr}.mock-dash__side{display:none}.mock-store{grid-template-columns:1fr}.hero-card__scroll{position:static;margin-top:18px}.bottom-bar__inner{padding:0 14px}.bottom-bar__copy{max-width:50%}}



/* Advanced motion layer */
.ambient-grid{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:.22;mix-blend-mode:screen}
[data-theme="light"] .ambient-grid{opacity:.1;mix-blend-mode:multiply}
.nav,main,.footer,.bottom-bar,.menu-overlay,.preloader{position:relative;z-index:2}
.preloader{overflow:hidden}
.preloader__word{z-index:2}
.pixel-loading{position:absolute;inset:0;display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(7,1fr);gap:4px;padding:4px;opacity:.72}
.pixel-loading__pixel{background:var(--accent);opacity:0;transform:scale(.15);animation:pixelPulse .75s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i) * 18ms)}
@keyframes pixelPulse{0%{opacity:0;transform:scale(.15)}45%{opacity:.8;transform:scale(1)}100%{opacity:.08;transform:scale(.72)}}
.motion-ready .hero-card{isolation:isolate}
.motion-ready .hero-card::before{content:"";position:absolute;inset:-25%;z-index:-1;background:radial-gradient(circle at var(--mx,50%) var(--my,50%),color-mix(in srgb,var(--accent) 22%,transparent),transparent 30%);opacity:.7;transition:opacity .3s}
.project-card,.section-card{--tilt-x:0deg;--tilt-y:0deg;--lift:0px;--spot-x:50%;--spot-y:50%;transform:perspective(1000px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translateY(var(--lift));transform-style:preserve-3d;will-change:transform}
.project-card::before,.section-card::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(500px circle at var(--spot-x) var(--spot-y),color-mix(in srgb,var(--accent) 16%,transparent),transparent 42%);opacity:0;transition:opacity .35s}
.project-card:hover::before,.section-card:hover::before{opacity:1}
.project-card>*{position:relative;z-index:1;transform:translateZ(18px)}
.section-card{position:relative;overflow:hidden}
.section-card>*{position:relative;z-index:1}
.motion-trace{position:absolute!important;inset:0!important;z-index:3!important;pointer-events:none!important;transform:none!important}
.motion-trace::before,.motion-trace::after{content:"";position:absolute;background:var(--accent);transition:transform .8s cubic-bezier(.65,0,.1,1)}
.motion-trace::before{left:0;top:0;width:100%;height:2px;transform:scaleX(0);transform-origin:left}
.motion-trace::after{right:0;bottom:0;width:2px;height:100%;transform:scaleY(0);transform-origin:bottom}
.v>.motion-trace::before,.v>.motion-trace::after,.project-card:hover>.motion-trace::before,.project-card:hover>.motion-trace::after{transform:scale(1)}
.motion-word{display:inline-block;opacity:0;filter:blur(7px);transform:translateY(1em) rotate(2deg);transition:opacity .65s,filter .65s,transform .75s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--word-i) * 45ms)}
.v .motion-word{opacity:1;filter:blur(0);transform:translateY(0) rotate(0)}
.motion-ready .menu-overlay__link{opacity:0;transform:translateX(-40px) skewX(-8deg);transition:opacity .45s,transform .7s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--menu-i) * 70ms)}
.motion-ready .menu-overlay.open .menu-overlay__link{opacity:1;transform:none}
.magnetic{transform:translate(var(--mag-x,0),var(--mag-y,0));transition:transform .18s ease-out}
.scroll-kinetic{transform:skewY(var(--scroll-skew,0deg));transform-origin:left center;transition:transform .12s linear}
.page-veil{display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(4,1fr)}
.page-veil__pixel{background:var(--accent);transform:scaleY(0);transform-origin:bottom;transition:transform .42s cubic-bezier(.7,0,.2,1);transition-delay:calc(var(--veil-i) * 18ms)}
.page-veil.cover .page-veil__pixel{transform:scaleY(1)}
.page-veil.cover .page-veil__panel{opacity:0}
@media (hover:hover) and (pointer:fine){.project-card:hover{--lift:-8px}}
@media (max-width:700px){.ambient-grid{opacity:.1}.project-card,.section-card{transform:none!important}.project-card>*{transform:none}.motion-word{filter:none}.pixel-loading{grid-template-columns:repeat(8,1fr)}}
@media (prefers-reduced-motion:reduce){.ambient-grid{display:none}.pixel-loading__pixel,.motion-word,.motion-ready .menu-overlay__link,.motion-trace::before,.motion-trace::after,.page-veil__pixel{animation:none!important;transition:none!important;transform:none!important;opacity:1!important;filter:none!important}.project-card,.section-card,.scroll-kinetic,.magnetic{transform:none!important}}



/* Homepage feed composition */
html:has(body.home-feed){background:#fff}
body.home-feed{--bg:#fff;--bg-card:#fff;--t1:#111;--t2:#444;--t3:#777;--border-c:#111;--tag-bg:#111;--tag-t:#fff;--overlay:rgba(255,255,255,.97);background:#fff;color:#111;padding-bottom:0}
.home-feed .ambient-grid{opacity:.055;mix-blend-mode:multiply}
.home-feed .nav{position:fixed;top:0;left:0;right:0;height:144px;padding:50px;background:transparent;border:0;z-index:100}
.home-feed .nav__inner{max-width:1180px;height:44px}
.home-feed .nav__logo{font-size:2rem;line-height:1;font-weight:900;letter-spacing:-.06em}
.home-feed .nav__logo::after{content:" / GROUP";font-family:var(--f-mono);font-size:.58rem;letter-spacing:.08em;margin-left:10px;vertical-align:middle}
.home-feed .nav__right{gap:10px}
.home-feed .nav__theme-btn,.home-feed .nav__sound-btn,.home-feed .nav__menu-btn{width:40px;height:40px;padding:0;justify-content:center;border:4px solid #111;font-size:0;background:#fff;color:#111}
.home-feed .nav__theme-btn::after{content:"◐";font-size:15px}
.home-feed .nav__sound-btn::after{content:"♪";font-size:15px}
.home-feed .nav__menu-btn{width:auto;padding:0 12px;font-size:.65rem}
.home-feed .nav__cta,.home-feed .nav__clock{font-size:.66rem}
.home-feed main{position:relative;z-index:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:50px;width:calc(100% - 100px);max-width:1180px;margin:150px auto 100px}
.home-feed main>.hero-card,.home-feed main>.ticker,.home-feed main>.section-card,.home-feed main>.bigtype{grid-column:1/-1}
.home-feed .hero-card{height:600px;min-height:600px;margin:0;padding:40px;border:0;background:#111;color:#fff;isolation:isolate}
.home-feed .hero-card::after{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(115deg,rgba(0,0,0,.15),rgba(0,0,0,.82)),repeating-linear-gradient(90deg,transparent 0 39px,rgba(255,255,255,.055) 40px),repeating-linear-gradient(0deg,transparent 0 39px,rgba(255,255,255,.045) 40px),radial-gradient(circle at 72% 28%,#1838b5 0 3%,#07164c 25%,#111 58%);background-size:auto,40px 40px,40px 40px,auto;animation:heroSignal 12s ease-in-out infinite alternate}
.home-feed .hero-card::before{z-index:-1;background:radial-gradient(circle at var(--mx,70%) var(--my,30%),rgba(0,217,255,.42),transparent 24%);mix-blend-mode:screen}
@keyframes heroSignal{0%{background-position:0 0,0 0,0 0,0 0;filter:saturate(.9)}100%{background-position:0 0,40px 0,0 -40px,0 0;filter:saturate(1.35)}}
.home-feed .hero-card__id{color:#fff;font-size:1rem}
.home-feed .hero-card__title{font-size:clamp(4.6rem,9.35vw,7.5rem);line-height:.91;letter-spacing:-.075em;max-width:1000px;margin:0;text-wrap:balance}
.home-feed .hero-card__title::after{display:none}
.home-feed .hero-card__desc{position:absolute;right:40px;top:40px;max-width:340px;text-align:right;color:rgba(255,255,255,.78);font-size:.9rem}
.home-feed .hero-card__tags{position:absolute;left:40px;bottom:40px}
.home-feed .hero-card .tag{background:#fff;color:#111}
.home-feed .hero-card__meta{border:0;padding:0;color:#fff}
.home-feed .hero-card__year{position:absolute;left:40px;bottom:88px;max-width:420px}
.home-feed .hero-card__links{position:absolute;right:40px;bottom:40px;display:flex;gap:24px}
.home-feed .hero-card .arrow-link{color:#fff}
.home-feed .hero-card__scroll{right:40px;bottom:90px;color:rgba(255,255,255,.65)}
.home-feed .ticker{margin:0;grid-column:1/-1;border-color:#111}
.home-feed .project-card{height:400px;min-height:400px;margin:0;padding:40px;border:0;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;background:#111;box-shadow:none!important;overflow:hidden}
.home-feed .project-card:nth-of-type(1){background:linear-gradient(140deg,#07174d,#1a4eff 75%)}
.home-feed .project-card:nth-of-type(2){background:linear-gradient(140deg,#3b071f,#ff1493 80%)}
.home-feed .project-card:nth-of-type(3){grid-column:1/-1;background:linear-gradient(120deg,#003d48,#00a8c5 70%);height:440px}
.home-feed .project-card::after{content:"";position:absolute;inset:-20%;background:repeating-linear-gradient(90deg,transparent 0 24px,rgba(255,255,255,.06) 25px),repeating-linear-gradient(0deg,transparent 0 24px,rgba(255,255,255,.05) 25px);transform:translate3d(var(--pixel-x,0),var(--pixel-y,0),0) rotate(-3deg);transition:transform .25s;z-index:0}
.home-feed .project-card:hover::after{transform:translate3d(12px,-12px,0) rotate(0) scale(1.04)}
.home-feed .project-card__id{position:absolute;top:40px;left:40px;color:#fff}
.home-feed .project-card__title{font-size:clamp(2.4rem,4vw,3.8rem);line-height:.95;letter-spacing:-.055em;color:#fff;max-width:90%}
.home-feed .project-card__desc{color:rgba(255,255,255,.8);font-size:.88rem;max-width:72%;margin:18px 0}
.home-feed .project-card__bottom{border-color:rgba(255,255,255,.45);color:#fff}
.home-feed .project-card .tag{background:#fff;color:#111}
.home-feed .project-card__year{color:#fff}
.home-feed .section-card{margin:0;padding:50px 40px;border:2px solid #111;background:#fff}
.home-feed .section-card__title{font-size:clamp(2rem,4.4vw,4rem);line-height:1;letter-spacing:-.055em;max-width:1000px}
.home-feed .bigtype{margin:0}
.home-feed .footer{padding:70px 50px 90px;border-color:#111;background:#fff}
.home-feed .footer__grid,.home-feed .footer__base{max-width:1180px}
.home-feed .bottom-bar{display:none}
@media(max-width:980px){.home-feed .nav{height:100px;padding:28px 24px}.home-feed main{width:calc(100% - 48px);margin:110px auto 70px;gap:24px}.home-feed .hero-card{height:560px;min-height:560px}.home-feed .hero-card__title{font-size:clamp(3.8rem,12vw,6rem)}}
@media(max-width:700px){.home-feed .nav{height:86px;padding:22px 16px;background:rgba(255,255,255,.9);backdrop-filter:blur(12px)}.home-feed .nav__theme-btn,.home-feed .nav__sound-btn,.home-feed .nav__cta{display:none}.home-feed main{display:block;width:auto;margin:98px 12px 50px}.home-feed main>*{margin-bottom:18px!important}.home-feed .hero-card{height:620px;min-height:620px;padding:24px}.home-feed .hero-card__title{font-size:clamp(3.2rem,18vw,5rem)}.home-feed .hero-card__desc{position:static;text-align:left;margin-top:28px;max-width:100%}.home-feed .hero-card__year{left:24px;bottom:148px;right:24px}.home-feed .hero-card__tags{left:24px;bottom:72px;right:24px}.home-feed .hero-card__links{left:24px;right:auto;bottom:24px}.home-feed .hero-card__links .arrow-link:nth-child(2){display:none}.home-feed .hero-card__scroll{display:none}.home-feed .project-card,.home-feed .project-card:nth-of-type(3){height:420px;min-height:420px;padding:24px}.home-feed .project-card__id{top:24px;left:24px}.home-feed .project-card__title{font-size:2.55rem}.home-feed .project-card__desc{max-width:100%}.home-feed .section-card{padding:34px 24px}.home-feed .footer{padding:50px 20px 30px}}



/* Unified reference-style shell */
body.reference-shell{--bg:#fff;--bg-card:#fff;--t1:#111;--t2:#4b4b4b;--t3:#777;--border-c:#111;--tag-bg:#111;--tag-t:#fff;--overlay:rgba(255,255,255,.97);background:#fff;color:#111;padding:0 0 100px}
.reference-shell .ambient-grid{opacity:.05;mix-blend-mode:multiply}
.reference-shell .nav{position:fixed;inset:0 0 auto;height:120px;padding:38px 50px;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border:0;z-index:100}
.reference-shell .nav__inner{max-width:1500px}
.reference-shell .nav__logo{font-size:2rem;letter-spacing:-.06em}
.reference-shell .nav__right{gap:10px}
.reference-shell .nav__theme-btn,.reference-shell .nav__sound-btn,.reference-shell .nav__menu-btn{border:4px solid #111;background:#fff;color:#111;min-height:40px}
.reference-shell main{position:relative;z-index:2;width:calc(100% - 100px);max-width:1500px;margin:140px auto 80px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:50px}
.reference-shell main>.hero-card,.reference-shell main>.section-card,.reference-shell main>.bigtype,.reference-shell main>.error,.reference-shell main>.map{grid-column:1/-1;width:auto;margin:0}
.reference-shell .hero-card{min-height:600px;padding:40px;border:0;background:#111;color:#fff}
.reference-shell .hero-card::after{content:"";position:absolute;inset:0;z-index:-2;background:repeating-linear-gradient(90deg,transparent 0 39px,rgba(255,255,255,.05) 40px),repeating-linear-gradient(0deg,transparent 0 39px,rgba(255,255,255,.04) 40px),radial-gradient(circle at 75% 28%,color-mix(in srgb,var(--accent) 60%,#111),#111 56%);animation:heroSignal 12s ease-in-out infinite alternate}
.reference-shell .hero-card__title{font-size:clamp(4rem,8vw,7.5rem);line-height:.91;letter-spacing:-.075em;max-width:1120px}
.reference-shell .hero-card__title::after{display:none}
.reference-shell .hero-card__desc{color:rgba(255,255,255,.75)}
.reference-shell .hero-card__id,.reference-shell .hero-card .arrow-link{color:#fff}
.reference-shell .hero-card .tag{background:#fff;color:#111}
.reference-shell .hero-card__meta{border-color:rgba(255,255,255,.45)}
.reference-shell .section-card{padding:50px 40px;border:2px solid #111;background:#fff;transition:opacity .3s ease,transform .7s cubic-bezier(.2,.8,.2,1)}
.reference-shell .section-card__title{font-size:clamp(2rem,4vw,4rem);line-height:1;letter-spacing:-.055em;max-width:1200px}
.reference-shell main:has(.section-card:hover) .section-card:not(:hover){opacity:.22}
.reference-shell .section-card:hover{opacity:1}
.reference-shell .project-card{grid-column:span 3;margin:0;height:400px;border:0;padding:40px;background:#111;color:#fff}
.reference-shell .project-card__title{font-size:clamp(2.5rem,4vw,4rem);color:#fff}
.reference-shell .project-card__desc,.reference-shell .project-card__year{color:rgba(255,255,255,.76)}
.reference-shell .footer{position:relative;padding:70px 50px 120px;border-color:#111;background:#fff}
.reference-shell .footer__grid,.reference-shell .footer__base{max-width:1500px}
.reference-shell .bottom-bar{height:100px;border:0;background:transparent;padding:0 28px;pointer-events:none}
.reference-shell .bottom-bar__inner{max-width:1500px;margin:auto;padding:0 12px}
.reference-shell .bottom-bar__copy,.reference-shell .bottom-bar__actions{pointer-events:auto}
.reference-shell .bottom-bar__btn{background:#fff;border:4px solid #111;color:#111}
.reference-shell .scroll-progress{right:20px;top:auto;bottom:30px;height:40px;width:40px;border:5px solid #111;background:#fff}
.reference-shell .scroll-progress__fill{position:absolute;left:0;bottom:0;background:var(--accent)}
.click-fireworks{position:fixed;inset:0;pointer-events:none;z-index:9999}
.click-fireworks__particle{position:fixed;width:var(--size,8px);height:var(--size,8px);left:var(--x);top:var(--y);background:var(--color);image-rendering:pixelated;animation:inextFirework var(--duration,.65s) cubic-bezier(.2,.7,.3,1) forwards;animation-delay:var(--delay,0ms)}
@keyframes inextFirework{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}65%{opacity:1;transform:translate(calc(-50% + var(--tx)),calc(-50% + var(--ty))) scale(.9)}100%{opacity:0;transform:translate(calc(-50% + var(--tx)),calc(-50% + var(--ty) + 45px)) scale(.15)}}
@media(max-width:900px){.reference-shell .nav{height:96px;padding:28px 24px}.reference-shell main{width:calc(100% - 48px);margin-top:110px;gap:24px}.reference-shell .project-card{grid-column:1/-1}.reference-shell .hero-card{min-height:560px}.reference-shell main:has(.section-card:hover) .section-card:not(:hover){opacity:1}}
@media(max-width:640px){body.reference-shell{padding-bottom:70px}.reference-shell .nav{height:82px;padding:20px 16px}.reference-shell .nav__theme-btn,.reference-shell .nav__sound-btn,.reference-shell .nav__cta{display:none}.reference-shell main{display:block;width:auto;margin:94px 12px 40px}.reference-shell main>*{margin-bottom:18px!important}.reference-shell .hero-card{min-height:610px;padding:24px}.reference-shell .hero-card__title{font-size:clamp(3.1rem,17vw,4.8rem)}.reference-shell .section-card{padding:34px 24px}.reference-shell .bottom-bar{height:70px;padding:0}.reference-shell .footer{padding:50px 20px 90px}}



/* Pixel-canvas card layer */
.card-pixels{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;z-index:0!important;pointer-events:none;transform:none!important;opacity:.82;mix-blend-mode:screen;image-rendering:pixelated}
[data-theme="light"] .section-card .card-pixels{mix-blend-mode:multiply;opacity:.12}
.project-card__id,.project-card__title,.project-card__desc,.project-card__bottom{position:relative;z-index:2}
.home-feed main:has(.project-card:hover)>.project-card:not(:hover),.reference-shell main:has(.project-card:hover)>.project-card:not(:hover){opacity:.18;filter:saturate(.2)}
.home-feed .project-card,.reference-shell .project-card{transition:opacity .3s ease,filter .3s ease,transform .55s cubic-bezier(.2,.8,.2,1)}
.cursor{display:grid;place-items:center;font-family:var(--f-mono);font-size:0;font-weight:900;white-space:nowrap}
.cursor.card-mode{width:76px;height:76px;background:#fff;border-color:#111;color:#111;mix-blend-mode:normal;font-size:9px;letter-spacing:.1em}
.cursor.card-mode::after{content:"VIEW"}
.cursor.action-mode{width:54px;height:54px;background:var(--accent);border-color:var(--accent);color:#fff;mix-blend-mode:normal;font-size:8px}
.cursor.action-mode::after{content:"GO"}
.pixel-scramble{display:inline-block;min-width:var(--scramble-w);font-family:var(--f-mono)}
.page-veil__label{font-family:var(--f-mono);letter-spacing:.16em;font-size:clamp(1.1rem,3vw,2rem)}
.page-veil.cover .page-veil__pixel:nth-child(3n){transform-origin:top}
.page-veil.cover .page-veil__pixel:nth-child(4n){filter:brightness(1.35)}
@media(hover:none),(prefers-reduced-motion:reduce){.card-pixels{opacity:.25}.cursor{display:none}.home-feed main:has(.project-card:hover)>.project-card:not(:hover),.reference-shell main:has(.project-card:hover)>.project-card:not(:hover){opacity:1;filter:none}}

/* iPhone inspection lab */
.iphone-lab .hero-card{background:linear-gradient(135deg,#0d1a2f,#0f7ce0 55%,#0dd3ff)}
.iphone-lab .hero-card::after{background:radial-gradient(circle at 80% 25%,rgba(255,255,255,.28),transparent 18%),repeating-linear-gradient(135deg,rgba(255,255,255,.08) 0 2px,transparent 2px 18px)}
.iphone-lab .lab-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:20px}
.iphone-lab .lab-summary__item{padding:18px 16px;border:2px solid #111;background:#fff;display:grid;gap:6px}
.iphone-lab .lab-summary__item strong{font-size:clamp(1.5rem,3vw,2.4rem);line-height:1}
.iphone-lab .lab-summary__item span{font-family:var(--f-mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--t2)}
.iphone-lab .lab-groups{display:grid;gap:18px}
.iphone-lab .lab-group{border:2px solid #111;background:#fff;padding:18px}
.iphone-lab .lab-group__head{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:14px}
.iphone-lab .lab-group__title{font-size:1.1rem;font-weight:900;text-transform:uppercase}
.iphone-lab .lab-group__meta{font-family:var(--f-mono);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--t2)}
.iphone-lab .lab-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.iphone-lab .lab-item{border:1px solid var(--border-c);padding:14px;display:grid;gap:10px;background:#fff}
.iphone-lab .lab-item__top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.iphone-lab .lab-item__name{font-weight:800}
.iphone-lab .lab-item__kind{font-family:var(--f-mono);font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;color:var(--t2)}
.iphone-lab .lab-item__desc{color:var(--t2);font-size:.92rem;line-height:1.45}
.iphone-lab .lab-item__actions{display:flex;flex-wrap:wrap;gap:8px}
.iphone-lab .lab-item button,.iphone-lab .lab-item a,.iphone-lab .report-actions button,.iphone-lab .fullscreen-swatch__close{border:2px solid #111;background:#fff;padding:8px 12px;font-family:var(--f-mono);font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
.iphone-lab .lab-item button[data-state="pass"],.iphone-lab .lab-item button[data-state="fail"]{color:#fff}
.iphone-lab .lab-item button[data-state="pass"]{background:#1c8f57;border-color:#1c8f57}
.iphone-lab .lab-item button[data-state="fail"]{background:#d93025;border-color:#d93025}
.iphone-lab .lab-item__result{font-family:var(--f-mono);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--t2)}
.iphone-lab .lab-item.is-pass{border-color:#1c8f57}
.iphone-lab .lab-item.is-fail{border-color:#d93025}
.iphone-lab .lab-item.is-blocked{border-color:#9b6b00}
.iphone-lab .lab-item.is-pass .lab-item__result,.iphone-lab .lab-item.is-fail .lab-item__result,.iphone-lab .lab-item.is-blocked .lab-item__result{color:inherit}
.iphone-lab .color-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.iphone-lab .color-swatch{min-height:120px;padding:16px;border:2px solid #111;background:var(--swatch);color:#111;font-weight:900;text-align:left;display:flex;align-items:flex-end;justify-content:flex-start;text-transform:uppercase;letter-spacing:.06em}
.iphone-lab .color-swatch--striped{color:#111;text-shadow:0 1px 0 rgba(255,255,255,.3)}
.iphone-lab .report-panel{padding:18px;border:2px solid #111;background:#fff;display:grid;gap:12px}
.iphone-lab .report-panel pre{white-space:pre-wrap;word-break:break-word;font-family:var(--f-mono);font-size:.82rem;line-height:1.5;color:var(--t1)}
.iphone-lab .report-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.fullscreen-swatch{position:fixed;inset:0;z-index:600;width:100vw;height:100vh;height:100dvh;background:#fff;display:grid;place-items:center;padding:28px;cursor:pointer;overflow:hidden;touch-action:manipulation}
.fullscreen-swatch[hidden]{display:none}
.fullscreen-swatch__close{position:absolute;top:max(20px,env(safe-area-inset-top));right:max(20px,env(safe-area-inset-right));z-index:2;transition:opacity .2s}
.fullscreen-swatch__label{font-size:clamp(2rem,8vw,5rem);font-weight:900;text-transform:uppercase;letter-spacing:-.04em;padding:24px 30px;border:4px solid #111;background:rgba(255,255,255,.85);transition:opacity .2s}
.fullscreen-swatch.is-inspecting .fullscreen-swatch__label{opacity:0}
.fullscreen-swatch.is-inspecting .fullscreen-swatch__close{opacity:.18}
.touch-test{position:fixed;inset:0;z-index:700;width:100vw;height:100vh;height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:14px;padding:max(18px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));background:#071625;color:#fff;overscroll-behavior:none;overflow:hidden}
.fullscreen-swatch:fullscreen,.touch-test:fullscreen{width:100vw;height:100vh;padding-top:max(18px,env(safe-area-inset-top));padding-bottom:max(18px,env(safe-area-inset-bottom))}
.touch-test__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.touch-test__title{display:block;font-size:clamp(1.35rem,6vw,2.3rem);line-height:1.05;text-transform:uppercase}
.touch-test__hint{display:block;max-width:620px;margin-top:7px;color:#bcd0e3;font-size:.9rem;line-height:1.45}
.touch-test__cancel{min-width:76px;min-height:44px;padding:8px 12px;border:2px solid rgba(255,255,255,.5);border-radius:10px;color:#fff;font-family:var(--f-mono);font-size:.65rem;font-weight:800;text-transform:uppercase}
.touch-test__stage{position:relative;min-height:0;border:2px solid rgba(255,255,255,.7);border-radius:22px;background:radial-gradient(circle at 50% 45%,#27b7ff,#0878da 48%,#064a8f);box-shadow:inset 0 0 60px rgba(255,255,255,.14);touch-action:none;user-select:none;-webkit-user-select:none;overflow:hidden}
.touch-test__stage::after{content:"Touch here";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-family:var(--f-mono);font-size:clamp(1rem,5vw,1.8rem);font-weight:900;letter-spacing:.12em;text-transform:uppercase;pointer-events:none}
.touch-test__stage--grid{display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(10,1fr);gap:3px;padding:3px;background:#14283b}
.touch-test__stage--grid::after{display:none}
.touch-test__stage--grid i{display:block;min-width:0;min-height:0;border-radius:3px;background:#36536d;transition:background .08s}
.touch-test__stage--grid i.is-touched{background:#20db8d;box-shadow:0 0 12px rgba(32,219,141,.75)}
.touch-test__progress{padding:13px 16px;border-radius:13px;background:#fff;color:#071625;font-family:var(--f-mono);font-size:.76rem;font-weight:900;letter-spacing:.04em;text-align:center}
.touch-test.is-success{background:#075c3d}
.touch-test.is-success .touch-test__stage{background:#0c9b63}
.touch-test--coverage{display:block;padding:0;background:#14283b}
.touch-test--coverage .touch-test__stage{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:0}
.touch-test--coverage .touch-test__header{position:absolute;z-index:3;left:max(14px,env(safe-area-inset-left));right:max(14px,env(safe-area-inset-right));top:max(14px,env(safe-area-inset-top));padding:14px;border-radius:16px;background:rgba(7,22,37,.9);pointer-events:none;transition:opacity .35s,transform .35s}
.touch-test--coverage .touch-test__cancel{pointer-events:auto;flex:0 0 auto;background:rgba(7,22,37,.85)}
.touch-test--coverage .touch-test__progress{position:absolute;z-index:3;left:max(14px,env(safe-area-inset-left));right:max(14px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));pointer-events:none;transition:opacity .35s,transform .35s}
.touch-test--coverage.is-testing .touch-test__header{background:transparent}
.touch-test--coverage.is-testing .touch-test__header>div{opacity:0;transform:translateY(-18px)}
.touch-test--coverage.is-testing .touch-test__progress{opacity:.16;transform:translateY(8px)}
.touch-test--coverage.is-testing .touch-test__cancel{position:fixed;right:max(10px,env(safe-area-inset-right));top:max(10px,env(safe-area-inset-top));opacity:.22;pointer-events:auto}
body:has(.touch-test){overflow:hidden}
.guided-test,.mic-test{position:fixed;inset:0;z-index:720;display:grid;place-items:center;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:rgba(5,17,29,.96);color:#fff}
.guided-test__card{width:min(720px,100%);max-height:100%;display:grid;grid-template-rows:auto minmax(220px,1fr) auto;gap:12px;padding:16px;border:1px solid rgba(255,255,255,.25);border-radius:22px;background:#0b2033}
.guided-test__head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}
.guided-test__head strong{display:block;font-size:1.25rem;text-transform:uppercase}
.guided-test__head span{display:block;color:#bcd0e3;font-size:.86rem;margin-top:4px}
.guided-test button{min-height:44px;padding:9px 13px;border:2px solid rgba(255,255,255,.55);border-radius:10px;color:#fff;font-family:var(--f-mono);font-size:.66rem;font-weight:900;text-transform:uppercase}
.guided-test button:disabled{opacity:.35;cursor:not-allowed}
.guided-test__stage{min-height:220px;display:grid;place-items:center;overflow:hidden;border-radius:16px;background:#06131f;text-align:center}
.guided-test__stage video{width:100%;height:100%;max-height:58vh;object-fit:contain;background:#000}
.guided-test__camera{width:100%;height:100%;display:grid;grid-template-rows:minmax(180px,1fr) auto auto;gap:9px;padding:10px}
.guided-test__camera video{min-height:180px;border-radius:12px}
.guided-test__camera-select{width:100%;min-height:44px;padding:8px 10px;border:1px solid rgba(255,255,255,.45);border-radius:10px;background:#fff;color:#071625;font-weight:700}
.guided-test__camera-note{margin:0!important;padding:0 4px 4px;font-size:.78rem!important}
.guided-test__stage p{margin-top:12px;color:#bcd0e3}
.guided-test__play{background:#0878da!important;border-color:#0878da!important}
.guided-test__actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.guided-test__actions [data-pass]{background:#087a4d;border-color:#087a4d}
.guided-test__actions [data-fail]{background:#c92c2c;border-color:#c92c2c}
.guided-test__error{padding:20px;color:#ffb4b4}
.guided-manual-check{max-width:520px;padding:24px}
.guided-manual-check strong{font-size:1.2rem;text-transform:uppercase}
.guided-manual-check p{margin:10px 0 20px!important}
.guided-color-screen{position:fixed;inset:0;z-index:760;width:100vw;height:100vh;height:100dvh;display:grid;place-items:center;align-content:center;gap:12px;text-align:center;touch-action:manipulation}
.guided-color-screen strong{font-size:clamp(2rem,12vw,5rem);text-transform:uppercase;transition:opacity .2s}
.guided-color-screen span{font-family:var(--f-mono);font-size:.72rem;text-transform:uppercase}
.guided-color-screen button{position:fixed;right:max(16px,env(safe-area-inset-right));top:max(16px,env(safe-area-inset-top));min-height:44px;padding:9px 13px;border:2px solid currentColor;border-radius:10px;background:rgba(128,128,128,.3);font-family:var(--f-mono);font-size:.66rem;font-weight:900;text-transform:uppercase}
.mic-test>div{width:min(520px,100%);padding:24px;border-radius:22px;background:#0b2033;text-align:center}
.mic-test strong{font-size:1.4rem;text-transform:uppercase}
.mic-test p{margin:8px 0 22px;color:#bcd0e3}
.mic-test canvas{display:block;width:100%;height:170px;margin-bottom:12px;border:1px solid rgba(255,255,255,.25);border-radius:14px;background:#06131f}
.mic-test i{display:block;height:24px;overflow:hidden;border:2px solid #fff;border-radius:999px;background:#06131f}
.mic-test b{display:block;width:0;height:100%;background:#20db8d;transition:width .08s}
.mic-test span{display:block;margin-top:12px;font-family:var(--f-mono);font-size:.72rem;text-transform:uppercase}
.mic-test audio{width:100%;margin-top:14px}
.mic-test__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px}
.mic-test__actions button{min-height:44px;padding:9px;border:1px solid rgba(255,255,255,.5);border-radius:10px;color:#fff;font-family:var(--f-mono);font-size:.64rem;font-weight:900;text-transform:uppercase}
.mic-test__actions [data-pass]{background:#087a4d;border-color:#087a4d}
.mic-test__actions [data-fail]{background:#c92c2c;border-color:#c92c2c}
.mic-test__actions button:disabled{opacity:.35}
body:has(.guided-test),body:has(.mic-test){overflow:hidden}
.sensor-test{position:fixed;inset:0;z-index:740;display:grid;place-items:center;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:#071625;color:#fff}
.sensor-test__card{position:relative;width:min(560px,100%);padding:28px 20px;border:1px solid rgba(255,255,255,.25);border-radius:24px;background:#0b2033;text-align:center}
.sensor-test__card>button{position:absolute;right:12px;top:12px;min-height:42px;padding:8px 11px;border:1px solid rgba(255,255,255,.5);border-radius:9px;color:#fff;font-family:var(--f-mono);font-size:.62rem;font-weight:900;text-transform:uppercase}
.sensor-test__card>strong{display:block;padding:36px 0 4px;font-size:clamp(1.5rem,7vw,2.6rem);text-transform:uppercase}
.sensor-test__card>p{color:#bcd0e3;margin-bottom:20px}
.sensor-test__values{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:8px;margin-bottom:18px}
.sensor-test__values i{display:grid;gap:4px;padding:14px 8px;border-radius:13px;background:#06131f;font-style:normal}
.sensor-test__values b{font-family:var(--f-mono);font-size:.62rem;text-transform:uppercase;color:#8fb1cf}
.sensor-test__values em{font-size:1.5rem;font-style:normal;font-weight:900}
.sensor-test__card>span{display:block;font-family:var(--f-mono);font-size:.7rem;text-transform:uppercase}
.sensor-test.is-success{background:#075c3d}
body:has(.sensor-test){overflow:hidden}
@media(max-width:900px){.iphone-lab .lab-summary,.iphone-lab .color-grid,.iphone-lab .lab-list{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.iphone-lab .lab-summary,.iphone-lab .color-grid,.iphone-lab .lab-list{grid-template-columns:1fr}.iphone-lab .hero-card{min-height:auto}.iphone-lab .hero-card__desc{position:static;text-align:left;max-width:100%;margin-top:18px}.iphone-lab .hero-card__year,.iphone-lab .hero-card__links,.iphone-lab .hero-card__tags{position:static}.iphone-lab .lab-group{padding:14px}.iphone-lab .lab-item{padding:12px}}



/* Reference-parity interaction suite */
.pixel-render{position:relative;color:transparent!important;min-width:var(--pixel-w,auto);min-height:var(--pixel-h,1em)}
.pixel-render__canvas{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated;pointer-events:none}
.pixel-render--light .pixel-render__canvas{filter:invert(1)}
.pixel-label-stack{position:relative;display:inline-grid}
.pixel-label-stack>*{grid-area:1/1}
.pixel-label-stack__hover{opacity:0;transform:translateY(7px);transition:opacity .25s,transform .35s}
.pixel-label-stack__base{opacity:1;transition:opacity .25s,transform .35s}
:is(a,button,.project-card):hover .pixel-label-stack__base{opacity:0;transform:translateY(-7px)}
:is(a,button,.project-card):hover .pixel-label-stack__hover{opacity:1;transform:none}
.feed-marquee{grid-column:1/-1;height:52px;position:relative;overflow:hidden;background:#111;color:#fff;margin:0}
.feed-marquee__track{position:absolute;inset:0;display:flex;align-items:center;gap:18px;width:max-content;animation:parityMarquee 18s linear infinite}
.feed-marquee__pixel{width:12px;height:12px;background:var(--pixel-color);animation:pixelBlink .8s steps(2) infinite;animation-delay:var(--delay)}
.feed-marquee__text{font-family:var(--f-mono);font-size:11px;letter-spacing:.14em;white-space:nowrap;text-transform:uppercase}
@keyframes parityMarquee{to{transform:translateX(-50%)}}@keyframes pixelBlink{50%{opacity:.18;transform:scale(.55)}}
.home-feed main{grid-template-columns:repeat(6,minmax(0,1fr))}
.home-feed main>.project-card{grid-column:span 3}
.home-feed main>.project-card.feed-size-hero{grid-column:span 6;height:600px}
.home-feed main>.project-card.feed-size-med{grid-column:span 3;height:400px}
.home-feed main>.project-card.feed-size-sm{grid-column:span 2;height:320px}
.home-feed main>.project-card.feed-size-xs{grid-column:span 2;height:240px}
.home-feed main>.section-card.feed-tile{grid-column:span 2;min-height:300px;padding:30px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}
.home-feed main>.section-card.feed-tile:nth-of-type(3n+1){grid-column:span 3}
.home-feed main>.section-card.feed-tile:nth-of-type(5n){grid-column:span 6}
.home-feed .feed-tile .section-card__title{font-size:clamp(1.7rem,3vw,3rem)}
.feed-tile__index{position:absolute;right:24px;top:20px;font-family:var(--f-mono);font-size:10px;opacity:.45}
.feed-detail{position:fixed;inset:0;z-index:350;background:#fff;color:#111;overflow:auto;visibility:hidden;opacity:0;clip-path:inset(var(--open-top,50%) var(--open-right,50%) var(--open-bottom,50%) var(--open-left,50%));transition:clip-path .72s cubic-bezier(.7,0,.15,1),opacity .15s,visibility 0s .75s}
.feed-detail.open{visibility:visible;opacity:1;clip-path:inset(0);transition:clip-path .72s cubic-bezier(.7,0,.15,1),opacity .15s}
.feed-detail__close{position:fixed;right:40px;top:36px;z-index:3;border:4px solid #111;background:#fff;padding:10px 16px;font-family:var(--f-mono);font-size:11px;font-weight:900}
.feed-detail__inner{max-width:1400px;margin:auto;padding:120px 50px 100px}
.feed-detail__eyebrow{font-family:var(--f-mono);font-size:12px;letter-spacing:.15em;margin-bottom:24px}
.feed-detail__title{font-size:clamp(4rem,10vw,9rem);line-height:.86;letter-spacing:-.075em;text-transform:uppercase;max-width:1200px}
.feed-detail__description{font-size:clamp(1.15rem,2vw,1.7rem);font-weight:700;max-width:800px;margin:40px 0 70px}
.feed-detail__gallery{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:360px 360px;gap:30px}
.feed-detail__art{position:relative;overflow:hidden;background:#111}
.feed-detail__art:first-child{grid-row:span 2}
.feed-detail__art canvas{width:100%;height:100%;image-rendering:pixelated}
.feed-detail__actions{display:flex;gap:16px;margin-top:40px}
.feed-detail__link{display:inline-flex;border:4px solid #111;padding:12px 18px;font-family:var(--f-mono);font-size:11px;font-weight:900}
.feed-detail__link:hover{background:#111;color:#fff}
body.detail-open{overflow:hidden}
.lang-control{position:relative}
.lang-control__btn{height:40px;min-width:48px;border:4px solid currentColor!important;padding:0 8px!important;justify-content:center}
.lang-control__menu{position:absolute;right:0;top:48px;display:none;background:#fff;color:#111;border:4px solid #111;min-width:110px}
.lang-control.open .lang-control__menu{display:block}
.lang-control__option{display:block;width:100%;padding:10px 12px;text-align:left;font-family:var(--f-mono);font-size:10px;font-weight:900}
.lang-control__option:hover,.lang-control__option.active{background:#111;color:#fff}
.idle-screen{position:fixed;inset:0;z-index:10000;background:#111;color:#fff;display:grid;place-items:center;opacity:0;visibility:hidden;transition:opacity .6s,visibility 0s .6s;cursor:none}
.idle-screen.active{opacity:1;visibility:visible;transition:opacity .6s}
.idle-screen__grid{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 39px,rgba(255,255,255,.05) 40px),repeating-linear-gradient(0deg,transparent 0 39px,rgba(255,255,255,.04) 40px);animation:idleDrift 9s linear infinite}
.idle-screen__clock{position:relative;font-family:var(--f-mono);font-size:clamp(4rem,15vw,12rem);letter-spacing:-.08em}
.idle-screen__hint{position:absolute;bottom:45px;font-family:var(--f-mono);font-size:10px;letter-spacing:.15em}
@keyframes idleDrift{to{background-position:80px 40px,40px 80px}}
.interactive-footer{position:fixed;left:0;right:0;bottom:0;height:100px;z-index:105;display:flex;align-items:center;justify-content:flex-end;padding:0 40px;pointer-events:none}
.interactive-footer__control{pointer-events:auto;position:relative;width:50px;height:50px;border:5px solid #111;background:#fff;color:#111;display:grid;place-items:center;cursor:pointer}
.interactive-footer__fill{position:absolute;left:0;right:0;bottom:0;height:var(--progress,0%);background:var(--accent);transition:height .08s linear}
.interactive-footer__icon{position:relative;z-index:1;font-size:20px;line-height:1}
.interactive-footer__count{position:absolute;right:58px;font-family:var(--f-mono);font-size:10px;white-space:nowrap}
.interactive-footer__control.liked{background:linear-gradient(120deg,#ff124f,#ffe600,#19ffb6,#00c3ff,#8a2bff,#ff00f0);background-size:300% 300%;animation:rainbowMove 2s linear infinite;color:#fff;border:0}
@keyframes rainbowMove{to{background-position:300% 100%}}
.reaction-popup{position:fixed;right:40px;bottom:115px;width:min(400px,calc(100vw - 40px));height:280px;z-index:300;background:#111;color:#fff;transform:translateY(130%);opacity:0;transition:transform .65s cubic-bezier(.2,1.3,.3,1),opacity .3s;overflow:hidden;pointer-events:none}
.reaction-popup.show{transform:none;opacity:1}
.reaction-popup__canvas{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated}
.reaction-popup__text{position:absolute;left:20px;right:20px;bottom:20px;font-family:var(--f-mono);font-size:18px;font-weight:900;text-align:center;z-index:1}
.scroll-stagger{transition-delay:calc(var(--stagger-i,0) * 45ms)}
@media(max-width:768px){.home-feed main>.project-card,.home-feed main>.project-card.feed-size-hero,.home-feed main>.project-card.feed-size-med,.home-feed main>.project-card.feed-size-sm,.home-feed main>.project-card.feed-size-xs,.home-feed main>.section-card.feed-tile,.home-feed main>.section-card.feed-tile:nth-of-type(n){grid-column:1/-1;height:auto;min-height:360px}.feed-detail__inner{padding:100px 20px 80px}.feed-detail__close{right:16px;top:18px}.feed-detail__gallery{display:block}.feed-detail__art{height:280px;margin-bottom:16px}.interactive-footer{height:70px;padding:0 14px}.reaction-popup{right:20px;bottom:85px;height:220px}.lang-control{display:none}}
@media(prefers-reduced-motion:reduce){.feed-marquee__track,.idle-screen__grid,.interactive-footer__control.liked{animation:none}.feed-detail{transition:none}.scroll-stagger{transition-delay:0s}}

/* Responsive inspection experience */
.iphone-lab{--lab-blue:#0878da;--lab-ink:#0b1728;--lab-muted:#637083;--lab-pass:#087a4d;--lab-fail:#c92c2c;--lab-warn:#9a6400}
.iphone-lab .section-card{border-radius:22px;box-shadow:0 18px 55px rgba(11,23,40,.08)}
.iphone-lab .hero-card{border-radius:28px;box-shadow:0 24px 70px rgba(8,120,218,.25)}
.iphone-lab .hero-card__title{max-width:920px;text-wrap:balance}
.iphone-lab .hero-card__desc{color:rgba(255,255,255,.82);max-width:700px}
.iphone-lab .lab-summary__item,.iphone-lab .lab-group,.iphone-lab .lab-item,.iphone-lab .report-panel{border-color:#d8e0e9}
.iphone-lab .lab-summary__item{border-radius:16px;background:linear-gradient(145deg,#fff,#f3f8fc)}
.iphone-lab .lab-summary__item strong{color:var(--lab-blue)}
.iphone-lab .lab-group{border-radius:18px;background:#f5f8fb}
.iphone-lab .lab-item{border-radius:14px;align-content:start;transition:border-color .2s,box-shadow .2s,transform .2s}
.iphone-lab .lab-item:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(11,23,40,.08)}
.iphone-lab .lab-item__result{flex:0 0 auto;border-radius:999px;padding:5px 8px;background:#eef2f6;color:var(--lab-muted);white-space:nowrap}
.iphone-lab .lab-item.is-pass .lab-item__result{background:#e4f6ed;color:var(--lab-pass)}
.iphone-lab .lab-item.is-fail .lab-item__result{background:#ffebeb;color:var(--lab-fail)}
.iphone-lab .lab-item.is-blocked .lab-item__result{background:#fff1d5;color:var(--lab-warn)}
.iphone-lab .lab-item button,.iphone-lab .report-actions button{min-height:44px;border-radius:10px;border-color:#cbd5df;transition:background .18s,border-color .18s,color .18s,transform .18s}
.iphone-lab .lab-item button:active,.iphone-lab .report-actions button:active{transform:scale(.98)}
.iphone-lab .lab-item button[data-action="run"]{background:var(--lab-ink);border-color:var(--lab-ink);color:#fff}
.iphone-lab .lab-item button[data-action="pass"][aria-pressed="true"]{background:var(--lab-pass);border-color:var(--lab-pass);color:#fff}
.iphone-lab .lab-item button[data-action="fail"][aria-pressed="true"]{background:var(--lab-fail);border-color:var(--lab-fail);color:#fff}
.iphone-lab .lab-item button[data-action="blocked"][aria-pressed="true"]{background:var(--lab-warn);border-color:var(--lab-warn);color:#fff}
.iphone-lab .lab-item button[data-action="clear"]{margin-left:auto;color:var(--lab-muted)}
.iphone-lab .color-swatch{border-radius:18px;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(255,255,255,.35);transition:transform .2s,box-shadow .2s}
.iphone-lab .color-swatch:hover{transform:translateY(-3px);box-shadow:0 12px 25px rgba(11,23,40,.13)}
.iphone-lab .color-swatch[data-color="#000000"],.iphone-lab .color-swatch[data-color="#ff0000"],.iphone-lab .color-swatch[data-color="#0000ff"]{color:#fff}
.iphone-lab .report-panel{border-radius:16px;max-height:520px;overflow:auto;background:#f7fafc}
.iphone-lab .report-panel:has(.report-dashboard){max-height:none;padding:0;overflow:hidden;border:0;background:transparent}
.report-dashboard{overflow:hidden;border:1px solid #d6e0e9;border-radius:22px;background:#eef4f8;color:#071625;box-shadow:0 20px 55px rgba(7,22,37,.1)}
.report-dashboard__hero{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:28px;background:linear-gradient(135deg,#071625,#0b4f79);color:#fff}
.report-dashboard__hero>div>span{font-family:var(--f-mono);font-size:.68rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#20db8d}
.report-dashboard__hero h3{font-size:clamp(1.55rem,4vw,2.6rem);line-height:1.05;margin:6px 0;text-transform:uppercase}
.report-dashboard__hero p{color:#bcd0e3;font-size:.8rem}
.report-dashboard__identifier{display:block;margin-top:9px;font-family:var(--f-mono);font-size:clamp(.72rem,2.4vw,.92rem);letter-spacing:.04em;color:#fff;overflow-wrap:anywhere}
.report-score{--value:calc(var(--score) * 1%);width:112px;height:112px;flex:0 0 112px;display:grid;place-content:center;border-radius:50%;text-align:center;background:radial-gradient(circle,#0b304a 56%,transparent 58%),conic-gradient(#20db8d var(--value),rgba(255,255,255,.16) 0)}
.report-score strong{font-size:1.65rem;line-height:1}
.report-score span{font-family:var(--f-mono);font-size:.56rem;text-transform:uppercase;color:#bcd0e3}
.report-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:14px}
.report-identity{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:14px 14px 0}
.report-identity span{display:grid;gap:2px;padding:11px 12px;border-radius:12px;background:#fff;font-size:.78rem;font-weight:800;overflow-wrap:anywhere}
.report-identity b{font-family:var(--f-mono);font-size:.54rem;text-transform:uppercase;color:#8391a1}
.report-identity .report-identity__primary{grid-column:1/-1;background:#071625;color:#fff;font-size:.95rem}
.report-identity .report-identity__primary b{color:#20db8d}
.report-kpis>div{display:grid;gap:3px;padding:16px;border-radius:14px;background:#fff}
.report-kpis strong{font-size:1.8rem;color:#0878da}
.report-kpis span{font-family:var(--f-mono);font-size:.58rem;font-weight:900;text-transform:uppercase;color:#637083}
.report-categories{display:grid;gap:12px;padding:0 14px 14px}
.report-category{overflow:hidden;border-radius:16px;background:#fff}
.report-category>header{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:15px 16px 10px}
.report-category>header strong{display:block;text-transform:uppercase}
.report-category>header span{display:block;margin-top:2px;font-size:.72rem;color:#637083}
.report-category>header em{font-style:normal;font-weight:900;color:#0878da}
.report-category>i{display:block;height:5px;margin:0 16px 12px;overflow:hidden;border-radius:99px;background:#e4ebf1}
.report-category>i b{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#0878da,#20db8d)}
.report-category ul{border-top:1px solid #e7edf2}
.report-result{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:10px 16px;border-bottom:1px solid #edf1f4}
.report-result:last-child{border-bottom:0}
.report-result>span{font-size:.84rem;font-weight:800}
.report-result small{display:block;font-family:var(--f-mono);font-size:.52rem;font-weight:700;text-transform:uppercase;color:#8391a1}
.report-result>strong{flex:0 0 auto;padding:5px 8px;border-radius:999px;font-family:var(--f-mono);font-size:.55rem;text-transform:uppercase;background:#edf1f4;color:#637083}
.report-result--pass>strong{background:#e2f7ed;color:#087a4d}
.report-result--fail>strong{background:#ffebec;color:#c92c2c}
.report-result--blocked>strong{background:#fff2d8;color:#996100}
.report-dashboard>footer{padding:16px 20px;background:#071625;color:#bcd0e3;font-size:.72rem;line-height:1.5}
.iphone-lab .report-actions{position:sticky;bottom:82px;z-index:4;width:max-content;max-width:100%;padding:10px;border:1px solid #d8e0e9;border-radius:14px;background:rgba(255,255,255,.92);box-shadow:0 14px 36px rgba(11,23,40,.12);backdrop-filter:blur(14px)}
.iphone-lab .report-actions button:first-child{background:var(--lab-blue);border-color:var(--lab-blue);color:#fff}

@media(max-width:640px){
  body.reference-shell.device-lab{padding-bottom:72px}
  .reference-shell.device-lab .nav{height:calc(70px + env(safe-area-inset-top));padding:calc(14px + env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 14px max(16px,env(safe-area-inset-left))}
  .reference-shell.device-lab .nav__logo{font-size:1.55rem}
  .reference-shell.device-lab .nav__menu-btn{min-height:42px;border-width:2px;border-radius:10px}
  .reference-shell.device-lab main{margin:calc(82px + env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) calc(32px + env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}
  .reference-shell.device-lab main>*{margin-bottom:14px!important}
  .iphone-lab .hero-card{padding:24px 20px;border-radius:22px}
  .iphone-lab .hero-card__id{margin-bottom:12px}
  .iphone-lab .hero-card__title{font-size:clamp(2.55rem,14vw,4rem);letter-spacing:-.06em;margin-bottom:18px}
  .iphone-lab .hero-card__desc{font-size:.98rem;line-height:1.55;margin:0 0 20px}
  .iphone-lab .hero-card__tags{gap:6px}
  .iphone-lab .hero-card__tags .tag{font-size:.56rem;padding:5px 8px;border-radius:999px}
  .iphone-lab .hero-card__meta{margin-top:26px;display:grid;gap:14px}
  .iphone-lab .hero-card__links{display:flex;gap:18px;flex-wrap:wrap}
  .iphone-lab .section-card{padding:26px 18px;border-width:1px;border-radius:20px}
  .iphone-lab .section-card__id{margin-bottom:12px;font-size:.67rem}
  .iphone-lab .section-card__title{font-size:1.55rem;letter-spacing:-.04em}
  .iphone-lab .section-card__desc{font-size:.92rem;line-height:1.55}
  .iphone-lab .lab-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .iphone-lab .lab-summary__item{padding:15px 12px;min-height:92px}
  .iphone-lab .lab-summary__item strong{font-size:1.8rem}
  .iphone-lab .lab-summary__item span{font-size:.58rem;line-height:1.35}
  .iphone-lab .color-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .iphone-lab .color-swatch{min-height:98px;padding:12px;border-radius:14px;font-size:.78rem}
  .iphone-lab .lab-groups{gap:12px}
  .iphone-lab .lab-group{padding:13px;border-width:1px;border-radius:16px}
  .iphone-lab .lab-group__head{margin-bottom:10px}
  .iphone-lab .lab-group__title{font-size:.96rem}
  .iphone-lab .lab-list{grid-template-columns:1fr;gap:9px}
  .iphone-lab .lab-item{padding:14px;border-radius:13px;gap:9px}
  .iphone-lab .lab-item__top{display:grid;gap:8px}
  .iphone-lab .lab-item__result{justify-self:start;font-size:.58rem}
  .iphone-lab .lab-item__name{font-size:1rem}
  .iphone-lab .lab-item__kind{font-size:.58rem;margin-top:2px}
  .iphone-lab .lab-item__desc{font-size:.86rem;line-height:1.45}
  .iphone-lab .lab-item__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  .iphone-lab .lab-item button{width:100%;justify-content:center;padding:10px 8px;font-size:.6rem}
  .iphone-lab .lab-item button[data-action="run"],.iphone-lab .lab-item button[data-action="blocked"]{grid-column:1/-1}
  .iphone-lab .lab-item button[data-action="clear"]{margin-left:0}
  .iphone-lab .report-panel{padding:14px;max-height:430px}
  .iphone-lab .report-panel:has(.report-dashboard){padding:0;max-height:none}
  .report-dashboard__hero{padding:20px 16px}
  .report-score{width:86px;height:86px;flex-basis:86px}
  .report-score strong{font-size:1.25rem}
  .report-kpis{grid-template-columns:repeat(2,1fr);gap:8px;padding:10px}
  .report-kpis>div{padding:13px}
  .report-categories{padding:0 10px 10px;gap:9px}
  .report-category>header{padding:13px 12px 9px}
  .report-result{padding:9px 12px}
  .report-result>span{font-size:.78rem}
  .mic-test>div{padding:18px 14px}
  .mic-test canvas{height:145px}
  .iphone-lab .report-panel pre{font-size:.7rem;line-height:1.55}
  .iphone-lab .report-actions{position:static;width:100%;display:grid;grid-template-columns:1fr 1fr;padding:0;border:0;box-shadow:none;background:transparent}
  .iphone-lab .report-actions button{width:100%;justify-content:center}
  .iphone-lab .report-actions button:last-child{grid-column:1/-1}
  .fullscreen-swatch{padding:18px;padding-top:max(18px,env(safe-area-inset-top));padding-bottom:max(18px,env(safe-area-inset-bottom))}
  .fullscreen-swatch__close{top:max(14px,env(safe-area-inset-top));right:14px;min-height:44px;border-radius:10px}
  .fullscreen-swatch__label{font-size:clamp(2rem,14vw,4rem);padding:16px 20px;border-width:2px;border-radius:14px}
  .touch-test{padding-left:10px;padding-right:10px;gap:10px}
  .touch-test__stage{border-radius:17px}
  .reference-shell.device-lab .bottom-bar__copy{display:none}
  .reference-shell.device-lab .bottom-bar__inner{justify-content:flex-end}
  .reference-shell.device-lab .bottom-bar__btn{min-height:42px;border-width:2px;border-radius:10px}
  .reference-shell.device-lab .footer{padding:42px 20px 92px}
}

@media(max-width:360px){
  .iphone-lab .hero-card__title{font-size:2.35rem}
  .iphone-lab .lab-item__actions,.iphone-lab .report-actions{grid-template-columns:1fr}
  .iphone-lab .report-actions button:last-child{grid-column:auto}
}

@media(hover:none){
  .iphone-lab .lab-item:hover,.iphone-lab .color-swatch:hover{transform:none;box-shadow:none}
}

/* Device checker selector */
.checker-home{--selector-ink:#071625;--selector-mint:#20db8d;min-height:100vh;min-height:100dvh;background:radial-gradient(circle at 85% 12%,rgba(32,219,141,.2),transparent 28%),linear-gradient(145deg,#f7fbfd,#e7f1f5)}
.checker-home .nav{border-bottom:1px solid rgba(7,22,37,.12)}
.checker-home__main{display:block!important;width:min(1180px,calc(100% - 40px))!important;margin:150px auto 70px!important}
.checker-home__hero{max-width:900px;margin-bottom:36px}
.checker-home__hero>span{font-family:var(--f-mono);font-size:.72rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:#0878da}
.checker-home__hero h1{max-width:850px;margin:12px 0 18px;font-size:clamp(3rem,7vw,6.4rem);line-height:.9;letter-spacing:-.075em;text-transform:uppercase;color:var(--selector-ink)}
.checker-home__hero p{max-width:700px;font-size:clamp(1rem,2vw,1.25rem);color:#526275}
.device-choices{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.device-choice{position:relative;min-height:470px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:28px;border-radius:30px;color:#fff;box-shadow:0 24px 65px rgba(7,22,37,.15);transition:transform .25s,box-shadow .25s}
.device-choice:hover{transform:translateY(-7px);box-shadow:0 34px 80px rgba(7,22,37,.22)}
.device-choice--iphone{background:linear-gradient(145deg,#071625,#0878da)}
.device-choice--android{background:linear-gradient(145deg,#073729,#0b9e67)}
.device-choice__number{position:absolute;right:24px;top:20px;font-family:var(--f-mono);font-size:.7rem;opacity:.65}
.device-choice__icon{width:120px;height:190px;display:grid;place-items:center;margin:15px auto;border:5px solid rgba(255,255,255,.92);border-radius:28px;transform:rotate(-5deg)}
.device-choice__icon i{width:46px;height:7px;border-radius:99px;background:#fff;box-shadow:0 54px 0 12px rgba(255,255,255,.14)}
.device-choice__icon--android{height:180px;border-radius:20px;transform:rotate(5deg)}
.device-choice__icon--android::before{content:"";position:absolute;width:58px;height:28px;margin-top:-186px;border:4px solid #fff;border-bottom:0;border-radius:40px 40px 0 0}
.device-choice small{font-family:var(--f-mono);font-size:.66rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase;color:rgba(255,255,255,.65)}
.device-choice h2{font-size:clamp(2.7rem,5vw,4.5rem);line-height:1;text-transform:uppercase;letter-spacing:-.06em}
.device-choice p{max-width:480px;margin-top:8px;color:rgba(255,255,255,.72)}
.device-choice>strong{margin-top:26px;padding-top:18px;border-top:1px solid rgba(255,255,255,.3);font-family:var(--f-mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}
.checker-home__legend{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}
.checker-home__legend>div{display:grid;grid-template-columns:auto 1fr;column-gap:10px;padding:15px;border:1px solid #d3dfe7;border-radius:14px;background:rgba(255,255,255,.75)}
.checker-home__legend i{grid-row:1/3;width:11px;height:11px;margin-top:5px;border-radius:50%;background:#0878da}
.checker-home__legend>div:nth-child(2) i{background:#20a66a}.checker-home__legend>div:nth-child(3) i{background:#d99000}
.checker-home__legend strong{font-size:.78rem;text-transform:uppercase}.checker-home__legend span{font-size:.72rem;color:#637083}
.checker-home__footer{padding:24px;text-align:center;font-family:var(--f-mono);font-size:.68rem;text-transform:uppercase;color:#637083}
.device-intake{position:fixed;inset:0;z-index:800;display:grid;place-items:center;padding:max(14px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));overflow:auto;background:rgba(7,22,37,.82);backdrop-filter:blur(15px)}
.device-intake[hidden]{display:none}
.device-intake__card{position:relative;width:min(760px,100%);max-height:100%;overflow:auto;padding:30px;border-radius:26px;background:#f7fbfd;color:#071625;box-shadow:0 30px 90px rgba(0,0,0,.35)}
.device-intake__close{position:absolute;right:16px;top:16px;min-height:42px;padding:8px 11px;border:1px solid #b9c7d2;border-radius:9px;font-family:var(--f-mono);font-size:.62rem;font-weight:900;text-transform:uppercase}
.device-intake__eyebrow{font-family:var(--f-mono);font-size:.65rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#0878da}
.device-intake h2{margin:8px 0;font-size:clamp(2rem,6vw,3.4rem);line-height:1;text-transform:uppercase}
.device-intake h2 b{color:#0878da}
.device-intake__card>p{max-width:610px;margin-bottom:20px;color:#637083}
.device-intake label{display:grid;gap:6px;font-size:.72rem;font-weight:900;text-transform:uppercase}
.device-intake label small{font-weight:600;color:#8391a1}
.device-intake input{width:100%;min-height:48px;padding:10px 12px;border:1px solid #c9d5de;border-radius:10px;background:#fff;color:#071625;font-size:.95rem;text-transform:none}
.device-intake__imei-status,.device-intake__ocr-status{min-height:22px;margin:5px 0 12px;font-size:.75rem;color:#637083}
.device-intake__imei-status.is-valid{color:#087a4d}.device-intake__imei-status.is-invalid{color:#c92c2c}
.device-intake__upload input{position:absolute;opacity:0;pointer-events:none}
.device-intake__upload span,.device-intake__ocr,.device-intake__start{display:grid;place-items:center;min-height:48px;padding:10px 14px;border-radius:11px;font-family:var(--f-mono);font-size:.68rem;font-weight:900;text-transform:uppercase;cursor:pointer}
.device-intake__upload span{border:1px dashed #0878da;background:#e8f4fe;color:#086ebf}
.device-intake__ocr{width:100%;margin-top:8px;border:1px solid #9fb2c1;background:#fff;color:#071625}
.device-intake__ocr:disabled{opacity:.45}
.device-intake__fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}
.device-intake__start{width:100%;border:0;background:linear-gradient(90deg,#0878da,#0b9e67);color:#fff}
.device-intake__start-actions{display:grid;grid-template-columns:1.35fr .65fr;gap:8px}
.device-intake__skip{min-height:48px;padding:10px 14px;border:1px solid #9fb2c1;border-radius:11px;background:#fff;color:#071625;font-family:var(--f-mono);font-size:.64rem;font-weight:900;text-transform:uppercase}
.checker-home__links{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.checker-home__links.mobile-business-links{display:none}
.checker-home__links a{padding:9px 13px;border:1px solid #9eb1c0;border-radius:10px;background:rgba(255,255,255,.72);font-family:var(--f-mono);font-size:.65rem;font-weight:900;text-transform:uppercase}
.checker-home .site-link--inext,.checker-home .nav__cta.site-link--inext{background:#0878da;border-color:#0878da;color:#fff}
.checker-home .site-link--tutu,.checker-home .nav__cta.site-link--tutu{background:#f04e5e;border-color:#f04e5e;color:#fff}
.checker-home .site-link--future,.checker-home .nav__cta.site-link--future{background:#087a4d;border-color:#087a4d;color:#fff}
.checker-home .site-link:hover{filter:brightness(.9);color:#fff}
.reference-shell.device-lab .menu-overlay{position:fixed;inset:0;z-index:220;padding:76px 22px 22px;background:rgba(255,255,255,.98);overflow-y:auto}
.reference-shell.device-lab .menu-overlay__links{justify-content:flex-start;flex:none;margin:auto 0}
.reference-shell.device-lab .menu-overlay__link{padding:13px 0;font-size:clamp(1.15rem,4vw,1.75rem);line-height:1.1}
.reference-shell.device-lab .menu-overlay__close{top:18px;right:20px;padding:7px 10px;border:2px solid #111;border-radius:8px;background:#fff;font-size:.65rem}
.reference-shell.device-lab .nav__menu-btn{min-height:36px;padding:5px 10px;border-width:2px;font-size:.58rem}
.android-lab .hero-card{background:linear-gradient(135deg,#061b16,#087a4d 58%,#20db8d)}
.android-lab .lab-summary__item strong{color:#0b9e67}
.android-lab .report-dashboard__hero{background:linear-gradient(135deg,#061b16,#086442)}
.checker-footer{margin-top:48px}
.nav__sound-btn.off{opacity:.5;text-decoration:line-through}
.checker-home .footer{background:#fff;color:#111;border-top:2px solid #111}
.checker-home .footer__desc,.checker-home .footer__col a,.checker-home .footer__base{color:#555}

@media(max-width:720px){
  .checker-home .nav{height:72px;padding:14px 16px}
  .checker-home__main{width:auto!important;margin:92px 10px 35px!important}
  .checker-home__hero{padding:12px 8px;margin-bottom:22px}
  .checker-home__hero h1{font-size:clamp(2.8rem,14vw,4.6rem)}
  .device-choices{grid-template-columns:1fr;gap:12px}
  .device-choice{min-height:440px;padding:22px;border-radius:24px}
  .checker-home__legend{grid-template-columns:1fr}
  .checker-home__links.mobile-business-links{display:flex}
  .device-intake__card{padding:24px 16px;border-radius:20px}
  .device-intake__fields{grid-template-columns:1fr}
  .device-intake__start-actions{grid-template-columns:1fr}
  .report-identity{grid-template-columns:repeat(2,1fr);gap:7px;padding:10px 10px 0}
  .checker-footer{margin-top:28px;padding:34px 18px 24px}
  .reference-shell.device-lab .menu-overlay{padding:calc(70px + env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) calc(18px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}
  .reference-shell.device-lab .menu-overlay__link{padding:11px 0;font-size:1.05rem}
  .reference-shell.device-lab .menu-overlay__bottom{padding-top:14px;font-size:.58rem}
}