:root{--brand-bg-rgb:247 246 242;--brand-surface-rgb:255 255 255;--brand-surface-hover-rgb:240 238 230;--brand-ink-rgb:10 10 10;--brand-muted-rgb:85 85 85;--brand-dim-rgb:136 136 136;--brand-accent-rgb:249 115 22;--brand-bg:rgb(var(--brand-bg-rgb));--brand-surface:rgb(var(--brand-surface-rgb));--brand-surface-hover:rgb(var(--brand-surface-hover-rgb));--brand-ink:rgb(var(--brand-ink-rgb));--brand-muted:rgb(var(--brand-muted-rgb));--brand-dim:rgb(var(--brand-dim-rgb));--brand-accent:rgb(var(--brand-accent-rgb));--brand-line:rgb(var(--brand-ink-rgb) / .08);--brand-accent-glow:rgb(var(--brand-accent-rgb) / .1);--brand-cell:64px;--grid-alpha:1.5;--hd-face-front:#e9e7e1;--hd-face-top:#fcfbf8;--hd-face-left:#e2e0d9;--hd-face-right:#d2cfc7;--hd-face-bottom:#c5c2b9;--hd-face-back:#dedbd3;--hd-edge:rgb(var(--brand-accent-rgb) / .45);--hd-bezel-inset:inset 0 0 20px #0a0a0a1a;--hd-shadow:0 0 0 1px #0a0a0a0f, 0 40px 90px -30px #0a0a0a59, 0 0 70px -20px rgb(var(--brand-accent-rgb) / .22);--hd-floor:rgb(var(--brand-accent-rgb) / .2);--hd-deck-top:#efede7;--hd-deck-keys:#0a0a0a14;--hd-deck-pad:#0a0a0a21;--hd-deck-fill:#0a0a0a05;--hd-ui-bg:#fbfbf9;--hd-ui-line:#0a0a0a1c;--hd-ui-fill:#0a0a0a06;--hd-ui-fill-strong:#0a0a0a26;--hd-glare:linear-gradient(115deg, #ffffff8c 0%, transparent 32%, transparent 100%)}[data-theme=dark]{--brand-bg-rgb:5 5 5;--brand-surface-rgb:14 14 17;--brand-surface-hover-rgb:21 21 26;--brand-ink-rgb:255 255 255;--brand-muted-rgb:161 161 170;--brand-dim-rgb:113 113 122;--brand-accent-glow:rgb(var(--brand-accent-rgb) / .15);--grid-alpha:1;--hd-face-front:#0a0a0d;--hd-face-top:#1c1c21;--hd-face-left:#131318;--hd-face-right:#0a0a0e;--hd-face-bottom:#050507;--hd-face-back:#08080b;--hd-edge:rgb(var(--brand-accent-rgb) / .34);--hd-bezel-inset:inset 0 0 24px #000000b3;--hd-shadow:0 0 0 1px #0009, 0 40px 90px -30px #000000e6, 0 0 70px -20px rgb(var(--brand-accent-rgb) / .24);--hd-floor:rgb(var(--brand-accent-rgb) / .22);--hd-deck-top:#141419;--hd-deck-keys:#ffffff0e;--hd-deck-pad:#ffffff17;--hd-deck-fill:#ffffff05;--hd-ui-bg:#08080b;--hd-ui-line:#ffffff12;--hd-ui-fill:#ffffff05;--hd-ui-fill-strong:#ffffff29;--hd-glare:linear-gradient(115deg, #ffffff0e 0%, transparent 34%, transparent 100%)}.brand{background:var(--brand-bg);color:var(--brand-ink);font-family:var(--font-switzer), system-ui, sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.brand-fill{min-height:100dvh}.brand-grid-bg{background-image:linear-gradient(var(--brand-line) 1px, transparent 1px), linear-gradient(90deg, var(--brand-line) 1px, transparent 1px);background-size:var(--brand-cell) var(--brand-cell)}.brand-radial-glow{background:radial-gradient(circle at 50% 0%, rgb(var(--brand-ink-rgb) / .03) 0%, transparent 70%)}.brand-display{font-family:var(--font-switzer), system-ui, sans-serif;letter-spacing:-.04em;font-weight:700;line-height:1}.brand-editorial{font-family:var(--font-switzer), system-ui, sans-serif;letter-spacing:-.03em;font-weight:400;line-height:1.1}.brand-editorial em,.brand-display em{font-family:inherit;font-weight:inherit;color:var(--brand-ink);font-style:italic}.brand-mono{font-family:var(--font-space-mono), ui-monospace, monospace;letter-spacing:.08em}.eyebrow{background-color:var(--brand-accent);color:#fff;border-radius:8px;justify-content:flex-start;align-items:center;width:fit-content;padding:10px 20px;font-size:.75rem;font-weight:700;line-height:1;display:inline-flex}.brand-body{font-family:var(--font-switzer), system-ui, sans-serif;line-height:1.7}.brand-accent{color:var(--brand-accent)}.brand-wrap{--brand-gutter:4vw;width:100%;max-width:100%;padding:0 var(--brand-gutter);margin:0 auto}.brand-rule{background:var(--brand-line);border:0;height:1px;margin:0}.produx-pill-btn,.produx-pill-btn-outline{color:var(--brand-ink);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;border:1px solid #0000;border-radius:9999px;justify-content:center;align-items:center;gap:12px;padding:16px 32px;font-size:13px;font-weight:600;line-height:20px;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex}.produx-pill-btn--sm{gap:8px;padding:11px 22px;font-size:12px;line-height:18px}.produx-pill-btn{background:rgb(var(--brand-ink-rgb) / .04);border-color:rgb(var(--brand-ink-rgb) / .14);-webkit-backdrop-filter:blur(12px)}.produx-pill-btn:hover{background:var(--brand-ink);color:var(--brand-bg);border-color:var(--brand-ink);box-shadow:0 10px 30px rgb(var(--brand-ink-rgb) / .15);transform:translateY(-2px)}.produx-pill-btn-outline{border-color:rgb(var(--brand-ink-rgb) / .18);background:0 0}.produx-pill-btn-outline:hover{background:rgb(var(--brand-ink-rgb) / .08);border-color:rgb(var(--brand-ink-rgb) / .35)}.produx-pill-btn--solid{background:var(--brand-ink);border-color:var(--brand-ink);color:var(--brand-bg);-webkit-backdrop-filter:none}.produx-pill-btn--solid:hover{background:var(--brand-accent);border-color:var(--brand-accent);color:var(--brand-ink);box-shadow:0 10px 30px rgb(var(--brand-accent-rgb) / .25);transform:translateY(-2px)}.produx-pill-btn--invert{color:#fff;background:#ffffff1a;border-color:#ffffff40}.produx-pill-btn--invert:hover{color:#000;background:#fff;border-color:#fff}.produx-pill-btn:disabled,.produx-pill-btn-outline:disabled{opacity:.5;pointer-events:none}.produx-pill-btn:focus-visible,.produx-pill-btn-outline:focus-visible{outline:2px solid var(--brand-accent);outline-offset:3px}.brand-reveal{opacity:0;will-change:opacity, transform;transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1);transform:translateY(24px)}.brand-reveal.is-revealed{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.brand-reveal{opacity:1;transition:none;transform:none}.produx-pill-btn:hover,.produx-pill-btn--solid:hover{transform:none}}.brand-tile{aspect-ratio:16/10;border:1px solid var(--brand-line);background:var(--brand-surface);border-radius:16px;transition:border-color .3s;position:relative;overflow:hidden}.brand-tile:hover{border-color:rgb(var(--brand-ink-rgb) / .25)}.brand-tile .brand-tile-photo{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1);display:block;position:absolute;inset:0}.brand-tile:hover .brand-tile-photo{transform:scale(1.04)}.brand-grid-2{grid-template-columns:repeat(2,1fr);gap:48px;display:grid}.brand-grid-3{grid-template-columns:repeat(3,1fr);gap:36px;display:grid}.brand-grid-4{grid-template-columns:repeat(4,1fr);gap:32px;display:grid}@media (max-width:1024px){.brand-wrap{--brand-gutter:24px}.brand-grid-3,.brand-grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:820px){:root{--brand-cell:40px}.brand-wrap{--brand-gutter:20px}.brand-grid-2,.brand-grid-3,.brand-grid-4{grid-template-columns:1fr}}.brand-page{padding-top:120px;padding-bottom:120px}.brand-page-title{margin:0;font-size:clamp(2.5rem,7vw,6rem)}@media (max-width:820px){.brand-page{padding-top:88px;padding-bottom:88px}}.brand-case-grid{grid-template-columns:240px 1fr;gap:48px;display:grid}.brand-case-meta{align-content:start;gap:16px;display:grid;position:sticky;top:96px}@media (max-width:900px){.brand-case-grid{grid-template-columns:1fr;gap:32px}.brand-case-meta{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));position:static}}.brand-card-link{color:var(--brand-ink);border-radius:18px;text-decoration:none;display:block}.brand-card-link:focus-visible{outline:2px solid var(--brand-accent);outline-offset:4px}.brand-card-link:focus-visible .brand-tile{border-color:rgb(var(--brand-ink-rgb) / .25)}.brand-empty{border:1px dashed var(--brand-line);text-align:center;color:var(--brand-muted);border-radius:16px;padding:64px 32px}.brand-headline :is(h1,h2,h3,h4,p){font-family:var(--font-switzer), system-ui, sans-serif;letter-spacing:-.04em;margin:0;font-size:clamp(2.75rem,7.5vw,6.5rem);font-weight:700;line-height:.98}.brand-rail{overscroll-behavior-x:contain;padding-inline:var(--brand-gutter,4vw);scrollbar-width:none;-ms-overflow-style:none;cursor:grab;gap:1.5rem;display:flex;overflow-x:auto}.brand-rail::-webkit-scrollbar{display:none}.brand-rail.is-dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.brand-rail:focus-visible{outline:2px solid var(--brand-accent);outline-offset:-2px}.brand-rail-group{gap:inherit;display:flex}.brand-rail-item{flex:none;width:min(86vw,24rem)}.brand-rail-viewport{margin-inline:calc(-1 * var(--brand-gutter,4vw));-webkit-mask-image:linear-gradient(to right, transparent, #000 var(--brand-gutter,4vw), #000 calc(100% - var(--brand-gutter,4vw)), transparent);-webkit-mask-image:linear-gradient(to right, transparent, #000 var(--brand-gutter,4vw), #000 calc(100% - var(--brand-gutter,4vw)), transparent);mask-image:linear-gradient(to right, transparent, #000 var(--brand-gutter,4vw), #000 calc(100% - var(--brand-gutter,4vw)), transparent)}@media (min-width:768px){.brand-rail{gap:2rem}.brand-rail-item{width:26rem}}@media (prefers-reduced-motion:reduce){.brand-rail{scroll-behavior:auto}}.hd-stage{perspective:1600px;perspective-origin:50% 44%;justify-content:center;align-items:center;min-height:clamp(360px,48vh,500px);display:flex;position:relative}.hd-stage:after{content:"";background:radial-gradient(ellipse at center, var(--hd-floor) 0%, transparent 68%);filter:blur(30px);pointer-events:none;z-index:-1;width:76%;height:150px;position:absolute;bottom:2%;left:50%;transform:translate(-50%)}.hd-float{transform-style:preserve-3d;animation:9s ease-in-out infinite hd-float}@keyframes hd-float{0%,to{transform:translateY(-12px)}50%{transform:translateY(12px)}}@property --hd-yaw{syntax:"<angle>";inherits:false;initial-value:0deg}.hd-device{--hd-w:300px;--hd-h:610px;--hd-d:14px;--hd-r:34px;--hd-deck-w:0px;--hd-deck-d:0px;--hd-lift:0px;transform-style:preserve-3d;transform:translateY(var(--hd-lift)) rotateX(calc(11deg + var(--hd-rx,0deg))) rotateY(calc(-15deg + var(--hd-yaw,0deg) + var(--hd-ry,0deg)));transition:transform .48s cubic-bezier(.22,1,.36,1);animation:16s ease-in-out infinite hd-yaw;position:relative}@keyframes hd-yaw{0%,to{--hd-yaw:-5deg}50%{--hd-yaw:5deg}}.hd-device[data-grab=true]{cursor:grab;-webkit-user-select:none;user-select:none}.hd-device[data-grab=true].is-dragging{cursor:grabbing;transition:none}@media (max-width:479px){.hd-device{--hd-w:252px;--hd-h:512px;--hd-r:30px}}@media (min-width:1024px){.hd-device{--hd-w:620px;--hd-h:386px;--hd-d:12px;--hd-r:11px;--hd-deck-w:626px;--hd-deck-d:296px;--hd-lift:-54px}}.hd-box{transform-style:preserve-3d;position:absolute}.hd-face{backface-visibility:hidden;position:absolute}.hd-face-front{transform:translateZ(calc(var(--hd-d) / 2));background:var(--hd-face-front);inset:0}.hd-face-back{transform:translateZ(calc(var(--hd-d) / -2)) rotateY(180deg);background:var(--hd-face-back);inset:0}.hd-slab{border-radius:var(--hd-r);background:linear-gradient(101deg, var(--hd-face-left) 0%, var(--hd-face-top) 24%, var(--hd-face-front) 52%, var(--hd-face-right) 88%, var(--hd-face-bottom) 100%);transform:translateZ(calc((var(--hd-d) - 2px) * (var(--i) / 17) - (var(--hd-d) - 2px) / 2));position:absolute;inset:0}.hd-rig{width:var(--hd-w);height:var(--hd-h);transform-style:preserve-3d;position:relative}.hd-lid{width:var(--hd-w);height:var(--hd-h);transform-origin:bottom;inset:0;transform:rotateX(-12deg)}.hd-lid .hd-face-front{border-radius:var(--hd-r);border:1px solid var(--hd-edge);box-shadow:var(--hd-bezel-inset), var(--hd-shadow);padding:9px}.hd-lid .hd-face-back{border-radius:var(--hd-r)}.hd-lid .hd-face-back:after{content:"";border:1px solid var(--hd-edge);border-radius:50%;width:34px;height:34px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (min-width:1024px){.hd-lid .hd-face-front{padding:10px 10px 13px}}.hd-deck{width:var(--hd-deck-w);height:var(--hd-deck-d);--hd-r:10px;--hd-d:15px;transform-origin:top;display:none;top:100%;left:50%;transform:translate(-50%)rotateX(79deg)}@media (min-width:1024px){.hd-deck{display:block}}.hd-deck .hd-face-front{border-radius:var(--hd-r);background:var(--hd-deck-top);border:1px solid var(--hd-edge);overflow:hidden}.hd-deck .hd-face-back{border-radius:var(--hd-r);background:var(--hd-face-bottom)}.hd-deck .hd-face-front:before{content:"";background:var(--hd-edge);height:1px;position:absolute;top:0;left:12%;right:12%}.hd-keys{background-image:repeating-linear-gradient(to right, var(--hd-deck-keys) 0 22px, transparent 22px 27px), repeating-linear-gradient(to bottom, var(--hd-deck-keys) 0 15px, transparent 15px 20px);border-radius:3px;height:43%;position:absolute;top:13%;left:10%;right:10%}.hd-trackpad{border:1px solid var(--hd-deck-pad);background:var(--hd-deck-fill);border-radius:5px;width:27%;height:27%;position:absolute;bottom:9%;left:50%;transform:translate(-50%)}.hd-screen{background:var(--hd-ui-bg);isolation:isolate;border-radius:26px;width:100%;height:100%;position:relative;overflow:hidden}@media (min-width:1024px){.hd-screen{border-radius:3px}}.hd-screen:after{content:"";background:var(--hd-glare);pointer-events:none;z-index:6;position:absolute;inset:0}.hd-ui{position:absolute;inset:0}.hd-ui-desktop{display:none}.hd-ui-phone{display:block}@media (min-width:1024px){.hd-ui-desktop{display:block}.hd-ui-phone{display:none}}.hd-slide{opacity:0;visibility:hidden;pointer-events:none;flex-direction:column;transition:opacity .26s,visibility 0s linear .26s;display:flex;position:absolute;inset:0}.hd-slide[data-active=true]{opacity:1;visibility:visible;transition:opacity .42s .2s,visibility}.hd-shot{display:block}.hd-shot-img{-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center;width:100%;height:100%}.hd-chrome{border-bottom:1px solid var(--hd-ui-line);flex:none;align-items:center;gap:7px;padding:9px 12px;display:flex}.hd-chrome i{background:var(--hd-ui-fill-strong);border-radius:999px;width:6px;height:6px}.hd-chrome-label{font-family:var(--font-space-mono), ui-monospace, monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--brand-dim);margin-left:6px;font-size:9px}.hd-chrome-live{font-family:var(--font-space-mono), ui-monospace, monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--brand-accent);align-items:center;gap:5px;margin-left:auto;font-size:8px;display:inline-flex}.hd-chrome-live b{background:var(--brand-accent);border-radius:999px;width:5px;height:5px;display:block}.hd-body{flex:1;min-height:0;display:flex}.hd-rail{border-right:1px solid var(--hd-ui-line);flex-direction:column;flex:none;align-items:center;gap:9px;width:44px;padding:12px 0;display:flex}.hd-rail span{background:var(--hd-ui-fill-strong);border-radius:2px;width:15px;height:3px}.hd-rail span.is-on{background:var(--brand-accent)}.hd-pane{flex-direction:column;flex:1;gap:12px;min-width:0;padding:14px 16px;display:flex}.hd-pane h4{letter-spacing:-.02em;color:var(--brand-ink);margin:0;font-size:15px;font-weight:600}.hd-sub{font-family:var(--font-space-mono), ui-monospace, monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--brand-dim);margin:0;font-size:8.5px}.hd-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.hd-tile{border:1px solid var(--hd-ui-line);background:var(--hd-ui-fill);border-radius:4px;padding:9px 10px}.hd-k{font-family:var(--font-space-mono), ui-monospace, monospace;letter-spacing:.13em;text-transform:uppercase;color:var(--brand-dim);font-size:7.5px;display:block}.hd-v{letter-spacing:-.02em;color:var(--brand-ink);font-variant-numeric:tabular-nums;margin-top:3px;font-size:18px;font-weight:600;display:block}.hd-v.is-hot{color:var(--brand-accent)}.hd-chart{align-items:flex-end;gap:5px;height:92px;padding-top:4px;display:flex}.hd-bar{background:linear-gradient(to top, rgb(var(--brand-accent-rgb) / .85), rgb(var(--brand-accent-rgb) / .3));transform-origin:bottom;border-radius:1px;flex:1;transform:scaleY(.02)}.hd-slide[data-active=true] .hd-bar{animation:.9s cubic-bezier(.16,1,.3,1) forwards hd-grow}@keyframes hd-grow{to{transform:scaleY(1)}}.hd-rows{flex-direction:column;gap:6px;display:flex}.hd-row{border:1px solid var(--hd-ui-line);opacity:0;border-radius:4px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 10px;display:grid;transform:translateY(7px)}.hd-slide[data-active=true] .hd-row{animation:.52s cubic-bezier(.16,1,.3,1) forwards hd-row-in}@keyframes hd-row-in{to{opacity:1;transform:none}}.hd-n{font-family:var(--font-space-mono), ui-monospace, monospace;color:var(--brand-muted);white-space:nowrap;text-overflow:ellipsis;font-size:9px;overflow:hidden}.hd-a{font-family:var(--font-space-mono), ui-monospace, monospace;color:var(--brand-ink);font-variant-numeric:tabular-nums;font-size:9px}.hd-a.is-up{color:var(--brand-accent)}.hd-track{background:var(--hd-ui-fill-strong);border-radius:999px;height:3px;overflow:hidden}.hd-track i{background:var(--brand-accent);border-radius:999px;width:0;height:100%;display:block}.hd-slide[data-active=true] .hd-track i{animation:2.2s cubic-bezier(.22,1,.36,1) forwards hd-fill}@keyframes hd-fill{to{width:var(--to,72%)}}.hd-queue{flex-direction:column;gap:7px;display:flex}.hd-job{font-family:var(--font-space-mono), ui-monospace, monospace;color:var(--brand-muted);align-items:center;gap:9px;font-size:9px;display:flex}.hd-pip{background:var(--hd-ui-fill-strong);border-radius:999px;flex:none;width:5px;height:5px}.hd-pip.is-on{background:var(--brand-accent)}.hd-slide[data-active=true] .hd-pip.is-on{animation:1.4s ease-in-out infinite hd-pulse}@keyframes hd-pulse{0%,to{opacity:1}50%{opacity:.28}}.hd-t{color:var(--brand-dim);font-variant-numeric:tabular-nums;margin-left:auto}.hd-status{font-family:var(--font-space-mono), ui-monospace, monospace;letter-spacing:.06em;color:var(--brand-ink);flex:none;justify-content:space-between;align-items:center;padding:15px 20px 6px;font-size:10px;display:flex}.hd-sig{align-items:flex-end;gap:2px;display:flex}.hd-sig i{background:var(--brand-ink);border-radius:1px;width:2.5px;display:block}.hd-sig i:first-child{height:4px}.hd-sig i:nth-child(2){height:6px}.hd-sig i:nth-child(3){height:8px}.hd-sig i:nth-child(4){opacity:.35;height:10px}.hd-batt{border:1px solid var(--hd-ui-fill-strong);border-radius:2px;width:18px;height:9px;padding:1px}.hd-batt span{background:var(--brand-accent);border-radius:1px;width:62%;height:100%;display:block}.hd-pbody{flex-direction:column;flex:1;gap:15px;min-height:0;padding:14px 20px 0;display:flex}.hd-phead{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.hd-phead .hd-sub{margin-bottom:5px}.hd-phead h4{letter-spacing:-.025em;color:var(--brand-ink);margin:0;font-size:19px;font-weight:600}.hd-avatar{border:1px solid var(--hd-edge);border-radius:50%;flex:none;width:28px;height:28px}.hd-big{letter-spacing:-.04em;color:var(--brand-ink);font-variant-numeric:tabular-nums;margin:0;font-size:34px;font-weight:700;line-height:1}.hd-delta{font-family:var(--font-space-mono), ui-monospace, monospace;color:var(--brand-accent);margin:6px 0 0;font-size:10px}.hd-card{border:1px solid var(--hd-ui-line);background:var(--hd-ui-fill);border-radius:12px;flex-direction:column;gap:11px;padding:14px;display:flex}.hd-cap{font-family:var(--font-space-mono), ui-monospace, monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--brand-dim);font-size:9px}.hd-duo{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.hd-duo .hd-tile{border-radius:9px;padding:11px 12px}.hd-ui-phone .hd-k{font-size:8.5px}.hd-ui-phone .hd-v{font-size:20px}.hd-ui-phone .hd-row{border-radius:8px;padding:11px 12px}.hd-ui-phone .hd-n,.hd-ui-phone .hd-a{font-size:10.5px}.hd-ui-phone .hd-chart{gap:7px;height:104px}.hd-ui-phone .hd-bar{border-radius:2px}.hd-ui-phone .hd-job{padding:3px 0;font-size:10.5px}.hd-ui-phone .hd-track{height:4px}.hd-cta{background:var(--brand-accent);color:#140700;border-radius:999px;flex:none;justify-content:center;align-items:center;height:40px;margin-top:auto;font-size:12.5px;font-weight:600;display:flex}.hd-tabs{border-top:1px solid var(--hd-ui-line);flex:none;justify-content:space-around;align-items:center;margin-top:14px;padding:12px 20px 16px;display:flex}.hd-tabs i{background:var(--hd-ui-fill-strong);border-radius:2px;width:17px;height:3px;display:block}.hd-tabs i.is-on{background:var(--brand-accent)}.hd-dots{justify-content:center;gap:6px;margin-top:14px;display:flex}.hd-dots button{appearance:none;cursor:pointer;background:var(--brand-line);border:none;border-radius:999px;width:22px;height:2px;padding:0;transition:background .2s}.hd-dots button[aria-selected=true]{background:var(--brand-accent)}.hd-dots button:focus-visible{outline:2px solid var(--brand-accent);outline-offset:4px}@media (prefers-reduced-motion:reduce){.hd-float,.hd-device{animation:none}.hd-device{transition:none}.hd-slide[data-active=true] .hd-bar{animation:none;transform:scaleY(1)}.hd-slide[data-active=true] .hd-row{opacity:1;animation:none;transform:none}.hd-slide[data-active=true] .hd-track i{width:var(--to,72%);animation:none}.hd-slide[data-active=true] .hd-pip.is-on{animation:none}}.journal-filter{flex-wrap:wrap;gap:8px;margin-bottom:40px;display:flex}.journal-chip{border:1px solid var(--brand-line);color:var(--brand-muted);font-family:var(--font-space-mono), ui-monospace, monospace;letter-spacing:.08em;cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:8px;padding:11px 16px;font-size:11px;transition:color .2s,border-color .2s,background .2s;display:inline-flex}.journal-chip:hover{color:var(--brand-ink);border-color:rgb(var(--brand-ink-rgb) / .25)}.journal-chip:focus-visible{outline:2px solid var(--brand-accent);outline-offset:3px}.journal-chip[aria-pressed=true]{background:var(--brand-accent);border-color:var(--brand-accent);color:#fff}.journal-chip-count{opacity:.6;font-variant-numeric:tabular-nums;font-size:10px}.journal-list{border-top:1px solid var(--brand-line);margin:0;padding:0;list-style:none}.journal-row{border-bottom:1px solid var(--brand-line);color:var(--brand-ink);grid-template-columns:3rem 1fr auto 1.5rem;align-items:center;gap:24px;margin:0 -16px;padding:28px 16px;text-decoration:none;transition:background .24s;display:grid}.journal-row:hover{background:var(--brand-surface-hover)}.journal-row:focus-visible{outline:2px solid var(--brand-accent);outline-offset:-2px}.journal-row-index{color:var(--brand-accent);font-variant-numeric:tabular-nums;font-size:11px}.journal-row-thumb{display:none}.journal-row-title{margin:0;font-size:clamp(1.35rem,3.2vw,2.4rem);transition:transform .32s cubic-bezier(.16,1,.3,1)}.journal-row:hover .journal-row-title{transform:translate(10px)}.journal-row-meta{color:var(--brand-dim);white-space:nowrap;align-items:center;gap:16px;font-size:10px;display:flex}.journal-row-cat{color:var(--brand-muted)}.journal-row-arrow{color:var(--brand-accent);opacity:0;font-size:14px;transition:opacity .24s,transform .32s cubic-bezier(.16,1,.3,1);transform:translate(-6px)}.journal-row:hover .journal-row-arrow,.journal-row:focus-visible .journal-row-arrow{opacity:1;transform:translate(0)}.journal-preview{display:none}@media (hover:hover) and (pointer:fine){.journal-preview{aspect-ratio:4/3;border:1px solid var(--brand-line);background:var(--brand-surface);pointer-events:none;z-index:40;opacity:0;border-radius:12px;width:260px;transition:opacity .2s,transform .42s cubic-bezier(.16,1,.3,1);display:block;position:fixed;top:0;left:0;overflow:hidden}.journal-preview[data-visible=true]{opacity:1}.journal-preview img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}}@media (max-width:820px){.journal-row{grid-template-columns:72px 1fr;grid-template-areas:"thumb title""thumb meta";align-items:start;gap:4px 16px;padding:20px 16px}.journal-row-index,.journal-row-arrow{display:none}.journal-row-thumb{aspect-ratio:4/3;border:1px solid var(--brand-line);background:var(--brand-surface);border-radius:8px;grid-area:thumb;display:block;overflow:hidden}.journal-row-thumb img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.journal-row-title{grid-area:title;font-size:1.15rem}.journal-row-meta{grid-area:meta;gap:12px}.journal-row:hover .journal-row-title{transform:none}}@media (prefers-reduced-motion:reduce){.journal-row-title,.journal-row-arrow,.journal-preview{transition:none}.journal-row:hover .journal-row-title{transform:none}}.next-project{border-top:1px solid var(--brand-line);color:var(--brand-ink);margin-top:120px;padding-top:40px;text-decoration:none;display:block}.next-project:focus-visible{outline:2px solid var(--brand-accent);outline-offset:6px}.next-project-inner{grid-template-columns:1fr 280px;align-items:center;gap:40px;display:grid}.next-project-title{margin:8px 0 0;font-size:clamp(1.75rem,5vw,3.5rem);transition:transform .32s cubic-bezier(.16,1,.3,1)}.next-project:hover .next-project-title{transform:translate(10px)}.next-project-thumb{aspect-ratio:16/10;border:1px solid var(--brand-line);background:var(--brand-surface);border-radius:12px;overflow:hidden}.next-project-thumb img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1);display:block}.next-project:hover .next-project-thumb img{transform:scale(1.04)}@media (max-width:820px){.next-project{margin-top:72px}.next-project-inner{grid-template-columns:1fr;gap:24px}}@media (prefers-reduced-motion:reduce){.next-project-title,.next-project-thumb img{transition:none}.next-project:hover .next-project-title,.next-project:hover .next-project-thumb img{transform:none}}