/* Jais Collins — portfolio (editorial redesign) */
:root{
  --paper:#f6f3ec; --paper-2:#ece6d9; --line:#d6cfbf;
  --ink:#1b2a4a; --ink-deep:#111c33; --muted:#4f5868;
  --accent:#c2410c; --accent-on-ink:#ff8a5c;
  --display:"Anton","Impact","Arial Narrow Bold",sans-serif;
  --sans:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --script:"Caveat","Segoe Print","Bradley Hand",cursive;
  --nav:64px;
  --gutter:clamp(20px,4vw,56px);
  --max:1360px;
  --rhythm:clamp(80px,11vw,150px);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--nav) + 8px);-webkit-text-size-adjust:100%}
html,body{overflow-x:hidden}
@supports (overflow-x:clip){html,body{overflow-x:clip}}
.spread{overflow-x:clip}
body{margin:0;background:var(--paper);color:var(--ink);font:400 1.0625rem/1.65 var(--sans);-webkit-font-smoothing:antialiased}
img,svg,video{display:block;max-width:100%}
a{color:inherit}
h1,h2,h3,p{margin:0}
:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:2px}
.skip{position:absolute;left:-999px;top:8px;z-index:100;background:var(--ink);color:var(--paper);padding:.6rem 1rem;text-decoration:none}
.skip:focus{left:12px}
.wrap{width:100%;max-width:var(--max);margin-inline:auto;padding-inline:var(--gutter)}

/* ---------- shared type ---------- */
.kicker{font:600 .78rem/1.3 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--accent);display:flex;align-items:center;gap:.7rem}
.kicker::before{content:"";width:28px;height:2px;background:currentColor;flex:none}
.display{font:400 clamp(4.2rem,15.5vw,14.5rem)/.84 var(--display);white-space:nowrap;text-transform:uppercase;letter-spacing:-.005em;color:var(--ink);margin:.12em 0 .22em;overflow-wrap:normal}
.script{font-family:var(--script);font-weight:700;line-height:1}
.big{font:600 clamp(1.45rem,2.4vw,2.05rem)/1.25 var(--sans);letter-spacing:-.015em;color:var(--ink)}

/* ---------- buttons ---------- */
.btn{display:inline-flex;align-items:center;gap:.55rem;background:var(--ink);color:var(--paper);border:2px solid var(--ink);padding:.9rem 1.35rem;font:600 .98rem/1 var(--sans);text-decoration:none;border-radius:3px;transition:transform .2s ease,background .2s ease,color .2s ease}
.btn:hover{transform:translateY(-2px);background:var(--ink-deep)}
.btn-ghost{background:transparent;color:var(--ink)}
.btn-ghost:hover{background:var(--ink);color:var(--paper)}
.btn-sm{padding:.6rem .95rem;font-size:.88rem}

/* ---------- nav ---------- */
.nav{position:sticky;top:0;z-index:50;height:var(--nav);display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-inline:var(--gutter);background:rgba(246,243,236,.9);backdrop-filter:saturate(1.2) blur(10px);-webkit-backdrop-filter:saturate(1.2) blur(10px);border-bottom:1px solid transparent;transition:border-color .3s}
.nav.scrolled{border-bottom-color:var(--line)}
.mark{font:400 1.7rem/1 var(--display);letter-spacing:.02em;text-decoration:none;color:var(--ink)}
.mark span{color:var(--accent)}
.nav nav{display:flex;gap:clamp(1rem,2.4vw,2.2rem)}
.nav nav a{font:600 .8rem/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;text-decoration:none;padding:.5rem 0;background:linear-gradient(var(--accent),var(--accent)) left bottom/0 2px no-repeat;transition:background-size .25s}
.nav nav a:hover{background-size:100% 2px}

/* ---------- HERO ---------- */
.hero{position:relative;min-height:calc(100svh - var(--nav));display:flex;flex-direction:column;overflow:hidden;isolation:isolate}
.hero-meta{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding-top:clamp(18px,3vh,32px);position:relative;z-index:4}
.meta-r{font:600 .78rem/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
.hero-stage{flex:1;display:grid;align-content:end;justify-items:center;padding-bottom:clamp(14px,2.2vh,28px)}
.hero-title{grid-area:1/1;font:400 clamp(4.6rem,18.2vw,19.5rem)/.8 var(--display);text-transform:uppercase;letter-spacing:-.01em;color:var(--ink);white-space:nowrap;position:relative;z-index:1;text-align:center;padding-top:.06em}
.hero-title span{display:inline-block}
.hero-title--ghost{z-index:3;color:transparent;-webkit-text-stroke:1.6px var(--ink);pointer-events:none;user-select:none}
.hero-title--ghost span:first-child{color:var(--ink);-webkit-text-stroke:0}
.hero-title--ghost span:last-child{-webkit-mask-image:linear-gradient(to bottom,transparent var(--chin,48%),#000 var(--chin,48%));mask-image:linear-gradient(to bottom,transparent var(--chin,48%),#000 var(--chin,48%))}
.hero-script{grid-area:1/1;justify-self:start;align-self:start;z-index:4;position:relative;color:var(--accent);font-size:clamp(2.6rem,5.4vw,5.6rem);transform:translate(clamp(8px,6vw,110px),-78%) rotate(-7deg);transform-origin:left bottom;margin-left:var(--gutter)}
.squiggle{width:78%;height:auto;margin-top:-.05em;fill:none;stroke:var(--accent);stroke-width:3;stroke-linecap:round}
.hero-figure{position:absolute;z-index:2;bottom:0;left:calc(max(0px,(100% - var(--max)) / 2) + var(--gutter) + 31rem + 28px);height:min(92%,780px);aspect-ratio:1000/1405;pointer-events:none}
.hero-figure img{width:100%;height:100%;object-fit:contain;object-position:bottom}
.doodle{position:absolute;fill:none;stroke:var(--ink);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;opacity:.55;z-index:1}
.d-chart{width:clamp(80px,9vw,132px);right:calc(var(--gutter) + 2%);top:clamp(70px,14vh,150px)}
.d-grid{width:clamp(90px,10vw,150px);left:calc(var(--gutter) + 26%);top:clamp(64px,11vh,120px);opacity:.35}
.hero-foot{position:relative;z-index:4;display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;padding-bottom:clamp(22px,4vh,44px)}
.hero-copy{max-width:31rem}
.lede{font:500 clamp(1.02rem,1.25vw,1.14rem)/1.55 var(--sans);color:var(--ink)}
.sub{margin-top:.6rem;color:var(--muted);font-size:.98rem}
.sub strong{color:var(--ink);font-weight:600}
.actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.3rem}
.badge{position:relative;width:clamp(104px,9vw,132px);aspect-ratio:1;flex:none;color:var(--ink)}
.badge svg{width:100%;height:100%;animation:spin 22s linear infinite}
.badge text{font:600 10.4px var(--sans);letter-spacing:.2em;fill:currentColor}
.badge span{position:absolute;inset:0;display:grid;place-items:center;font:400 1.6rem/1 var(--display);color:var(--accent)}
@keyframes spin{to{transform:rotate(360deg)}}

/* ---------- ticker ---------- */
.ticker{background:var(--ink);color:var(--paper);overflow:hidden;padding:1rem 0;border-block:1px solid var(--ink-deep)}
.ticker-track{display:flex;width:max-content;animation:tick 40s linear infinite}
.ticker ul{display:flex;list-style:none;margin:0;padding:0}
.ticker li{font:400 clamp(1.25rem,2vw,1.7rem)/1 var(--display);text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;display:flex;align-items:center}
.ticker li::after{content:"✱";color:var(--accent-on-ink);margin-inline:1.4rem;font-size:.8em}
@keyframes tick{to{transform:translateX(-50%)}}

/* ---------- spreads ---------- */
.spread{padding-block:var(--rhythm);position:relative}
.spread + .spread{border-top:1px solid var(--line)}

/* about */
.about-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(2rem,5vw,5.5rem);align-items:start}
.about-figure{position:relative;margin:calc(var(--fs,160px) * -.4) 0 0;aspect-ratio:4/4.4;z-index:2;clip-path:inset(-60% -10% 0 -10%);border-bottom:3px solid var(--ink)}
.about-figure .about-disc{position:absolute;left:4%;right:4%;bottom:0;aspect-ratio:1;border-radius:50%;background:var(--ink)}
.about-figure img{position:absolute;top:0;left:50%;width:118%;max-width:none;transform:translateX(-50%);height:auto}
.about-name{position:absolute;left:5%;bottom:7%;z-index:3;font-size:clamp(2.4rem,4.4vw,4rem);color:var(--paper);transform:rotate(-8deg);text-shadow:0 1px 0 rgba(17,28,51,.35)}
.d-arrow{width:70px;right:2%;top:6%;opacity:.7;stroke:var(--accent);stroke-width:2.2}
.about-copy{display:grid;gap:1.15rem;padding-top:.4rem}
.about-copy > p:not(.big){color:var(--muted);max-width:60ch}
.stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:1rem 0 0;border-top:2px solid var(--ink)}
.stats div{padding:1.1rem 1rem 1.1rem 0;border-bottom:1px solid var(--line)}
.stats div:nth-child(odd){border-right:1px solid var(--line)}
.stats div:nth-child(even){padding-left:1.2rem}
.stats dt{font:400 clamp(2.4rem,4vw,3.4rem)/1 var(--display);color:var(--ink)}
.stats dd{margin:.35rem 0 0;font-size:.92rem;line-height:1.4;color:var(--muted)}
.toolkit{margin-top:clamp(3rem,6vw,5rem)}
.kits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.6vw,22px);margin-top:1.2rem}
.kit{border:1px solid var(--line);border-top:3px solid var(--ink);border-radius:4px;padding:clamp(1.2rem,2vw,1.8rem);display:grid;gap:.9rem;align-content:start;background:var(--paper)}
.kit svg{width:36px;height:36px;fill:none;stroke:var(--ink);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.kit h3{font:400 clamp(1.7rem,2.4vw,2.2rem)/1 var(--display);text-transform:uppercase;letter-spacing:.01em}
.chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.45rem}
.chips li{border:1px solid var(--line);border-radius:99px;padding:.42rem .8rem;font-weight:600;font-size:.86rem;line-height:1.25;background:rgba(255,255,255,.35)}
.chips small{font-weight:400;font-size:.78rem;color:var(--muted);margin-left:.3rem}
.kit-note{font-size:.8rem;color:var(--muted)}
.kit--ai{background:var(--ink);color:var(--paper);border-color:var(--ink);border-top-color:var(--accent-on-ink)}
.kit--ai svg{stroke:var(--accent-on-ink)}
.kit--ai .chips li{border-color:rgba(246,243,236,.28);background:rgba(246,243,236,.06)}
.kit--ai .chips small{color:#c9cfdb}

/* experience */
.timeline{list-style:none;padding:0;margin:.5rem 0 0;border-top:2px solid var(--ink)}
.job{position:relative;display:grid;grid-template-columns:minmax(0,3fr) minmax(0,4fr) minmax(0,7fr);gap:clamp(1rem,3vw,3rem);padding-block:clamp(1.5rem,3vw,2.4rem);border-bottom:1px solid var(--line)}
.when{font:400 clamp(1.3rem,1.9vw,1.75rem)/1.1 var(--display);text-transform:uppercase;color:var(--ink);letter-spacing:.01em}
.who h3{font:700 1.3rem/1.2 var(--sans);letter-spacing:-.01em}
.who p{margin-top:.35rem;font-weight:500;line-height:1.45}
.who p span{color:var(--muted);font-weight:400;font-size:.92rem}
.job ul{margin:0;padding:0;list-style:none;display:grid;gap:.55rem;color:var(--muted)}
.job ul li{padding-left:1.3rem;position:relative}
.job ul li::before{content:"";position:absolute;left:0;top:.78em;width:.7rem;height:2px;background:var(--accent)}
.job--key{background:linear-gradient(90deg,var(--paper-2),transparent 85%);box-shadow:inset 4px 0 0 var(--accent);padding-left:clamp(1rem,2vw,1.6rem)}
.job-note{position:absolute;right:0;top:-.9rem;color:var(--accent);font-size:clamp(1.6rem,2.3vw,2.2rem);display:flex;align-items:center;gap:.3rem;transform:rotate(-4deg)}
.job-note svg{width:48px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;transform:rotate(80deg)}
.edu{margin-top:clamp(3.5rem,7vw,6rem)}
.edu-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,2.5vw,2rem);margin-top:1.2rem}
.edu-grid article{border-top:3px solid var(--ink);padding-top:1.1rem;display:grid;gap:.45rem;align-content:start}
.edu-grid h3{font:700 1.12rem/1.3 var(--sans)}
.edu-grid article p:last-child{color:var(--muted);font-size:.95rem}

/* work */
.cats{list-style:none;padding:0;margin:-.4rem 0 clamp(2rem,4vw,3rem);display:flex;flex-wrap:wrap;gap:.6rem 1.8rem}
.cats li{font:600 .82rem/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;display:flex;align-items:center;gap:.55rem}
.cats li::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--accent)}
.tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,1.6vw,22px)}
.tile{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:clamp(300px,30vw,400px);border-radius:6px;overflow:hidden;text-decoration:none;transition:transform .3s ease}
a.tile:hover{transform:translateY(-4px)}
.tile--tall{grid-row:span 2;min-height:clamp(520px,58vw,820px)}
.tile-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:.4rem 1rem;margin:.6rem 0 0;padding-top:1rem;border-top:1px solid currentColor}
.tile-stats dt{font:400 clamp(1.8rem,2.6vw,2.4rem)/1 var(--display)}
.tile-stats dd{margin:.25rem 0 0;font-size:.82rem;line-height:1.3;opacity:.85}
.tile--navy .tile-stats{border-top-color:rgba(246,243,236,.3)}
.tag--live{display:inline-flex;align-items:center;gap:.45rem}
.tag--live::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px rgba(194,65,12,.18)}
.tile--line{background:var(--paper);color:var(--ink);border:1.5px solid var(--ink)}
.tile--line p:not(.tag){color:var(--muted)}
.tile--line .tile-body{padding-top:clamp(5.5rem,9vw,8rem)}
.tile--plain .tile-body{padding-top:clamp(1.4rem,2.6vw,2.4rem)}
.tile--paper .tag--live{color:var(--accent)}
.tile-body{position:relative;z-index:1;padding:clamp(1.4rem,2.6vw,2.4rem);display:grid;gap:.75rem}
.tile h3{font:400 clamp(2.2rem,4.2vw,3.9rem)/.92 var(--display);text-transform:uppercase;letter-spacing:.005em}
.tile p{max-width:52ch}
.tag{justify-self:start;font:600 .72rem/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;border:1.5px solid currentColor;padding:.45rem .7rem;border-radius:99px}
.tile-role{font-weight:600}
.tile--navy{background:var(--ink);color:var(--paper)}
.tile--navy .tag{color:var(--accent-on-ink)}
.tile--navy p:not(.tag){color:#d9deea}
.tile--navy .tile-role{color:var(--paper)!important}
.tile-doodle{position:absolute;inset:6% 6% auto;width:88%;fill:none;stroke:var(--paper);stroke-width:1.3;stroke-linecap:round;opacity:.3}
.tile--navy .tile-doodle{top:6%;width:70%;left:15%;opacity:.28}
.tile--paper{background:var(--paper-2);color:var(--ink)}
.tile--paper p:not(.tag){color:var(--muted)}
.tile-doodle--ink{stroke:var(--ink);opacity:.45;stroke-width:2;inset:clamp(18px,2.4vw,34px) clamp(18px,2.4vw,34px) auto auto;width:min(46%,240px)}
.tile--paper .tile-body{padding-top:clamp(5.5rem,9vw,8rem)}
.tile .tile-cta{color:inherit;text-decoration:none}
.tile--paper .tile-cta:hover{color:var(--accent)}
.tile--video{background:var(--ink-deep);color:var(--paper);justify-content:flex-start}
.tile--video{grid-row:span 2}
.video-frame{aspect-ratio:4/5;background:#000}
.video-frame video{width:100%;height:100%;object-fit:cover}
.tile--video .tile-body{padding-block:1.1rem 1.4rem}
.tile--video .tag{color:var(--accent-on-ink)}
.tile--video h3{font-size:clamp(1.8rem,2.8vw,2.6rem)}
.tile--accent{background:var(--accent);color:var(--paper);min-height:0}
.tile--accent .tile-body{grid-template-columns:1fr;align-items:end}
.tile--accent .tag{grid-column:1/-1;margin-bottom:.9rem}
.tile--accent h3{font-size:clamp(3.4rem,6.4vw,6.5rem);line-height:.8}
.tile--accent p:not(.tag){align-self:end;padding-bottom:.4rem}
.tile-cta{font:600 1rem/1 var(--sans);display:inline-flex;gap:.5rem;align-items:center;border-bottom:2px solid currentColor;justify-self:start;padding-bottom:.3rem;margin-top:.3rem}

/* contact */
.contact-head{position:relative}
.contact-head .display{position:relative;z-index:1}
.contact-script{position:absolute;z-index:3;right:clamp(0px,4vw,60px);bottom:-1.25em;color:var(--accent);font-size:clamp(2rem,3.4vw,3.2rem);transform:rotate(-5deg);display:flex;align-items:center;gap:.4rem}
.contact-script svg{width:50px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;transform:rotate(70deg)}
.contact-intro{display:grid;gap:1.4rem}
.contact-intro .actions{margin-top:0}
.contact-head::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:var(--ink);z-index:3}
.contact-grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:clamp(2rem,5vw,5rem);margin-top:clamp(2.5rem,7vw,6.5rem);align-items:start}
.contact-list{list-style:none;margin:0;padding:0;display:grid}
.contact-list li{display:grid;grid-template-columns:7.5rem 1fr;gap:1rem;align-items:baseline;padding:1rem 0;border-bottom:1px solid var(--line)}
.contact-list li:first-child{border-top:1px solid var(--line)}
.contact-list span{font:600 .74rem/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.contact-list a{font-weight:600;font-size:clamp(1rem,1.5vw,1.2rem);text-decoration-thickness:2px;text-underline-offset:4px;text-decoration-color:var(--accent);overflow-wrap:anywhere}
.contact-list a:hover{color:var(--accent)}
.contact-list p{font-weight:500}

/* footer */
.foot{background:var(--ink);color:var(--paper);padding-block:2.2rem}
.foot-in{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem 2rem;font-size:.9rem;color:#d9deea}
.foot .mark{color:var(--paper)}
.foot .mark span{color:var(--accent-on-ink)}

/* ---------- click moments ---------- */
[data-peek],[data-relay]{cursor:pointer}
.tile-play{justify-self:start;margin-top:.4rem;background:none;border:0;border-bottom:2px solid currentColor;padding:0 0 .3rem;color:inherit;font:600 1rem/1 var(--sans);cursor:pointer;display:inline-flex;gap:.45rem;align-items:center}
.tile-play:hover{color:var(--accent-on-ink)}
/* agent relay (FutureMe card) */
.relay{position:absolute;inset:0;z-index:2;background:rgba(17,28,51,.97);display:grid;place-items:center;opacity:0;visibility:hidden;transition:opacity .25s,visibility 0s linear .25s;--mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace}
.relay.on{opacity:1;visibility:visible;transition:opacity .2s}
.relay-in{width:min(86%,420px);display:grid;gap:1.4rem;transition:opacity .2s}
.relay-nodes{position:relative;display:flex;justify-content:space-between;align-items:center}
.relay-nodes::before{content:"";position:absolute;left:18px;right:18px;top:50%;height:2px;background:rgba(246,243,236,.22)}
.relay-node{position:relative;width:clamp(34px,4vw,42px);aspect-ratio:1;border-radius:50%;background:var(--ink-deep);border:2px solid rgba(246,243,236,.3);display:grid;place-items:center;font:700 .68rem/1 var(--mono);color:#c9cfdb;transition:background .2s,border-color .2s,color .2s,box-shadow .2s}
.relay-node.lit{background:var(--paper);border-color:var(--paper);color:var(--ink);box-shadow:0 0 0 5px rgba(246,243,236,.14)}
.relay-node.done{background:var(--accent-on-ink);border-color:var(--accent-on-ink);color:var(--ink-deep)}
.relay-chip{position:absolute;top:-28px;left:0;font:700 .6rem/1 var(--mono);letter-spacing:.06em;background:var(--accent);color:#fff;padding:5px 6px;border-radius:3px;opacity:0;transition:transform .2s cubic-bezier(.6,0,.3,1),opacity .15s}
.relay-status{font:500 .86rem/1.4 var(--mono);color:var(--paper);min-height:2.8em;text-align:center}
.relay-done{position:absolute;inset:0;display:grid;place-content:center;text-align:center;gap:.4rem;opacity:0;transform:scale(.94);transition:opacity .2s,transform .3s cubic-bezier(.2,1.5,.4,1)}
.relay-done b{font:400 clamp(2.4rem,4vw,3.4rem)/1 var(--display);text-transform:uppercase;color:var(--paper)}
.relay-done span{font-size:.9rem;color:#c9cfdb}
.relay.end .relay-in{opacity:0}
.relay.end .relay-done{opacity:1;transform:none}
.tile-stats.flash dt{animation:statFlash 1.1s ease}
@keyframes statFlash{0%,100%{color:inherit}30%{color:var(--accent-on-ink)}}
/* peek-a-boo */
.peek{position:fixed;right:0;bottom:0;z-index:60;pointer-events:none;width:clamp(120px,15vw,200px)}
.peek img{display:block;width:100%;height:auto;transform:translateY(105%) rotate(6deg);transform-origin:50% 100%;transition:transform .5s cubic-bezier(.3,1.35,.5,1)}
.peek.up img{transform:translateY(34%) rotate(-4deg)}
.peek-bubble{position:absolute;right:calc(100% - 8px);bottom:calc(var(--vis,120px) - 34px);width:max-content;max-width:min(230px,calc(100vw - 150px));background:#fff;color:var(--ink);border:2px solid var(--ink);border-radius:12px;padding:.55rem .8rem;font:700 clamp(1.15rem,1.6vw,1.4rem)/1.1 var(--script);opacity:0;transform:translate(8px,6px);transition:opacity .2s,transform .2s}
.peek-bubble::after{content:"";position:absolute;right:-9px;bottom:14px;width:14px;height:14px;background:#fff;border-right:2px solid var(--ink);border-top:2px solid var(--ink);transform:rotate(45deg)}
.peek.talk .peek-bubble{opacity:1;transform:none}
/* paper plane (résumé links) */
.fly{position:fixed;inset:0;z-index:70;pointer-events:none;overflow:hidden}
.fly svg{position:absolute;inset:0;width:100%;height:100%}
.fly path{fill:none;stroke:var(--accent);stroke-width:2;stroke-dasharray:3 8;stroke-linecap:round;opacity:0;transition:opacity .35s}
.fly.trail path{opacity:.8}
.plane{position:absolute;left:0;top:0;width:40px;height:52px;margin:-26px 0 0 -20px;background:#fff;border:1px solid var(--line);box-shadow:0 6px 16px rgba(27,42,74,.14);clip-path:polygon(0 0,100% 0,100% 100%,0 100%);transition:clip-path .3s ease}
.plane.folded{clip-path:polygon(0 50%,100% 0,62% 100%,42% 58%)}
.plane i{display:block;height:3px;background:#e6e1d6;margin:7px 6px 0;border-radius:2px;transition:opacity .15s}
.plane.folded i{opacity:0}
.dl-chip{position:fixed;z-index:71;right:clamp(12px,2vw,24px);top:calc(var(--nav) + 12px);background:var(--ink);color:var(--paper);font:600 .86rem/1 var(--sans);padding:.65rem .95rem;border-radius:99px;box-shadow:0 10px 24px rgba(27,42,74,.25);transform:scale(0);opacity:0;transition:transform .3s cubic-bezier(.2,1.8,.4,1),opacity .2s;pointer-events:none}
.dl-chip b{color:var(--accent-on-ink);margin-right:.35rem}
.dl-chip.on{transform:scale(1);opacity:1}
@media (max-width: 760px){
  .peek{width:118px}
  .peek-bubble{font-size:1.12rem;max-width:calc(100vw - 150px)}
}

/* ---------- reveal ---------- */
.js .rv{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.js .rv.in{opacity:1;transform:none}

/* ---------- responsive ---------- */
@media (max-width: 1200px){
  .badge,.d-chart{display:none}
}
@media (max-width: 1080px){
  .job{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}
  .job ul{grid-column:2}
  .d-grid{display:none}
}
@media (max-width: 860px){
  .about-grid{grid-template-columns:1fr}
  .about-figure{max-width:420px;width:100%;margin-inline:auto;margin-top:calc(var(--fs,100px) * -.3)}
  .contact-grid{grid-template-columns:1fr}
  .edu-grid{grid-template-columns:1fr}
  .kits{grid-template-columns:1fr}
  .tiles{grid-template-columns:1fr}
  .tile--tall{grid-row:auto;min-height:0}
  .tile--video{grid-row:auto}
  .tile--line .tile-body,.tile--paper .tile-body{padding-top:clamp(1.4rem,2.6vw,2.4rem)}
  .tile--paper .tile-doodle--ink,.tile--line .tile-doodle--ink{position:relative;inset:auto;margin:clamp(18px,5vw,30px) clamp(18px,5vw,30px) 0 auto;width:min(60%,220px)}
  .tile--navy .tile-doodle{position:relative;inset:auto;margin:clamp(18px,5vw,34px) auto 0;width:88%}
}
@media (max-width: 900px){
  .hero{min-height:auto}
  .hero-meta{flex-direction:column;align-items:flex-start;gap:.5rem}
  .meta-r{display:none}
  .hero-stage{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;justify-items:stretch;padding:18px var(--gutter) 0}
  .hero-title{grid-area:2/1;justify-self:start;text-align:left;font-size:clamp(4.4rem,30vw,9.5rem);line-height:.8;white-space:normal;padding-top:0}
  .hero-title span{display:block}
  .hero-figure{position:relative;grid-area:1/1/3/2;left:auto;bottom:auto;transform:none;height:auto;width:min(60vw,440px);justify-self:end;align-self:end;margin-right:calc(var(--gutter) * -1)}
  .hero-figure img{height:auto}
  .hero-script{grid-area:1/1;align-self:center;justify-self:start;transform:rotate(-7deg);margin:0 0 0 2px;font-size:clamp(2.2rem,10.5vw,3.2rem)}
  .squiggle{width:90%}
  .d-chart{display:none}
  .hero-foot{flex-direction:column;align-items:stretch;padding-top:1.6rem;border-top:2px solid var(--ink);margin-top:0}
  .badge{display:none}
  .hero-copy{max-width:40rem}
}
@media (max-width: 760px){
  :root{--nav:58px}
  .nav nav{display:none}
  .actions .btn{flex:1 1 auto;justify-content:center}
  .job{grid-template-columns:1fr;gap:.6rem}
  .job ul{grid-column:auto;margin-top:.4rem}
  .job-note{position:static;justify-self:start;margin-top:.6rem;font-size:1.7rem}
  .job-note svg{display:none}
  .contact-script{position:static;display:inline-flex;margin-top:.9rem;transform:rotate(-4deg);transform-origin:left}
  .contact-head::after{display:none}
  .tile--accent .tile-body{grid-template-columns:1fr}
  .contact-list li{grid-template-columns:1fr;gap:.35rem}
  .stats div{padding-right:.6rem}
  .tile-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .contact-grid{margin-top:2rem}
}
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .js .rv{opacity:1;transform:none}
  .ticker-track{width:auto}
  .ticker ul[aria-hidden]{display:none}
  .ticker ul{flex-wrap:wrap;justify-content:center;padding-inline:var(--gutter);row-gap:.6rem}
}