:root{--color-paper: #f4f1ea;--color-paper-deep: #e8e4db;--color-ink: #0b0c0e;--color-night: #141619;--color-mineral: #b7b8b2;--color-muted-dark: #72756f;--color-voltage: #e43e35;--color-voltage-dark: #b92d29;--color-line: rgba(11, 12, 14, .16);--color-line-light: rgba(244, 241, 234, .18);--space-1: 2px;--space-2: 4px;--space-3: 8px;--space-4: 12px;--space-5: 16px;--space-6: 24px;--space-7: 32px;--space-8: 48px;--space-9: 64px;--space-10: 96px;--space-11: 128px;--radius-sm: 6px;--radius-md: 12px;--motion-micro: .16s;--motion-standard: .32s;--motion-editorial: .72s;--ease: cubic-bezier(.2, .8, .2, 1);--font-body: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--shadow-soft: 0 24px 70px rgba(11, 12, 14, .13)}*{box-sizing:border-box}.app-shell{min-height:100vh;overflow-x:clip}html{background:var(--color-ink);scroll-behavior:smooth}body{min-width:320px;margin:0;color:var(--color-ink);background:var(--color-paper);font-family:var(--font-body);font-size:16px;line-height:1.5;text-rendering:optimizeLegibility}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit}img,svg{display:block;max-width:100%}::selection{color:var(--color-paper);background:var(--color-voltage)}:focus-visible{outline:3px solid var(--color-voltage);outline-offset:4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:100;top:12px;left:12px;padding:10px 14px;color:var(--color-paper);background:var(--color-ink);transform:translateY(-140%);transition:transform var(--motion-micro) var(--ease)}.skip-link:focus{transform:translateY(0)}.shell{width:min(100%,1500px);margin:0 auto;padding-right:clamp(24px,5vw,80px);padding-left:clamp(24px,5vw,80px)}.site-nav-wrap{position:sticky;z-index:20;top:0;color:var(--color-paper);background:#0b0c0eeb;border-bottom:1px solid var(--color-line-light)}.site-nav{display:flex;align-items:center;justify-content:space-between;min-height:72px}.wordmark{display:inline-flex;gap:10px;align-items:center;color:inherit;font-size:12px;font-weight:700;letter-spacing:.11em;line-height:1;text-decoration:none;text-transform:uppercase}.wordmark-mark{display:block;width:18px;height:18px;border:2px solid currentColor;border-radius:50%;box-shadow:inset 0 0 0 4px var(--color-ink),inset 0 0 0 6px currentColor}.primary-nav{display:flex;gap:clamp(16px,2.3vw,36px);align-items:center;font-size:12px;letter-spacing:.04em}.primary-nav a{color:var(--color-mineral);text-decoration:none;transition:color var(--motion-micro) ease}.primary-nav a:hover{color:var(--color-paper)}.primary-nav .nav-action{display:inline-flex;gap:10px;align-items:center;padding:10px 12px;color:var(--color-paper);border:1px solid var(--color-line-light);border-radius:var(--radius-sm)}.menu-toggle{display:none;width:46px;height:44px;padding:0;color:var(--color-paper);background:transparent;border:1px solid var(--color-line-light);border-radius:var(--radius-sm)}.menu-toggle-lines,.menu-toggle-lines:before,.menu-toggle-lines:after{display:block;width:16px;height:1px;margin:0 auto;background:currentColor;content:""}.menu-toggle-lines:before{transform:translateY(-5px)}.menu-toggle-lines:after{transform:translateY(4px)}.hero{position:relative;min-height:calc(100vh - 72px);overflow:hidden;color:var(--color-paper);background:var(--color-ink)}.hero-noise{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.16;background-image:radial-gradient(rgba(255,255,255,.45) .5px,transparent .5px);background-size:5px 5px;-webkit-mask-image:linear-gradient(140deg,black,transparent 62%);mask-image:linear-gradient(140deg,black,transparent 62%)}.hero-grid{position:relative;display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);min-height:calc(100vh - 144px)}.hero-copy{z-index:1;align-self:center;max-width:560px;padding:clamp(56px,10vh,140px) 0}.eyebrow{margin:0 0 18px;color:var(--color-muted-dark);font-size:11px;font-weight:700;letter-spacing:.16em;line-height:1.2;text-transform:uppercase}.eyebrow--light{color:var(--color-mineral)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:500;letter-spacing:-.055em}.hero h1{max-width:7ch;margin-bottom:28px;font-size:clamp(4rem,9vw,9.6rem);line-height:.89}.hero-body{max-width:38ch;margin-bottom:36px;color:var(--color-mineral);font-size:17px}.button{display:inline-flex;min-height:46px;gap:20px;align-items:center;justify-content:center;padding:10px 16px;border:1px solid transparent;border-radius:var(--radius-sm);font-size:12px;font-weight:700;letter-spacing:.04em;text-decoration:none;transition:background var(--motion-micro) ease,color var(--motion-micro) ease,transform var(--motion-micro) ease}.button:hover{transform:translateY(-2px)}.button:active,button:active{transform:scale(.98)}.button--accent{color:var(--color-paper);background:var(--color-voltage)}.button--accent:hover{background:var(--color-voltage-dark)}.button--dark{color:var(--color-paper);background:var(--color-ink)}.button--dark:hover{color:var(--color-ink);background:var(--color-paper)}.button--small{min-height:42px;padding:8px 12px;font-size:11px}.hero-stage{position:relative;align-self:stretch;min-height:540px;border-left:1px solid var(--color-line-light)}.hero-stage:before,.hero-stage:after{position:absolute;width:1px;height:36%;background:var(--color-line-light);content:""}.hero-stage:before{top:0;left:22%}.hero-stage:after{right:16%;bottom:0}.hero-stage-label,.hero-stage-coordinate{position:absolute;z-index:1;color:var(--color-mineral);font-size:10px;letter-spacing:.12em;text-transform:uppercase}.hero-stage-label{top:32px;left:32px}.hero-stage-coordinate{right:32px;bottom:32px;writing-mode:vertical-rl}.hero-product{position:absolute;right:-8%;bottom:15%;width:116%;color:var(--color-paper);filter:drop-shadow(0 35px 25px rgba(0,0,0,.36));transform:rotate(-5deg);animation:hero-arrive 1.1s var(--ease) both}.hero-product img{width:100%;height:360px;object-fit:contain;object-position:center}.hero-stage-line{position:absolute;right:0;bottom:21%;left:12%;height:1px;background:var(--color-voltage);opacity:.9}.hero-footer{position:relative;display:flex;justify-content:space-between;padding-top:20px;padding-bottom:26px;color:var(--color-muted-dark);border-top:1px solid var(--color-line-light);font-size:10px;letter-spacing:.1em;text-transform:uppercase}.section{padding-top:clamp(80px,11vw,160px);padding-bottom:clamp(80px,11vw,160px)}.section--paper{background:var(--color-paper)}.section--night{color:var(--color-paper);background:var(--color-night)}.section-intro{display:grid;grid-template-columns:90px minmax(0,680px);gap:24px;margin-bottom:clamp(52px,7vw,92px)}.section-index{padding-top:6px;color:var(--color-voltage);font-size:11px;font-weight:700;letter-spacing:.1em}.section-intro h2,.gallery-heading h2,.closing-grid h2{margin-bottom:20px;font-size:clamp(2.4rem,6vw,6.2rem);line-height:.94}.section-intro-body,.gallery-heading>p,.closing-grid>div:last-child>p{max-width:42ch;margin-bottom:0;color:var(--color-muted-dark);font-size:17px}.section-intro--light .section-index{color:var(--color-voltage)}.section-intro--light .section-intro-body{color:var(--color-mineral)}.product-stage{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:clamp(40px,7vw,120px);align-items:end}.product-stage-visual{position:relative;min-height:500px;overflow:hidden;color:var(--color-paper);background:var(--color-night)}.product-stage-visual:after{position:absolute;right:0;bottom:23%;left:0;height:1px;background:var(--color-voltage);content:""}.product-stage-visual>img{width:100%;height:100%;min-height:500px;object-fit:contain;object-position:center}.product-stage-visual>img{object-fit:cover}.product-stage-caption{position:absolute;right:24px;bottom:20px;left:24px;z-index:1;display:flex;justify-content:space-between;color:var(--color-mineral);font-size:10px;letter-spacing:.1em;text-transform:uppercase}.product-stage-controls{padding-bottom:2px}.campaign-asset-rail{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:16px;margin-top:16px}.campaign-asset{margin:0}.campaign-asset img{width:100%;height:260px;object-fit:cover;filter:saturate(.86) contrast(1.03)}.campaign-asset:first-child img{object-position:40% center}.campaign-asset figcaption{display:flex;justify-content:space-between;gap:14px;padding-top:11px;color:var(--color-muted-dark);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.product-stage-controls h3{margin-bottom:16px;font-size:clamp(2rem,4vw,4rem);line-height:.95}.product-stage-controls>p:not(.eyebrow):not(.upload-meta):not(.upload-error){max-width:34ch;margin-bottom:28px;color:var(--color-muted-dark)}.upload-actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center}.text-button{min-height:44px;padding:8px 0;color:inherit;background:transparent;border:0;border-bottom:1px solid currentColor;font-size:12px;font-weight:700}.upload-meta{margin:16px 0 0;color:var(--color-muted-dark);font-size:11px}.upload-error{margin:12px 0 0;color:var(--color-voltage-dark);font-size:13px}.section--concept{padding-top:0}.concept-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.7fr);gap:clamp(40px,10vw,190px);padding-top:clamp(20px,5vw,80px);border-top:1px solid var(--color-line)}.concept-lead h2{max-width:8ch;margin:0;font-size:clamp(3rem,8vw,8.5rem);line-height:.86}.concept-notes{align-self:end}.concept-notes>p{max-width:25ch;margin-bottom:60px;font-size:clamp(1.6rem,3vw,3rem);line-height:1.02;letter-spacing:-.045em}.concept-notes dl{margin:0}.concept-notes dl>div{display:grid;grid-template-columns:.8fr 1.2fr;gap:18px;padding:14px 0;border-top:1px solid var(--color-line)}.concept-notes dt,.concept-notes dd{margin:0;font-size:12px}.concept-notes dt{color:var(--color-muted-dark)}.concept-notes dd{font-weight:700}.master-ad-heading,.gallery-heading{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:34px}.master-ad-heading h2{margin:0;font-size:clamp(2.4rem,5vw,5rem);line-height:.92}.format-selector{display:flex;flex-wrap:wrap;gap:2px;padding:3px;background:#f4f1ea14;border:1px solid var(--color-line-light);border-radius:var(--radius-sm)}.format-tab{display:inline-flex;min-width:60px;min-height:44px;gap:5px;flex-direction:column;align-items:center;justify-content:center;padding:6px 10px;color:var(--color-mineral);background:transparent;border:0;border-radius:4px;font-size:11px;font-weight:700}.format-tab--active{color:var(--color-ink);background:var(--color-paper)}.format-tab-name{color:inherit;opacity:.6;font-size:9px;font-weight:500}.ad-canvas{position:relative;aspect-ratio:var(--ad-ratio);min-height:300px;overflow:hidden;isolation:isolate;color:var(--color-paper);background:var(--color-ink)}.ad-canvas--paper{color:var(--color-ink);background:var(--color-paper)}.ad-canvas-light{position:absolute;z-index:-1;top:-30%;left:38%;width:40%;height:120%;background:linear-gradient(102deg,transparent,rgba(255,255,255,.16),transparent);transform:rotate(18deg)}.ad-canvas--paper .ad-canvas-light{background:linear-gradient(102deg,transparent,rgba(228,62,53,.08),transparent)}.ad-canvas-meta,.ad-canvas-note,.ad-canvas-coordinate{position:absolute;z-index:3;font-size:10px;letter-spacing:.1em;text-transform:uppercase}.ad-canvas-meta{top:24px;right:28px;left:28px;display:flex;justify-content:space-between;color:var(--color-mineral)}.ad-canvas--paper .ad-canvas-meta,.ad-canvas--paper .ad-canvas-note,.ad-canvas--paper .ad-canvas-coordinate{color:var(--color-muted-dark)}.ad-canvas-copy{position:absolute;z-index:2;top:18%;left:5.5%;max-width:min(38%,460px)}.ad-eyebrow{margin-bottom:18px;color:var(--color-voltage);font-size:10px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.ad-canvas-copy h3{margin-bottom:18px;font-size:clamp(2.1rem,5vw,6.2rem);line-height:.88}.ad-canvas-copy>p:not(.ad-eyebrow){max-width:25ch;margin-bottom:26px;color:var(--color-mineral);font-size:14px}.ad-canvas--paper .ad-canvas-copy>p:not(.ad-eyebrow){color:var(--color-muted-dark)}.ad-canvas-cta{display:inline-flex;gap:15px;align-items:center;color:var(--color-paper);border-bottom:1px solid currentColor;font-size:11px;font-weight:700}.ad-canvas--paper .ad-canvas-cta{color:var(--color-ink)}.ad-canvas-product{position:absolute;z-index:1;right:2%;bottom:2%;width:66%;color:var(--color-paper);transform:scale(var(--ad-scale));transform-origin:bottom right}.ad-canvas-product img{width:100%;height:100%;max-height:430px;object-fit:cover;object-position:var(--ad-crop) center;filter:saturate(.82) contrast(1.04)}.ad-canvas--square .ad-canvas-product,.ad-canvas--portrait .ad-canvas-product{right:-9%;bottom:4%;width:88%}.ad-canvas--story .ad-canvas-copy{top:12%;left:9%;max-width:82%}.ad-canvas--story .ad-canvas-copy h3{max-width:6ch;font-size:clamp(2.1rem,8vw,4.8rem)}.ad-canvas--story .ad-canvas-product{right:-30%;bottom:4%;width:136%}.ad-canvas--story .ad-canvas-note{right:10%;bottom:11%}.ad-canvas--square .ad-canvas-copy{top:12%;left:7%;max-width:62%}.ad-canvas--square .ad-canvas-copy h3{font-size:clamp(2rem,7vw,5.5rem)}.ad-canvas--portrait .ad-canvas-copy{top:10%;left:8%;max-width:74%}.ad-canvas--portrait .ad-canvas-product{bottom:0}.ad-canvas-note{bottom:24px;left:28px;color:var(--color-mineral)}.ad-canvas-coordinate{right:28px;bottom:24px;color:var(--color-mineral)}.ad-support-row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px;padding:14px 0 0;color:var(--color-mineral);border-bottom:1px solid var(--color-line-light);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.gallery-heading{margin-top:clamp(100px,14vw,190px)}.gallery-heading h2{margin-bottom:0}.gallery-heading em,.explorer-heading em{color:var(--color-voltage);font-style:normal}.gallery-rail{display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:16px}.gallery-item{min-width:0}.gallery-item .ad-canvas{min-height:0}.gallery-item .ad-canvas-copy h3{font-size:clamp(1.3rem,3vw,2.5rem)}.gallery-item .ad-canvas-meta,.gallery-item .ad-canvas-note,.gallery-item .ad-canvas-coordinate{font-size:8px}.gallery-item-caption{display:flex;justify-content:space-between;padding-top:12px;color:var(--color-mineral);font-size:11px}.system-overview{display:grid;grid-template-columns:1.2fr 1fr .8fr;gap:18px;align-items:stretch}.system-overview>div{min-height:270px;padding:26px;border-top:1px solid var(--color-line)}.palette-strip{display:grid;grid-template-columns:2fr 1fr 1fr .7fr;height:116px;margin:38px 0 12px}.palette-strip span{display:block}.palette-paper{background:var(--color-paper-deep)}.palette-ink{background:var(--color-ink)}.palette-night{background:var(--color-night)}.palette-red{background:var(--color-voltage)}.palette-labels{display:grid;grid-template-columns:2fr 1fr 1fr .7fr;color:var(--color-muted-dark);font-size:10px;text-transform:uppercase}.system-type strong{display:block;margin-top:56px;margin-bottom:18px;font-size:clamp(2.5rem,5vw,5rem);font-weight:500;letter-spacing:-.07em;line-height:.86}.system-type>p:last-child,.system-rule p{max-width:28ch;margin-bottom:0;color:var(--color-muted-dark);font-size:13px}.system-rule{display:flex;flex-direction:column}.system-rule>span{color:var(--color-voltage);font-size:50px;font-weight:500;letter-spacing:-.08em}.rule-lines{display:grid;gap:12px;margin:33px 0 20px}.rule-lines i{display:block;width:100%;height:1px;background:var(--color-line)}.explorer{color:var(--color-paper);background:var(--color-ink)}.explorer-heading{display:flex;align-items:end;justify-content:space-between;gap:48px;width:min(100%,1500px);margin:0 auto;padding:clamp(80px,11vw,160px) clamp(24px,5vw,80px) 80px}.explorer-heading h2{margin:0;font-size:clamp(3.6rem,8vw,8rem);line-height:.86}.explorer-heading>p{max-width:31ch;margin:0 0 4px;color:var(--color-mineral);font-size:17px}.explorer-layout{width:min(100%,1500px);margin:0 auto;padding:0 clamp(24px,5vw,80px) clamp(80px,11vw,160px)}.explorer-tabs{display:flex;overflow-x:auto;border-top:1px solid var(--color-line-light);border-bottom:1px solid var(--color-line-light);scrollbar-width:thin}.explorer-tab{display:flex;min-width:max-content;min-height:54px;gap:10px;align-items:center;padding:8px 18px 8px 0;margin-right:22px;color:var(--color-muted-dark);background:transparent;border:0;border-bottom:2px solid transparent;font-size:12px}.explorer-tab>span{color:var(--color-voltage);font-size:10px}.explorer-tab b{margin-left:8px;font-size:15px;font-weight:400;opacity:0}.explorer-tab--active{color:var(--color-paper);border-bottom-color:var(--color-voltage)}.explorer-tab--active b{opacity:1}.explorer-main{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.55fr);gap:clamp(36px,7vw,110px);padding-top:54px}.explorer-panel-wrap{min-height:620px}.explorer-panel{animation:panel-arrive .42s var(--ease) both}.explorer-panel h3,.panel-heading h3{max-width:12ch;margin:0 0 18px;font-size:clamp(2.3rem,5vw,5.5rem);line-height:.9}.explorer-lead,.panel-heading>p{max-width:42ch;margin-bottom:50px;color:var(--color-mineral);font-size:17px}.principle-list{max-width:650px;border-top:1px solid var(--color-line-light)}.principle-list>div{display:grid;grid-template-columns:42px 100px 1fr;gap:16px;padding:15px 0;border-bottom:1px solid var(--color-line-light);font-size:12px}.principle-list span{color:var(--color-voltage)}.principle-list p{margin:0;color:var(--color-mineral)}.token-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.token-grid--colors{grid-template-columns:repeat(2,minmax(0,1fr))}.token-grid--two{max-width:620px}.token-preview{display:flex;min-height:98px;gap:14px;align-items:center;padding:14px;border:1px solid var(--color-line-light)}.token-preview-visual{display:grid;width:74px;min-width:74px;height:68px;place-items:center;overflow:hidden;background:#f4f1ea0f}.token-swatch{width:100%;height:100%}.token-type-sample{font-size:48px;font-weight:600;letter-spacing:-.1em}.token-spacing-bar{display:block;max-width:100%;height:8px;background:var(--color-voltage)}.token-radius-sample{width:56px;height:56px;border:1px solid var(--color-voltage)}.token-motion-sample{display:block;width:36px;height:36px;background:var(--color-voltage);transform:translate(14px);animation:token-shift 1.4s var(--ease) infinite alternate}.token-grid-sample{display:block;width:58px;height:56px;background:repeating-linear-gradient(90deg,var(--color-voltage) 0 1px,transparent 1px 10px);border-right:1px solid var(--color-voltage)}.token-preview-copy{display:grid;gap:5px}.token-preview-copy strong{font-size:12px}.token-preview-copy code,.token-preview-copy>span{color:var(--color-mineral);font-size:10px}.token-preview-copy code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.type-specimen{padding:28px 0 42px;border-top:1px solid var(--color-line-light);border-bottom:1px solid var(--color-line-light)}.type-specimen p{margin:0;font-size:clamp(3.4rem,9vw,8.2rem);font-weight:500;letter-spacing:-.09em;line-height:.82}.type-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.spacing-scale{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;max-width:720px}.spacing-scale .token-preview{min-height:70px;padding:8px}.spacing-scale .token-preview-visual{width:62px;min-width:62px;height:40px}.layout-diagram{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;max-width:680px;height:150px;margin-top:18px;padding:18px;border:1px solid var(--color-line-light)}.layout-diagram span{background:#e43e3533;border-left:1px solid var(--color-voltage)}.layout-diagram i{position:absolute;width:1px;height:110px;margin-left:42%;background:var(--color-paper);opacity:.8}.motion-demo{position:relative;display:grid;height:190px;margin-bottom:14px;overflow:hidden;place-items:center;border:1px solid var(--color-line-light)}.motion-demo-word{position:relative;z-index:1;color:var(--color-paper);font-size:clamp(3rem,8vw,7rem);font-weight:500;letter-spacing:-.1em}.motion-demo-beam{position:absolute;top:-80%;right:46%;bottom:-80%;left:46%;background:var(--color-voltage);transform:rotate(22deg) scaleX(.5)}.motion-demo--active .motion-demo-beam{animation:motion-beam .72s var(--ease) both}.motion-actions{display:flex;gap:18px;align-items:center}.motion-actions .token-preview{flex:1;min-height:60px}.motion-actions .token-preview-visual{display:none}.photo-rules{display:grid;grid-template-columns:1fr 1fr;max-width:650px;border-top:1px solid var(--color-line-light)}.photo-rules>div{display:grid;gap:6px;padding:18px 14px 18px 0;border-bottom:1px solid var(--color-line-light)}.photo-rules span,.photo-rules strong{font-size:12px}.photo-rules span{color:var(--color-voltage)}.photo-rules strong{color:var(--color-mineral);font-weight:400}.component-samples{display:flex;flex-wrap:wrap;gap:18px;align-items:center;max-width:680px;padding-top:28px;border-top:1px solid var(--color-line-light)}.component-samples .text-button{color:var(--color-paper)}.sample-label,.sample-chip{color:var(--color-mineral);font-size:10px;letter-spacing:.1em;text-transform:uppercase}.sample-chip{padding:8px 10px;border:1px solid var(--color-line-light);border-radius:var(--radius-sm)}.token-table{max-width:720px;border-top:1px solid var(--color-line-light)}.token-row{display:grid;grid-template-columns:1fr 1.1fr;gap:20px;padding:14px 0;border-bottom:1px solid var(--color-line-light)}.token-row code,.token-row span{color:var(--color-mineral);font-size:11px}.token-row code{color:var(--color-paper);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.lab-panel{align-self:start;padding:18px;color:var(--color-paper);background:var(--color-night);border:1px solid var(--color-line-light);border-radius:var(--radius-md)}.lab-panel-heading{display:flex;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid var(--color-line-light)}.lab-panel-heading .eyebrow{margin-bottom:0}.status-dot{display:inline-flex;gap:6px;align-items:center;color:var(--color-mineral);font-size:10px}.status-dot:before{width:6px;height:6px;background:var(--color-voltage);border-radius:50%;content:""}.lab-label,.lab-panel fieldset{display:grid;gap:10px;padding:18px 0 0;margin:0;border:0}.lab-label,.lab-panel legend{color:var(--color-mineral);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.lab-control-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.choice-row{display:flex;flex-wrap:wrap;gap:4px}.choice-button{min-height:38px;padding:7px 10px;color:var(--color-mineral);background:transparent;border:1px solid var(--color-line-light);border-radius:4px;font-size:10px;text-transform:capitalize}.choice-button--active{color:var(--color-ink);background:var(--color-paper);border-color:var(--color-paper)}.choice-row--wide .choice-button{flex:1}.lab-preview{margin-top:22px;overflow:hidden}.lab-preview .ad-canvas{min-height:280px}.lab-preview .ad-canvas-copy h3{font-size:clamp(1.5rem,3vw,3rem)}.lab-preview .ad-canvas-copy>p:not(.ad-eyebrow),.lab-preview .ad-canvas-cta{display:none}.section--closing{padding-bottom:clamp(100px,14vw,190px)}.closing-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.62fr);gap:clamp(40px,9vw,160px);padding-top:26px;border-top:1px solid var(--color-line)}.closing-grid h2{max-width:11ch}.closing-grid>div:last-child{align-self:end}.closing-grid>div:last-child>p{margin-bottom:32px}.site-footer{color:var(--color-mineral);background:var(--color-ink)}.footer-grid{display:flex;justify-content:space-between;gap:40px;padding-top:30px;padding-bottom:30px;border-top:1px solid var(--color-line-light)}.site-footer p{margin:18px 0 0;color:var(--color-muted-dark);font-size:11px}.footer-meta{display:flex;gap:26px;align-items:end;align-self:end;color:var(--color-muted-dark);font-size:10px;letter-spacing:.1em;text-transform:uppercase}@keyframes hero-arrive{0%{opacity:0;transform:translate3d(5%,3%,0) rotate(-5deg) scale(.96)}to{opacity:1;transform:translateZ(0) rotate(-5deg) scale(1)}}@keyframes panel-arrive{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes token-shift{0%{transform:translate(0)}to{transform:translate(14px)}}@keyframes motion-beam{0%{transform:translate(-130%) rotate(22deg) scaleX(.5)}to{transform:translate(130%) rotate(22deg) scaleX(.5)}}@media (max-width: 1023px){.hero-grid{grid-template-columns:.8fr 1.2fr}.product-stage,.explorer-main,.closing-grid{grid-template-columns:1fr}.product-stage-controls{max-width:620px}.explorer-panel-wrap{min-height:auto}.lab-panel{order:-1}.system-overview{grid-template-columns:1fr 1fr}.system-rule{grid-column:1 / -1}}@media (max-width: 767px){.site-nav-wrap{background:#0b0c0ef7}.menu-toggle{display:block}.primary-nav{position:absolute;top:72px;right:0;left:0;display:none;gap:0;flex-direction:column;align-items:stretch;padding:12px 24px 22px;background:var(--color-ink);border-bottom:1px solid var(--color-line-light)}.primary-nav--open{display:flex}.primary-nav a{display:flex;min-height:48px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--color-line-light)}.primary-nav .nav-action{justify-content:space-between;margin-top:12px;padding:10px 12px;border:1px solid var(--color-line-light)}.hero-grid{display:flex;min-height:calc(100vh - 144px);flex-direction:column}.hero-copy{padding:76px 0 30px}.hero h1{max-width:8ch;margin-bottom:20px;font-size:clamp(3.7rem,18vw,6.3rem)}.hero-body{margin-bottom:28px;font-size:16px}.hero-stage{min-height:330px;border-left:0}.hero-stage:before{left:16%;height:100%}.hero-stage:after{right:14%;bottom:0;height:42%}.hero-stage-label{top:12px;left:0}.hero-stage-coordinate{right:0;bottom:12px}.hero-product{right:-11%;bottom:15%;width:126%;filter:brightness(1.3) drop-shadow(0 35px 25px rgba(0,0,0,.42))}.hero-product img{height:220px}.hero-stage-line{right:-12px;bottom:20%;left:0}.section-intro{grid-template-columns:42px minmax(0,1fr);gap:14px}.section-intro h2,.gallery-heading h2,.closing-grid h2{font-size:clamp(2.7rem,14vw,5rem)}.product-stage-visual,.product-stage-visual>img{min-height:320px}.product-stage-visual>img{object-fit:cover}.campaign-asset-rail{grid-template-columns:1fr}.campaign-asset img{height:260px}.concept-grid{grid-template-columns:1fr}.concept-lead h2{max-width:9ch;font-size:clamp(3.2rem,17vw,7rem)}.concept-notes>p{margin-bottom:38px}.master-ad-heading,.gallery-heading,.explorer-heading{display:block}.master-ad-heading .format-selector{margin-top:26px}.format-selector{justify-content:space-between}.format-tab{flex:1;min-width:0}.ad-canvas{min-height:0}.ad-canvas-copy{top:13%;left:8%;max-width:52%}.ad-canvas-copy h3{font-size:clamp(1.7rem,9vw,3.7rem)}.ad-canvas-copy>p:not(.ad-eyebrow){display:none}.ad-canvas-product{right:-12%;width:92%}.ad-canvas--story .ad-canvas-product{right:-42%;width:150%}.ad-canvas-note,.ad-canvas-coordinate,.ad-canvas-meta{font-size:8px}.ad-canvas-note,.ad-canvas-coordinate{bottom:14px}.ad-canvas-note,.ad-canvas-meta{left:16px}.ad-canvas-coordinate,.ad-canvas-meta{right:16px}.ad-support-row{display:grid;grid-template-columns:1fr 1fr;padding-bottom:10px;font-size:8px}.gallery-heading{margin-top:100px}.gallery-heading>p{margin-top:22px}.gallery-rail{display:flex;overflow-x:auto;gap:12px;margin-right:-24px;padding-right:24px;padding-bottom:12px;scroll-snap-type:x mandatory}.gallery-item{flex:0 0 min(78vw,320px);scroll-snap-align:start}.system-overview{display:block}.system-overview>div{min-height:220px;margin-bottom:14px}.palette-strip{margin-top:30px}.explorer-heading{padding-bottom:50px}.explorer-heading>p{margin-top:28px}.explorer-main{padding-top:34px}.explorer-panel h3,.panel-heading h3{font-size:clamp(2.5rem,13vw,4.8rem)}.token-grid,.token-grid--colors,.type-metrics,.spacing-scale,.photo-rules{grid-template-columns:1fr}.principle-list>div{grid-template-columns:30px 80px 1fr;gap:8px}.lab-control-row{grid-template-columns:1fr}.lab-preview .ad-canvas{min-height:300px}.closing-grid{gap:34px}.footer-grid{display:block}.footer-meta{flex-wrap:wrap;gap:12px 18px;margin-top:32px}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}