@font-face{font-family:OrticaLinear;src:local("OrticaLinear-Light"),local("Ortica Linear Light");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Calligraffitti;src:url(/fonts/Calligraffitti-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--bg: #141210;--bg-soft: #1c1916;--canvas: rgba(27, 24, 21, .82);--paper: rgba(26, 23, 20, .88);--text: #f5ede3;--text-soft: rgba(245, 237, 227, .72);--text-faint: rgba(245, 237, 227, .42);--border: rgba(245, 237, 227, .1);--accent: #d8c2ff;--accent-soft: rgba(216, 194, 255, .16);--shadow: rgba(0, 0, 0, .34);--nav-bg: rgba(20, 18, 16, .58);--nav-bg-scrolled: rgba(20, 18, 16, .78);--nav-fog-mint: rgba(211, 252, 213, .34);--nav-fog-accent: rgba(124, 124, 255, .28);--nav-fog-soft: rgba(255, 255, 255, .16);--nav-cta-border: rgba(211, 252, 213, .34);--nav-cta-border-hover: rgba(211, 252, 213, .68);--nav-cta-bg-hover: rgba(211, 252, 213, .08);--toggle-glass-bg: rgba(230, 230, 240, .07);--toggle-glass-bg-hover: rgba(230, 230, 240, .12);--toggle-glass-border: rgba(230, 230, 240, .16);--toggle-glass-shine: rgba(255, 255, 255, .16);--cursor-glow-1: rgba(216, 194, 255, .34);--cursor-glow-2: rgba(216, 194, 255, .18);--cursor-glow-3: rgba(216, 194, 255, .52);--cursor-glow-4: rgba(216, 194, 255, .26);--page-glow: rgba(124, 124, 255, .09);--page-base-top: #171411;--page-base-bottom: #100e0c;--grid-line: rgba(245, 237, 227, .035);--grid-opacity: .45;--canvas-dot: rgba(245, 237, 227, .1);--canvas-glow: rgba(124, 124, 255, .09);--canvas-fill-top: rgba(28, 24, 21, .94);--canvas-fill-bottom: rgba(20, 17, 14, .9);--canvas-frame: rgba(245, 237, 227, .08);--canvas-dash: rgba(216, 194, 255, .18);--video-border: rgba(245, 237, 227, .1);--video-shadow: rgba(0, 0, 0, .32);--note-surface: rgba(33, 28, 24, .72);--note-shadow: rgba(0, 0, 0, .16);--proof-glow-0: rgba(216, 194, 255, 0);--proof-glow-1: rgba(216, 194, 255, .18);--proof-glow-2: rgba(216, 194, 255, .08);--proof-glow-3: rgba(216, 194, 255, .14);--control-bg: rgba(216, 194, 255, .92);--control-shadow: rgba(216, 194, 255, .24);--control-icon: rgba(24, 18, 16, .96);--cta-surface-border: rgba(245, 237, 227, .08);--cta-surface-glow: rgba(124, 124, 255, .16);--cta-surface-top: rgba(28, 24, 21, .88);--cta-surface-bottom: rgba(22, 19, 17, .74);--cta-surface-shadow: rgba(0, 0, 0, .24);--button-text: #141210;--button-border: rgba(216, 194, 255, .4);--button-shadow: rgba(216, 194, 255, .2);--button-bg-hover: #cdafff;--button-shadow-hover: rgba(216, 194, 255, .24);--footer-surface-top: rgba(28, 24, 21, .82);--footer-surface-bottom: rgba(22, 19, 17, .68);--footer-surface-border: rgba(245, 237, 227, .08);--footer-surface-shadow: rgba(0, 0, 0, .22);--footer-link-underline: rgba(216, 194, 255, .42);--wordmark-blend: screen;--radius: 28px;--radius-sm: 16px;--font-title: "OrticaLinear", "OrticaLinear-Light", "Ortica Linear Light", serif}:root[data-palette=warm]{--bg: #fbf7ef;--bg-soft: #f4ecdf;--canvas: rgba(255, 255, 255, .72);--paper: rgba(255, 255, 255, .88);--text: #191714;--text-soft: rgba(25, 23, 20, .72);--text-faint: rgba(25, 23, 20, .44);--border: rgba(25, 23, 20, .1);--accent: #f28a3d;--accent-soft: rgba(242, 138, 61, .14);--shadow: rgba(71, 44, 15, .12);--nav-bg: rgba(255, 255, 255, .72);--nav-bg-scrolled: rgba(255, 255, 255, .9);--nav-fog-mint: rgba(255, 151, 82, .72);--nav-fog-accent: rgba(255, 151, 82, .5);--nav-fog-soft: rgba(255, 151, 82, .28);--nav-cta-border: rgba(255, 151, 82, .46);--nav-cta-border-hover: rgba(255, 151, 82, .78);--nav-cta-bg-hover: rgba(255, 151, 82, .1);--toggle-glass-bg: rgba(255, 255, 255, .54);--toggle-glass-bg-hover: rgba(255, 255, 255, .78);--toggle-glass-border: rgba(20, 20, 19, .12);--toggle-glass-shine: rgba(255, 255, 255, .9);--cursor-glow-1: rgba(242, 138, 61, .34);--cursor-glow-2: rgba(242, 138, 61, .18);--cursor-glow-3: rgba(242, 138, 61, .52);--cursor-glow-4: rgba(242, 138, 61, .26);--page-glow: rgba(242, 138, 61, .1);--page-base-top: #fffdf8;--page-base-bottom: #f8f1e7;--grid-line: rgba(25, 23, 20, .022);--grid-opacity: .72;--canvas-dot: rgba(25, 23, 20, .1);--canvas-glow: rgba(242, 138, 61, .08);--canvas-fill-top: rgba(255, 255, 255, .82);--canvas-fill-bottom: rgba(255, 255, 255, .68);--canvas-frame: rgba(25, 23, 20, .08);--canvas-dash: rgba(242, 138, 61, .14);--video-border: rgba(25, 23, 20, .08);--video-shadow: rgba(63, 34, 5, .1);--note-surface: rgba(255, 248, 240, .46);--note-shadow: rgba(242, 138, 61, .05);--proof-glow-0: rgba(242, 138, 61, 0);--proof-glow-1: rgba(242, 138, 61, .18);--proof-glow-2: rgba(242, 138, 61, .08);--proof-glow-3: rgba(242, 138, 61, .14);--control-bg: rgba(242, 138, 61, .92);--control-shadow: rgba(242, 138, 61, .24);--control-icon: rgba(255, 250, 244, .96);--cta-surface-border: rgba(25, 23, 20, .08);--cta-surface-glow: rgba(242, 138, 61, .16);--cta-surface-top: rgba(255, 255, 255, .88);--cta-surface-bottom: rgba(255, 255, 255, .72);--cta-surface-shadow: rgba(63, 34, 5, .09);--button-text: #fffaf4;--button-border: rgba(242, 138, 61, .4);--button-shadow: rgba(242, 138, 61, .2);--button-bg-hover: #eb7f2e;--button-shadow-hover: rgba(242, 138, 61, .24);--footer-surface-top: rgba(255, 255, 255, .82);--footer-surface-bottom: rgba(255, 255, 255, .68);--footer-surface-border: rgba(25, 23, 20, .08);--footer-surface-shadow: rgba(63, 34, 5, .09);--footer-link-underline: rgba(242, 138, 61, .3);--wordmark-blend: normal}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:radial-gradient(circle at top,var(--page-glow),transparent 22%),linear-gradient(180deg,var(--page-base-top) 0%,var(--bg) 24%,var(--page-base-bottom) 100%);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased}@media (pointer: fine){body,a,button,input{cursor:none}}.custom-cursor{position:fixed;top:0;left:0;width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--cursor-glow-1),0 0 32px var(--cursor-glow-2);pointer-events:none;z-index:9999;opacity:0;transform:translate3d(-50%,-50%,0) scale(1);transition:opacity .2s ease,width .22s ease,height .22s ease,background .22s ease,box-shadow .22s ease}.custom-cursor.is-visible{opacity:1}.custom-cursor.is-hovering{width:14px;height:14px;background:var(--accent);box-shadow:0 0 18px var(--cursor-glow-3),0 0 52px var(--cursor-glow-4)}@media (pointer: coarse){.custom-cursor{display:none}}body:before{content:"";position:fixed;inset:0;background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:22px 22px;opacity:var(--grid-opacity);pointer-events:none}a{color:inherit}.nav-mobile,.nav-drawer{display:none}#nav{position:fixed;top:24px;left:0;right:0;z-index:100;padding:0 32px;height:auto;display:flex;align-items:center;justify-content:flex-end;pointer-events:none}.nav-logo{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.corner-wordmark{position:fixed;top:0;left:0;width:min(560px,62vw);height:min(230px,32vh);z-index:120;display:block;color:var(--text);text-decoration:none;pointer-events:auto;mix-blend-mode:var(--wordmark-blend);overflow:visible}.corner-wordmark svg{width:100%;height:100%;overflow:visible}.corner-wordmark text{fill:currentColor;font-family:var(--font-title);font-size:58px;font-weight:300;letter-spacing:-.04em;dominant-baseline:middle}.nav-links{display:flex;align-items:center;justify-content:flex-end;gap:22px;margin-left:auto;width:fit-content;padding:0 12px 0 18px;background:var(--nav-bg);border:1px solid var(--border);border-radius:8px;backdrop-filter:blur(18px);box-shadow:0 14px 50px var(--shadow);pointer-events:auto}.nav-links a{position:relative;isolation:isolate;font-size:13.5px;color:var(--text-soft);text-decoration:none;padding:8px 0;transition:color .3s ease}.nav-links a:before{content:"";position:absolute;inset:-22px -34px;z-index:-1;border-radius:999px;background:radial-gradient(circle,var(--nav-fog-mint),transparent 58%),radial-gradient(circle at 72% 34%,var(--nav-fog-accent),transparent 58%),radial-gradient(circle at 42% 68%,var(--nav-fog-soft),transparent 54%);filter:blur(22px);opacity:0;transform:scale(.82);transition:opacity .45s ease,transform .45s ease}.nav-links a:hover,.nav-links a.is-active{color:var(--text)}.nav-links a.is-active:before{opacity:1;transform:scale(1.18)}.nav-links a.nav-cta{font-size:13px;font-weight:500;color:var(--text);background:transparent;border:1px solid var(--nav-cta-border);padding:6px 10px;border-radius:8px;line-height:1}.nav-links a.nav-cta:hover{background:var(--nav-cta-bg-hover);border-color:var(--nav-cta-border-hover)}.palette-toggle{position:fixed;right:32px;top:50%;transform:translateY(-50%);width:38px;height:38px;border-radius:12px;border:1px solid var(--toggle-glass-border);background:linear-gradient(145deg,var(--toggle-glass-shine),transparent 42%),var(--toggle-glass-bg);color:var(--text);display:inline-flex;align-items:center;justify-content:center;backdrop-filter:blur(18px) saturate(1.25);-webkit-backdrop-filter:blur(18px) saturate(1.25);box-shadow:0 14px 50px var(--shadow),inset 0 1px 0 var(--toggle-glass-shine);z-index:110;transition:transform .22s ease,background .22s ease,border-color .22s ease,box-shadow .22s ease}.palette-toggle svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition:transform .32s ease}.palette-toggle:hover,.palette-toggle[aria-pressed=true]{background:linear-gradient(145deg,var(--toggle-glass-shine),transparent 42%),var(--toggle-glass-bg-hover)}.palette-toggle:hover{transform:translateY(-50%) scale(1.04)}.palette-toggle[aria-pressed=true] svg{transform:rotate(180deg)}.hero{width:min(1220px,calc(100% - 40px));margin:0 auto;padding:clamp(120px,14vw,168px) 0 clamp(44px,6vw,70px)}.hero-kicker{display:inline-block;margin-bottom:18px;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}h1{max-width:820px;font-family:var(--font-title);font-size:clamp(48px,8vw,100px);font-weight:300;line-height:.98;letter-spacing:-.05em}.pulse-proof{display:inline-block;color:var(--accent);text-shadow:0 0 0 var(--proof-glow-0);transform-origin:50% 55%;animation:proofPulse 3.8s ease-in-out infinite}@keyframes proofPulse{0%,to{transform:scale(1);text-shadow:0 0 0 var(--proof-glow-0)}8%{transform:scale(1.035);text-shadow:0 0 16px var(--proof-glow-1)}14%{transform:scale(1);text-shadow:0 0 4px var(--proof-glow-2)}22%{transform:scale(1.024);text-shadow:0 0 12px var(--proof-glow-3)}30%{transform:scale(1);text-shadow:0 0 0 var(--proof-glow-0)}}.hero-sub{max-width:640px;margin-top:20px;font-size:18px;font-weight:300;color:var(--text-soft)}.hero-note{margin-top:26px;color:var(--text-faint);font-size:13px;letter-spacing:.02em}.walkthroughs{width:min(1440px,calc(100% - 24px));margin:0 auto;padding-bottom:0}.walkthrough-case{padding:clamp(38px,7vw,96px) 0}.walkthrough-case:last-child{padding-bottom:0}.case-meta{width:min(1040px,calc(100% - 24px));margin:0 auto 22px;display:grid;gap:8px}.case-index{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.case-meta h2{font-family:var(--font-title);font-size:clamp(34px,5vw,58px);font-weight:300;line-height:1.02;letter-spacing:-.04em}.case-meta p{max-width:620px;color:var(--text-soft);font-size:16px;font-weight:300}.case-canvas{position:relative;width:min(1500px,100%);margin:0 auto;min-height:82vh;padding:clamp(34px,5vw,64px) 24px;border:1px solid var(--canvas-frame);border-radius:calc(var(--radius) + 12px);background:radial-gradient(circle,var(--canvas-dot) 1px,transparent 1.4px),radial-gradient(circle at top right,var(--canvas-glow),transparent 24%),linear-gradient(180deg,var(--canvas-fill-top),var(--canvas-fill-bottom));background-size:18px 18px,auto,auto;background-position:0 0,top right,0 0;overflow:hidden;box-shadow:0 28px 80px var(--shadow)}.case-canvas:before{content:"";position:absolute;inset:16px;border-radius:calc(var(--radius) + 4px);border:1px dashed var(--canvas-dash);pointer-events:none}.video-stage{position:relative;z-index:2;width:min(1120px,calc(100% - 292px));margin:0 auto;padding:14px;border-radius:var(--radius);background:var(--paper);border:.5px solid var(--video-border);box-shadow:0 24px 60px var(--video-shadow);cursor:grab;touch-action:none;user-select:none}.video-stage .resize-handle{position:absolute;right:10px;bottom:10px;width:18px;height:18px;border-radius:6px;background:var(--control-bg);box-shadow:0 6px 18px var(--control-shadow);cursor:nwse-resize;pointer-events:auto}.video-stage .playback-toggle{position:absolute;right:36px;bottom:10px;width:18px;height:18px;border:0;border-radius:6px;background:var(--control-bg);box-shadow:0 6px 18px var(--control-shadow);cursor:pointer;pointer-events:auto}.video-stage .playback-toggle:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:10px;background:linear-gradient(90deg,var(--control-icon) 0 2.5px,transparent 2.5px 5.5px,var(--control-icon) 5.5px 8px)}.video-stage.is-paused .playback-toggle:before{transform:translate(-38%,-50%);width:0;height:0;background:none;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:7px solid var(--control-icon)}.video-stage .resize-handle:before{content:"";position:absolute;inset:4px;border-right:1.5px solid var(--control-icon);border-bottom:1.5px solid var(--control-icon)}.video-stage video{display:block;width:100%;height:auto;border-radius:18px;background:#0f0d0a;pointer-events:none}.annotation-layer{position:absolute;inset:0;pointer-events:none}.scribble-note{position:absolute;z-index:3;max-width:180px;font-family:Calligraffitti,Inter,sans-serif;font-size:clamp(17px,1.35vw,23px);line-height:1.16;color:var(--accent);text-wrap:balance;opacity:.92;cursor:grab;touch-action:none;user-select:none;pointer-events:auto}.scribble-note span{display:inline-block;padding:8px 10px;border-radius:14px;background:var(--note-surface);box-shadow:0 6px 14px var(--note-shadow)}.video-stage.is-dragging,.scribble-note.is-dragging{cursor:grabbing}.video-stage.is-resizing{cursor:nwse-resize}.note-1a{top:10%;left:calc(50% - 612px);transform:rotate(-8deg);max-width:200px}.note-1b{top:13%;right:calc(50% - 610px);transform:rotate(7deg);max-width:238px}.note-1c{bottom:11%;left:calc(50% - 584px);transform:rotate(5deg);max-width:214px}.note-2a{top:9%;right:calc(50% - 614px);transform:rotate(8deg)}.note-2b{top:54%;left:calc(50% - 618px);transform:rotate(-7deg);max-width:234px}.note-2c{bottom:11%;right:calc(50% - 580px);transform:rotate(-5deg);max-width:248px}.note-3a{top:10%;left:calc(50% - 606px);transform:rotate(-10deg);max-width:226px}.note-3b{top:15%;right:calc(50% - 612px);transform:rotate(6deg);max-width:236px}.note-3c{bottom:11%;left:calc(50% - 578px);transform:rotate(6deg)}.note-4a{top:10%;left:calc(50% - 608px);transform:rotate(-8deg);max-width:216px}.note-4b{top:52%;right:calc(50% - 616px);transform:rotate(7deg);max-width:228px}.note-4c{bottom:11%;left:calc(50% - 586px);transform:rotate(-4deg)}.walkthrough-cta{width:min(1220px,calc(100% - 40px));margin:44px auto;padding:clamp(34px,5vw,54px);position:relative;overflow:hidden;border-radius:34px;border:1px solid var(--cta-surface-border);background:radial-gradient(circle at 18% 18%,var(--cta-surface-glow),transparent 28%),radial-gradient(circle at 88% 18%,var(--accent-soft),transparent 32%),linear-gradient(135deg,#ffffff14,#ffffff05 38%,#ffffff0d),linear-gradient(180deg,var(--cta-surface-top),var(--cta-surface-bottom));box-shadow:0 26px 70px var(--cta-surface-shadow),0 0 0 1px #ffffff08;text-align:center;animation:walkthroughCtaBorderBreathe 3.2s ease-in-out infinite}.walkthrough-cta:before{content:"";position:absolute;inset:0;border-radius:inherit;border:1px solid rgba(255,255,255,.04);opacity:1;pointer-events:none}.walkthrough-cta:after{content:"";position:absolute;inset:1px;border-radius:33px;border:1px solid rgba(255,255,255,.03);pointer-events:none}@keyframes walkthroughCtaBorderBreathe{0%,to{border-color:var(--cta-surface-border);box-shadow:0 26px 70px var(--cta-surface-shadow),0 0 0 1px #ffffff08}50%{border-color:var(--accent);box-shadow:0 26px 70px var(--cta-surface-shadow),0 0 0 1px #ffffff08,0 0 18px var(--cta-surface-glow)}}.walkthrough-cta-label{display:inline-block;margin-bottom:18px;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}.walkthrough-cta h2{max-width:780px;margin:0 auto 16px;font-family:var(--font-title);font-size:clamp(36px,5vw,64px);font-weight:300;line-height:1.02;letter-spacing:-.04em}.walkthrough-cta h2 em{color:var(--accent);font-style:italic}.walkthrough-cta p{max-width:560px;margin:0 auto 28px;font-size:16px;font-weight:300;color:var(--text-soft)}.walkthrough-cta-actions{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap}.walkthrough-cta-primary{display:inline-flex;align-items:center;justify-content:center;min-width:220px;padding:16px 24px;border-radius:14px;text-decoration:none;font-size:15px;transition:transform .28s ease,background .28s ease,color .28s ease,border-color .28s ease,box-shadow .28s ease}.walkthrough-cta-primary{background:var(--accent);color:var(--button-text);border:1px solid var(--button-border);box-shadow:0 10px 32px var(--button-shadow)}.walkthrough-cta-primary:hover{transform:translateY(-1px);background:var(--text);color:var(--bg);border-color:var(--accent);box-shadow:0 14px 44px var(--button-shadow-hover)}footer{padding:0 40px 40px}.footer-card{width:100%;background:linear-gradient(180deg,var(--footer-surface-top),var(--footer-surface-bottom));border:1px solid var(--footer-surface-border);border-radius:8px;padding:clamp(24px,4vw,44px);display:flex;justify-content:space-between;align-items:stretch;gap:32px;box-shadow:0 18px 70px var(--footer-surface-shadow)}.footer-main{display:flex;align-items:flex-start;gap:clamp(28px,6vw,84px)}.footer-name{font-family:var(--font-title);font-size:clamp(28px,5vw,46px);line-height:.92;letter-spacing:-.04em}.footer-email{display:inline-flex;margin-top:12px;color:var(--text-soft);text-decoration:none;font-size:14px}.footer-email:hover{color:var(--accent)}.footer-links{display:flex;flex-direction:column;gap:10px}.footer-links a{color:var(--text-soft);text-decoration:none;font-size:14px}.footer-links a:hover{color:var(--text)}.footer-meta{display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;gap:8px;margin-left:auto}.footer-meta>span{text-align:right;font-size:13px;font-weight:300;color:var(--text-faint)}.footer-credit a{color:var(--accent);text-decoration:none;border-bottom:1px solid var(--footer-link-underline)}.footer-credit a:hover{color:var(--text)}@media (max-width: 980px){#nav{padding:0 12px}.walkthroughs{width:calc(100% - 12px)}.walkthrough-case{padding:28px 0 40px}.case-meta{width:calc(100% - 8px);margin-bottom:14px}.case-canvas{min-height:auto;width:100%;padding:12px;border-radius:calc(var(--radius) + 4px)}.case-canvas:before{inset:10px}.video-stage{width:100%;max-width:none;padding:8px;border-radius:22px;cursor:default;touch-action:auto;user-select:auto}.video-stage video{border-radius:16px}.annotation-layer{position:static;display:grid;gap:10px;margin-top:12px;pointer-events:auto}.scribble-note{position:static;max-width:none;transform:none!important;font-size:18px}.scribble-note span{width:100%;padding:10px 12px}}@media (prefers-reduced-motion: reduce){.pulse-proof{animation:none}}@media (max-width: 720px){section{padding:80px 24px}#nav{top:14px;padding:0 10px}.nav-links{display:none}.nav-mobile{display:flex;align-items:center;gap:0;padding:5px 5px 5px 14px;background:var(--nav-bg);border:1px solid var(--border);border-radius:8px;backdrop-filter:blur(18px);box-shadow:0 14px 50px var(--shadow);pointer-events:auto}.nav-menu-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;color:var(--text-soft);background:none;border:none;padding:0;margin-right:6px;cursor:pointer;flex-shrink:0;transition:color .3s ease}.nav-menu-btn:hover{color:var(--text)}.hamburger-icon{width:20px;height:20px;display:block;stroke:currentColor;fill:none;stroke-width:1.75;stroke-linecap:round;overflow:visible}.bar{transform-box:fill-box;transform-origin:center;transition:transform .32s cubic-bezier(.4,0,.2,1),opacity .22s ease}.nav-menu-btn[aria-expanded=true] .bar-top{transform:translateY(5px) rotate(45deg)}.nav-menu-btn[aria-expanded=true] .bar-mid{opacity:0;transform:scaleX(.3)}.nav-menu-btn[aria-expanded=true] .bar-bot{transform:translateY(-5px) rotate(-45deg)}.nav-cta-mobile{font-size:13px;font-weight:500;color:var(--text);background:transparent;border:1px solid var(--nav-cta-border);padding:6px 10px;border-radius:6px;line-height:1;text-decoration:none}.nav-drawer{display:flex;flex-direction:column;position:fixed;inset:0;z-index:150;background:var(--nav-bg-scrolled);backdrop-filter:blur(28px) saturate(1.2);-webkit-backdrop-filter:blur(28px) saturate(1.2);padding:28px 32px 48px;opacity:0;pointer-events:none;transform:translateY(-10px);transition:opacity .28s ease,transform .28s ease}.nav-drawer.is-open{opacity:1;pointer-events:auto;transform:translateY(0)}.nav-drawer-close{position:fixed;top:20px;right:20px;z-index:160;width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:var(--paper);border:1px solid var(--border);border-radius:8px;color:var(--text-soft);cursor:pointer;opacity:0;pointer-events:none;transform:translateY(-8px);transition:opacity .28s ease,transform .28s ease,color .3s ease,background .3s ease}.nav-drawer-close.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.nav-drawer-close svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round}.nav-drawer-links{display:flex;flex-direction:column;flex:1;justify-content:center;gap:0}.nav-drawer-links a{font-family:var(--font-title);font-size:clamp(36px,10vw,52px);font-weight:300;letter-spacing:-.03em;line-height:1.15;color:var(--text);text-decoration:none;padding:14px 0;border-bottom:1px solid var(--border)}.nav-drawer-links a:first-child{border-top:1px solid var(--border)}.nav-drawer-cta{display:inline-flex;align-self:flex-start;margin-top:36px;font-size:15px;font-weight:500;color:var(--text);border:1px solid var(--nav-cta-border);border-radius:8px;padding:12px 20px;text-decoration:none}.palette-toggle{right:10px;top:auto;bottom:18px;transform:none}.palette-toggle:hover{transform:scale(1.04)}.corner-wordmark{width:220px;height:98px}.corner-wordmark text{font-size:54px}.hero,.walkthrough-cta{width:calc(100% - 24px)}.walkthroughs{width:calc(100% - 8px);padding-bottom:0}.walkthrough-case{padding:80px 24px}.walkthrough-case:last-child{padding-bottom:0}.case-meta{width:calc(100% - 4px);margin-bottom:12px;gap:6px}.case-meta h2{font-size:clamp(30px,9vw,42px)}.case-meta p{font-size:15px}.case-canvas{padding:8px;border-radius:24px;box-shadow:0 18px 42px var(--shadow)}.case-canvas:before{inset:8px;border-radius:18px}.video-stage{padding:6px;border-radius:18px}.video-stage video{border-radius:12px}footer{padding:0 12px 24px}.footer-card{flex-direction:column;gap:20px}.footer-main{flex-direction:column;gap:18px}.footer-meta{align-items:flex-start;margin-left:0}.footer-meta>span{text-align:left}.hero-sub{font-size:16px}.annotation-layer{gap:8px;margin-top:10px}.scribble-note{font-size:16px}.walkthrough-cta{width:calc(100% - 48px);margin:24px auto}}