/* THE WORLD OF MEDIUMS — presentation layer. Own tokens, own type, own components. Namespace .w-* */
@font-face{font-family:'Archivo';font-style:normal;font-weight:100 900;font-stretch:62% 125%;font-display:swap;src:url(/assets/concepts/fonts/archivo-latin-wdth-normal.woff2) format('woff2-variations')}
@font-face{font-family:'Archivo';font-style:italic;font-weight:100 900;font-stretch:62% 125%;font-display:swap;src:url(/assets/concepts/fonts/archivo-latin-wdth-italic.woff2) format('woff2-variations')}
@font-face{font-family:'Space Grotesk';font-weight:300 700;font-display:swap;src:url(/assets/concepts/fonts/space-grotesk-latin-wght-normal.woff2) format('woff2-variations')}

:root{
  /* palette: 4 strong + 2 neutrals (+ yellow as a material colour for objects) */
  --w-orange:#FF4D00; --w-acid:#C6FF00; --w-pink:#FF3D8A; --w-cobalt:#1F3BFF; --w-yellow:#FFD23F;
  --w-cream:#F4EBD9; --w-ink:#0E0C0B; --w-white:#FFFFFF;
  --w-display:'Archivo',Helvetica,Arial,sans-serif; --w-text:'Space Grotesk',Arial,sans-serif;
  --w-gut:clamp(18px,4.5vw,72px); --w-max:1400px; --w-line:3px;
  --w-pop:cubic-bezier(.34,1.4,.64,1); --w-ease:cubic-bezier(.2,.8,.2,1);
  --w-bg:var(--w-cream); --w-fg:var(--w-ink); --w-tapec:#3a2a1e;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
html.w-html{overflow-x:hidden;background:var(--w-cream)}
@media (prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}
body.w{margin:0;background:var(--w-bg);color:var(--w-fg);font:400 17px/1.5 var(--w-text);overflow-x:hidden;transition:background-color .6s var(--w-ease),color .6s var(--w-ease);position:relative}
body.w[data-bg="cream"]{--w-bg:var(--w-cream);--w-fg:var(--w-ink)}
body.w[data-bg="cobalt"]{--w-bg:var(--w-cobalt);--w-fg:#fff}
body.w[data-bg="black"]{--w-bg:var(--w-ink);--w-fg:#fff}
body.w[data-bg="pink"]{--w-bg:var(--w-pink);--w-fg:var(--w-ink)}
body.w[data-bg="orange"]{--w-bg:var(--w-orange);--w-fg:var(--w-ink)}
body.w[data-bg="acid"]{--w-bg:var(--w-acid);--w-fg:var(--w-ink)}
img{display:block;max-width:100%}
a{color:inherit}
h1,h2,h3,h4,p,ul,ol,figure{margin:0}
ul,ol{padding:0;list-style:none}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.w-skip{position:absolute;left:-9999px;top:8px;background:var(--w-ink);color:#fff;padding:10px 14px;z-index:1000}
.w-skip:focus{left:12px}
:focus-visible{outline:3px solid var(--w-ink);outline-offset:3px}
body.w[data-bg="black"] :focus-visible,body.w[data-bg="cobalt"] :focus-visible{outline-color:var(--w-acid)}
::selection{background:var(--w-acid);color:var(--w-ink)}
.w-in{max-width:var(--w-max);margin:0 auto;padding:0 var(--w-gut);position:relative;z-index:3}
h1,h2{font-family:var(--w-display);font-weight:900;font-stretch:110%;letter-spacing:-.035em;line-height:.92;text-transform:uppercase}
h1 em,h2 em{font-style:normal;font-weight:400;font-stretch:96%;text-transform:none;letter-spacing:-.02em}
.w-k{font:700 12px/1.4 var(--w-display);font-stretch:85%;letter-spacing:.22em;text-transform:uppercase;margin-bottom:16px}

/* ---------- buttons, stickers ---------- */
.w-btn{display:inline-flex;align-items:center;gap:12px;padding:16px 22px;border:var(--w-line) solid var(--w-ink);background:var(--w-orange);color:var(--w-ink);text-decoration:none;font:800 15px/1 var(--w-display);font-stretch:100%;letter-spacing:.02em;text-transform:uppercase;box-shadow:6px 6px 0 var(--w-ink);transition:transform .15s,box-shadow .15s}
.w-btn:active{transform:translate(4px,4px);box-shadow:2px 2px 0 var(--w-ink)}
.w-btn b{font-weight:900}
.w-btn-acid{background:var(--w-acid)}.w-btn-ink{background:var(--w-ink);color:#fff;box-shadow:6px 6px 0 var(--w-acid)}
.w-sticker{display:inline-block;padding:12px 18px;border:var(--w-line) solid var(--w-ink);border-radius:999px;background:#fff;color:var(--w-ink);text-decoration:none;font:800 14px/1 var(--w-display);letter-spacing:.04em;text-transform:uppercase;box-shadow:4px 4px 0 var(--w-ink);transform:rotate(-2deg)}
.w-sticker-yellow{background:var(--w-yellow)}.w-sticker-pink{background:var(--w-pink)}.w-sticker-acid{background:var(--w-acid)}

/* ---------- header / menu / transition veil ---------- */
.w-top{position:fixed;inset:0 0 auto 0;z-index:60;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px var(--w-gut);pointer-events:none}
.w-top>*{pointer-events:auto}
.w-mark{display:block;width:54px;height:54px;border:var(--w-line) solid var(--w-ink);box-shadow:4px 4px 0 var(--w-ink);transform:rotate(-2deg);overflow:hidden;background:var(--w-cobalt)}
.w-mark img{width:100%;height:100%;display:block}
.w-nav{display:none}
.w-nav ul{display:flex;gap:6px}
.w-nav a{display:block;padding:10px 14px;border:var(--w-line) solid var(--w-ink);background:#fff;color:var(--w-ink);text-decoration:none;font:800 12px/1 var(--w-display);letter-spacing:.08em;text-transform:uppercase;box-shadow:3px 3px 0 var(--w-ink)}
.w-hire{display:none;text-decoration:none;font:800 12px/1 var(--w-display);letter-spacing:.08em;text-transform:uppercase;padding:12px 16px;background:var(--w-acid);color:var(--w-ink);border:var(--w-line) solid var(--w-ink);box-shadow:3px 3px 0 var(--w-ink)}
.w-menu-btn{display:flex;flex-direction:column;gap:6px;justify-content:center;width:48px;height:44px;background:#fff;border:var(--w-line) solid var(--w-ink);box-shadow:3px 3px 0 var(--w-ink);padding:0 11px;margin-left:auto}
.w-menu-btn span{display:block;height:3px;background:var(--w-ink);transition:transform .3s var(--w-pop)}
html.menu-open .w-menu-btn span:first-child{transform:translateY(4.5px) rotate(45deg)}html.menu-open .w-menu-btn span:last-child{transform:translateY(-4.5px) rotate(-45deg)}
@media (min-width:1000px){.w-nav,.w-hire{display:block}.w-menu-btn{display:none}}
.w-menu{position:fixed;inset:0;z-index:55;background:var(--w-orange);color:var(--w-ink);display:flex;flex-direction:column;justify-content:flex-end;padding:0 var(--w-gut) 12vh;clip-path:circle(0 at calc(100% - 48px) 36px);transition:clip-path .55s var(--w-ease)}
html.menu-open .w-menu{clip-path:circle(150% at calc(100% - 48px) 36px)}
html.menu-open body{overflow:hidden}
.w-menu a{display:block;text-decoration:none;font:900 clamp(40px,11vw,80px)/.95 var(--w-display);font-stretch:110%;letter-spacing:-.03em;text-transform:uppercase;padding:4px 0}
.w-menu p{margin-top:24px;font:700 12px/1.4 var(--w-display);letter-spacing:.2em;text-transform:uppercase}
.w-veil{position:fixed;inset:0;z-index:100;pointer-events:none;visibility:hidden}
.w-veil-band{position:absolute;inset:0;background:var(--w-orange);transform:translateX(-102%) skewX(-8deg);transform-origin:right}
.w-veil.go{visibility:visible}
.w-veil.go .w-veil-band{animation:w-sweep .42s var(--w-ease) forwards}
@keyframes w-sweep{to{transform:translateX(0) skewX(0)}}
body.w.inner .w-veil-band{transform:translateX(0);animation:w-unsweep .5s var(--w-ease) .05s forwards}
body.w.inner .w-veil{visibility:visible}
@keyframes w-unsweep{to{transform:translateX(102%) skewX(8deg);visibility:hidden}}

/* ---------- the tape: one strand through the whole page ---------- */
.w-tape{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;pointer-events:none;overflow:visible}
.w-tape path{stroke-dasharray:1;stroke-dashoffset:1;opacity:.9;filter:drop-shadow(0 6px 0 rgba(0,0,0,.18))}
html.still .w-tape path{stroke-dashoffset:0}
body.w[data-bg="black"]{--w-tapec:#6b4b34}body.w[data-bg="cobalt"]{--w-tapec:#1a1410}

/* ---------- objects: shared ---------- */
.wsec{position:relative;overflow:hidden}
.w-obj{position:absolute;pointer-events:none;will-change:transform;z-index:2}
.w-obj svg,.w-obj img{width:100%;height:auto}
.w-brush img{filter:drop-shadow(0 8px 0 rgba(0,0,0,.08))}
.w-dots{background-image:radial-gradient(var(--w-ink) 1.6px,transparent 1.7px);background-size:11px 11px;opacity:.28;border-radius:50%}
.w-crop{width:60px;height:60px;border-left:var(--w-line) solid var(--w-ink);border-top:var(--w-line) solid var(--w-ink)}
.w-film svg{filter:drop-shadow(0 10px 0 rgba(0,0,0,.15))}
.w-keys{display:flex;gap:4px;pointer-events:auto}
.w-key{width:clamp(64px,7vw,110px);aspect-ratio:1;transition:transform .12s;filter:drop-shadow(0 8px 0 rgba(0,0,0,.2))}
.w-key.down{transform:translateY(8px) scale(.96)}
.w-browser{background:#fff;border:var(--w-line) solid var(--w-ink);box-shadow:8px 8px 0 var(--w-ink);font:600 15px/1.3 var(--w-text);color:var(--w-ink);min-width:220px}
.w-browser-bar{display:flex;align-items:center;gap:6px;padding:8px 10px;border-bottom:var(--w-line) solid var(--w-ink);background:var(--w-cream)}
.w-browser-bar i{width:10px;height:10px;border-radius:50%;background:var(--w-ink)}
.w-browser-bar i:nth-child(2){background:var(--w-orange)}.w-browser-bar i:nth-child(3){background:var(--w-acid)}
.w-browser-bar span{margin-left:8px;font:600 11px/1 var(--w-text);opacity:.6}
.w-browser-body{padding:14px 16px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:14px;min-height:44px}
.w-browser-body .w-typed::after{content:"";display:inline-block;width:8px;height:16px;background:var(--w-ink);margin-left:2px;vertical-align:-2px;animation:w-blink 1s steps(1) infinite}
@keyframes w-blink{50%{opacity:0}}
.w-frag .w-cursor{position:absolute;width:38px;height:auto;right:-16px;bottom:-24px;filter:drop-shadow(2px 3px 0 rgba(0,0,0,.35))}
.w-pola-in{background:#fff;padding:10px 10px 44px;border:2px solid #e2ddd2;box-shadow:8px 10px 0 rgba(0,0,0,.18);position:relative}
.w-pola-in img{aspect-ratio:1;object-fit:cover;object-position:50% 50%}
.w-pola-in span{position:absolute;left:14px;bottom:12px;font:600 13px/1 var(--w-text);color:#555;font-style:italic}
.w-record{width:clamp(220px,28vw,420px);aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(circle,#111 0 2px,#222 2px 4px);border:4px solid #111;display:grid;place-items:center;pointer-events:auto;cursor:pointer;box-shadow:0 14px 0 rgba(0,0,0,.2)}
.w-record i{width:34%;aspect-ratio:1;border-radius:50%;background:var(--w-orange);border:3px solid #111;position:relative}
.w-record i::after{content:"";position:absolute;inset:44%;border-radius:50%;background:var(--w-cream)}
.w-record b{position:absolute;font:900 13px/1 var(--w-display);color:#fff;transform:translateY(calc(-50% - 20px));letter-spacing:.1em}
.w-record.spin{animation:w-spin 1.6s cubic-bezier(.2,.9,.3,1)}
@keyframes w-spin{to{rotate:720deg}}
.w-eight{pointer-events:auto;cursor:pointer;filter:drop-shadow(10px 12px 0 rgba(0,0,0,.2))}
.w-eight.clunk{animation:w-clunk .22s var(--w-pop)}
@keyframes w-clunk{50%{translate:0 10px}}
.w-cassette{filter:drop-shadow(8px 10px 0 rgba(0,0,0,.2))}
.w-mic{filter:drop-shadow(6px 8px 0 rgba(0,0,0,.2))}

/* ---------- HERO: a composed scene ---------- */
.w-hero{min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;padding:120px 0 40px}
.w-giant{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);z-index:2;display:flex;flex-direction:column;align-items:center;font:900 clamp(78px,17.5vw,300px)/.82 var(--w-display);font-stretch:122%;letter-spacing:-.045em;color:var(--w-ink);text-align:center;white-space:nowrap;pointer-events:none;user-select:none}
.w-giant span:first-child{-webkit-text-stroke:3px var(--w-ink);color:transparent}
.w-giant span:last-child{color:var(--w-ink)}
.w-hero-copy{position:relative;z-index:4;max-width:560px;margin-left:var(--w-gut);background:var(--w-cream);border:var(--w-line) solid var(--w-ink);padding:22px 24px 24px;box-shadow:8px 8px 0 var(--w-ink)}
.w-hero-copy h1{font-size:clamp(24px,2.5vw,36px);text-transform:none;letter-spacing:-.025em;font-stretch:104%;line-height:1}
.w-hero-copy h1 em{display:block;color:var(--w-orange);margin-top:.15em;font-weight:900;font-stretch:104%}
.w-hero-copy p{margin-top:14px;font-size:16px;max-width:44ch}
.w-hero-copy .w-btn{margin-top:18px}
.w-where{position:absolute;right:var(--w-gut);bottom:26px;z-index:4;font:700 11px/1 var(--w-display);letter-spacing:.24em;text-transform:uppercase}
/* object placement (desktop) */
.w-brush-1{left:-12vw;top:-6vw;width:56vw;transform:rotate(-14deg)}
.w-eight{right:-9vw;top:12vh;width:clamp(260px,30vw,520px);rotate:-12deg}
.w-film-1{right:24vw;top:-10vh;width:clamp(56px,6vw,96px)}
.w-keys{left:44vw;bottom:5vh}
.w-pola-hero{left:-3vw;top:8vh;width:clamp(150px,15vw,240px);rotate:-9deg}
.w-frag{right:8vw;bottom:14vh;width:clamp(220px,22vw,340px);rotate:4deg}
.w-dots-1{left:56vw;top:62vh;width:22vw;height:22vw}
.w-crop-1{left:calc(var(--w-gut) - 20px);top:104px}
@media (max-width:760px){
  .w-hero{padding:96px 0 28px;min-height:100svh}
  .w-giant{top:32%;font-size:26vw;font-stretch:112%}
  .w-hero-copy{margin:0 var(--w-gut);max-width:none;padding:18px 18px 20px}
  .w-hero-copy h1{font-size:23px}
  .w-hero-copy p{font-size:15px}
  .w-where{position:static;margin:16px var(--w-gut) 0;font-size:10px}
  .w-brush-1{left:-30vw;top:-4vh;width:120vw;transform:rotate(-18deg)}
  .w-eight{right:-28vw;top:36vh;width:72vw;rotate:-14deg}
  .w-film-1{right:6vw;top:-6vh;width:44px}
  .w-keys{left:-10px;bottom:auto;top:52vh}
  .w-key{width:58px}
  .w-pola-hero{left:auto;right:-10vw;top:6vh;width:34vw;rotate:8deg}
  .w-frag{right:auto;left:38vw;bottom:auto;top:47vh;width:56vw;rotate:-3deg}
  .w-dots-1{left:-10vw;top:18vh;width:40vw;height:40vw}
  .w-crop-1{display:none}
}

/* ---------- CHANGE: cobalt field, tap to recompose ---------- */
.w-change{padding:16vh 0 14vh;color:var(--w-fg);min-height:100svh}
.w-change h2{font-size:clamp(44px,8.4vw,132px);max-width:9ch}
.w-change h2 em{color:var(--w-acid)}
.w-probs{margin-top:6vh;display:grid;gap:18px;max-width:900px}
.w-prob{display:block}
.w-problem{display:block;width:100%;text-align:left;padding:18px 22px;font:900 clamp(22px,3vw,40px)/1 var(--w-display);font-stretch:108%;letter-spacing:-.03em;text-transform:uppercase;color:var(--w-ink);background:#fff;border:var(--w-line) solid var(--w-ink);box-shadow:8px 8px 0 var(--w-ink);transition:transform .25s var(--w-pop),background .25s,box-shadow .25s}
.w-problem[aria-expanded="true"]{background:var(--w-acid);transform:translate(-4px,-4px) rotate(-1deg);box-shadow:14px 14px 0 var(--w-ink)}
.w-prob-clip .w-problem{background:var(--w-cream);font-family:Georgia,'Times New Roman',serif;font-weight:700;font-size:clamp(26px,3.4vw,46px);text-transform:none;letter-spacing:-.03em;border-style:dashed;transform:rotate(-1.2deg)}
.w-prob-tape .w-problem{background:var(--w-yellow);transform:rotate(.8deg);border-radius:6px}
.w-prob-fax .w-problem{background:#fff;font-family:ui-monospace,Menlo,Consolas,monospace;font-weight:700;font-size:clamp(18px,2.4vw,30px);letter-spacing:0;transform:rotate(-.5deg)}
.w-prob-sticker .w-problem{background:var(--w-pink);border-radius:999px;padding-inline:28px;transform:rotate(1.5deg)}
.w-prob-tab .w-problem{background:#fff;border-radius:14px 14px 0 0;transform:rotate(-.8deg)}
.w-problem[aria-expanded="true"]{background:var(--w-acid)!important}
.w-answers{margin-top:26px;max-width:640px}
.w-answer{background:var(--w-ink);color:#fff;padding:22px 24px;border:var(--w-line) solid #fff;box-shadow:8px 8px 0 var(--w-acid);animation:w-pop .45s var(--w-pop)}
@keyframes w-pop{from{opacity:0;transform:translateY(14px) scale(.96)}}
.w-answer p{font-size:clamp(17px,1.5vw,22px);line-height:1.4}
.w-answer a{display:inline-block;margin-top:14px;color:var(--w-acid);text-decoration:none;font:800 14px/1 var(--w-display);letter-spacing:.08em;text-transform:uppercase}
.w-record{right:4vw;top:8vh}
.w-film-2{left:-20px;bottom:-10vh;width:clamp(56px,6vw,90px)}
.w-brush-2{right:-14vw;bottom:-6vw;width:56vw;transform:rotate(12deg);opacity:.9}
.w-change{transition:background-color .5s var(--w-ease),color .5s}
.w-change[data-pick="launch"]{background:var(--w-orange);color:var(--w-ink)}.w-change[data-pick="launch"] h2 em{color:#fff}
.w-change[data-pick="fix"]{background:var(--w-pink);color:var(--w-ink)}.w-change[data-pick="fix"] h2 em{color:#fff}
.w-change[data-pick="relevant"]{background:var(--w-yellow);color:var(--w-ink)}.w-change[data-pick="relevant"] h2 em{color:var(--w-cobalt)}
.w-change[data-pick="build"]{background:var(--w-ink);color:#fff}
.w-change[data-pick="grow"]{background:var(--w-acid);color:var(--w-ink)}.w-change[data-pick="grow"] h2 em{color:var(--w-cobalt)}
.w-change[data-pick] .w-record i{background:var(--w-acid)}
.w-change[data-pick="grow"] .w-record i,.w-change[data-pick="relevant"] .w-record i{background:var(--w-orange)}
@media (max-width:760px){.w-change{padding:14vh 0 12vh}.w-change h2{font-size:15vw}.w-probs{gap:14px}.w-problem{padding:14px 16px;font-size:24px}.w-record{right:-30vw;top:4vh;width:60vw}.w-film-2{width:40px;left:-8px}.w-brush-2{width:120vw;right:-40vw;bottom:-14vw}}

/* ---------- DO: black field, capabilities collage ---------- */
.w-do{padding:16vh 0 14vh;color:var(--w-fg);min-height:100svh}
.w-do h2{font-size:clamp(44px,7.6vw,120px);max-width:11ch}
.w-do h2 em{color:var(--w-pink)}
.w-caps{margin-top:7vh;display:flex;flex-wrap:wrap;gap:22px 18px;max-width:1100px;align-items:center}
.w-cap a{display:inline-block;text-decoration:none;color:var(--w-ink);font:900 clamp(20px,2.6vw,40px)/1 var(--w-display);font-stretch:108%;letter-spacing:-.02em;text-transform:uppercase;padding:14px 20px;border:var(--w-line) solid var(--w-ink);box-shadow:7px 7px 0 var(--w-ink);transition:transform .2s var(--w-pop)}
.w-cap a:active{transform:translate(3px,3px)}
.w-cap-paper a{background:var(--w-cream);transform:rotate(-2deg);font-family:Georgia,'Times New Roman',serif;font-weight:700;text-transform:none}
.w-cap-arrow a{background:var(--w-acid);transform:rotate(-6deg) translateY(-8px)}
.w-cap-arrow a span::after{content:" ↗";font-weight:900}
.w-cap-paint a{background:var(--w-orange);color:#fff;border-radius:40% 60% 55% 45%/60% 40% 60% 40%;transform:rotate(2deg)}
.w-cap-brush a{background:var(--w-pink);transform:rotate(-1deg);font-style:italic;font-stretch:96%;text-transform:none}
.w-cap-browser a{background:#fff;border-radius:10px 10px 0 0;transform:rotate(1deg);padding-top:26px;position:relative;font-family:ui-monospace,Menlo,Consolas,monospace;font-weight:700;letter-spacing:0;text-transform:none}
.w-cap-browser a::before{content:"● ● ●";position:absolute;left:12px;top:6px;font:900 9px/1 var(--w-text);letter-spacing:2px}
.w-cap-clean a{background:#fff;border-radius:999px;box-shadow:none;border-color:#fff;font-weight:500;font-stretch:100%;letter-spacing:.12em;padding:16px 26px}
.w-cap-ticket a{background:var(--w-yellow);border-style:dashed;transform:rotate(3deg)}
.w-cap-label a{background:var(--w-cobalt);color:#fff;transform:rotate(-3deg);border-radius:6px;font-size:clamp(16px,2vw,28px)}
.w-do-note{margin-top:6vh;max-width:40ch;font-size:clamp(17px,1.4vw,21px)}
.w-do .w-btn{margin-top:26px}
.w-brush-3{left:-18vw;top:-4vw;width:60vw;transform:rotate(-6deg);opacity:.9}
.w-cassette{right:-6vw;top:14vh;width:clamp(260px,30vw,480px)}
.w-mic{left:2vw;bottom:-6vh;width:clamp(70px,7vw,120px)}
.w-dots-2{right:10vw;bottom:8vh;width:26vw;height:26vw;background-image:radial-gradient(#fff 1.6px,transparent 1.7px)}
@media (max-width:760px){.w-do{padding:14vh 0 12vh}.w-do h2{font-size:14vw}.w-caps{gap:14px 10px}.w-cap a{font-size:20px;padding:12px 14px}.w-cassette{right:-24vw;top:2vh;width:74vw}.w-mic{left:-10px;bottom:auto;top:44vh;width:60px}.w-brush-3{width:120vw;left:-50vw;top:26vh}.w-dots-2{width:50vw;height:50vw;right:-10vw;bottom:2vh}}

/* ---------- JEFF: the polaroid that grows, and breaks ---------- */
.w-jeff{padding:18vh 0 16vh;min-height:100svh;color:var(--w-ink)}
.w-behind{position:absolute;left:0;right:0;top:12vh;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;font:900 clamp(44px,9.6vw,150px)/.9 var(--w-display);font-stretch:118%;letter-spacing:-.04em;color:#fff;pointer-events:none;white-space:nowrap}
.w-behind span:last-child{color:transparent;-webkit-text-stroke:2px #fff}
.w-jeff-grid{display:grid;gap:40px;align-items:center;margin-top:10vh}
@media (min-width:900px){.w-jeff-grid{grid-template-columns:1fr 1.05fr;gap:80px}}
.w-polaroid{position:relative;width:min(100%,420px);margin:0 auto;aspect-ratio:1/1.22;transform-origin:50% 60%;transform:rotate(-9deg) scale(.72);cursor:pointer;perspective:1400px;z-index:3}
.w-pola-face,.w-pola-back{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:transform .7s var(--w-pop)}
.w-pola-face{background:#fff;padding:14px 14px 0;border:2px solid #e2ddd2;box-shadow:12px 14px 0 var(--w-ink)}
.w-pola-img{aspect-ratio:1;overflow:hidden;background:var(--w-cobalt);position:relative;isolation:isolate}
.w-pola-field{position:absolute;inset:-20%;background:var(--pf,var(--w-cobalt));transition:background-color .35s var(--w-ease);z-index:0}
.w-pola-dots{position:absolute;inset:0;background-image:radial-gradient(rgba(0,0,0,.28) 1.4px,transparent 1.5px);background-size:12px 12px;z-index:1;will-change:transform}
.w-pola-cut{position:absolute;left:50%;top:0;width:118%;height:auto;transform:translate3d(-50%,-4%,0);transform-origin:50% 30%;z-index:2;will-change:transform;filter:contrast(1.05)}
.w-pola-cap{position:absolute;left:18px;bottom:14px;font:italic 600 15px/1.2 var(--w-text);color:#444}
.w-pola-back{background:var(--w-yellow);border:var(--w-line) solid var(--w-ink);transform:rotateY(180deg);display:flex;flex-direction:column;justify-content:center;gap:16px;padding:24px;font:600 20px/1.3 var(--w-text)}
.w-hand{font-style:italic;color:var(--w-orange)}
.w-polaroid.flipped .w-pola-face{transform:rotateY(180deg)}
.w-polaroid.flipped .w-pola-back{transform:rotateY(0)}
.w-jeff-copy h2{font-size:clamp(48px,6.6vw,104px)}
.w-jeff-copy p{margin-top:18px;max-width:48ch;font-size:clamp(16px,1.25vw,19px)}
.w-lead{font:900 clamp(20px,1.7vw,26px)/1.15 var(--w-display);font-stretch:104%;letter-spacing:-.02em;text-transform:uppercase}
.w-jeff-copy .w-btn{margin-top:26px}
.w-film-3{right:-14px;top:-8vh;width:clamp(56px,6vw,90px)}
@media (max-width:760px){.w-jeff{padding:14vh 0 12vh}.w-behind{top:6vh;font-size:13.5vw;white-space:normal}.w-jeff-grid{margin-top:22vh}.w-polaroid{width:min(82vw,360px)}.w-film-3{width:40px;right:-6px;top:30vh}}

/* ---------- SCALE: BIG / SMALL converge ---------- */
.w-scale{padding:18vh 0 14vh;min-height:100svh;display:flex;align-items:center}
.w-scale-h{display:flex;flex-direction:column;align-items:flex-start;gap:.05em}
.w-scale-h span{display:block;transform-origin:left center;will-change:transform}
.w-big{font-size:clamp(48px,9vw,150px);color:var(--w-cobalt)}
.w-small{font-size:clamp(48px,9vw,150px);color:var(--w-pink)}
.w-imp{font-size:clamp(48px,9vw,150px);opacity:0;background:var(--w-ink);color:var(--w-acid);padding:.02em .14em;transform:rotate(-1.5deg)}
.w-scale.settled .w-big,.w-scale.settled .w-small{transform:none!important}.w-scale.settled .w-imp{opacity:1!important}
.w-scale-p{margin-top:6vh;max-width:54ch;font-size:clamp(17px,1.4vw,21px)}
.w-paths{margin-top:4vh;display:flex;flex-wrap:wrap;gap:16px 14px}
.w-paths li:nth-child(2) .w-sticker{transform:rotate(1.5deg)}.w-paths li:nth-child(3) .w-sticker{transform:rotate(-3deg)}
.w-brush-4{right:-20vw;top:0;width:60vw;transform:rotate(-20deg);opacity:.85}
@media (max-width:760px){.w-big,.w-small,.w-imp{font-size:12.5vw}.w-brush-4{width:130vw;right:-60vw;top:-4vh}}

/* ---------- ROOM: orange field, floating labels ---------- */
.w-room{padding:22vh 0 20vh;min-height:100svh;display:flex;align-items:center;color:var(--w-ink)}
.w-room h2{font-size:clamp(48px,9vw,150px);max-width:8ch}
.w-room-p{margin-top:24px;max-width:36ch;font:900 clamp(20px,2vw,30px)/1.15 var(--w-display);font-stretch:104%;letter-spacing:-.02em}
.w-room-list{margin-top:26px;max-width:50ch;font-size:17px}
.w-room-list a{font-weight:700}
.w-words{position:absolute;inset:0;z-index:2;pointer-events:none}
.w-word{position:absolute;padding:10px 16px;border:var(--w-line) solid var(--w-ink);background:#fff;font:800 clamp(13px,1.3vw,18px)/1 var(--w-display);letter-spacing:.08em;text-transform:uppercase;box-shadow:4px 4px 0 var(--w-ink);will-change:transform}
.w-word:nth-child(3n){background:var(--w-yellow)}.w-word:nth-child(3n+1){background:var(--w-acid)}.w-word:nth-child(4n){background:var(--w-pink)}.w-word:nth-child(5n){background:var(--w-cobalt);color:#fff}
.w-word:nth-child(1){left:62%;top:12%}.w-word:nth-child(2){left:78%;top:26%}.w-word:nth-child(3){left:58%;top:40%}.w-word:nth-child(4){left:84%;top:52%}.w-word:nth-child(5){left:66%;top:64%}.w-word:nth-child(6){left:50%;top:78%}
.w-word:nth-child(7){left:74%;top:84%}.w-word:nth-child(8){left:90%;top:70%}.w-word:nth-child(9){left:56%;top:22%}.w-word:nth-child(10){left:88%;top:8%}.w-word:nth-child(11){left:70%;top:48%}.w-word:nth-child(12){left:80%;top:92%}
@media (max-width:760px){.w-room{padding:16vh 0 46vh}.w-room h2{font-size:15vw}.w-word{font-size:12px;padding:8px 12px}
.w-word:nth-child(1){left:6%;top:66%}.w-word:nth-child(2){left:52%;top:70%}.w-word:nth-child(3){left:20%;top:76%}.w-word:nth-child(4){left:64%;top:80%}.w-word:nth-child(5){left:2%;top:84%}.w-word:nth-child(6){left:40%;top:88%}
.w-word:nth-child(7){left:70%;top:90%}.w-word:nth-child(8){left:12%;top:94%}.w-word:nth-child(9){left:48%;top:60%}.w-word:nth-child(10){left:78%;top:62%}.w-word:nth-child(11){left:30%;top:68%}.w-word:nth-child(12){left:58%;top:96%}}

/* ---------- HOW: room to breathe ---------- */
.w-how{padding:14vh 0 12vh}
.w-how h2{font-size:clamp(40px,6.4vw,100px)}
.w-how-grid{display:grid;gap:40px}
@media (min-width:900px){.w-how-grid{grid-template-columns:1.1fr 1fr;gap:80px;align-items:start}}
.w-steps{margin-top:4vh;counter-reset:s;max-width:560px}
.w-steps li{counter-increment:s;display:grid;grid-template-columns:44px 1fr;gap:12px;padding:16px 0;border-top:var(--w-line) solid var(--w-ink);font:600 clamp(17px,1.4vw,21px)/1.35 var(--w-text)}
.w-steps li::before{content:counter(s);font:900 22px/1 var(--w-display);color:var(--w-orange)}
.w-shapes{display:grid;gap:14px;margin-top:8px}
.w-shapes li{background:#fff;border:var(--w-line) solid var(--w-ink);box-shadow:6px 6px 0 var(--w-ink);padding:16px 18px;font-size:16px}
.w-shapes b{display:block;font:900 20px/1 var(--w-display);font-stretch:106%;text-transform:uppercase;letter-spacing:-.01em;margin-bottom:8px}
.w-still-reading{margin-top:28px;opacity:0;transform:rotate(-4deg) translateY(10px);transition:opacity .5s .3s,transform .5s var(--w-pop) .3s;font-size:12px}
.w-still-reading.show{opacity:1;transform:rotate(-4deg)}
.w-film-4{right:-16px;top:-6vh;width:clamp(56px,6vw,90px);opacity:.9}
@media (max-width:760px){.w-film-4{width:40px}}

/* ---------- TALK: black field, fax form ---------- */
.w-talk{padding:18vh 0 14vh;color:var(--w-fg);min-height:100svh}
.w-talk-grid{display:grid;gap:40px}
@media (min-width:1000px){.w-talk-grid{grid-template-columns:1fr 1.1fr;gap:80px;align-items:start}}
.w-so{font:900 clamp(120px,22vw,340px)/.8 var(--w-display);font-stretch:122%;letter-spacing:-.05em;color:var(--w-acid);margin:0 0 .1em -.04em}
.w-talk h2{font-size:clamp(34px,4.6vw,72px);text-transform:none;letter-spacing:-.03em;max-width:12ch}
.w-talk-sub{margin-top:18px;font-size:clamp(18px,1.6vw,24px)}
.w-talk-sub em{color:var(--w-pink);font-style:normal;font-weight:700}
.w-fax{background:var(--w-cream);color:var(--w-ink);padding:0 0 24px;border:var(--w-line) solid #fff;box-shadow:10px 10px 0 var(--w-pink);position:relative;font-family:ui-monospace,Menlo,Consolas,monospace}
.w-fax::before{content:"";position:absolute;left:0;right:0;top:-10px;height:10px;background:repeating-linear-gradient(90deg,var(--w-cream) 0 10px,transparent 10px 20px)}
.w-fax-head{display:flex;justify-content:space-between;gap:12px;padding:12px 18px;border-bottom:2px dashed var(--w-ink);font:700 11px/1 ui-monospace,Menlo,Consolas,monospace;letter-spacing:.14em}
.w-fax form{padding:18px 18px 0}
.w-fax .field{margin-bottom:18px}
.w-fax label{display:block;font:700 11px/1.4 ui-monospace,Menlo,Consolas,monospace;letter-spacing:.14em;text-transform:uppercase;margin-bottom:6px}
.w-fax input,.w-fax textarea{width:100%;background:#fff;border:2px solid var(--w-ink);color:var(--w-ink);font:500 17px/1.4 var(--w-text);padding:12px 14px;border-radius:0}
.w-fax textarea{min-height:130px;resize:vertical}
.w-fax input:focus,.w-fax textarea:focus{outline:0;box-shadow:0 0 0 4px var(--w-acid)}
.w-fax .form-foot{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.w-fax button[type=submit]{display:inline-flex;gap:10px;padding:14px 20px;border:var(--w-line) solid var(--w-ink);background:var(--w-orange);color:var(--w-ink);font:900 15px/1 var(--w-display);text-transform:uppercase;letter-spacing:.04em;box-shadow:5px 5px 0 var(--w-ink)}
.w-fax .form-note{font-size:12px}
.w-fax .thankyou{display:none;padding:18px 18px 0;font:700 20px/1.3 var(--w-text)}
.w-fax .thankyou.show{display:block}
.w-fax .thankyou .muted{font:400 14px/1.5 var(--w-text);margin-top:8px}
.w-talk-note{padding:16px 18px 0;font:500 14px/1.4 var(--w-text)}
.w-talk-note em{color:var(--w-orange);font-style:normal;font-weight:700}
.w-brush-5{left:-16vw;bottom:-8vw;width:60vw;transform:rotate(8deg);opacity:.9}
.w-keys-2{right:2vw;top:8vh;pointer-events:auto}
@media (max-width:760px){.w-talk{padding:14vh 0 12vh}.w-so{font-size:34vw}.w-brush-5{width:130vw;left:-60vw;bottom:auto;top:30vh}.w-keys-2{right:-10px;top:4vh}.w-keys-2 .w-key{width:56px}}

/* ---------- small print + footer (quiet, cream) ---------- */
.w-print{background:var(--w-cream);color:var(--w-ink);padding:10vh 0;border-top:var(--w-line) solid var(--w-ink);position:relative;z-index:3;font-size:15px;line-height:1.6}
.w-print h2{font-size:26px;margin:8px 0 14px}
.w-print-p{max-width:90ch}
.w-print a,.w-fact a,.colophon a{text-decoration:underline;text-decoration-color:var(--w-orange);text-decoration-thickness:2px;text-underline-offset:3px}
.w-facts{display:grid;gap:22px;margin-top:30px}
@media (min-width:800px){.w-facts{grid-template-columns:repeat(4,1fr)}}
.w-fact h3{font:800 12px/1.4 var(--w-display);letter-spacing:.16em;text-transform:uppercase;margin-bottom:6px}
.w-fact p{font-size:14px}
.w-foot{background:var(--w-ink);color:#fff;padding:8vh 0 6vh;position:relative;z-index:3}
.w-foot-mark{font:900 clamp(56px,11vw,180px)/.82 var(--w-display);font-stretch:122%;letter-spacing:-.045em;color:var(--w-cream)}
.w-foot-cols{display:grid;gap:32px 40px;margin-top:6vh}
@media (min-width:800px){.w-foot-cols{grid-template-columns:1fr 1fr 1.4fr 1fr}}
.w-foot h4{font:800 12px/1.4 var(--w-display);letter-spacing:.2em;text-transform:uppercase;color:var(--w-acid);margin:0 0 12px}
.w-foot ul{display:grid;gap:8px}
.w-foot-svc{grid-template-columns:1fr 1fr}
.w-foot ul a{text-decoration:none;font-size:14px;font-weight:600}
.w-foot-note{margin-top:20px;font-size:13px;line-height:1.7;color:#cfc9bd}
.w-foot-note a{color:#fff}

/* =====================================================================================================
   INNER PAGES — quieter rooms in the same universe. Search markup from build.py, styled here.
   ===================================================================================================== */
body.w.inner{--w-bg:var(--w-cream)}
body.w.inner .w-tape path{stroke-dashoffset:0;opacity:.2;stroke-width:9px}
.w-inner-main{position:relative;z-index:3;padding-top:96px;overflow:hidden}
.w-inner-film{right:-14px;top:40px;width:clamp(48px,5vw,80px);opacity:.9}
.w-inner-sticker{left:auto;right:clamp(20px,6vw,90px);top:150px;pointer-events:none;display:none}
@media (min-width:1000px){.w-inner-sticker{display:inline-block}}
body.w.inner h1{font-size:clamp(40px,6.4vw,104px);max-width:12ch}
body.w.inner h1 em{color:var(--w-orange)}
body.w.inner h2{font-size:clamp(28px,3.4vw,52px)}
body.w.inner h3{font:900 clamp(19px,1.4vw,24px)/1.15 var(--w-display);font-stretch:106%;text-transform:uppercase;letter-spacing:-.01em}
body.w.inner h4{font:800 14px/1.3 var(--w-display);text-transform:uppercase;letter-spacing:.08em}
body.w.inner p + p{margin-top:1em}
body.w.inner p a,body.w.inner .faq-a a,body.w.inner .list a{text-decoration:underline;text-decoration-color:var(--w-orange);text-decoration-thickness:2px;text-underline-offset:3px}
.wrap{width:100%;max-width:calc(var(--w,880px) + var(--w-gut) * 2);margin-inline:auto;padding-inline:var(--w-gut);position:relative;z-index:3}
.w-640{--w:640px}.w-880{--w:880px}.w-1120{--w:1120px}.w-full{--w:1400px}
.sec{padding-block:clamp(56px,8vw,110px)}
.sec.tight{padding-block:clamp(40px,6vw,80px)}
.rule-top{border-top:var(--w-line) solid var(--w-ink)}
.dark{background:var(--w-ink);color:#fff}
.lab{display:block;font:700 12px/1.4 var(--w-display);font-stretch:85%;letter-spacing:.22em;text-transform:uppercase;margin-bottom:16px;color:var(--w-orange)}
.dark .lab{color:var(--w-acid)}
.lede{font-size:clamp(18px,1.3vw,22px);line-height:1.45;max-width:34em}
.muted{opacity:.7}
.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 20px;border:var(--w-line) solid var(--w-ink);background:#fff;color:var(--w-ink);text-decoration:none;font:800 14px/1 var(--w-display);letter-spacing:.04em;text-transform:uppercase;box-shadow:5px 5px 0 var(--w-ink);cursor:pointer;white-space:nowrap}
.btn.solid{background:var(--w-orange)}
.dark .btn{border-color:#fff;box-shadow:5px 5px 0 var(--w-acid)}
.btn:active{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--w-ink)}
.textlink{font-weight:700;text-decoration:underline;text-decoration-color:var(--w-orange);text-decoration-thickness:2px}
.crumbs{display:flex;flex-wrap:wrap;gap:0 10px;margin:0 0 22px;font:700 11px/1.6 var(--w-display);letter-spacing:.18em;text-transform:uppercase}
.crumbs li + li::before{content:'/';margin-right:10px;color:var(--w-orange)}
.crumbs a{text-decoration:none}
.phead{padding-block:clamp(40px,6vw,90px) clamp(36px,5vw,64px)}
.phead .grid{display:grid;gap:36px}
.phead .lede{margin-top:22px}
.phead .ctas,.ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
@media (min-width:900px){.phead .grid.has-img{grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);align-items:end;gap:64px}}
.slot{position:relative;overflow:hidden;background:#fff;aspect-ratio:var(--ar,4/3);border:var(--w-line) solid var(--w-ink);box-shadow:10px 10px 0 var(--w-ink);transform:rotate(2deg)}
.slot img{width:100%;height:100%;object-fit:cover}
.slot.ar-11{--ar:1/1}.slot.ar-34{--ar:3/4}.slot.ar-169{--ar:16/9}.slot.ar-32{--ar:3/2}
.answer{padding-block:clamp(48px,6vw,88px);border-top:var(--w-line) solid var(--w-ink)}
.answer .grid{display:grid;gap:24px}
@media (min-width:768px){.answer .grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.6fr);gap:56px}}
.answer .body{font-size:clamp(17px,.4vw + 15px,19px);line-height:1.55}
.answer .body p:first-child{font-weight:700}
.two{display:grid;gap:40px}
@media (min-width:900px){.two{grid-template-columns:1fr 1fr;gap:72px}.two.narrow-left{grid-template-columns:.8fr 1.2fr}}
.sec-head{margin-bottom:clamp(24px,3vw,40px)}
.sec-head p{margin-top:14px;max-width:36em;opacity:.8}
.rows{border-top:var(--w-line) solid var(--w-ink)}
.rows li{border-bottom:var(--w-line) solid var(--w-ink)}
.rowlink{display:grid;grid-template-columns:1fr auto;align-items:center;gap:16px;min-height:64px;padding:16px 0;text-decoration:none;transition:padding-left .25s var(--w-pop)}
.rowlink:active{padding-left:10px}
.rowlink .t{display:block;font:900 clamp(20px,1.6vw,28px)/1.05 var(--w-display);font-stretch:106%;text-transform:uppercase;letter-spacing:-.02em}
.rowlink .s{display:block;font-size:15px;margin-top:6px;opacity:.8}
.rowlink .a{font-size:22px;color:var(--w-orange)}
.rows.big .rowlink .t{font-size:clamp(26px,2.4vw,44px)}
@media (min-width:768px){.rows.two{columns:2;column-gap:56px;border-top:0}.rows.two li{break-inside:avoid;border-top:var(--w-line) solid var(--w-ink);border-bottom:0}.rows.two li:last-child{border-bottom:var(--w-line) solid var(--w-ink)}}
.list{border-top:2px solid var(--w-ink)}
.list li{padding:12px 0;border-bottom:2px solid var(--w-ink);font-size:17px}
.list.plain li{padding:10px 0;font-size:16px}
@media (min-width:768px){.list.cols{columns:2;column-gap:48px;border-top:0}.list.cols li{break-inside:avoid;border-top:2px solid var(--w-ink);border-bottom:0}}
.steps{counter-reset:s;border-top:var(--w-line) solid var(--w-ink)}
.steps li{counter-increment:s;display:grid;grid-template-columns:44px 1fr;gap:8px 12px;padding:22px 0;border-bottom:var(--w-line) solid var(--w-ink)}
.steps li::before{content:counter(s);font:900 24px/1 var(--w-display);color:var(--w-orange)}
.steps h3{margin-bottom:8px}
.steps p{opacity:.8}
.prose{font-size:17px;line-height:1.65;max-width:38em}
.prose h2{margin:1.6em 0 .6em}
.prose h3{margin:1.5em 0 .5em}
.prose ul,.prose ol{padding-left:1.2em;margin:1em 0;list-style:disc}
.prose blockquote{margin:1.6em 0;padding:16px 20px;border-left:6px solid var(--w-orange);background:#fff;font-weight:600}
.faq{border-top:var(--w-line) solid var(--w-ink)}
.faq details{border-bottom:var(--w-line) solid var(--w-ink)}
.faq summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:1fr 28px;gap:16px;align-items:start;padding:18px 0;font:800 clamp(17px,1.3vw,21px)/1.3 var(--w-text)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:'+';font:900 28px/1 var(--w-display);color:var(--w-orange);justify-self:end;transition:transform .3s var(--w-pop)}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq .faq-a{padding:0 0 20px;max-width:40em;font-size:16px;line-height:1.6}
.faq details.module summary{font-size:16px}
.contact{padding-block:clamp(64px,9vw,120px);position:relative}
.contact h2,.contact h1{font-size:clamp(34px,4.2vw,64px);text-transform:none;letter-spacing:-.03em}
.contact .sub{margin-top:16px;font-size:clamp(17px,1.4vw,21px)}
.contact .sub em{color:var(--w-acid);font-style:normal;font-weight:700}
.contact form{margin-top:36px}
.field{margin-bottom:20px}
.field label{display:block;font:700 11px/1.4 var(--w-display);letter-spacing:.16em;text-transform:uppercase;margin-bottom:8px}
.field input,.field textarea,.field select{width:100%;background:#fff;border:2px solid var(--w-ink);color:var(--w-ink);font:500 17px/1.4 var(--w-text);padding:12px 14px;border-radius:0;-webkit-appearance:none;appearance:none}
.field textarea{min-height:130px;resize:vertical}
.field input:focus,.field textarea:focus,.field select:focus{outline:0;box-shadow:0 0 0 4px var(--w-acid)}
.form-foot{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px;margin-top:6px}
.form-note{font-size:13px;opacity:.8}
.thankyou{display:none;margin-top:30px;padding-top:20px;border-top:2px dashed currentColor}
.thankyou.show{display:block}
.thankyou p:first-child{font:800 22px/1.3 var(--w-text)}
.contact .aside{margin-top:36px;padding-top:20px;border-top:2px dashed currentColor;font-size:14px;line-height:1.7;opacity:.85}
.colophon.w-print .facts{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:18px 40px}
@media (min-width:768px){.colophon.w-print .facts{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1120px){.colophon.w-print .facts{grid-template-columns:repeat(4,1fr)}}
.colophon.w-print .facts li{padding-top:10px;border-top:2px solid var(--w-ink)}
.colophon.w-print .facts b{display:block;font:800 12px/1.4 var(--w-display);letter-spacing:.14em;text-transform:uppercase;margin-bottom:4px}
.colophon.w-print strong{font-weight:700}
.memo{position:relative;border:var(--w-line) solid var(--w-ink);padding:18px;background:#fff;max-width:420px;box-shadow:6px 6px 0 var(--w-ink);transform:rotate(-1.5deg)}
.memo-h{display:block;font:800 11px/1.4 var(--w-display);letter-spacing:.16em;text-transform:uppercase;padding-bottom:8px;border-bottom:2px solid var(--w-ink);margin-bottom:10px}
.memo dl{margin:0;display:grid;gap:8px}.memo dl div{display:grid;grid-template-columns:56px 1fr;gap:12px}.memo dt{font:700 10px/1.6 var(--w-display);letter-spacing:.14em;text-transform:uppercase;opacity:.7}.memo dd{margin:0;font-size:15px}
.stamp{position:absolute;top:10px;right:12px;font:800 10px/1 var(--w-display);letter-spacing:.2em;text-transform:uppercase;color:var(--w-orange);border:2px solid var(--w-orange);padding:6px 8px;transform:rotate(-8deg)}
.reveal-up{opacity:1}
.grow-rule::before{display:none}
.end-cta{padding-block:clamp(48px,6vw,88px);border-top:var(--w-line) solid var(--w-ink)}