/* Inner Architect · "The Offline Scrapbook" (see DESIGN.md) */
@font-face{font-family:"Fraunces";src:url(../fonts/fraunces.woff2) format("woff2");font-weight:300 900;font-style:normal;font-display:swap}
@font-face{font-family:"Outfit";src:url(../fonts/outfit.woff2) format("woff2");font-weight:300 800;font-display:swap}
@font-face{font-family:"Bagel Fat One";src:url(../fonts/bagel.woff2) format("woff2");font-display:swap}
@font-face{font-family:"Shrikhand";src:url(../fonts/shrikhand.woff2) format("woff2");font-display:swap}

:root{
  --cream:#FFFDF6; --peach-cream:#FFEFDF; --coral:#F85F5F; --coral-deep:#EF4B4B; --peach:#FEB29B;
  --teal:#0A665B; --deep:#02473E; --red:#FF0000; --orange:#FF6B00; --sage:#BDD4C6; --oxblood:#700D02;
  --sticker:#DC2A00; --indigo:#280B9D; --pink:#F9C6CF; --blush:#F9DAD6;
  --grid:rgba(248,95,95,.10);
  --f-head:"Fraunces", "Georgia", serif;
  --f-body:"Outfit", system-ui, sans-serif;
  --f-stk:"Bagel Fat One", "Outfit", sans-serif;
  --f-groovy:"Shrikhand", "Georgia", serif;
  --ease-out:cubic-bezier(.23,1,.32,1);
  --ease-io:cubic-bezier(.77,0,.175,1);
  --ah:38px; --hh:92px;
  --pad:clamp(56px, 8vw, 116px);
  --gutter:24px;
}
@media (max-width:899px){:root{--hh:68px;--gutter:16px;--ah:34px}}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;overflow-x:clip}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
html.is-locked{overflow:hidden}
body{margin:0;overflow-x:clip;color:var(--teal);font-family:var(--f-body);font-size:1.0625rem;line-height:1.6;
  background-color:var(--cream);
  background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);
  background-size:32px 32px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
main{overflow-x:clip;display:block}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
h1,h2,h3,p,figure,blockquote,ul,ol,dl,dd{margin:0}
ul,ol{padding:0;list-style:none}
button{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--orange);outline-offset:3px;border-radius:6px}
.skip{position:absolute;left:12px;top:-60px;z-index:10001;background:var(--deep);color:var(--cream);padding:10px 16px;border-radius:999px;text-decoration:none}
.skip:focus{top:12px}
.wrap{width:100%;max-width:1320px;margin-inline:auto;padding-inline:var(--gutter)}
section{position:relative}
section[id]{scroll-margin-top:calc(var(--hh) - 8px)}

/* ---------- type ---------- */
.h2,.hero-title,.attn-title,.statement,.profile-name,.end-q,.card-q,.thrived-intro,.strip,.bubble p,.acc button{
  font-family:var(--f-head);font-variation-settings:"SOFT" 100,"WONK" 1,"opsz" 72;letter-spacing:-.01em}
.h2{font-size:clamp(2.1rem,4.2vw,3.6rem);line-height:1.04;font-weight:760;color:var(--deep)}
.groovy{font-family:var(--f-groovy);font-weight:400;line-height:1.02;letter-spacing:.005em}
.prose p+p{margin-top:1em}
.prose strong,.prose b{font-weight:650;color:var(--deep)}
mark.red{background:none;color:var(--red);font-weight:650}
.lead{font-size:clamp(1.2rem,1.7vw,1.4rem);line-height:1.45;color:var(--deep);font-weight:500}
.text-link{color:var(--deep);font-weight:650;text-decoration:underline;text-decoration-color:var(--coral);text-decoration-thickness:2px;text-underline-offset:3px;transition:color .25s ease}
.text-link:hover{color:var(--coral-deep)}

/* ---------- buttons (sticker pills, colour swap only) ---------- */
.btn{--bg:var(--deep);--fg:var(--cream);display:inline-flex;align-items:center;justify-content:center;gap:.5em;
  font-family:var(--f-stk);font-size:1.12rem;line-height:1;letter-spacing:.01em;white-space:nowrap;text-decoration:none;
  padding:.78em 1.45em .84em;border:0;border-radius:999px;cursor:pointer;background:var(--bg);color:var(--fg);
  box-shadow:0 0 0 3px var(--cream),4px 5px 0 3px var(--peach);
  transition:background-color .28s ease,color .28s ease,transform .16s var(--ease-out)}
.btn:hover{--bg:var(--coral-deep);--fg:#fff}
.btn:active{transform:scale(.97)}
.btn-ghost{--bg:var(--cream);--fg:var(--deep);box-shadow:inset 0 0 0 2.5px var(--deep),0 0 0 3px var(--cream),4px 5px 0 3px var(--sage)}
.btn-ghost:hover{--bg:var(--coral-deep);--fg:#fff;box-shadow:inset 0 0 0 2.5px var(--coral-deep),0 0 0 3px var(--cream),4px 5px 0 3px var(--sage)}

/* ---------- announcement + header ---------- */
.announce{display:flex;align-items:center;justify-content:center;height:var(--ah);background:var(--orange);color:#fff;
  font-family:var(--f-stk);font-size:.98rem;letter-spacing:.01em;text-decoration:none;padding:0 16px;text-align:center;
  position:relative;z-index:10000;transition:background-color .25s ease}
.announce:hover{background:var(--coral-deep)}
.announce span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.site-header{position:relative;z-index:9999;height:var(--hh);margin-bottom:calc(-1 * var(--hh));
  transform:translate3d(0,0,0);will-change:transform}
.header-in{height:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding-inline:clamp(20px,3vw,44px)}
.brand{justify-self:start;display:block;width:clamp(96px,8.2vw,122px)}
.brand img{width:100%}
.nav{display:flex;gap:clamp(22px,2.6vw,40px)}
.nav-l,.nav-r{display:contents}
.nav a{font-family:var(--f-head);font-variation-settings:"SOFT" 100,"WONK" 1;font-weight:650;font-size:1.06rem;color:var(--deep);text-decoration:none;
  position:relative;padding:6px 2px;transition:color .25s ease}
.nav a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;border-radius:3px;background:var(--coral);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease-out)}
.nav a:hover{color:var(--coral-deep)}
.nav a:hover::after{transform:scaleX(1)}
.btn-head{justify-self:end;font-size:1rem}
.menu-toggle{display:none}

@media (max-width:899px){
  .site-header{position:sticky;top:0;transition:transform .6s var(--ease-out),opacity .6s var(--ease-out),background-color .3s ease}
  .site-header.is-solid{background:var(--cream)}
  .site-header.is-hidden{transform:translate3d(0,calc(-100% - 24px),0);opacity:0;pointer-events:none}
  .header-in{grid-template-columns:1fr auto;padding-inline:var(--gutter)}
  .brand{width:84px}
  .nav,.btn-head{display:none}
  .menu-toggle{display:grid;place-items:center;align-content:center;gap:7px;width:50px;height:50px;border-radius:50%;border:0;background:var(--deep);cursor:pointer;
    box-shadow:0 0 0 3px var(--cream),3px 4px 0 3px var(--peach)}
  .menu-toggle span{display:block;width:22px;height:3px;border-radius:3px;background:var(--cream);transition:transform .45s var(--ease-io)}
  .menu-open .menu-toggle span:first-child{transform:translateY(5px) rotate(45deg)}
  .menu-open .menu-toggle span:last-child{transform:translateY(-5px) rotate(-45deg)}
}

/* mobile menu: same slide + timing both ways */
.menu{position:fixed;inset:0;z-index:9998;visibility:hidden;pointer-events:none;transition:visibility 0s linear .6s}
.menu-paper{position:absolute;inset:0;background:var(--peach-cream);
  background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:32px 32px;
  padding:calc(var(--hh) + 28px) var(--gutter) 32px;display:flex;flex-direction:column;justify-content:space-between;
  transform:translate3d(100%,0,0);transition:transform .6s var(--ease-io);overflow:hidden}
.menu-open .menu{visibility:visible;pointer-events:auto;transition:visibility 0s}
.menu-open .menu-paper{transform:translate3d(0,0,0)}
.menu-links{display:flex;flex-direction:column;gap:4px}
.menu-links a{font-family:var(--f-head);font-variation-settings:"SOFT" 100,"WONK" 1;font-weight:760;font-size:clamp(2.2rem,10vw,3.2rem);line-height:1.15;color:var(--deep);text-decoration:none;
  opacity:0;transform:translate3d(40px,0,0);transition:opacity .45s ease,transform .6s var(--ease-io),color .25s ease}
.menu-open .menu-links a{opacity:1;transform:none}
.menu-open .menu-links a:nth-child(1){transition-delay:.12s}.menu-open .menu-links a:nth-child(2){transition-delay:.17s}
.menu-open .menu-links a:nth-child(3){transition-delay:.22s}.menu-open .menu-links a:nth-child(4){transition-delay:.27s}
.menu-open .menu-links a:nth-child(5){transition-delay:.32s}
.menu-links a:hover{color:var(--coral-deep)}
.menu-foot{display:flex;flex-direction:column;align-items:flex-start;gap:18px}
.menu-sparkle{position:absolute;right:-30px;bottom:110px;width:150px;rotate:14deg;opacity:.9;pointer-events:none}

/* ---------- hero ---------- */
.hero{min-height:calc(100svh - var(--ah));padding-top:calc(var(--hh) + clamp(4px,1.6vh,24px));display:flex;flex-direction:column;overflow:hidden}
.hero-back{position:absolute;inset:0;pointer-events:none}
.blob{position:absolute;display:block;aspect-ratio:577/800;-webkit-mask:url(../img/blob-shape.webp?v=1) center/contain no-repeat;mask:url(../img/blob-shape.webp?v=1) center/contain no-repeat}
.blob-a{width:min(30vw,440px);right:-5vw;top:4%;background:var(--peach);opacity:.42;rotate:-24deg}
.blob-b{width:min(22vw,320px);left:46%;bottom:-8%;background:var(--sage);opacity:.55;rotate:62deg}
.hero-copy{position:relative;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:end;max-width:1440px;padding-inline:clamp(20px,3vw,44px)}
.hero-title{grid-column:1/9;font-size:clamp(2.5rem,min(5.05vw,8.6svh),5.6rem);line-height:1.03;font-weight:780;color:var(--teal);font-variation-settings:"SOFT" 100,"WONK" 1,"opsz" 120}
.hl-box{position:relative;display:inline-block;white-space:nowrap;padding:0 .16em 0 .08em;border-radius:.14em;color:var(--deep);
  background:linear-gradient(var(--sage),var(--sage)) no-repeat 0 0/100% 100%}
.caret{display:inline-block;width:.07em;height:.86em;margin-right:.1em;vertical-align:-.06em;background:var(--deep);border-radius:2px;animation:blink 1.05s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
.hero-side{grid-column:9/13;padding-bottom:.6em}
.hero-lede{font-size:clamp(1.02rem,1.25vw,1.18rem);line-height:1.5;color:var(--teal)}
.hero-lede+.hero-lede{margin-top:.6em}
.hero-lede.strong{font-weight:650;color:var(--deep)}
.hero-ctas{display:flex;flex-wrap:wrap;gap:16px 18px;margin-top:22px}

.hero-strip{position:relative;flex:1 0 auto;min-height:clamp(250px,40svh,470px);margin-top:clamp(8px,2.4vh,30px)}
.strip-mid,.strip-front{position:absolute;inset:0;width:100%}
.print{position:absolute;background:#fff;padding:10px;border-radius:3px;
  box-shadow:0 22px 40px -22px rgba(112,13,2,.45),0 1px 0 rgba(112,13,2,.08)}
.print img:not(.clip){width:100%;border-radius:2px}
.print .clip{position:absolute;z-index:3;width:54px;top:-36px;left:50%;margin-left:-27px;filter:drop-shadow(0 3px 2px rgba(0,0,0,.18))}
.tape{position:absolute;z-index:3;top:-13px;left:50%;width:104px;height:28px;margin-left:-52px;rotate:-5deg;opacity:.92;
  clip-path:polygon(0 8%,6% 0,12% 10%,20% 0,30% 8%,40% 0,50% 9%,60% 0,70% 8%,80% 0,90% 9%,100% 0,100% 92%,94% 100%,86% 90%,76% 100%,66% 92%,56% 100%,46% 90%,36% 100%,26% 92%,16% 100%,6% 90%,0 100%)}
.t-sage{background:#a9c9b6}.t-peach{background:var(--peach)}.t-coral{background:#f8a3a3}
.hero .p1{left:-2%;top:20%;width:26%;rotate:-6deg}
.hero .p2{left:18.5%;top:3%;width:29%;rotate:3deg;z-index:2}
.hero .p3{left:45%;top:-4%;width:14%;rotate:-3deg;z-index:1}
.hero .p4{left:55%;top:23%;width:25%;rotate:4deg;z-index:2}
.hero .p5{left:76%;top:3%;width:27%;rotate:-4deg}
.strip-front{pointer-events:none;z-index:4}
.tag{position:absolute;display:inline-block;font-family:var(--f-body);font-weight:700;font-size:clamp(.95rem,1.25vw,1.15rem);line-height:1;white-space:nowrap;
  color:var(--deep);background:var(--peach-cream);padding:.62em 1.05em;border-radius:999px;border:2.5px solid var(--deep);
  box-shadow:0 0 0 4px #fff,3px 5px 0 4px rgba(2,71,62,.22)}
.tag-a{left:7%;top:76%;rotate:-6deg;background:var(--pink)}
.tag-b{left:39%;top:79%;rotate:3deg}
.tag-c{left:80%;top:72%;rotate:-5deg;background:var(--sage)}
.stk{position:absolute;filter:drop-shadow(2px 3px 0 rgba(2,71,62,.16))}
.burst{width:clamp(48px,5vw,78px);left:42%;top:0;rotate:-12deg}
.sparkle{width:clamp(44px,4.4vw,66px);left:70%;top:-6%}
.sparkle-2{width:clamp(28px,2.6vw,40px);left:3%;top:6%}

/* intro hidden states (failsafe shows everything after 3s if JS never runs) */
@keyframes failsafe{to{opacity:1;visibility:visible}}
@media (prefers-reduced-motion:no-preference){
  html.js .hero-title,html.js .hero-side,html.js .hero .print,html.js .hero .tag,html.js .hero .stk{opacity:0;animation:failsafe 0s 3s forwards}
}
.w-mask{display:inline-block;overflow:hidden;vertical-align:top;padding:.12em .02em .1em;margin:-.12em -.02em -.1em}
.w{display:inline-block;will-change:transform}

@media (max-width:899px){
  .hero{padding-top:calc(var(--hh) + 10px)}
  .hero-copy{display:block;padding-inline:var(--gutter)}
  .hero-title{font-size:clamp(2.3rem,10.4vw,3.6rem);line-height:1.05}
  .hero-side{padding:18px 0 0}
  .hero-ctas{gap:16px 14px;margin-top:18px}
  .hero-ctas .btn{font-size:1.02rem}
  .hero-strip{min-height:clamp(240px,38svh,330px);margin-top:26px}
  .strip-mid,.strip-front{width:200vw}
  .blob-a{width:62vw;top:-4%;right:-24vw}
  .blob-b{width:46vw;left:58%}
  .tag{font-size:.88rem}
  .burst{width:52px}.sparkle{width:46px}
}

/* ---------- marquee (CSS autoplay, never scroll-driven, never paused) ---------- */
.marquee{position:relative;z-index:2;background:var(--sage);border-block:3px solid var(--deep);overflow:hidden;padding:18px 0}
.marquee-track{display:flex;width:max-content;animation:marquee 44s linear infinite}
.marquee-set{display:flex;align-items:center;gap:clamp(22px,2.6vw,40px);padding-right:clamp(22px,2.6vw,40px)}
.marquee span{font-family:var(--f-stk);font-size:clamp(1.5rem,2.6vw,2.4rem);line-height:1;color:var(--deep);white-space:nowrap}
.marquee img{width:clamp(28px,2.6vw,40px)}
@keyframes marquee{to{transform:translate3d(-50%,0,0)}}

/* ---------- about ---------- */
.about{padding-block:var(--pad)}
.about-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(36px,6vw,90px);align-items:center}
.tv{position:relative;background:var(--deep);padding:12px;border-radius:24px;rotate:-1.6deg;box-shadow:12px 14px 0 var(--peach)}
.tv .clip{position:absolute;width:64px;top:-44px;left:50%;margin-left:-32px;z-index:3;filter:drop-shadow(0 3px 2px rgba(0,0,0,.2))}
.tv-screen,.screen-in{position:relative;border-radius:14px;overflow:hidden;background:#123;aspect-ratio:16/9}
.tv-screen video,.screen-in video{display:block;width:100%;height:100%;object-fit:cover}
.play{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:flex-start;gap:14px;padding:clamp(14px,2vw,26px);border:0;background:linear-gradient(transparent 40%,rgba(2,71,62,.35));cursor:pointer}
.play-dot{width:clamp(64px,7vw,88px);aspect-ratio:1;border-radius:50%;background:var(--coral);box-shadow:0 0 0 5px #fff,5px 6px 0 5px rgba(2,71,62,.35);position:relative;transition:background-color .25s ease}
.play-dot::after{content:"";position:absolute;left:50%;top:50%;margin:-14px 0 0 -9px;border-style:solid;border-width:14px 0 14px 24px;border-color:transparent transparent transparent #fff}
.play-label{font-family:var(--f-stk);font-size:clamp(1.2rem,1.8vw,1.6rem);color:#fff;-webkit-text-stroke:0;text-shadow:0 2px 0 var(--deep),0 0 14px rgba(2,71,62,.5)}
.play:hover .play-dot{background:var(--coral-deep)}
.play.is-gone{display:none}
.media-note{margin-top:18px;font-size:.92rem;font-weight:600;color:var(--teal);padding-left:6px}
.built img{width:min(100%,520px)}
.rebuilt{display:block;margin:.1em 0 0 18%;font-family:var(--f-head);font-style:normal;font-weight:800;font-variation-settings:"SOFT" 100,"WONK" 1;font-size:clamp(2rem,3.8vw,3.3rem);line-height:1;color:var(--coral);
  text-shadow:3px 4px 0 var(--peach)}
.about-copy .prose{margin-top:clamp(22px,3vw,34px);max-width:60ch}

.thrived{margin-top:clamp(56px,7vw,100px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:clamp(30px,5vw,80px);align-items:start}
.thrived-intro{font-size:clamp(1.8rem,3vw,2.7rem);line-height:1.1;font-weight:760;color:var(--deep);grid-row:span 2}
.strips{display:flex;flex-direction:column;gap:16px}
.strip{font-size:clamp(1.25rem,1.9vw,1.65rem);line-height:1.25;font-weight:650;color:var(--deep);padding:18px 26px 20px;border:2.5px solid var(--deep);border-radius:14px;background:var(--peach-cream);
  box-shadow:6px 7px 0 var(--deep);width:fit-content;max-width:100%}
.s1{rotate:-1.2deg;background:var(--pink)}
.s2{rotate:.8deg;margin-left:clamp(0px,5vw,70px);background:var(--sage)}
.s3{rotate:-.6deg;margin-left:clamp(0px,2vw,30px)}
.thrived-end{grid-column:2;display:flex;flex-wrap:wrap;align-items:center;gap:20px 28px;margin-top:8px}
.thrived-end p{font-size:1.2rem;font-weight:650;color:var(--deep);max-width:34ch}

@media (max-width:899px){
  .about-grid,.thrived{grid-template-columns:minmax(0,1fr)}
  .tv{rotate:0deg;box-shadow:8px 10px 0 var(--peach)}
  .rebuilt{margin-left:0}
  .thrived-intro{grid-row:auto}
  .thrived-end{grid-column:auto}
  .strip{width:100%;rotate:0deg!important;margin-left:0!important}
}

/* ---------- why we exist ---------- */
.why{padding-block:var(--pad)}
.why-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(36px,6vw,96px);align-items:start}
.why-art{position:sticky;top:7svh}
.compare{position:relative;width:min(100%,calc(84svh * .7467));aspect-ratio:896/1200;border-radius:22px;border:3px solid var(--deep);overflow:hidden;box-shadow:12px 12px 0 var(--sage);background:var(--pink)}
.compare img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cmp-b{clip-path:inset(0 0 0 100%)}
.cmp-line{position:absolute;top:0;bottom:0;left:0;width:4px;margin-left:-2px;background:#fff;box-shadow:0 0 0 2px var(--deep);transform:translate3d(var(--lx,100%),0,0);opacity:0}
.cmp-label{position:absolute;font-family:var(--f-stk);font-size:clamp(1.2rem,2vw,1.8rem);line-height:1;padding:.4em .7em .45em;border-radius:999px;box-shadow:0 0 0 4px #fff,3px 4px 0 4px rgba(2,71,62,.25)}
.l-a{left:18px;top:18px;background:#F27BA0;color:#fff;rotate:-4deg}
.l-b{right:18px;bottom:20px;background:#3E9C78;color:#fff;rotate:3deg}
.why-copy{padding-top:2vh}
.pill-tag{display:inline-block;font-family:var(--f-stk);font-size:1.05rem;color:#fff;background:var(--coral);padding:.5em 1em;border-radius:999px;rotate:-3deg;box-shadow:0 0 0 3px #fff,3px 4px 0 3px var(--peach)}
.big-p{margin-top:24px;font-family:var(--f-head);font-variation-settings:"SOFT" 100,"WONK" 1;font-weight:650;font-size:clamp(1.5rem,2.3vw,2.05rem);line-height:1.22;color:var(--deep)}
.why-copy > p:not(.big-p){margin-top:20px;max-width:58ch}
.why-copy .h2{margin-top:clamp(48px,7vw,90px)}
.why-copy .prose{margin-top:22px;max-width:58ch}
.pop{font-family:var(--f-stk);font-size:1.5rem;color:var(--sticker);line-height:1.2}
.statement{margin-top:clamp(64px,9vw,130px);text-align:center;font-weight:800;font-size:clamp(2rem,4.6vw,4.1rem);line-height:1.06;color:var(--coral);text-shadow:4px 5px 0 var(--peach);text-wrap:balance}
@media (max-width:899px){
  .why-grid{grid-template-columns:minmax(0,1fr)}
  .why-art{position:relative;top:0}
  .compare{width:100%;max-width:560px;box-shadow:8px 8px 0 var(--sage)}
  .statement{text-align:left;text-wrap:pretty}
}

/* ---------- attention war ---------- */
.attention{padding-block:calc(var(--pad) * .8) var(--pad)}
.attn-title{font-size:clamp(2rem,4vw,3.7rem);line-height:1.1;font-weight:760;color:var(--teal);max-width:24ch;margin-inline:auto;text-align:center}
.hl-pink,.hl-green{padding:0 .14em;border-radius:.14em;-webkit-box-decoration-break:clone;box-decoration-break:clone;color:var(--deep)}
.hl-pink{background:var(--pink)}.hl-green{background:var(--sage)}
.board{position:relative;margin:clamp(36px,5vw,64px) auto 0;max-width:1080px;height:clamp(280px,30vw,420px);border:3px dashed var(--orange);border-radius:26px;background:var(--peach-cream)}
.wa{position:absolute;filter:drop-shadow(3px 4px 0 rgba(2,71,62,.14))}
.wa-peer{left:5%;top:13%;width:42%;rotate:-4deg}
.wa-pop{right:6%;top:9%;width:32%;rotate:5deg}
.wa-amp{left:44%;top:36%;font-family:var(--f-groovy);font-size:clamp(4rem,8vw,7.4rem);line-height:1;color:var(--coral);text-shadow:4px 5px 0 var(--peach)}
.wa-visual{right:10%;bottom:9%;width:38%;rotate:-3deg}
.wa-spark{left:12%;bottom:12%;width:clamp(44px,5vw,72px)}
.attn-sub{margin-top:clamp(28px,4vw,44px);text-align:center;font-size:clamp(1.15rem,1.6vw,1.4rem);font-weight:600;color:var(--deep)}
@media (max-width:899px){
  .attn-title{max-width:none;text-align:left;text-wrap:pretty}
  .attn-sub{text-align:left}
}
@media (max-width:599px){
  .board{height:auto;aspect-ratio:1.08}
  .wa-peer{left:4%;top:8%;width:78%}
  .wa-pop{right:4%;top:34%;width:60%}
  .wa-amp{left:8%;top:44%;font-size:4.6rem}
  .wa-visual{right:4%;bottom:6%;width:66%}
  .wa-spark{left:auto;right:6%;top:4%;bottom:auto}
}

/* ---------- mission ---------- */
.mission{padding-top:calc(var(--pad) * .6);padding-bottom:calc(var(--pad) * .5)}
.mission-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:clamp(36px,5vw,80px);align-items:center}
.note{position:relative;background:var(--peach-cream);border:2.5px solid var(--deep);border-radius:22px;padding:clamp(30px,4vw,56px);rotate:-.8deg;box-shadow:10px 10px 0 var(--sage)}
.note .clip{position:absolute;width:62px;top:-42px;left:12%;z-index:2;filter:drop-shadow(0 3px 2px rgba(0,0,0,.18))}
.note p{margin-top:18px;max-width:64ch}
.note strong{font-weight:650;color:var(--deep)}
.mission-print{position:relative;rotate:3deg}
@media (max-width:899px){
  .mission-grid{grid-template-columns:minmax(0,1fr)}
  .note{rotate:0deg}
  .mission-print{rotate:2deg;max-width:520px}
}

/* ---------- offerings: pinned horizontal strip ---------- */
.offers{position:relative;z-index:1}
.offers-pin{min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding-block:clamp(16px,5svh,56px);overflow:hidden}
.offers-head{padding-bottom:clamp(20px,4svh,44px)}
.offers-title{display:flex;flex-wrap:wrap;align-items:center;gap:6px 22px}
.offers-title .h2{font-size:clamp(1.9rem,min(4vw,7svh),3.6rem)}
.ow{display:inline-flex;align-items:center;gap:8px}
.ow img{width:clamp(88px,min(10vw,14svh),150px)}
.ow-word{font-family:var(--f-stk);font-size:clamp(1.9rem,min(4vw,7svh),3.4rem);line-height:1;color:var(--coral);paint-order:stroke fill;-webkit-text-stroke:7px #fff;text-shadow:4px 5px 0 var(--peach)}
.offers-viewport{position:relative}
.offers-track{display:flex;align-items:stretch;gap:clamp(20px,2.4vw,34px);padding:16px max(var(--gutter),calc((100vw - 1320px)/2 + var(--gutter))) 22px;width:max-content;will-change:transform}
.offer{position:relative;width:clamp(290px,min(34vw,66svh),490px);min-height:min(60svh,540px);display:flex;flex-direction:column;gap:clamp(12px,2.2svh,22px);
  padding:0 0 clamp(18px,3.4svh,34px);border:3px solid var(--deep);border-radius:20px;background:var(--cream);box-shadow:9px 9px 0 var(--deep);overflow:hidden}
.offer-top{padding:clamp(18px,3.4svh,32px) clamp(18px,2.2vw,30px) clamp(14px,2.4svh,24px);border-bottom:3px solid var(--deep);min-height:clamp(96px,17svh,150px);display:flex;align-items:flex-end}
.offer h3{font-family:var(--f-stk);font-weight:400;text-transform:uppercase;font-size:clamp(1.45rem,min(2.6vw,5svh),2.5rem);line-height:1.02;color:var(--indigo);
  paint-order:stroke fill;-webkit-text-stroke:6px #fff;letter-spacing:.005em}
.offer p{padding-inline:clamp(18px,2.2vw,30px);font-size:clamp(.92rem,min(1.3vw,2.5svh),1.16rem);line-height:1.55;color:var(--teal)}
.offer-stk{position:absolute;right:14px;top:12px;width:clamp(36px,6svh,56px);rotate:12deg}
.o1 .offer-top{background:var(--pink)}
.o2 .offer-top{background:var(--sage)}
.o3 .offer-top{background:var(--peach)}
.o4 .offer-top{background:#C9C2F0}
.offer-end{justify-content:center;align-items:flex-start;padding:clamp(24px,4svh,44px);background:var(--peach-cream);border-style:dashed;border-color:var(--orange);box-shadow:none}
.offer .end-q{padding:0;font-size:clamp(1.5rem,min(2.4vw,4.6svh),2.2rem);line-height:1.12;font-weight:760;color:var(--deep);margin-bottom:clamp(18px,3svh,30px)}
.end-q b{font-family:var(--f-stk);font-weight:400;color:var(--coral);letter-spacing:.01em}
@media (max-width:899px){
  .offers-pin{justify-content:center;padding-block:28px}
  .offers-head{padding-bottom:50px}
  .offer{width:min(82vw,380px);min-height:0}
  .offers-track{padding-inline:var(--gutter)}
}
@media (prefers-reduced-motion:reduce){
  .offers-viewport{overflow-x:auto;-webkit-overflow-scrolling:touch}
}

/* ---------- lead facilitator ---------- */
.tine{padding-block:var(--pad)}
.tine-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(40px,6vw,96px);align-items:start}
.tine-collage{position:relative;aspect-ratio:.76;max-height:880px}
.tine .print{position:absolute}
.tc1{left:0;top:2%;width:52%;rotate:-4deg;z-index:1}
.tc2{right:0;top:26%;width:62%;rotate:4deg;z-index:2}
.tc3{left:10%;bottom:0;width:46%;rotate:2deg;z-index:3}
.profile{margin-top:24px;display:inline-block;background:#fff;border:2.5px solid var(--deep);border-radius:18px;padding:16px 22px;box-shadow:6px 7px 0 var(--peach);rotate:-1deg}
.profile-name{font-size:1.6rem;font-weight:760;color:var(--deep);line-height:1.1}
.profile-role{font-size:.95rem;color:var(--teal);margin-top:2px}
.profile-line{font-weight:700;color:var(--deep);margin-top:8px;font-size:1rem}
.letter{margin-top:28px;background:var(--blush);border-radius:20px;padding:clamp(24px,3.4vw,44px);box-shadow:8px 9px 0 rgba(2,71,62,.16)}
.letter p{font-size:1.02rem}
@media (max-width:899px){
  .tine-grid{grid-template-columns:minmax(0,1fr)}
  .tine-collage{aspect-ratio:.92;max-width:560px;width:100%}
  .tine-copy{order:-1}
  .profile{rotate:0deg}
}

/* ---------- our work ---------- */
.work{padding-block:var(--pad)}
.work-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(40px,6vw,96px);align-items:start}
.sticker-title{font-family:var(--f-stk);font-weight:400;font-size:clamp(3.2rem,6.4vw,5.6rem);line-height:.95;color:var(--coral);paint-order:stroke fill;-webkit-text-stroke:10px #fff;text-shadow:6px 7px 0 var(--peach)}
.partners{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin:28px 0 30px}
.partners li{background:#fff;border:2.5px solid var(--deep);border-radius:18px;height:96px;display:flex;align-items:center;justify-content:center;padding:10px 14px;box-shadow:5px 6px 0 var(--sage)}
.partners li:nth-child(1){rotate:-2deg}.partners li:nth-child(2){rotate:2deg;padding:6px;overflow:hidden}.partners li:nth-child(3){rotate:-1deg}
.partners img{height:100%;width:auto;max-width:220px;object-fit:contain}
.partners li:nth-child(2) img{border-radius:12px}
.work-copy .prose{max-width:54ch}
.reach{font-size:1.15rem;font-weight:500;color:var(--deep)}
.num{font-family:var(--f-groovy);font-size:2.6em;line-height:.8;color:var(--coral);text-shadow:3px 4px 0 var(--peach);vertical-align:-.12em}
.work-copy .btn{margin-top:28px}
.screen{background:var(--peach-cream);border:3px solid var(--deep);border-radius:24px;padding:12px 12px 18px;box-shadow:12px 12px 0 var(--coral);rotate:1.2deg}
.screen figcaption{margin-top:14px;padding-left:6px;font-family:var(--f-stk);font-size:1.25rem;color:var(--deep)}
.work-prints{position:relative;height:clamp(260px,26vw,360px);margin-top:44px}
.work-prints .print{position:absolute}
.wp1{left:2%;top:0;width:54%;rotate:-5deg}
.wp2{right:0;top:14%;width:50%;rotate:4deg}
@media (max-width:899px){
  .work-grid{grid-template-columns:minmax(0,1fr)}
  .screen{rotate:0deg;box-shadow:8px 8px 0 var(--coral)}
  .work-prints{height:62vw;max-height:380px}
  .partners li{height:80px}
}

/* ---------- voices ---------- */
.voices{padding-block:var(--pad);background:var(--peach-cream);border-block:3px solid var(--deep)}
.voices-title{text-align:center}
.voices-sub{text-align:center;margin-top:12px;font-weight:600;color:var(--teal)}
.bubbles{margin-top:clamp(40px,5vw,64px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,3vw,44px);align-items:start}
.bubble{position:relative;margin:0;background:var(--cream);border:3px solid var(--deep);border-radius:30px;padding:clamp(24px,2.6vw,34px) clamp(22px,2.4vw,32px) 26px;box-shadow:7px 8px 0 var(--deep)}
.bubble::after{content:"";position:absolute;left:44px;bottom:-17px;width:30px;height:30px;background:var(--cream);border-right:3px solid var(--deep);border-bottom:3px solid var(--deep);transform:skewX(-22deg) rotate(45deg)}
.bubble p{font-size:clamp(1.18rem,1.55vw,1.42rem);line-height:1.32;font-weight:600;color:var(--deep)}
.bubble p::before{content:"\201C"}.bubble p::after{content:"\201D"}
.bubble footer{margin-top:16px;font-weight:700;font-size:.95rem;color:var(--coral-deep)}
.bubble footer span{display:block;font-weight:500;color:var(--teal);font-size:.86rem}
.b1{rotate:-1.2deg}.b2{rotate:1deg;margin-top:56px}.b3{rotate:-.6deg;margin-top:18px}
@media (max-width:899px){
  .voices-title,.voices-sub{text-align:left}
  .bubbles{grid-template-columns:minmax(0,1fr);gap:40px}
  .b2,.b3{margin-top:0}
}

/* ---------- where & when ---------- */
.visit{padding-block:var(--pad)}
.visit-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,6vw,96px);align-items:center}
.flyers{position:relative;aspect-ratio:1.05}
.flyer{position:absolute;width:62%;background:#fff;padding:8px;border-radius:4px;box-shadow:0 26px 44px -24px rgba(112,13,2,.5)}
.flyer img:not(.clip){width:100%}
.flyer .clip{position:absolute;width:58px;top:-40px;left:50%;margin-left:-29px;z-index:2}
.f1{left:0;top:4%;rotate:-6deg;z-index:2}
.f2{right:0;top:12%;rotate:6deg}
.visit-copy .groovy{font-size:clamp(2.5rem,5vw,4.6rem);color:var(--coral);text-shadow:4px 5px 0 var(--peach)}
.facts{margin-top:32px;display:flex;flex-direction:column;gap:22px}
.fact{display:grid;grid-template-columns:120px minmax(0,1fr);gap:16px;align-items:start;padding-bottom:22px;border-bottom:2px dashed var(--orange)}
.fact:last-child{border-bottom:0;padding-bottom:0}
.fact dt{font-family:var(--f-stk);font-size:1rem;color:var(--deep);background:var(--sage);border-radius:999px;padding:.38em .8em;text-align:center;rotate:-2deg}
.fact dd{font-size:1.05rem}
.fact dd b{font-family:var(--f-stk);font-weight:400;color:var(--sticker)}
.fact dd em{font-style:normal;font-weight:700;color:var(--deep)}
.map{position:relative;margin-top:clamp(48px,6vw,80px);height:clamp(300px,34vw,420px);border:3px solid var(--deep);border-radius:22px;overflow:hidden;box-shadow:10px 10px 0 var(--sage);background:#e9efe9}
.map iframe{display:block;width:100%;height:100%;border:0;pointer-events:none}
.map.is-active iframe{pointer-events:auto}
.map-hint{position:absolute;left:16px;bottom:16px;font-weight:700;font-size:.85rem;color:var(--deep);background:var(--cream);border:2px solid var(--deep);padding:.4em .8em;border-radius:999px;pointer-events:none;transition:opacity .25s ease}
.map.is-active .map-hint{opacity:0}
@media (max-width:899px){
  .visit-grid{grid-template-columns:minmax(0,1fr)}
  .flyers{aspect-ratio:1.1}
  .fact{grid-template-columns:minmax(0,1fr);gap:10px}
  .fact dt{justify-self:start}
}

/* ---------- CTA ---------- */
.cta{padding-block:var(--pad);background-color:var(--sage);
  background-image:linear-gradient(rgba(255,255,255,.35) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.35) 1px,transparent 1px);background-size:32px 32px;border-top:3px solid var(--deep)}
.cta-title{text-align:center}
.cta-title .groovy{display:block;font-size:clamp(2.4rem,5.4vw,5rem);color:var(--deep);text-shadow:3px 3px 0 var(--cream),7px 7px 0 var(--coral);max-width:20ch;margin-inline:auto}
.cta-ow{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:22px}
.cta-ow img{width:clamp(100px,11vw,150px)}
.cta-ow .ow-word{font-size:clamp(2rem,4vw,3.2rem)}
.cards{margin-top:clamp(40px,5vw,64px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(26px,3.4vw,48px)}
.card{background:var(--cream);border:3px solid var(--deep);border-radius:24px;padding:clamp(26px,3.4vw,44px);box-shadow:11px 11px 0 var(--deep);display:flex;flex-direction:column;align-items:flex-start;gap:18px}
.c-org{rotate:-.8deg}.c-stu{rotate:.8deg}
.card-h{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px}
.card-h img{height:clamp(46px,4.6vw,62px);width:auto}
.card-h .amp{font-family:var(--f-groovy);font-size:2.2rem;color:var(--coral);line-height:1}
.card > p{color:var(--oxblood);font-size:1.05rem}
.card-q{font-size:clamp(1.3rem,1.8vw,1.6rem);line-height:1.2;font-weight:700;color:var(--deep)!important}
.card-q b{font-family:var(--f-stk);font-weight:400;color:var(--coral)}
.tags{display:flex;flex-wrap:wrap;gap:10px}
.tags li{font-weight:700;font-size:.92rem;color:var(--deep);background:var(--peach-cream);border:2px solid var(--deep);border-radius:999px;padding:.42em .9em}
.card .btn{margin-top:auto}
@media (max-width:899px){
  .cta-title{text-align:left}
  .cta-title .groovy{max-width:none;font-size:clamp(2.2rem,10vw,3.4rem)}
  .cta-ow{justify-content:flex-start}
  .cards{grid-template-columns:minmax(0,1fr)}
  .c-org,.c-stu{rotate:0deg}
  .card{box-shadow:7px 7px 0 var(--deep)}
}

/* ---------- FAQ ---------- */
.faq{padding-block:var(--pad)}
.faq-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(36px,6vw,96px);align-items:start}
.faq-head{position:relative}
.faq-sub{margin-top:16px;font-weight:600;max-width:36ch}
.faq-burst{width:96px;margin-top:30px;rotate:-14deg}
.acc-item{border-bottom:2px dashed var(--orange)}
.acc-item:first-child{border-top:2px dashed var(--orange)}
.acc h3{margin:0;font-size:inherit}
.acc button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;text-align:left;background:none;border:0;cursor:pointer;
  padding:22px 0;font-size:clamp(1.2rem,1.7vw,1.5rem);line-height:1.25;font-weight:700;color:var(--deep);transition:color .25s ease}
.acc button:hover{color:var(--coral-deep)}
.acc i{position:relative;flex:0 0 38px;height:38px;border-radius:50%;background:var(--deep);transition:background-color .3s ease,rotate .5s var(--ease-out)}
.acc i::before,.acc i::after{content:"";position:absolute;left:50%;top:50%;width:16px;height:3px;margin:-1.5px 0 0 -8px;border-radius:3px;background:var(--cream);transition:transform .5s var(--ease-out)}
.acc i::after{transform:rotate(90deg)}
.acc [aria-expanded="true"] i{background:var(--coral);rotate:180deg}
.acc [aria-expanded="true"] i::after{transform:rotate(0deg)}
.acc-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .55s var(--ease-out)}
.acc-panel > .acc-in{overflow:hidden;min-height:0}
.acc-in p{padding:0 56px 24px 0;opacity:0;transform:translate3d(0,-6px,0);transition:opacity .4s ease,transform .55s var(--ease-out);max-width:62ch}
.acc-item.is-open .acc-panel{grid-template-rows:1fr}
.acc-item.is-open .acc-in p{opacity:1;transform:none;transition-delay:.08s}
@media (max-width:899px){
  .faq-grid{grid-template-columns:minmax(0,1fr)}
  .faq-burst{display:none}
  .acc-in p{padding-right:0}
}

/* ---------- footer ---------- */
.footer{position:relative;background:var(--deep);color:var(--cream);padding:clamp(56px,7vw,96px) 0 28px}
.foot-grid{display:grid;grid-template-columns:minmax(0,1.3fr) repeat(3,minmax(0,1fr));gap:40px}
.foot-brand img{width:150px}
.foot-brand p{margin-top:18px;max-width:30ch;color:rgba(255,253,246,.82)}
.foot-title{font-family:var(--f-head);font-variation-settings:"SOFT" 100,"WONK" 1;font-weight:760;font-size:1.65rem;line-height:1.1;color:var(--coral);margin-bottom:18px}
.foot-col ul{display:flex;flex-direction:column;gap:10px}
.foot-col a{color:var(--cream);text-decoration:none;font-size:1rem;transition:color .25s ease}
.foot-col a:hover{color:var(--coral)}
.socials a{display:inline-flex;align-items:center;gap:10px}
.socials img{width:30px}
.foot-base{margin-top:clamp(48px,6vw,80px);padding-top:22px;border-top:1px solid rgba(255,253,246,.18);font-size:.92rem;color:rgba(255,253,246,.75)}
.foot-base a{color:var(--coral);font-weight:650;text-decoration:none}
.foot-base a:hover{text-decoration:underline}
@media (max-width:899px){
  .foot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .foot-brand{grid-column:1/-1}
}
@media (max-width:420px){.foot-grid{grid-template-columns:minmax(0,1fr)}}

/* ---------- reveals ---------- */
@media (prefers-reduced-motion:no-preference){
  html.js [data-reveal],html.js [data-reveal-item]{opacity:0;translate:0 26px;transition:opacity .75s ease,translate .9s var(--ease-out)}
  html.js [data-reveal].in,html.js [data-reveal-item].in{opacity:1;translate:0 0}
}

/* ---------- reduced motion ---------- */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
  .marquee-track{animation:none}
  .caret{animation:none}
}

/* ---------- HERO: sticker wall (centred headline, prints pinned round the edges) ---------- */
.hero-copy{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:min(860px,64vw);margin:auto;padding:3svh var(--gutter) 6svh;position:relative;z-index:5}
.hero-title{font-size:clamp(2.6rem,min(5.4vw,9.4svh),6rem)}
.hero-side{max-width:560px;padding:22px 0 0}
.hero-ctas{justify-content:center}
.hero-strip{position:absolute;inset:0;margin:0;min-height:0}
.hero .p1{left:-3%;top:17%;width:20%;rotate:-8deg}
.hero .p3{left:5%;top:50%;width:10.5%;rotate:6deg;z-index:3}
.hero .p5{left:-1%;top:79%;width:19%;rotate:3deg}
.hero .p2{left:81%;top:13%;width:21%;rotate:7deg}
.hero .p4{left:83%;top:57%;width:19%;rotate:-6deg}
.tag-a{left:2%;top:38%;rotate:-8deg}
.tag-b{left:72%;top:89%;rotate:4deg}
.tag-c{left:84%;top:47%;rotate:-5deg}
.burst{left:17%;top:13%}
.sparkle{left:77%;top:8%}
.sparkle-2{left:23%;top:84%;width:clamp(36px,3.4vw,52px)}
.blob-a{right:auto;left:30%;top:-12%;width:min(40vw,560px);opacity:.3}
.blob-b{left:58%;bottom:-16%}
@media (max-width:899px){
  .hero-copy{padding:2svh var(--gutter) 0;margin:0 auto;max-width:none}
  .hero-title{font-size:clamp(2.3rem,10.2vw,3.6rem)}
  .hero-strip{position:relative;inset:auto;margin-top:28px;min-height:clamp(240px,36svh,320px)}
  .strip-mid,.strip-front{width:100%}
  .hero .p1{left:-6%;top:22%;width:46%;rotate:-10deg}
  .hero .p2{left:24%;top:4%;width:54%;rotate:-3deg;z-index:3}
  .hero .p5{left:58%;top:24%;width:46%;rotate:9deg}
  .hero .p3,.hero .p4{display:none}
  .tag-a{left:2%;top:80%}
  .tag-b{left:44%;top:88%}
  .tag-c{left:60%;top:2%}
  .burst{left:12%;top:4%}
  .sparkle{left:86%;top:62%}
  .sparkle-2{left:88%;top:4%}
}


.foot-cta,.foot-pile{display:none}
/* ---------- FOOTER: sticker pile ---------- */
.footer{background:var(--peach-cream);color:var(--deep);border-top:3px dashed var(--orange);overflow:hidden;padding-bottom:0}
.foot-cta{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px 40px;margin-bottom:clamp(40px,5vw,64px)}
.foot-big{font-family:var(--f-head);font-variation-settings:"SOFT" 100,"WONK" 1;font-weight:780;font-size:clamp(2.2rem,4.6vw,4.2rem);line-height:1.04;color:var(--deep);max-width:16ch}
.foot-mail{font-family:var(--f-stk);font-size:clamp(1.3rem,2.2vw,2rem);color:var(--coral);text-decoration:none;paint-order:stroke fill;-webkit-text-stroke:6px #fff;transition:color .25s ease}
.foot-mail:hover{color:var(--deep)}
.foot-grid{grid-template-columns:minmax(0,1fr) repeat(3,minmax(0,1fr))}
.foot-brand p,.foot-col a{color:var(--deep)}
.foot-col a:hover{color:var(--coral-deep)}
.foot-pile{display:block;position:relative;height:clamp(240px,24vw,340px);margin-top:clamp(36px,4vw,56px);max-width:1440px;margin-inline:auto}
.pile{position:absolute;cursor:grab;touch-action:none;user-select:none;-webkit-user-drag:none;filter:drop-shadow(3px 5px 0 rgba(2,71,62,.18))}
.pile:active{cursor:grabbing}
.p-a{left:4%;bottom:12%;width:14%;rotate:-8deg}.p-b{left:15%;bottom:2%;width:22%;rotate:5deg}
.p-c{left:34%;bottom:26%;width:16%;rotate:-4deg}.p-d{left:47%;bottom:4%;width:20%;rotate:7deg}
.p-e{left:66%;bottom:30%;width:10%;rotate:-12deg}.p-f{left:70%;bottom:6%;width:18%;rotate:-3deg}
.p-g{left:2%;bottom:46%;width:22%;rotate:3deg}.p-h{left:82%;bottom:28%;width:16%;rotate:8deg}
.p-i{left:58%;bottom:46%;width:6%;rotate:10deg}.p-j{left:90%;bottom:8%;width:6%}
.p-k{left:28%;bottom:52%;width:24%;rotate:-6deg}
.foot-base{border-top-color:rgba(2,71,62,.2);color:var(--teal);margin-top:0;padding-bottom:28px}
.foot-base a{color:var(--coral-deep)}
@media (max-width:899px){
  .foot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .foot-pile{height:300px}
  .p-a{width:30%}.p-b{width:44%;left:30%}.p-c{width:34%;left:2%;bottom:30%}.p-d{width:42%;left:50%;bottom:30%}
  .p-e{width:22%;left:70%;bottom:58%}.p-f{width:40%;left:2%;bottom:60%}.p-g{width:46%;left:40%;bottom:76%}
  .p-h{width:36%;left:62%;bottom:2%}.p-i{width:12%;left:40%;bottom:60%}.p-j{width:12%;left:86%}.p-k{display:none}
}


/* ---------- mobile refinements (round 2) ---------- */
.reach-badge{display:none}
@media (max-width:899px){
  .offers-pin{min-height:0;padding:28px 0 64px}
  .work{padding-top:calc(var(--pad) * .5)}
  .work-prints{height:auto;aspect-ratio:1/1.02;max-height:none;margin-top:40px}
  .wp1{left:0;top:0;width:60%}
  .wp2{right:0;left:auto;top:27%;width:58%}
  .reach-badge{display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;left:5%;bottom:2%;z-index:3;
    width:40%;aspect-ratio:1;border-radius:50%;background:var(--coral);color:#fff;rotate:-10deg;text-align:center;
    box-shadow:0 0 0 5px #fff,6px 7px 0 5px var(--peach)}
  .reach-badge b{font-family:var(--f-groovy);font-weight:400;font-size:clamp(2.4rem,11vw,4rem);line-height:.9}
  .reach-badge span{font-family:var(--f-stk);font-size:clamp(.95rem,4vw,1.35rem);line-height:1.05;margin-top:4px}
  .menu-paper{padding-top:calc(var(--hh) + 64px)}
}