:root{--bg: #07080c;--bg-2: #0d0f16;--bg-3: #141726;--ink: #f4f5f8;--ink-dim: #9aa0b4;--cobalt: #2c3480;--accent: #5b6cff;--accent-soft: #8794ff;--line: rgba(255, 255, 255, .1);--font-display: "Bricolage Grotesque", system-ui, sans-serif;--font-serif: "Instrument Serif", Georgia, serif;--font-body: "Instrument Sans", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace;--font-hand: "Caveat", "Segoe Script", cursive;--pad: clamp(20px, 5vw, 64px);--max: 1240px;--ease: cubic-bezier(.2, .7, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:76px}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:1rem;line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:200;opacity:.055;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}a{color:inherit;text-decoration:none}ul,ol{list-style:none}img{max-width:100%;display:block}::selection{background:var(--accent);color:#fff}:focus-visible{outline:2px solid var(--accent-soft);outline-offset:3px}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.025em;line-height:1.08}h2{font-size:clamp(1.9rem,4.4vw,3.4rem);font-weight:600;max-width:22ch}h2 em,h1 em{font-family:var(--font-serif);font-style:italic;font-weight:400;color:var(--accent-soft);letter-spacing:-.01em}h3{font-size:1.25rem;font-weight:600}.body-lg{font-size:clamp(1.02rem,1.4vw,1.2rem);color:#cfd3e0;line-height:1.7;max-width:62ch}.muted{color:var(--ink-dim)}.small{font-size:.82rem}.mono-label{font-family:var(--font-mono);font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim);display:inline-flex;align-items:center;gap:.6rem}.live-dot{width:8px;height:8px;background:var(--accent);display:inline-block;box-shadow:0 0 #5b6cffb3;animation:ping 2.2s infinite}@keyframes ping{70%{box-shadow:0 0 0 9px #5b6cff00}to{box-shadow:0 0 #5b6cff00}}.eyebrow{font-family:var(--font-mono);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim);display:flex;align-items:center;gap:.9rem;margin-bottom:1.4rem}.eyebrow span{color:var(--accent-soft)}.eyebrow:after{content:"";height:1px;width:64px;background:var(--line)}.section{padding:clamp(72px,10vw,140px) var(--pad);max-width:var(--max);margin:0 auto;position:relative;overflow-x:clip}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.65rem;padding:.85rem 1.2rem;font-weight:500;font-size:.93rem;border:1px solid transparent;border-radius:2px;position:relative;transition:transform .2s var(--ease),box-shadow .2s var(--ease),background .2s,border-color .2s;white-space:nowrap}.btn:active{transform:translate(1px,1px)}.btn-primary{background:var(--cobalt);border-color:var(--accent);color:#fff;box-shadow:4px 4px #5b6cff66}.btn-light{background:var(--ink);color:#0a0b10;box-shadow:4px 4px #ffffff2e}.btn-line{border-color:var(--line);color:var(--ink);background:#ffffff05}@media (hover: hover){.btn:hover{transform:translate(-2px,-2px)}.btn-primary:hover{box-shadow:7px 7px #5b6cff8c;background:#34409a}.btn-light:hover{box-shadow:7px 7px #ffffff40}.btn-line:hover{border-color:var(--accent-soft);background:#5b6cff1a}}button,a{-webkit-tap-highlight-color:transparent}.icon-btn{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line);transition:border-color .2s,background .2s}.icon-btn:hover{border-color:var(--accent-soft);background:#5b6cff1f}.tag-row{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.9rem}.tag-row span{font-family:var(--font-mono);font-size:.7rem;padding:.22rem .55rem;border:1px solid var(--line);color:#c4c9da;background:#ffffff06}.framed{position:relative;overflow:hidden;background:var(--bg-3)}.framed img{width:100%;height:100%;object-fit:cover;-webkit-user-select:none;user-select:none}.nav{position:fixed;inset:0 0 auto 0;z-index:60;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:.9rem var(--pad);transition:background .3s,border-color .3s,padding .3s;border-bottom:1px solid transparent}.nav.is-scrolled{background:#07080cd1;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom-color:var(--line);padding-top:.65rem;padding-bottom:.65rem}.brand{display:flex;align-items:center;gap:.75rem;font-family:var(--font-display);font-weight:600}.brand-mark{width:34px;height:34px;display:grid;place-items:center;font-size:.8rem;border:1.5px solid var(--accent);background:var(--cobalt);box-shadow:3px 3px #ffffff24;letter-spacing:.02em}.nav-links{display:flex;gap:.2rem}.nav-links button{padding:.45rem .8rem;font-size:.88rem;color:var(--ink-dim);display:flex;gap:.4rem;align-items:baseline;position:relative;transition:color .2s}.nav-links button:hover,.nav-links button.is-active{color:var(--ink)}.nav-idx{font-family:var(--font-mono);font-size:.62rem;color:var(--accent-soft);opacity:.8}.nav-links button.is-active:after{content:"";position:absolute;left:.8rem;right:.8rem;bottom:0;height:2px;background:var(--accent)}.nav-actions{display:flex;align-items:center;gap:.5rem}.nav-tool{display:inline-flex;align-items:center;gap:.45rem;padding:.5rem .75rem;font-size:.84rem;color:var(--ink-dim);border:1px solid var(--line);transition:all .2s}.nav-tool:hover{color:var(--ink);border-color:var(--accent-soft)}.nav-hire{display:inline-flex;align-items:center;gap:.45rem;padding:.5rem .9rem;font-size:.84rem;font-weight:600;background:var(--ink);color:#0a0b10;transition:transform .2s}.nav-hire:hover{transform:translateY(-2px)}.fab-stack{position:fixed;right:24px;bottom:24px;z-index:55;display:flex;flex-direction:column;align-items:flex-end;gap:12px;transition:opacity .25s,transform .25s}.fab-stack.is-hidden{opacity:0;pointer-events:none;transform:translateY(12px)}.fab{display:inline-flex;align-items:center;gap:.6rem;box-shadow:4px 4px #00000080;transition:transform .2s var(--ease)}.fab:hover{transform:translate(-2px,-2px)}.fab-chat{padding:.75rem 1rem;background:var(--bg-3);border:1px solid var(--accent);font-size:.88rem;font-weight:500}.fab-wa{width:56px;height:56px;justify-content:center;background:var(--ink);color:#0a0b10}.dock{display:none}.ticker{overflow:hidden;border-block:1px solid var(--line);background:var(--bg-2);padding:.9rem 0}.ticker-track{display:flex;width:max-content;animation:slide 38s linear infinite}.ticker-track span{font-family:var(--font-mono);font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-dim);white-space:nowrap;padding-right:1.6rem}.ticker-track i{font-style:normal;color:var(--accent);padding-left:1.6rem}@keyframes slide{to{transform:translate(-50%)}}.footer{border-top:1px solid var(--line);padding:2.5rem var(--pad);display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem 2rem;font-size:.88rem;max-width:var(--max);margin:0 auto}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.hero{position:relative;min-height:100svh;padding:120px var(--pad) 48px;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;--mx: 70%;--my: 30%;background:radial-gradient(520px circle at var(--mx) var(--my),rgba(44,52,128,.55),transparent 70%),radial-gradient(900px circle at 10% 100%,rgba(44,52,128,.28),transparent 60%);transition:background .2s}.hero-grid-lines{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:72px 72px;mask-image:radial-gradient(ellipse at 60% 40%,#000 10%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at 60% 40%,#000 10%,transparent 70%);opacity:.35}.hero-inner{position:relative;max-width:var(--max);width:100%;margin:0 auto;display:grid;grid-template-columns:1.18fr .82fr;gap:clamp(32px,6vw,88px);align-items:center}.hero-copy h1{font-size:clamp(2.3rem,4.6vw,4.2rem);font-weight:600;letter-spacing:-.035em;margin:1.2rem 0 1.4rem}.scribble{position:relative;display:inline-block}.scribble svg{position:absolute;left:-2%;bottom:-.12em;width:104%;height:.22em;fill:none;stroke:var(--accent);stroke-width:3.5;stroke-linecap:round;stroke-dasharray:320;stroke-dashoffset:320;animation:draw 1.2s .9s var(--ease) forwards}@keyframes draw{to{stroke-dashoffset:0}}.hero-intro{font-size:clamp(1.02rem,1.5vw,1.2rem);color:#c3c8d8;max-width:52ch;margin-bottom:2rem}.hero-cta{display:flex;flex-wrap:wrap;gap:.75rem}.hero-cta .btn{padding:.8rem 1.05rem}.hero-portrait{position:relative;justify-self:center;width:min(100%,420px)}.portrait-offset{position:absolute;top:18px;right:-18px;bottom:-18px;left:18px;background:var(--cobalt);border:1px solid var(--accent)}.portrait-frame{position:relative;aspect-ratio:4 / 5;border:1px solid rgba(255,255,255,.25)}.hero-portrait figcaption{position:absolute;left:0;bottom:-46px;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-dim)}.tape{position:absolute;width:74px;height:22px;background:#f4f5f833;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border:1px solid rgba(255,255,255,.12)}.tape-a{top:-10px;left:18px;transform:rotate(-8deg)}.tape-b{top:-8px;right:24px;transform:rotate(6deg)}.hand-note{position:absolute;left:-112px;top:38%;font-family:var(--font-hand);font-size:1.35rem;color:var(--accent-soft);transform:rotate(-6deg);display:flex;flex-direction:column;width:120px;line-height:1.1}.hand-note svg{width:52px;height:44px;fill:none;stroke:var(--accent-soft);stroke-width:2;stroke-linecap:round;margin-left:62px}.hero-stats{position:relative;max-width:var(--max);width:100%;margin:clamp(56px,8vw,96px) auto 0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.hero-stats>div{padding:1.2rem 1rem 0 0;display:flex;flex-direction:column}.hero-stats strong{font-family:var(--font-display);font-size:clamp(1.8rem,3.4vw,2.8rem);font-weight:600;letter-spacing:-.03em}.hero-stats span{font-size:.84rem;color:var(--ink-dim);max-width:18ch}.scroll-hint{position:absolute;bottom:18px;left:50%;translate:-50% 0;color:var(--ink-dim);animation:bob 2s ease-in-out infinite}@keyframes bob{50%{transform:translateY(6px)}}.about-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:clamp(32px,6vw,88px);align-items:start}.about-text h2{max-width:20ch;margin-bottom:1.8rem}.about-text .body-lg+.body-lg,.about-text>div+div{margin-top:1.1rem}.about-side{position:sticky;top:100px}.desk-frame{aspect-ratio:1 / 1;border:1px solid var(--line)}.img-note{font-family:var(--font-hand);font-size:1.1rem;color:var(--ink-dim);margin:.5rem 0 1.6rem}.facts div{display:grid;grid-template-columns:96px 1fr;gap:1rem;padding:.8rem 0;border-top:1px solid var(--line);font-size:.92rem}.facts dt{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-dim);padding-top:.25rem}.facts dd svg{vertical-align:-2px;color:var(--accent-soft)}.approach{border-top:1px solid var(--line)}.approach-head{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,72px);align-items:end;margin-bottom:clamp(40px,6vw,72px)}.approach-cols{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,72px)}.approach h3{font-size:1.05rem;margin-bottom:1rem;color:var(--accent-soft);font-family:var(--font-mono);font-weight:500;letter-spacing:.08em;text-transform:uppercase;font-size:.78rem}.ask-card{background:var(--bg-2);border:1px solid var(--line);padding:clamp(20px,3vw,36px)}.ask-card li{display:flex;gap:1rem;padding:.75rem 0;border-bottom:1px dashed var(--line);font-size:1.02rem}.ask-card li:last-child{border:0}.ask-card li span{font-family:var(--font-mono);font-size:.74rem;color:var(--accent-soft);padding-top:.3rem}.approach-notes>div+div{margin-top:2rem}.approach-notes p,.approach p{color:#c3c8d8}.flow-wrap{margin:clamp(40px,6vw,72px) 0;padding:clamp(24px,4vw,40px) 0;border-block:1px solid var(--line)}.flow{display:flex;flex-wrap:wrap;gap:.6rem 0}.flow li{display:flex;align-items:center}.flow li:not(:last-child):after{content:"";width:clamp(14px,2.2vw,34px);height:1px;background:var(--accent);margin:0 .5rem}.flow-n{width:26px;height:26px;display:grid;place-items:center;font-family:var(--font-mono);font-size:.72rem;background:var(--cobalt);border:1px solid var(--accent);margin-right:.5rem}.flow-t{font-weight:500;font-size:.95rem}.edge-list li{padding:.55rem 0 .55rem 1.4rem;position:relative;color:#c3c8d8}.edge-list li:before{content:"→";position:absolute;left:0;color:var(--accent-soft)}.approach blockquote{margin-top:1.6rem;padding-left:1.2rem;border-left:3px solid var(--accent);font-family:var(--font-serif);font-style:italic;font-size:1.25rem;line-height:1.5;color:var(--ink)}.work-head{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;flex-wrap:wrap}.filters{display:flex;flex-wrap:wrap;gap:.4rem}.filters button{padding:.5rem .9rem;border:1px solid var(--line);font-size:.86rem;color:var(--ink-dim);transition:all .2s}.filters button sup{font-family:var(--font-mono);font-size:.62rem;margin-left:.3rem;color:var(--accent-soft)}.filters button:hover{color:var(--ink);border-color:var(--accent-soft)}.filters button.on{background:var(--cobalt);border-color:var(--accent);color:#fff}.tl-wrap{position:relative;margin-top:clamp(36px,5vw,64px)}.tl-rail{position:absolute;left:234px;top:8px;bottom:40px;width:2px;background:var(--line)}.tl-rail span{display:block;width:100%;height:100%;background:linear-gradient(var(--accent),var(--cobalt));transform-origin:top}.tl-item{display:grid;grid-template-columns:200px 14px 1fr;gap:0 28px;padding-bottom:2rem}.tl-when{text-align:right;padding-top:.35rem;display:flex;flex-direction:column;gap:.1rem}.tl-when strong{font-family:var(--font-mono);font-size:.8rem;font-weight:500}.tl-when span{font-size:.8rem;color:var(--accent-soft)}.tl-when em{font-style:normal;font-size:.78rem;color:var(--ink-dim)}.tl-node{width:14px;height:14px;margin-top:.45rem;background:var(--bg);border:2px solid var(--accent);position:relative;z-index:1;transition:background .3s,transform .3s}.tl-item.is-open .tl-node,.tl-item.is-current .tl-node{background:var(--accent);transform:rotate(45deg)}.tl-item.is-current .tl-node:after{content:"";position:absolute;top:-7px;right:-7px;bottom:-7px;left:-7px;border:1px solid var(--accent);animation:ping-b 2s infinite}@keyframes ping-b{0%{opacity:.8;transform:scale(.7)}to{opacity:0;transform:scale(1.3)}}.tl-card{text-align:left;display:block;width:100%;background:var(--bg-2);border:1px solid var(--line);padding:clamp(16px,2.4vw,26px);transition:border-color .25s,transform .25s var(--ease),background .25s;position:relative}@media (hover: hover){.tl-card:hover{border-color:var(--accent-soft);transform:translate(4px);background:#10131d}}.tl-item.is-open .tl-card{border-color:var(--accent)}.tl-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.tl-company{color:var(--accent-soft);font-weight:500;margin-top:.15rem}.tl-chip{font-family:var(--font-mono);font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;padding:.25rem .55rem;border:1px solid var(--line);color:var(--ink-dim);white-space:nowrap}.tl-summary{color:#c3c8d8;margin-top:.8rem;font-size:.97rem}.tl-more{overflow:hidden}.tl-more ul{margin-top:1rem;padding-top:1rem;border-top:1px dashed var(--line)}.tl-more li,.mcard li{position:relative;padding-left:1.2rem;margin-bottom:.55rem;color:#c3c8d8;font-size:.94rem}.tl-more li:before,.mcard li:before{content:"";position:absolute;left:0;top:.62em;width:7px;height:7px;border:1.5px solid var(--accent)}.tl-toggle{display:inline-block;margin-top:.9rem;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-soft)}.mcards{margin:2rem calc(var(--pad) * -1) 0}.mcards-track{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px var(--pad) 12px;scrollbar-width:none}.mcards-track::-webkit-scrollbar{display:none}.mcard{flex:0 0 86%;scroll-snap-align:center;background:var(--bg-2);border:1px solid var(--line);padding:20px;min-height:420px;position:relative}.mcard.is-current{border-color:var(--accent);box-shadow:5px 5px #5b6cff47}.mcard header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.mcard-n{font-family:var(--font-display);font-size:2.6rem;font-weight:800;line-height:1;color:transparent;-webkit-text-stroke:1px var(--accent)}.mcard h3{font-size:1.35rem}.mcard-when{font-family:var(--font-mono);font-size:.7rem;color:var(--ink-dim);margin:.6rem 0 .2rem;line-height:1.5}.mcard ul{margin-top:1rem}.mcards-ctrl{display:flex;align-items:center;justify-content:space-between;padding:.6rem var(--pad) 0}.mcards-ctrl button{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line)}.mcards-ctrl button:disabled{opacity:.3}.mcards-dots{display:flex;gap:6px}.mcards-dots span{width:8px;height:8px;border:1px solid var(--accent);transition:all .25s}.mcards-dots span.on{background:var(--accent);width:22px}.skills h2{margin-bottom:clamp(32px,5vw,56px)}.skills-grid{display:grid;grid-template-columns:300px 1fr;gap:clamp(24px,5vw,64px)}.skill-tabs [role=tablist]{display:flex;flex-direction:column;border-left:1px solid var(--line)}.skill-tabs button{display:grid;grid-template-columns:32px 1fr auto;align-items:baseline;text-align:left;padding:.85rem .9rem;color:var(--ink-dim);border-left:2px solid transparent;margin-left:-1px;transition:all .2s}.skill-tabs button:hover{color:var(--ink)}.skill-tabs button.on{color:var(--ink);border-left-color:var(--accent);background:linear-gradient(90deg,rgba(44,52,128,.4),transparent)}.tab-n,.tab-c{font-family:var(--font-mono);font-size:.7rem;color:var(--accent-soft)}.tab-l{font-weight:500}.skill-panel{min-height:340px}.skill-blurb{font-family:var(--font-serif);font-style:italic;font-size:clamp(1.2rem,2vw,1.6rem);color:#d6daea;max-width:44ch;line-height:1.4;margin-bottom:1.6rem}.skill-chips{display:flex;flex-wrap:wrap;gap:.6rem}.skill-chip{padding:.55rem .95rem;border:1px solid var(--line);background:var(--bg-2);font-size:.95rem;transition:border-color .2s,transform .2s}@media (hover: hover){.skill-chip:hover{border-color:var(--accent-soft);transform:translateY(-3px)}}.skill-chip.core{background:var(--cobalt);border-color:var(--accent);font-weight:500;box-shadow:3px 3px #5b6cff59}.lang-strip{margin-top:clamp(32px,5vw,56px);padding-top:1.4rem;border-top:1px solid var(--line)}.lang-strip h4{font-family:var(--font-mono);font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim);font-weight:500;margin-bottom:.9rem}.lang-strip ul{display:flex;flex-wrap:wrap;gap:.6rem 2rem}.lang-strip li{display:flex;flex-direction:column}.lang-strip li span{font-size:.8rem;color:var(--ink-dim)}.projects h2{margin-bottom:clamp(32px,5vw,56px)}.project-list{display:flex;flex-direction:column;gap:clamp(28px,4vw,48px)}.project{display:grid;grid-template-columns:.9fr 1.1fr;gap:0;border:1px solid var(--line);background:var(--bg-2)}.project.flip{grid-template-columns:1.1fr .9fr}.project.flip .project-img{order:2}.project-img{min-height:300px}.project-body{padding:clamp(22px,3.4vw,44px);display:flex;flex-direction:column;justify-content:center;gap:.8rem}.project-body h3{font-size:clamp(1.5rem,2.6vw,2.2rem)}.project-body p{color:#c3c8d8}.project-links{display:flex;gap:1.2rem;margin-top:.8rem}.project-links a{color:var(--accent-soft);display:inline-flex;gap:.4rem;align-items:center;border-bottom:1px solid var(--accent)}.contact{border-top:1px solid var(--line)}.contact-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(32px,6vw,88px);align-items:start}.contact-left h2{max-width:14ch;margin-bottom:1.4rem}.contact-left .muted{margin-top:.6rem}.contact-actions{display:flex;flex-direction:column;gap:1rem;margin:2rem 0}.big-action{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1.1rem;padding:1.1rem 1.3rem;border:1px solid var(--line);font-family:var(--font-display);font-size:1.2rem;font-weight:600;transition:transform .25s var(--ease),box-shadow .25s var(--ease),border-color .25s}.big-action small{display:block;font-family:var(--font-body);font-weight:400;font-size:.8rem;color:var(--ink-dim)}.big-action>span{min-width:0;overflow-wrap:anywhere}@media (hover: hover){.big-action:hover{transform:translate(-3px,-3px)}}.big-action.wa{background:var(--ink);color:#0a0b10;box-shadow:5px 5px #5b6cff80}.big-action.wa small{color:#4b5063}@media (hover: hover){.big-action.wa:hover{box-shadow:8px 8px #5b6cff99}}.big-action.mail{background:var(--cobalt);border-color:var(--accent);box-shadow:5px 5px #ffffff24}.big-action.mail small{color:#b9c0ee}.contact-meta{display:flex;flex-wrap:wrap;gap:.6rem 1.6rem;font-size:.92rem;color:var(--ink-dim)}.contact-meta a{color:var(--ink);border-bottom:1px solid var(--accent)}.contact-meta svg{vertical-align:-3px;color:var(--accent-soft)}.interest-card{background:var(--bg-2);border:1px solid var(--line);padding:clamp(20px,3.4vw,40px);position:relative}.interest-card:before{content:"";position:absolute;top:10px;right:-10px;bottom:-10px;left:10px;border:1px solid var(--accent);z-index:-1;opacity:.5}.interest-card h3{font-size:1.5rem;margin-bottom:.4rem}.interest-card form{margin-top:1.4rem;display:flex;flex-direction:column;gap:1rem}.interest-card label{display:flex;flex-direction:column;gap:.4rem;font-size:.84rem;color:var(--ink-dim)}.opt{opacity:.6}.interest-card input,.interest-card select,.interest-card textarea{font:inherit;font-size:1rem;color:var(--ink);background:var(--bg);border:1px solid var(--line);padding:.75rem .85rem;border-radius:0;transition:border-color .2s;width:100%}.interest-card input:focus,.interest-card select:focus,.interest-card textarea:focus{outline:none;border-color:var(--accent)}.interest-card textarea{resize:vertical}.form-error{color:#ff9aa2;font-size:.86rem}.form-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:.4rem}.about-grid>*,.approach-head>*,.approach-cols>*,.skills-grid>*,.contact-grid>*,.project>*,.work-head>*,.hero-inner>*,.tl-item>*{min-width:0}.filters{max-width:100%}@media (max-width: 1080px){.nav-idx,.nav-tool span{display:none}.nav-tool{padding:.5rem .6rem}}@media (min-width: 901px) and (max-width: 1160px){.brand-name{display:none}}@media (max-width: 980px){.hero{padding-top:104px}.hero-inner{grid-template-columns:1fr}.hero-portrait{order:-1;width:min(78%,340px);justify-self:start;margin-bottom:36px}.hand-note{display:none}.about-grid,.approach-head,.approach-cols,.contact-grid,.skills-grid{grid-template-columns:1fr}.about-side{position:static}.skill-tabs [role=tablist]{flex-direction:row;overflow-x:auto;border-left:0;border-bottom:1px solid var(--line);scrollbar-width:none}.skill-tabs button{grid-template-columns:auto auto;gap:.5rem;white-space:nowrap;border-left:0;border-bottom:2px solid transparent;margin:0 0 -1px}.skill-tabs button .tab-c{display:none}.skill-tabs button.on{border-bottom-color:var(--accent);background:none}.project,.project.flip{grid-template-columns:1fr}.project.flip .project-img{order:0}.project-img{min-height:220px}.tl-rail{left:7px}.tl-item{grid-template-columns:14px 1fr;gap:0 18px}.tl-when{grid-column:2;grid-row:1;text-align:left;flex-direction:row;flex-wrap:wrap;gap:.2rem .8rem;padding:0 0 .5rem}.tl-node{grid-column:1;grid-row:1 / span 2}.tl-card{grid-column:2;grid-row:2}}@media (max-width: 900px){html{scroll-padding-top:64px}body{padding-bottom:76px}.nav-links,.nav-hire,.fab-stack{display:none}.nav-tool.is-cv span{display:inline}.nav-tool{min-height:40px;min-width:40px;justify-content:center}.nav{background:#07080ce0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom-color:var(--line);padding-top:.6rem;padding-bottom:.6rem}.dock{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:70;background:#0a0b10f0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line);padding:.4rem .4rem calc(.4rem + env(safe-area-inset-bottom))}.dock button,.dock a{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.4rem 0;font-size:.66rem;color:var(--ink-dim);letter-spacing:.02em;position:relative;min-height:48px;justify-content:center;transition:color .2s}.dock button.is-active{color:var(--ink)}.dock button.is-active:before{content:"";position:absolute;top:-.4rem;left:30%;right:30%;height:2px;background:var(--accent)}.dock-hire{background:var(--ink);color:#0a0b10!important;font-weight:600;margin:0 0 0 .3rem;box-shadow:3px 3px #5b6cff8c}}@media (max-width: 760px){html{scroll-padding-top:64px}.brand-name{font-size:.95rem}.hero{min-height:auto;padding-top:92px;padding-bottom:36px}.hero-portrait{width:100%;max-width:none;margin-bottom:40px}.portrait-frame{aspect-ratio:4 / 3;border-radius:0}.hero-portrait figcaption{bottom:-34px}.portrait-offset{top:12px;right:-10px;bottom:-12px;left:10px}.hero-copy h1{font-size:clamp(2.1rem,9.6vw,2.9rem)}.hero-cta{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.hero-cta .btn{padding:.85rem .6rem;font-size:.86rem;gap:.45rem}.hero-cta .btn-primary,.hero-cta .story-btn{grid-column:1 / -1;padding:1rem;font-size:1rem}.hero-stats{grid-template-columns:1fr 1fr;margin-top:40px}.hero-stats>div{padding-bottom:1rem}.scroll-hint{display:none}.facts div{grid-template-columns:1fr;gap:.1rem}.flow{flex-direction:column;gap:0}.flow li:not(:last-child):after{display:none}.flow li{padding:.55rem 0;border-left:1px solid var(--accent);margin-left:13px}.flow-n{margin-left:-14px}.filters{overflow-x:auto;flex-wrap:nowrap;margin-right:calc(var(--pad) * -1);padding-right:var(--pad);scrollbar-width:none;width:calc(100% + var(--pad));scroll-snap-type:x proximity}.filters::-webkit-scrollbar,.skill-tabs [role=tablist]::-webkit-scrollbar{display:none}.filters,.skill-tabs [role=tablist]{-webkit-mask-image:linear-gradient(90deg,#000 82%,transparent);mask-image:linear-gradient(90deg,#000 82%,transparent)}.filters button{white-space:nowrap;min-height:42px;flex:none;scroll-snap-align:start}.skill-tabs [role=tablist]{margin-right:calc(var(--pad) * -1);padding-right:var(--pad)}.skill-tabs button{min-height:46px}.skill-panel{min-height:0}.project-img{min-height:0;aspect-ratio:16 / 9}.project-body{padding:20px 18px 22px}.mcard{min-height:0}.tag-row span{font-size:.68rem}.contact-meta{gap:.6rem 1.2rem}.big-action{font-size:1.05rem;padding:1rem}.form-actions .btn{flex:1 1 100%}.footer{padding-bottom:2rem;flex-direction:column}}@media (max-width: 380px){.hero-cta{grid-template-columns:1fr}}.domains{border-top:1px solid var(--line)}.dm-head{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(24px,5vw,72px);align-items:end;margin-bottom:clamp(32px,5vw,56px)}.dm-head>*{min-width:0}.dm-practices{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line);background:var(--bg-2)}.dm-practices li{display:flex;flex-direction:column;gap:.8rem;padding:clamp(16px,2vw,24px);min-width:0}.dm-practices li+li{border-left:1px solid var(--line)}.dm-practice-ico{width:40px;height:40px;display:grid;place-items:center;flex:none;background:var(--cobalt);border:1px solid var(--accent);box-shadow:3px 3px #5b6cff4d}.dm-practices strong{display:block;font-family:var(--font-display);font-size:1rem;font-weight:600;line-height:1.25}.dm-practices p{margin-top:.3rem;font-size:.86rem;color:var(--ink-dim);line-height:1.5}.dm-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem 2rem;margin:clamp(40px,6vw,64px) 0 1.4rem}.dm-toolbar>*{min-width:0}.dm-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(14px,2vw,22px)}.dm-card{display:flex;flex-direction:column;gap:1.2rem;min-width:0;background:var(--bg-2);border:1px solid var(--line);padding:clamp(20px,2.6vw,30px);transition:border-color .25s,box-shadow .25s var(--ease)}.dm-card.is-featured{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,4vw,56px);border-color:var(--accent);box-shadow:6px 6px #5b6cff40;background:linear-gradient(135deg,rgba(44,52,128,.35),var(--bg-2) 60%)}.dm-main,.dm-side{min-width:0}.dm-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:.9rem}.dm-n{font-family:var(--font-display);font-size:2.2rem;font-weight:800;line-height:1;color:transparent;-webkit-text-stroke:1px var(--accent)}.dm-card h3{font-size:clamp(1.3rem,2vw,1.6rem)}.dm-card.is-featured h3{font-size:clamp(1.6rem,3vw,2.3rem)}.dm-summary{margin-top:.7rem;color:#c3c8d8;font-size:.97rem}.dm-modules{display:grid;grid-template-columns:1fr 1fr;gap:.5rem 1rem;padding-top:1rem;border-top:1px dashed var(--line)}.dm-card:not(.is-featured) .dm-modules{margin-top:auto}.dm-modules li{display:flex;align-items:flex-start;gap:.5rem;font-size:.9rem;color:#d6daea;line-height:1.4}.dm-modules svg{flex:none;margin-top:.12rem;color:var(--accent-soft)}.dm-flow{display:flex;flex-wrap:wrap;gap:.6rem 0;margin-bottom:1.4rem}.dm-flow li{display:flex;align-items:center;font-size:.86rem;font-weight:500}.dm-flow li:not(:last-child):after{content:"";width:clamp(10px,1.6vw,22px);height:1px;background:var(--accent);margin:0 .45rem}.dm-flow b{width:22px;height:22px;display:grid;place-items:center;margin-right:.4rem;font-family:var(--font-mono);font-size:.66rem;font-weight:500;background:var(--cobalt);border:1px solid var(--accent)}.dm-more{width:100%;margin-top:1rem}@media (hover: hover){.dm-card:not(.is-featured):hover{border-color:var(--accent-soft);box-shadow:5px 5px #5b6cff33}}@media (max-width: 1080px){.dm-practices{grid-template-columns:repeat(3,1fr)}.dm-practices li+li{border-left:0}.dm-practices li{border-bottom:1px solid var(--line)}.dm-practices li:not(:nth-child(3n+1)){border-left:1px solid var(--line)}}@media (max-width: 980px){.dm-head,.dm-card.is-featured{grid-template-columns:1fr}}@media (max-width: 760px){.dm-head{gap:1rem}.dm-practices{grid-template-columns:1fr}.dm-practices li{flex-direction:row;align-items:center;gap:.9rem;padding:.85rem 1rem;border-left:0!important}.dm-practices li:last-child{border-bottom:0}.dm-practice-ico{width:36px;height:36px;box-shadow:none}.dm-practices p{margin-top:.1rem;font-size:.82rem}.dm-toolbar{margin-top:40px;gap:.7rem}.dm-grid{grid-template-columns:1fr}.dm-card,.dm-card.is-featured{padding:20px 18px;gap:1rem}.dm-card.is-featured{box-shadow:4px 4px #5b6cff40}.dm-n{font-size:1.9rem}.dm-modules{grid-template-columns:1fr;gap:.45rem}.dm-flow{display:none}}.cv-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;background:#090a10;display:grid;grid-template-columns:340px 1fr}.cv-panel{padding:28px 26px;border-right:1px solid var(--line);overflow-y:auto;display:flex;flex-direction:column;gap:1.2rem}.cv-panel-top{display:flex;justify-content:space-between;align-items:center}.cv-panel h2{font-size:1.7rem}.cv-panel fieldset{border:1px solid var(--line);padding:1rem 1.1rem}.cv-panel legend{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim);padding:0 .4rem}.check{display:flex;align-items:center;gap:.7rem;padding:.4rem 0;cursor:pointer;font-size:.95rem}.check input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border:1.5px solid var(--accent);display:grid;place-items:center;cursor:pointer}.check input:checked{background:var(--accent)}.check input:checked:after{content:"";width:8px;height:4px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg) translate(1px,-1px)}.cv-buttons{display:flex;flex-direction:column;gap:.7rem}.cv-close-m{display:none}.cv-buttons .btn:disabled{opacity:.6;cursor:progress;transform:none}.cv-note{display:flex;align-items:center;gap:.5rem;font-size:.84rem;color:#b9c0ee}.cv-note svg{flex:none;color:var(--accent-soft)}.cv-fallback{color:var(--accent-soft);border-bottom:1px solid var(--accent);font-weight:500}.cv-stage{overflow:auto;overscroll-behavior:contain;padding:32px;background:radial-gradient(circle at 50% 0,#14172a,#090a10 60%)}.cv-stage-label{display:none;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim);margin-bottom:.6rem}.cv-stack{font-size:12px;color:#333!important}.cv-paper{background:#fff;color:#111;max-width:794px;margin:0 auto;padding:48px 54px;font-family:Arial,Helvetica,sans-serif;font-size:13px;line-height:1.5;box-shadow:0 30px 80px #0009}.cv-paper h1{font-family:Arial,Helvetica,sans-serif;font-size:26px;letter-spacing:0;color:#000}.cv-title{font-size:14px;margin-top:2px;font-weight:700;color:#222}.cv-contact{font-size:12px;color:#333;margin:6px 0 14px;padding-bottom:10px;border-bottom:2px solid #000}.cv-paper h2{font-family:Arial,Helvetica,sans-serif;font-size:13px;letter-spacing:.08em;text-transform:uppercase;max-width:none;margin:16px 0 6px;padding-bottom:3px;border-bottom:1px solid #999;color:#000}.cv-paper p,.cv-paper li{color:#111}.cv-paper ul{list-style:disc;padding-left:18px}.cv-skills{list-style:none!important;padding-left:0!important}.cv-skills li{margin-bottom:2px}.cv-role{margin-bottom:10px;break-inside:avoid}.cv-role-head{display:flex;justify-content:space-between;gap:1rem;font-size:13px}.cv-role-sub{font-style:italic;margin-bottom:3px;color:#333}.cv-role li{margin-bottom:2px}@media (max-width: 900px){.cv-overlay{grid-template-columns:1fr;grid-template-rows:auto 1fr;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.cv-panel{border-right:0;border-bottom:1px solid var(--line);padding:18px var(--pad);gap:.9rem;overflow:visible}.cv-panel h2{font-size:1.35rem}.cv-panel fieldset{display:grid;grid-template-columns:1fr 1fr;gap:0 .8rem}.check{min-height:40px;font-size:.9rem;line-height:1.25}.check input{flex:none}.cv-buttons{position:fixed;left:0;right:0;bottom:0;z-index:5;flex-direction:row;gap:.6rem;padding:.7rem var(--pad) calc(.7rem + env(safe-area-inset-bottom));background:#090a10f5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line)}.cv-buttons .btn-primary{flex:1;padding:.95rem 1rem;font-size:1rem}.cv-buttons .cv-share{flex:none;padding:.95rem 1rem}.cv-buttons .cv-secondary{display:none}.cv-buttons .cv-close-m{display:grid;flex:none;width:52px;height:auto}.cv-stage{padding:14px 10px calc(100px + env(safe-area-inset-bottom));overflow:visible}.cv-stage-label{display:block;padding-left:4px}.cv-paper{padding:24px 18px;font-size:12px}.cv-role-head{flex-direction:column;gap:0}}@media print{body:after{display:none}body.cv-open #app-root{display:none!important}body.cv-open{background:#fff!important;padding:0!important}.no-print{display:none!important}.cv-overlay{position:static;display:block;background:#fff;overflow:visible}.cv-stage{padding:0;background:#fff;overflow:visible}.cv-paper{box-shadow:none;max-width:none;padding:0;margin:0;font-size:11pt}@page{size:A4;margin:14mm}}.chat{position:fixed;right:24px;bottom:24px;width:min(410px,calc(100vw - 32px));height:min(640px,calc(100svh - 48px));z-index:90;display:flex;flex-direction:column;background:#0b0d14;border:1px solid var(--accent);box-shadow:8px 8px #2c34808c,0 30px 80px #0009}.chat-head{display:flex;align-items:center;gap:.8rem;padding:.9rem 1rem;border-bottom:1px solid var(--line);background:var(--bg-3)}.chat-head>div{flex:1;display:flex;flex-direction:column;line-height:1.25}.chat-head small{color:var(--ink-dim);font-size:.74rem}.chat-avatar{width:38px;height:38px;display:grid;place-items:center;background:var(--cobalt);border:1px solid var(--accent);font-family:var(--font-display);font-size:.8rem;font-weight:600}.chat-body{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.8rem}.msg{max-width:92%;font-size:.93rem}.msg.me{align-self:flex-end}.msg.me p{background:var(--cobalt);border:1px solid var(--accent);padding:.6rem .85rem}.msg.bot>p{color:#d9dcea;padding:.2rem 0 .1rem}.msg.typing{display:flex;gap:4px;padding:.5rem 0}.msg.typing span{width:7px;height:7px;background:var(--accent);animation:blink 1s infinite}.msg.typing span:nth-child(2){animation-delay:.15s}.msg.typing span:nth-child(3){animation-delay:.3s}@keyframes blink{0%,80%,to{opacity:.2}40%{opacity:1}}.cb-card{margin-top:.5rem;background:var(--bg-2);border:1px solid var(--line);padding:.85rem;display:flex;flex-direction:column;gap:.6rem}.cb-card h5{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-soft);font-weight:500;margin-bottom:.35rem}.cb-card small{color:var(--ink-dim);font-size:.76rem}.cb-card p{color:#c3c8d8;font-size:.88rem}.cb-line{padding-left:.8rem;border-left:2px solid var(--accent)}.cb-chips{display:flex;flex-wrap:wrap;gap:.35rem}.cb-chips span{font-size:.76rem;padding:.22rem .5rem;border:1px solid var(--line);background:#ffffff08}.cb-chips span.core{background:var(--cobalt);border-color:var(--accent)}.cb-timeline{position:relative}.cb-role{display:flex;gap:.7rem;position:relative}.cb-role:not(:last-child):before{content:"";position:absolute;left:4px;top:14px;bottom:-14px;width:1px;background:var(--accent);opacity:.5}.cb-dot{width:9px;height:9px;border:2px solid var(--accent);margin-top:.4rem;flex:none;background:var(--bg)}.cb-role strong{font-size:.9rem}.cb-role p{margin:0;color:var(--accent-soft);font-size:.82rem}.cb-langs{display:grid;grid-template-columns:1fr 1fr}.cb-langs div{display:flex;flex-direction:column}.cb-flow{counter-reset:s}.cb-flow li{counter-increment:s;padding:.3rem 0 .3rem 1.8rem;position:relative;font-size:.88rem}.cb-flow li:before{content:counter(s);position:absolute;left:0;top:.35rem;width:18px;height:18px;display:grid;place-items:center;font-family:var(--font-mono);font-size:.64rem;background:var(--cobalt);border:1px solid var(--accent)}.cb-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.cb-btn{display:inline-flex;align-items:center;gap:.45rem;padding:.55rem .85rem;font-size:.86rem;border:1px solid var(--accent);background:var(--cobalt);color:#fff}.cb-btn.wa{background:var(--ink);color:#0a0b10;border-color:var(--ink)}.chat-chips{display:flex;gap:.4rem;overflow-x:auto;padding:.6rem 1rem;border-top:1px solid var(--line);scrollbar-width:none}.chat-chips::-webkit-scrollbar{display:none}.chat-chips button{white-space:nowrap;font-size:.8rem;padding:.35rem .7rem;border:1px solid var(--line);color:#cfd3e0;transition:all .2s}.chat-chips button:hover{border-color:var(--accent);background:#5b6cff24}.chat-input{display:flex;border-top:1px solid var(--line)}.chat-input input{flex:1;min-width:0;font:inherit;font-size:16px;color:var(--ink);background:transparent;border:0;padding:.95rem 1rem}.chat-input input:focus{outline:none}.chat-input button{width:54px;display:grid;place-items:center;background:var(--cobalt);color:#fff}.chat-input button:disabled{opacity:.4}@media (max-width: 760px){.chat{inset:auto 0 0 0;width:100%;height:86svh;border-width:1px 0 0;box-shadow:0 -20px 60px #0009}.chat-body{overscroll-behavior:contain}.chat-chips button{min-height:38px}.chat-input{padding-bottom:env(safe-area-inset-bottom)}.chat-input button{min-height:52px}}.story{position:fixed;top:0;right:0;bottom:0;left:0;z-index:130;background:#05060a;display:flex;flex-direction:column;overflow:hidden}.glyphs span{position:absolute;font-family:var(--font-mono);color:#5b6cff38;animation:floaty linear infinite;-webkit-user-select:none;user-select:none}@keyframes floaty{0%{transform:translateY(40px) rotate(-6deg);opacity:0}15%,80%{opacity:1}to{transform:translateY(-140px) rotate(8deg);opacity:0}}.story-vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at 50% 45%,transparent 40%,rgba(5,6,10,.9) 100%)}.story-top,.story-bottom{position:relative;z-index:2;padding:1rem clamp(16px,4vw,48px)}.story-top{display:flex;align-items:center;justify-content:space-between;gap:1rem}.story-title{font-family:var(--font-serif);font-style:italic;font-size:1.15rem;color:var(--ink-dim);text-align:center}.story-close{display:inline-flex;align-items:center;gap:.5rem;font-size:.84rem;padding:.5rem .8rem;border:1px solid var(--line);color:var(--ink-dim)}.story-close:hover{color:var(--ink);border-color:var(--accent)}.story-stage{position:relative;z-index:2;flex:1;min-height:0;display:grid;place-items:center;padding:0 clamp(12px,4vw,48px);perspective:1600px}.spread{width:min(1120px,100%);height:min(620px,100%);display:grid;grid-template-columns:1fr 1px 1fr;background:linear-gradient(180deg,#0e1018,#0a0b12);border:1px solid rgba(255,255,255,.14);box-shadow:0 40px 100px #000000b3,0 0 0 6px #2c348038;cursor:grab;overflow:hidden;position:relative}.spread:active{cursor:grabbing}.sp-art{position:relative;overflow:hidden;min-height:0}.sp-art>div:first-child{height:100%}.sp-img{height:100%}.sp-art:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 60%,rgba(10,11,18,.7));pointer-events:none}.sp-page-n{position:absolute;left:16px;bottom:14px;z-index:1;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.1em;background:#05060ac7;border:1px solid var(--accent);padding:.3rem .6rem}.sp-fold{background:linear-gradient(180deg,transparent,rgba(255,255,255,.25),transparent)}.sp-text{padding:clamp(22px,3.6vw,52px);overflow-y:auto;display:flex;flex-direction:column;justify-content:center;gap:.9rem}.sp-kicker{font-family:var(--font-hand);font-size:1.5rem;color:var(--accent-soft);line-height:1}.sp-text h2{font-size:clamp(1.7rem,3.2vw,2.9rem);max-width:16ch}.spread-cover .sp-text h2{font-family:var(--font-serif);font-weight:400;font-size:clamp(2.2rem,4.6vw,4rem);max-width:12ch;line-height:1}.sp-meta{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-dim)}.sp-meta i{width:18px;height:1px;background:var(--accent)}.sp-body{color:#cdd1e0;font-size:clamp(.96rem,1.3vw,1.1rem);line-height:1.65}.sp-chips{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.3rem}.sp-chips span{font-family:var(--font-mono);font-size:.72rem;padding:.3rem .65rem;background:var(--cobalt);border:1px solid var(--accent)}.sp-steps{display:grid;grid-template-columns:1fr 1fr;gap:.4rem 1rem}.sp-steps li{display:flex;align-items:center;gap:.6rem;font-size:.92rem}.sp-steps b{width:22px;height:22px;display:grid;place-items:center;font-family:var(--font-mono);font-size:.7rem;font-weight:500;background:var(--cobalt);border:1px solid var(--accent);flex:none}.sp-items li{display:flex;align-items:center;gap:.7rem;padding:.35rem 0;font-size:1rem;border-bottom:1px dashed var(--line)}.sp-items li span{width:20px;height:20px;display:grid;place-items:center;background:var(--accent);flex:none}.sp-text blockquote{border-left:3px solid var(--accent);padding-left:1rem;font-family:var(--font-serif);font-style:italic;font-size:1.2rem;color:var(--ink)}.sp-cta{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:.6rem}.story-bottom{display:flex;flex-direction:column;gap:.9rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom))}.journey{position:relative;height:40px;margin:0 22px;max-width:760px;width:calc(100% - 44px);align-self:center}.journey-line{position:absolute;left:0;right:0;top:7px;height:2px;background:var(--line)}.journey-line span{display:block;height:100%;background:var(--accent)}.stop{position:absolute;top:0;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.35rem}.stop i{width:16px;height:16px;border:2px solid var(--line);background:#05060a;transition:all .4s}.stop.on i{border-color:var(--accent);background:var(--accent);transform:rotate(45deg)}.stop b{font-family:var(--font-mono);font-size:.64rem;font-weight:400;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-dim);white-space:nowrap}.stop.on b{color:var(--ink)}.story-nav{display:flex;align-items:center;justify-content:center;gap:1.2rem}.story-nav>button{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--accent);background:var(--cobalt);transition:transform .2s}.story-nav>button:hover:not(:disabled){transform:translateY(-2px)}.story-nav>button:disabled{opacity:.25}.story-dots{display:flex;gap:6px;align-items:center}.story-dots button{width:9px;height:9px;border:1px solid var(--accent);transition:all .3s;padding:0}.story-dots button.done{background:#5b6cff80}.story-dots button.on{background:var(--accent);width:26px}@media (max-width: 860px){.story-title{display:none}.spread{grid-template-columns:1fr;grid-template-rows:34% 1px 1fr;height:100%;max-height:none}.sp-art:after{background:linear-gradient(180deg,transparent 55%,rgba(10,11,18,.85))}.sp-fold{background:#fff3}.sp-text{padding:18px 18px 24px;justify-content:flex-start;gap:.7rem}.sp-steps{grid-template-columns:1fr}.stop b{font-size:.56rem}.story-close span{display:none}.story-close{padding:.5rem}.story-dots button{width:7px;height:7px}.story-dots button.on{width:18px}}.cb-contact{margin-top:.5rem;display:flex;flex-direction:column;gap:.35rem;font-size:.88rem;color:#c3c8d8}