/* Hoogly: "Campfire conversations". Warm off-white, coral glow, Source Serif 4 + Source Sans 3 */
@font-face{font-family:"Source Serif 4";src:url("/fonts/source-serif-4.woff2") format("woff2");font-weight:200 900;font-style:normal;font-display:swap}
@font-face{font-family:"Source Serif 4";src:url("/fonts/source-serif-4-italic.woff2") format("woff2");font-weight:200 900;font-style:italic;font-display:swap}
@font-face{font-family:"Source Sans 3";src:url("/fonts/source-sans-3.woff2") format("woff2");font-weight:200 900;font-style:normal;font-display:swap}
@font-face{font-family:"Source Sans 3";src:url("/fonts/source-sans-3-italic.woff2") format("woff2");font-weight:200 900;font-style:italic;font-display:swap}

:root{
  --bg:#FAF6F4;--panel:#F4F0ED;--cream:#FFF9F7;--white:#FFFFFF;
  --ink:#23221F;--ink-2:#57524B;--line:#E7DFDA;
  --coral:#FF7D61;--coral-d:#E8684F;--coral-hot:#FF6A3D;--coral-ink:#C2462B;
  --lav:#D0CCFF;--sky:#CAE6FF;--butter:#FEEEC5;--mint:#D9F2E6;
  --night:#1E1C19;
  --serif:"Source Serif 4",Georgia,serif;--sans:"Source Sans 3",system-ui,sans-serif;
  --r-card:28px;--r-sm:18px;
  --pad:clamp(56px,8vw,116px);
  --gut:clamp(20px,4vw,48px);
  --ease:cubic-bezier(.22,1,.36,1);
}
*,*::before,*::after{box-sizing:border-box}
html,body{overflow-x:clip}
html{-webkit-text-size-adjust:100%}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
html.is-locked{overflow:hidden}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:18px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
main{overflow-x:clip;display:block}
img,video,svg{display:block;max-width:100%}
img{height:auto}
a{color:inherit}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
p{margin:0 0 1em}
h1,h2,h3{margin:0;font-weight:500}
.wrap{width:min(1280px,100% - var(--gut)*2);margin-inline:auto}
.skip{position:absolute;left:-9999px;top:8px;z-index:10001;background:var(--ink);color:#fff;padding:10px 16px;border-radius:99px}
.skip:focus{left:16px}
:focus-visible{outline:2px solid var(--coral-d);outline-offset:3px;border-radius:6px}

/* type */
.h2{font-family:var(--serif);font-size:clamp(34px,4.4vw,62px);line-height:1.06;letter-spacing:-.02em;font-weight:500;font-optical-sizing:auto}
.h3{font-family:var(--serif);font-size:clamp(24px,2.3vw,34px);line-height:1.15;letter-spacing:-.01em;font-weight:500}
.hl{color:var(--coral)}
.kicker{font-weight:700;font-size:15px;letter-spacing:.12em;text-transform:uppercase;color:var(--coral-ink);margin:0 0 18px}
.chalk{position:relative;display:inline-block;font-style:normal}
.chalk svg{position:absolute;left:-2%;width:104%;bottom:-.16em;height:.3em;overflow:visible;pointer-events:none}
.chalk path{fill:none;stroke:var(--coral);stroke-width:5;stroke-linecap:round;stroke-dasharray:420;stroke-dashoffset:420;opacity:.9}
.chalk.is-drawn path{transition:stroke-dashoffset 1.3s var(--ease) .2s;stroke-dashoffset:0}
.arrow{font-weight:700;color:var(--coral-ink);text-decoration:none;border-bottom:2px solid currentColor;padding-bottom:2px;transition:color .25s}
.arrow:hover{color:var(--ink)}

/* buttons: colour swap only, never move */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 26px;border-radius:999px;font-family:var(--sans);font-weight:700;font-size:17px;text-decoration:none;white-space:nowrap;transition:background-color .3s var(--ease),color .3s var(--ease),border-color .3s var(--ease);border:2px solid transparent}
.btn--coral{background:var(--coral);color:#fff}
.btn--coral:hover{background:var(--coral-hot)}
.btn--ink{background:var(--ink);color:#fff}
.btn--ink:hover{background:var(--coral)}
.btn--light{background:#fff;color:var(--ink)}
.btn--light:hover{background:var(--ink);color:#fff}
.btn--lg{min-height:60px;padding:0 34px;font-size:19px}
.play{width:0;height:0;border-left:10px solid currentColor;border-top:6px solid transparent;border-bottom:6px solid transparent;margin-left:2px}

/* header */
.hdr{position:absolute;top:0;left:0;right:0;z-index:9999;padding:16px var(--gut) 0;pointer-events:none}
.hdr__bar{pointer-events:auto;position:relative;max-width:1280px;margin:0 auto;height:72px;background:var(--white);border-radius:999px;display:flex;align-items:center;justify-content:space-between;padding:0 10px 0 26px;box-shadow:0 10px 30px -18px rgba(70,40,25,.35)}
.hdr.is-fixed{position:fixed;transform:translate3d(0,calc(-100% - 24px),0);opacity:0;pointer-events:none;will-change:transform}
.hdr.is-anim{transition:transform .6s var(--ease),opacity .6s var(--ease)}
.hdr.is-fixed.is-shown{transform:translate3d(0,0,0);opacity:1}
.hdr.is-fixed.is-shown .hdr__bar{pointer-events:auto}
.hdr.is-fixed:not(.is-shown) .hdr__bar{pointer-events:none}
.hdr__logo,.ftr__logo{display:inline-flex;align-items:flex-start;color:var(--coral);text-decoration:none}
.hdr__logo svg{height:30px;width:auto}
.hdr__logo sup,.ftr__logo sup{font-size:10px;font-weight:700;margin-left:2px;line-height:1}
.hdr__nav{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;gap:34px}
.hdr__nav a{font-family:var(--serif);font-size:18px;text-decoration:none;color:var(--ink);transition:color .25s;white-space:nowrap}
.hdr__nav a:hover{color:var(--coral-d)}
.hdr__cta{min-height:52px}
.hdr__toggle{display:none;width:52px;height:52px;border-radius:50%;background:var(--ink);position:relative;transition:background-color .3s}
.hdr__toggle span{position:absolute;left:16px;right:16px;height:2px;background:#fff;border-radius:2px;transition:transform .5s var(--ease),top .5s var(--ease)}
.hdr__toggle span:first-child{top:21px}.hdr__toggle span:last-child{top:29px}
.is-menu .hdr__toggle{background:#fff}
.is-menu .hdr__toggle span{background:var(--coral-d);top:25px}
.is-menu .hdr__toggle span:first-child{transform:rotate(45deg)}
.is-menu .hdr__toggle span:last-child{transform:rotate(-45deg)}
.is-menu .hdr.is-fixed{transform:none;opacity:1}

/* mobile menu */
.menu{position:fixed;inset:0;z-index:9998;background:var(--coral);color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:120px var(--gut) 40px;transform:translate3d(100%,0,0);transition:transform .7s var(--ease);visibility:hidden}
.menu.is-open{transform:translate3d(0,0,0);visibility:visible}
.menu.is-closing{visibility:visible}
.menu__nav{display:flex;flex-direction:column;gap:6px}
.menu__nav a,.menu__foot{opacity:0;transform:translate3d(40px,0,0);transition:opacity .5s var(--ease),transform .7s var(--ease);transition-delay:calc((6 - var(--i)) * 40ms)}
.menu__nav a{font-family:var(--serif);font-size:clamp(34px,9vw,52px);line-height:1.2;color:#fff;text-decoration:none}
.menu.is-open .menu__nav a,.menu.is-open .menu__foot{opacity:1;transform:none;transition-delay:calc(180ms + var(--i) * 60ms)}
.menu__foot .btn{width:100%}

/* hero */
.hero{position:relative;padding-top:clamp(118px,11vw,138px);overflow:hidden}
.hero__glow{position:absolute;right:-12vw;top:-8vw;width:58vw;height:58vw;border-radius:50%;background:radial-gradient(closest-side,rgba(255,125,97,.30),rgba(255,125,97,.10) 55%,transparent 72%);pointer-events:none}
.hero__copy{position:relative;z-index:2}
.hero__title{font-family:var(--serif);font-weight:500;font-size:clamp(44px,6.6vw,104px);line-height:1;letter-spacing:-.032em;margin:0 0 clamp(22px,2.4vw,34px)}
.hero__title .ln{display:block;overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em}
.hero__title .ln>span{display:inline-block}
.hero__title em{color:var(--coral);font-style:italic;font-weight:400}
.hero__row{display:grid;grid-template-columns:minmax(0,560px) auto;justify-content:space-between;align-items:end;gap:32px}
.hero__lede{font-size:clamp(18px,1.35vw,21px);color:var(--ink-2);margin:0}
.hero__ctas{display:flex;gap:12px;flex-wrap:wrap}
.hero__stage{position:relative;margin-top:clamp(64px,7vw,96px);padding-bottom:clamp(40px,5vw,72px)}
.hero__mark{position:absolute;right:max(var(--gut),calc((100vw - 1280px)/2 + 40px));top:clamp(104px,8.5vw,124px);width:clamp(120px,12.5vw,190px);opacity:.13;z-index:0;pointer-events:none}
.hero__mark img{width:100%}
.pano{position:relative;margin:0;height:clamp(300px,40vw,620px);--p:0;--rad:34px;clip-path:inset(0 calc(var(--gut) * (1 - var(--p))) round calc(var(--rad) * (1 - var(--p))));z-index:1;background:var(--panel)}
.pano__inner{position:absolute;inset:-8% 0;will-change:transform}
.pano__video{width:100%;height:100%;object-fit:cover;object-position:50% 40%}
.pano__shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(35,34,31,0) 55%,rgba(35,34,31,.28));pointer-events:none}
.hero__fg{position:absolute;inset:0;z-index:3;pointer-events:none}
.hero__venn{position:absolute;left:47%;top:clamp(-120px,-8.4vw,-64px);width:clamp(110px,12vw,190px);filter:drop-shadow(0 18px 24px rgba(70,40,25,.25))}
.chip{position:absolute;font-family:var(--serif);font-size:clamp(15px,1.3vw,20px);padding:.45em 1em;border-radius:999px;color:var(--ink);box-shadow:0 12px 26px -12px rgba(50,30,20,.35);white-space:nowrap}
.chip--mint{background:var(--mint);left:calc(var(--gut) + 6vw);top:14%}
.chip--lav{background:var(--lav);left:calc(var(--gut) + 3vw);bottom:22%}
.chip--sky{background:var(--sky);right:calc(var(--gut) + 3vw);top:46%}
.chip--butter{background:var(--butter);right:calc(var(--gut) + 9vw);bottom:16%}
.chip::before{content:"";display:inline-block;width:.5em;height:.5em;border-radius:50%;background:var(--coral);margin-right:.5em;vertical-align:.08em}

/* logos marquee (autoplay, never paused) */
.logos{padding:clamp(28px,4vw,48px) 0 clamp(40px,5vw,64px)}
.logos__title{text-align:center;font-weight:600;color:var(--ink-2);margin:0 0 26px;font-size:17px}
.marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.marquee__track{display:flex;width:max-content;animation:marq 34s linear infinite}
.marquee__set{display:flex;align-items:center;gap:clamp(48px,6vw,96px);padding-right:clamp(48px,6vw,96px)}
.marquee__set img{height:38px;width:auto;filter:grayscale(1) contrast(.9);opacity:.72}
.marquee__set img[src*="cbre"]{height:26px}
.marquee__set img[src*="uow"],.marquee__set img[src*="storyHouse"]{height:52px}
@keyframes marq{to{transform:translate3d(-50%,0,0)}}

/* problem: pinned horizontal */
.problem{position:relative;z-index:1;background:var(--bg)}
.problem__pin{height:100vh;height:100svh;display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:clamp(20px,4svh,48px) 0}
.problem__head{flex:none;margin-bottom:clamp(22px,4svh,48px)}
.problem__head .h2{font-size:clamp(30px,min(4.4vw,7svh),62px)}
.problem__head .kicker{margin-bottom:clamp(8px,1.6svh,18px)}
.hs{flex:none;--ch:clamp(230px,52svh,520px)}
.hs__track{display:flex;align-items:center;gap:clamp(22px,3vw,44px);padding:16px var(--gut) 16px max(var(--gut),calc((100vw - 1280px)/2));width:max-content;will-change:transform}
.pcard{flex:none;margin:0;background:#fff;border-radius:var(--r-card);padding:12px 12px 0;box-shadow:0 26px 50px -30px rgba(70,40,25,.45);height:var(--ch);width:calc(var(--ch) * 1.18);display:flex;flex-direction:column;position:relative}
.pcard:nth-child(odd){transform:rotate(-1.6deg)}
.pcard:nth-child(even){transform:rotate(1.4deg) translateY(10px)}
.pcard__photo{flex:1;min-height:0;border-radius:var(--r-sm);overflow:hidden;background:var(--panel)}
.pcard__photo img{width:100%;height:100%;object-fit:cover}
.pcard__line{font-family:var(--serif);font-size:clamp(18px,min(1.8vw,3svh),26px);line-height:1.2;margin:0;padding:clamp(12px,2svh,20px) 10px clamp(14px,2.2svh,22px)}
.pcard__line::before{content:"";position:absolute;left:34px;bottom:-12px;width:24px;height:24px;background:#fff;transform:rotate(45deg);border-radius:4px;z-index:-1}
.pcard--end{background:var(--night);color:#F4ECE7;padding:clamp(24px,4svh,44px);justify-content:center;width:calc(var(--ch) * 1.35)}
.pcard--end .h3{color:var(--coral);font-size:clamp(22px,min(2.4vw,4.2svh),36px);margin-bottom:clamp(12px,2svh,20px)}
.pcard--end p{margin:0;color:#D9CFC8;font-size:clamp(15px,min(1.2vw,2.3svh),18px);line-height:1.5}

/* how: sticky stacking panels */
.how{padding:var(--pad) 0;background:var(--bg);position:relative;z-index:0}
.how__title{max-width:900px;margin-bottom:clamp(36px,5vw,64px)}
.steps{display:grid;gap:clamp(20px,3vw,32px)}
.step::after{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--ink);opacity:var(--dim,0);pointer-events:none}
.step{position:sticky;top:40px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:clamp(28px,4vw,64px);align-items:center;padding:clamp(28px,4vw,56px);border-radius:36px;background:var(--cream);box-shadow:0 -1px 0 var(--line),0 30px 60px -40px rgba(70,40,25,.35);min-height:min(76vh,640px)}
.step:nth-child(2){top:60px;background:#FFF3EC}
.step:nth-child(3){top:80px;background:#FFEDE5}
.step__no{display:inline-block;font-weight:700;font-size:15px;color:#fff;background:var(--ink);border-radius:999px;padding:5px 14px;margin-bottom:18px}
.step .h3{margin-bottom:16px}
.step__copy>p:not(.step__no){color:var(--ink-2);font-size:17px}
.step__badge{width:96px;margin-top:6px}
.step--flip .screen{order:-1}
.screen{margin:0;border-radius:24px;overflow:hidden;background:var(--panel);box-shadow:0 0 0 10px #fff,0 30px 60px -30px rgba(70,40,25,.45)}
.screen img{width:100%}
.ticks{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.ticks li{position:relative;padding-left:32px;line-height:1.4}
.ticks li::before{content:"";position:absolute;left:0;top:.12em;width:20px;height:20px;border-radius:50%;background:var(--mint) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M6 10.5l2.6 2.5L14 7.5' fill='none' stroke='%2323221F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% no-repeat}
.awards{display:flex;justify-content:center;flex-wrap:wrap;gap:clamp(18px,4vw,56px);margin-top:clamp(48px,6vw,80px)}
.awards img{width:clamp(150px,16vw,220px)}

/* voices */
.voices{padding:var(--pad) 0;background:var(--panel);position:relative;z-index:1}
.voices__head{max-width:820px;margin-bottom:clamp(36px,5vw,64px)}
.voices__sub{font-size:19px;color:var(--ink-2);margin-top:18px}
.notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px,3vw,40px);align-items:start}
.note{margin:0;padding:clamp(26px,3vw,40px);border-radius:var(--r-card);position:relative;box-shadow:0 24px 50px -36px rgba(50,30,20,.5)}
.note:nth-child(even){margin-top:clamp(40px,7vw,110px)}
.note:nth-child(1){transform:rotate(-1deg)}.note:nth-child(2){transform:rotate(1.2deg)}.note:nth-child(3){transform:rotate(.8deg)}.note:nth-child(4){transform:rotate(-1.2deg)}
.note--lav{background:var(--lav)}.note--sky{background:var(--sky)}.note--butter{background:var(--butter)}.note--mint{background:var(--mint)}
.note::before{content:"";position:absolute;top:-14px;left:50%;width:84px;height:26px;margin-left:-42px;background:rgba(255,255,255,.6);border-radius:4px;transform:rotate(-3deg)}
.note blockquote{margin:0 0 24px;font-family:var(--serif);font-size:clamp(19px,1.6vw,24px);line-height:1.35}
.note figcaption{display:flex;align-items:center;gap:14px;font-size:15px;line-height:1.35}
.note figcaption img{width:58px;height:58px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 3px #fff;flex:none}
.note figcaption strong{display:block;font-size:17px}

/* hub */
.hub{padding:var(--pad) 0;background:var(--bg)}
.hub__head{max-width:820px;margin:0 auto clamp(40px,5vw,64px);text-align:center}
.hub__head p{color:var(--ink-2);font-size:19px;margin-top:18px}
.hub__map{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);align-items:center;gap:24px;min-height:420px}
.hub__lines{position:absolute;inset:0;width:100%;height:100%;z-index:0}
.hub__lines path{fill:none;stroke:var(--coral);stroke-width:2;stroke-dasharray:6 10;opacity:.55;vector-effect:non-scaling-stroke;animation:flow 1.6s linear infinite}
@keyframes flow{to{stroke-dashoffset:-32}}
.hub__col{position:relative;z-index:1}
.hub__label{font-weight:700;font-size:15px;color:var(--ink-2);margin-bottom:14px}
.hub__logos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:340px}
.hub__logos img{background:#fff;border-radius:16px;padding:14px 16px;height:62px;width:100%;object-fit:contain;box-shadow:0 10px 24px -18px rgba(70,40,25,.4)}
.hub__core{position:relative;z-index:1;text-align:center;display:grid;justify-items:center}
.hub__fire{width:150px;height:150px;border-radius:50%;background:var(--coral);display:grid;place-items:center;box-shadow:0 0 0 14px rgba(255,125,97,.18),0 0 0 32px rgba(255,125,97,.08),0 30px 60px -20px rgba(232,104,79,.6);animation:breathe 4s ease-in-out infinite}
.hub__fire img{width:58px}
@keyframes breathe{50%{box-shadow:0 0 0 20px rgba(255,125,97,.2),0 0 0 44px rgba(255,125,97,.07),0 30px 60px -20px rgba(232,104,79,.6)}}
.hub__name{font-family:var(--serif);font-size:30px;margin:26px 0 4px}
.hub__sso{font-size:15px;color:var(--ink-2);margin:0;max-width:220px}
.hub__col--out{justify-self:end}
.hub__chat{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.hub__chat li{display:flex;align-items:center;gap:14px;background:#fff;border-radius:999px;padding:10px 24px 10px 12px;font-weight:600;box-shadow:0 10px 24px -18px rgba(70,40,25,.4)}
.hub__chat img{width:36px;height:36px;object-fit:contain}
.hub__more{text-align:center;margin-top:clamp(32px,4vw,48px)}

/* security */
.secure{padding:var(--pad) 0;background:var(--cream)}
.secure__grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,6vw,96px);align-items:center}
.secure__badges{position:relative;height:clamp(260px,30vw,400px)}
.seal{position:absolute;width:62%;filter:drop-shadow(0 24px 30px rgba(70,40,25,.22))}
.seal--a{left:0;top:0;transform:rotate(-8deg)}
.seal--b{right:0;bottom:0;transform:rotate(7deg)}
.secure__copy p{color:var(--ink-2);font-size:19px;margin:20px 0 26px}

/* why */
.why{padding:var(--pad) 0;background:var(--bg)}
.why__title{margin-bottom:clamp(32px,4vw,56px)}
.why__list{display:grid;gap:clamp(28px,4vw,48px)}
.why__item{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:clamp(24px,5vw,80px);align-items:center;padding-top:clamp(28px,4vw,48px);border-top:1px solid var(--line)}
.why__item:nth-child(2) .why__photo{order:-1}
.why__big{font-family:var(--serif);font-size:clamp(28px,3.4vw,50px);line-height:1.08;letter-spacing:-.02em;margin-bottom:14px}
.why__text p{color:var(--ink-2);font-size:19px;margin:0}
.why__photo{margin:0;overflow:hidden;aspect-ratio:4/3;background:var(--panel)}
.why__photo img{width:100%;height:118%;object-fit:cover;margin-top:-9%}
.why__photo--a{border-radius:999px 999px var(--r-card) var(--r-card);aspect-ratio:4/4.2}
.why__photo--b{border-radius:var(--r-card) 120px var(--r-card) 120px}
.why__photo--c{border-radius:50% 50% var(--r-card) var(--r-card)/40% 40% var(--r-card) var(--r-card);aspect-ratio:4/4.4}

/* about */
.about{padding:var(--pad) 0;background:var(--cream)}
.about__mission{max-width:1100px}
.about__lead{font-family:var(--serif);font-size:clamp(28px,3.6vw,52px);line-height:1.12;letter-spacing:-.02em;margin-bottom:clamp(28px,4vw,48px)}
.about__cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,40px);color:var(--ink-2)}
.about__close{font-family:var(--serif);font-style:italic;font-size:clamp(22px,2vw,30px);color:var(--coral-ink);margin-top:12px}
.origin{margin-top:var(--pad);display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:clamp(28px,5vw,80px);align-items:center;background:var(--night);color:#F4ECE7;border-radius:40px;padding:clamp(32px,5vw,72px);position:relative;overflow:hidden}
.origin::before{content:"";position:absolute;left:-10%;bottom:-40%;width:70%;aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,rgba(255,125,97,.45),rgba(255,125,97,0))}
.origin__fire{position:relative;justify-self:center;width:clamp(120px,14vw,190px)}
.origin__fire img{width:100%;position:relative;z-index:1;filter:drop-shadow(0 0 40px rgba(255,125,97,.6))}
.origin__copy{position:relative}
.origin__copy p{margin:20px 0 0;color:#D9CFC8;font-size:19px}
.ember{position:absolute;left:50%;bottom:55%;width:6px;height:6px;border-radius:50%;background:var(--coral);opacity:0;animation:ember 4.4s var(--d) infinite ease-out}
@keyframes ember{0%{opacity:0;transform:translate(0,0) scale(1)}15%{opacity:1}100%{opacity:0;transform:translate(var(--x),-160px) scale(.3)}}
.team{margin-top:var(--pad)}
.team__sub{color:var(--ink-2);font-size:19px;margin:16px 0 clamp(32px,4vw,52px)}
.team__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(18px,2.4vw,32px) clamp(16px,2vw,28px)}
.mate{display:flex;flex-direction:column}
.mate__photo{position:relative;aspect-ratio:1;border-radius:38% 38% var(--r-card) var(--r-card);overflow:hidden;background:var(--panel);margin-bottom:14px;box-shadow:0 0 0 8px #fff}
.mate__photo img{width:100%;height:100%;object-fit:cover;transition:opacity .5s var(--ease),transform .8s var(--ease)}
.mate__photo .mate__alt{position:absolute;inset:0;opacity:0}
.mate:hover .mate__alt{opacity:1}
.mate:hover .mate__photo img:first-child{transform:scale(1.05)}
.mate__role{font-weight:700;font-size:14px;letter-spacing:.06em;text-transform:uppercase;color:var(--coral-ink);margin:0 0 2px}
.mate__name{font-family:var(--serif);font-size:24px;line-height:1.15;margin-bottom:10px}
.mate__bio{font-size:16px;color:var(--ink-2);line-height:1.55;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.mate.is-open .mate__bio{display:block}
.mate__more{align-self:flex-start;margin-top:10px;font-weight:700;font-size:15px;color:var(--ink);border-bottom:2px solid var(--coral);padding-bottom:1px;transition:color .25s}
.mate__more:hover{color:var(--coral-d)}

/* pricing */
.pricing{padding:var(--pad) 0;background:var(--bg)}
.pricing__head{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:24px;margin-bottom:clamp(36px,4vw,56px)}
.pricing__head .h2{max-width:760px}
.toggle{position:relative;display:inline-flex;background:#fff;border-radius:999px;padding:5px;box-shadow:0 10px 24px -18px rgba(70,40,25,.4)}
.toggle button{position:relative;z-index:1;min-height:44px;padding:0 22px;border-radius:999px;font-weight:700;transition:color .3s}
.toggle button[aria-pressed="true"]{color:#fff}
.toggle__pill{position:absolute;top:5px;bottom:5px;left:5px;border-radius:999px;background:var(--ink);transition:transform .45s var(--ease),width .45s var(--ease)}
.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,28px);align-items:start}
.plan{background:#fff;border-radius:var(--r-card);padding:clamp(26px,3vw,40px);position:relative;box-shadow:0 24px 50px -40px rgba(70,40,25,.5)}
.plan--hot{background:var(--coral);color:var(--ink);transform:translateY(-14px)}
.plan__flag{position:absolute;top:-14px;left:clamp(26px,3vw,40px);background:var(--ink);color:#fff;font-weight:700;font-size:13px;letter-spacing:.08em;border-radius:999px;padding:5px 14px;margin:0}
.plan__tier{font-weight:700;letter-spacing:.12em;font-size:14px;margin-bottom:8px}
.plan__price{font-family:var(--serif);font-size:clamp(40px,4vw,58px);line-height:1;letter-spacing:-.02em;margin-bottom:6px}
.plan__per{font-weight:600;margin-bottom:10px}
.plan__desc{color:var(--ink-2);min-height:3.2em}
.plan--hot .plan__desc{color:var(--ink)}
.plan__btn{width:100%;margin:8px 0 8px}
.plan__note{font-size:14px;color:var(--ink-2);text-align:center;margin:0}
.plan__inc{font-weight:700;margin:22px 0 12px}
.plan .ticks li{font-size:16px}
.plan--hot .ticks li::before{background-color:#fff}

/* faq */
.faq{padding:var(--pad) 0;background:var(--panel)}
.faq__grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,5vw,80px);align-items:start}
.faq__head{position:sticky;top:40px}
.faq__head p{margin-top:22px;color:var(--ink-2);font-size:19px}
.acc__item{border-bottom:1px solid #DDD3CD}
.acc__item h3{margin:0;font:inherit}
.acc__q{width:100%;display:flex;justify-content:space-between;align-items:center;gap:20px;text-align:left;padding:24px 0;font-family:var(--serif);font-size:clamp(19px,1.6vw,23px);line-height:1.3;transition:color .25s}
.acc__q:hover{color:var(--coral-d)}
.acc__ic{flex:none;width:36px;height:36px;border-radius:50%;background:#fff;position:relative;transition:background-color .35s var(--ease),transform .5s var(--ease)}
.acc__ic::before,.acc__ic::after{content:"";position:absolute;left:11px;right:11px;top:17px;height:2px;background:var(--ink);border-radius:2px;transition:transform .5s var(--ease),background-color .35s}
.acc__ic::after{transform:rotate(90deg)}
.acc__q[aria-expanded="true"] .acc__ic{background:var(--coral);transform:rotate(180deg)}
.acc__q[aria-expanded="true"] .acc__ic::before,.acc__q[aria-expanded="true"] .acc__ic::after{background:#fff}
.acc__q[aria-expanded="true"] .acc__ic::after{transform:rotate(0)}
.acc__a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .55s var(--ease)}
.acc__a>.acc__in{overflow:hidden;opacity:0;transition:opacity .4s var(--ease)}
.acc__item.is-open .acc__a{grid-template-rows:1fr}
.acc__item.is-open .acc__in{opacity:1}
.acc__in p,.acc__in ul{color:var(--ink-2);margin:0 0 14px}
.acc__in>:last-child{margin-bottom:24px}
.acc__in ul{padding-left:20px}
.acc__in li{margin-bottom:8px}
.acc__in a{color:var(--coral-ink);font-weight:700}

/* contact */
.contact{padding:var(--pad) 0;background:var(--bg)}
.contact__head{margin-bottom:clamp(32px,4vw,52px)}
.contact__head p{font-size:19px;color:var(--ink-2);margin-top:14px}
.contact__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(20px,3vw,40px);align-items:stretch}
.form{background:#fff;border-radius:var(--r-card);padding:clamp(24px,3vw,40px);display:grid;gap:18px;align-content:start;box-shadow:0 24px 50px -40px rgba(70,40,25,.5)}
.form .h3{margin-bottom:4px}
.form__row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.field{display:grid;gap:8px}
.field label{font-weight:700;font-size:15px}
.field input,.field textarea{font:inherit;font-size:17px;color:var(--ink);background:var(--bg);border:1.5px solid #D9CEC8;border-radius:14px;padding:13px 16px;transition:border-color .25s,background-color .25s;width:100%}
.field textarea{resize:vertical;min-height:120px}
.field input:focus,.field textarea:focus{outline:none;border-color:var(--coral-d);background:#fff}
.field.is-error input,.field.is-error textarea{border-color:#C2462B}
.form .btn{justify-self:start}
.form__status{margin:0;font-weight:600;color:var(--coral-ink);min-height:1.4em}
.offices{display:grid;gap:16px;grid-template-rows:minmax(260px,1fr) auto}
.mapbox{position:relative;border-radius:var(--r-card);overflow:hidden;background:var(--panel);box-shadow:0 0 0 8px #fff;cursor:pointer}
.mapbox iframe{position:absolute;inset:0;width:100%;height:100%;border:0;pointer-events:none}
.mapbox.is-active iframe{pointer-events:auto}
.offices__list{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.offices__list li{background:#fff;border-radius:20px;padding:16px 18px;font-size:15px;line-height:1.4}
.offices__flag{display:block;font-weight:700;color:var(--coral-ink);font-size:13px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px}
.offices__list a{text-decoration:none;transition:color .25s}
.offices__list a:hover{color:var(--coral-d)}

/* cta (night campfire) */
.cta{position:relative;background:var(--night);color:#F4ECE7;padding:calc(var(--pad) * 1.2) 0;overflow:hidden;text-align:center}
.cta__glow{position:absolute;left:50%;bottom:-55%;width:120vw;max-width:1500px;aspect-ratio:1;margin-left:-60vw;border-radius:50%;background:radial-gradient(closest-side,rgba(255,125,97,.42),rgba(255,125,97,.12) 45%,transparent 70%);pointer-events:none}
@media(min-width:1250px){.cta__glow{margin-left:-750px}}
.cta__sky{position:absolute;left:50%;bottom:22%;width:0;height:0}
.cta__sky .ember{bottom:0;animation-duration:5.5s}
.cta__inner{position:relative;display:grid;justify-items:center}
.cta__mark{width:64px;margin-bottom:24px;filter:drop-shadow(0 0 30px rgba(255,125,97,.7))}
.cta__title{font-family:var(--serif);font-size:clamp(44px,7vw,108px);line-height:1;letter-spacing:-.03em;margin-bottom:22px}
.cta p{max-width:620px;font-size:20px;color:#D9CFC8;margin-bottom:34px}

/* footer */
.ftr{background:#161513;color:#CFC5BE;padding:clamp(48px,6vw,80px) 0 28px}
.ftr__top{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:clamp(32px,4vw,48px);border-bottom:1px solid rgba(255,255,255,.1)}
.ftr__logo svg{height:40px;width:auto}
.ftr__cols{display:grid;grid-template-columns:1fr 1fr 1.6fr;gap:clamp(24px,4vw,64px);padding:clamp(32px,4vw,52px) 0}
.ftr__h{font-family:var(--serif);font-size:clamp(24px,2vw,30px);color:var(--coral);margin-bottom:16px;font-weight:500}
.ftr__col ul{list-style:none;padding:0;margin:0;display:grid;gap:10px;font-size:16px}
.ftr__col a{text-decoration:none;transition:color .25s}
.ftr__col a:hover{color:var(--coral)}
.ftr__base{border-top:1px solid rgba(255,255,255,.1);padding-top:22px;font-size:14px}
.ftr__base p{margin:0}
.credit{color:var(--coral);font-weight:700;text-decoration:none}
.credit:hover{color:#fff}

/* video modal */
.modal{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:var(--gut);visibility:hidden;opacity:0;transition:opacity .45s var(--ease),visibility 0s .45s}
.modal.is-open{visibility:visible;opacity:1;transition:opacity .45s var(--ease)}
.modal__scrim{position:absolute;inset:0;background:rgba(22,21,19,.82)}
.modal__box{position:relative;width:min(1100px,100%);border-radius:24px;overflow:hidden;background:#000;transform:scale(.96);transition:transform .55s var(--ease)}
.modal.is-open .modal__box{transform:none}
.modal__box video{width:100%;aspect-ratio:16/9}
.modal__close{position:absolute;top:12px;right:12px;z-index:2;width:46px;height:46px;border-radius:50%;background:#fff;transition:background-color .3s}
.modal__close:hover{background:var(--coral)}
.modal__close span{position:absolute;left:14px;right:14px;top:22px;height:2px;background:var(--ink)}
.modal__close span:first-child{transform:rotate(45deg)}.modal__close span:last-child{transform:rotate(-45deg)}

/* reveal */
.rv{opacity:0;transform:translate3d(0,28px,0)}

/* ---------- responsive ---------- */
@media (max-width:1100px){
  .hdr__nav{gap:22px}
  .hdr__nav a{font-size:17px}
  .team__grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:980px){
  .hdr__nav,.hdr__cta{display:none}
  .hdr__toggle{display:block}
  .hdr__bar{height:64px;padding:0 6px 0 22px}
  .hdr__toggle{width:52px;height:52px}
}
@media (max-width:899px){
  .h2,.h3,.why__big,.about__lead,.cta__title,.how__title,.voices__head,.hub__head,.pricing__head .h2,.about__mission{max-width:none;text-wrap:pretty}
  .hero__row{grid-template-columns:minmax(0,1fr)}
  .pano{height:auto;aspect-ratio:16/11;--rad:26px}
  .hero__venn{width:clamp(96px,24vw,150px);right:calc(var(--gut) + 8px)}
  .chip--lav{left:calc(var(--gut) + 10px);bottom:14%}
  .chip--sky{right:calc(var(--gut) + 10px);top:auto;bottom:10%}
  .chip--butter{display:none}
  .chip--mint{left:calc(var(--gut) + 10px);top:9%}
  .chip--lav{display:none}
  .hero__venn{top:clamp(-84px,-17vw,-56px);left:auto;right:calc(var(--gut) + 8px)}
  .hero__stage{margin-top:84px}
  .hero__mark{display:none}
  .step{position:relative;top:auto!important;grid-template-columns:minmax(0,1fr);min-height:0}
  .step--flip .screen{order:0}
  .notes{grid-template-columns:minmax(0,1fr)}
  .note:nth-child(even){margin-top:0}
  .hub__map{grid-template-columns:minmax(0,1fr);gap:36px;min-height:0}
  .hub__lines{display:none}
  .hub__col--out{justify-self:stretch}
  .hub__logos{max-width:none;grid-template-columns:repeat(3,minmax(0,1fr))}
  .hub__core{order:-1}
  .hub__head{text-align:left}
  .secure__grid,.why__item,.origin,.faq__grid,.contact__grid{grid-template-columns:minmax(0,1fr)}
  .secure__badges{height:clamp(220px,60vw,340px);max-width:460px}
  .why__item:nth-child(2) .why__photo{order:0}
  .why__photo{max-width:560px}
  .about__cols{grid-template-columns:minmax(0,1fr);gap:0}
  .origin__fire{width:110px}
  .team__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .plans{grid-template-columns:minmax(0,1fr);max-width:560px}
  .plan--hot{transform:none}
  .faq__head{position:static}
  .offices{grid-template-rows:minmax(280px,auto) auto}
  .mapbox{min-height:300px}
  .offices__list{grid-template-columns:minmax(0,1fr)}
  .ftr__cols{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ftr__col--wide{grid-column:1/-1}
  .problem__head{padding-bottom:50px;margin-bottom:0}
  .hs{--ch:clamp(220px,min(46svh,108vw),440px)}
}
@media (max-width:600px){
  body{font-size:17px}
  .hero__ctas .btn{flex:1 1 auto}
  .form__row{grid-template-columns:minmax(0,1fr)}
  .hub__logos{grid-template-columns:repeat(2,minmax(0,1fr))}
  .team__grid{gap:22px 14px}
  .mate__name{font-size:20px}
  .ftr__top{flex-direction:column;align-items:flex-start}
  .ftr__cols{grid-template-columns:minmax(0,1fr)}
  .pcard{width:min(calc(var(--ch) * 1.02),calc(100vw - 56px))}
  .pcard--end{width:calc(100vw - 40px)}
}
@media (prefers-reduced-motion:reduce){
  *:not(.marquee__track),*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
  .rv{opacity:1;transform:none}
  .chalk path{stroke-dashoffset:0}
}

/* ================= DESIGN OPTIONS (query params) ================= */
.hero__collage,.ftr__lead,.ftr__giant{display:none}

/* Hero 2: full-screen video, transparent header */
html[data-hero="2"] .hero{min-height:100vh;min-height:100svh;padding:0;display:flex;flex-direction:column;justify-content:flex-end}
html[data-hero="2"] .hero__glow,html[data-hero="2"] .hero__mark{display:none}
html[data-hero="2"] .hero__stage{position:absolute;inset:0;margin:0;padding:0}
html[data-hero="2"] .pano{height:100%;--p:1;clip-path:none}
html[data-hero="2"] .pano__shade{background:linear-gradient(180deg,rgba(22,21,19,.45) 0%,rgba(22,21,19,0) 30%,rgba(22,21,19,.15) 50%,rgba(22,21,19,.82) 100%)}
html[data-hero="2"] .hero__copy{color:#fff;padding-bottom:clamp(40px,8vh,96px);padding-top:140px}
html[data-hero="2"] .hero__title em{color:var(--coral)}
html[data-hero="2"] .hero__lede{color:rgba(255,255,255,.86)}
html[data-hero="2"] .hero .btn--ink{background:#fff;color:var(--ink)}
html[data-hero="2"] .hero .btn--ink:hover{background:var(--coral);color:#fff}
html[data-hero="2"] .hero__venn{left:auto;right:calc(var(--gut) + 2vw);top:auto;bottom:calc(clamp(40px,8vh,96px) + 150px);width:clamp(110px,11vw,170px)}
html[data-hero="2"] .chip--mint{top:24%;left:calc(var(--gut) + 4vw)}
html[data-hero="2"] .chip--sky{top:30%;right:calc(var(--gut) + 6vw)}
html[data-hero="2"] .chip--lav{bottom:auto;top:40%;left:calc(var(--gut) + 30vw)}
html[data-hero="2"] .chip--butter{bottom:auto;top:18%;right:calc(var(--gut) + 26vw)}
html[data-hero="2"] .hdr:not(.is-fixed) .hdr__bar{background:transparent;box-shadow:none}
html[data-hero="2"] .hdr:not(.is-fixed) .hdr__logo,html[data-hero="2"] .hdr:not(.is-fixed) .hdr__nav a{color:#fff}
html[data-hero="2"] .hdr:not(.is-fixed) .hdr__nav a:hover{color:var(--coral)}
html[data-hero="2"] .hdr:not(.is-fixed) .hdr__toggle{background:#fff}
html[data-hero="2"] .hdr:not(.is-fixed) .hdr__toggle span{background:var(--ink)}
html[data-hero="2"][data-header="3"] .hdr:not(.is-fixed) .hdr__bar{background:transparent}
@media (max-width:899px){
  html[data-hero="2"] .hero__venn{bottom:auto;top:110px;right:var(--gut);width:96px}
  html[data-hero="2"] .chip--mint{top:30%}
  html[data-hero="2"] .chip--sky{top:36%;bottom:auto}
}

/* Hero 3: centred headline over a horizontal collage */
html[data-hero="3"] .hero__copy{text-align:center}
html[data-hero="3"] .hero__row{grid-template-columns:minmax(0,640px);justify-content:center;justify-items:center;gap:28px}
html[data-hero="3"] .hero__ctas{justify-content:center}
html[data-hero="3"] .hero__mark{display:none}
html[data-hero="3"] .hero__glow{left:50%;right:auto;margin-left:-35vw;width:70vw;height:70vw;top:10vw}
html[data-hero="3"] .hero__stage{margin-top:clamp(48px,5vw,72px);padding-bottom:clamp(60px,7vw,110px)}
html[data-hero="3"] .pano{width:min(56vw,820px);margin:0 auto;height:auto;aspect-ratio:16/10;--p:1;clip-path:none;border-radius:34px;overflow:hidden;box-shadow:0 0 0 10px #fff,0 40px 80px -40px rgba(70,40,25,.5)}
html[data-hero="3"] .hero__collage{display:block;position:absolute;inset:0;z-index:2;pointer-events:none}
html[data-hero="3"] .hc{position:absolute;margin:0;border-radius:26px;overflow:hidden;box-shadow:0 0 0 8px #fff,0 30px 60px -30px rgba(70,40,25,.5)}
html[data-hero="3"] .hc img{width:100%;height:100%;object-fit:cover}
html[data-hero="3"] .hc--l{width:min(24vw,340px);aspect-ratio:4/5;left:max(var(--gut),calc(50% - min(28vw,410px) - min(20vw,290px)));top:8%;rotate:-5deg;z-index:0}
html[data-hero="3"] .hc--r{width:min(23vw,330px);aspect-ratio:1;right:max(var(--gut),calc(50% - min(28vw,410px) - min(19vw,280px)));top:22%;rotate:4deg;z-index:0}
html[data-hero="3"] .hc--screen{width:min(22vw,320px);left:calc(50% - min(28vw,410px) - 40px);bottom:4%;rotate:-2deg;border-radius:18px;z-index:3;background:var(--panel)}
html[data-hero="3"] .hero__stage>.pano{z-index:2}
html[data-hero="3"] .hero__collage{z-index:1}
html[data-hero="3"] .hc--screen{z-index:5}
html[data-hero="3"] .hero__collage .hc--screen{position:absolute}
html[data-hero="3"] .hero__venn{left:auto;right:max(var(--gut),calc(50% - min(28vw,410px) - min(15vw,200px)));top:auto;bottom:clamp(40px,5vw,80px)}
html[data-hero="3"] .chip--lav,html[data-hero="3"] .chip--butter{display:none}
html[data-hero="3"] .chip--mint{left:calc(50% - min(28vw,410px) + 24px);top:8%}
html[data-hero="3"] .chip--sky{right:calc(50% - min(28vw,410px) + 24px);top:auto;bottom:24%}
@media (max-width:899px){
  html[data-hero="3"] .pano{width:auto;margin:0 var(--gut);aspect-ratio:4/3}
  html[data-hero="3"] .hc--l,html[data-hero="3"] .hc--r{display:none}
  html[data-hero="3"] .hc--screen{width:44vw;left:calc(var(--gut) - 6px);bottom:0}
  html[data-hero="3"] .hero__venn{right:var(--gut);bottom:auto;top:-62px;width:84px}
  html[data-hero="3"] .hero__stage{margin-top:92px}
  html[data-hero="3"] .chip--mint{left:calc(var(--gut) + 14px)}
  html[data-hero="3"] .chip--sky{right:calc(var(--gut) + 14px)}
}

/* Header 2: three floating islands */
html[data-header="2"] .hdr__bar{background:transparent;box-shadow:none;padding:0}
html[data-header="2"] .hdr__logo{background:#fff;border-radius:999px;height:60px;padding:0 22px;align-items:center;box-shadow:0 10px 30px -18px rgba(70,40,25,.35)}
html[data-header="2"] .hdr__logo sup{align-self:flex-start;margin-top:14px}
html[data-header="2"] .hdr__nav{background:var(--ink);border-radius:999px;padding:0 30px;height:60px;align-items:center;box-shadow:0 10px 30px -18px rgba(30,20,10,.5)}
html[data-header="2"] .hdr__nav a{color:#F4ECE7}
html[data-header="2"] .hdr__nav a:hover{color:var(--coral)}
html[data-header="2"] .hdr__cta{min-height:60px}
html[data-hero="2"][data-header="2"] .hdr:not(.is-fixed) .hdr__logo{color:var(--coral)}
html[data-hero="2"][data-header="2"] .hdr:not(.is-fixed) .hdr__nav a{color:#F4ECE7}

/* Header 3: hanging night tab */
html[data-header="3"] .hdr{padding-top:0}
html[data-header="3"] .hdr__bar{background:var(--night);border-radius:0 0 30px 30px;height:78px;padding:0 14px 0 30px;box-shadow:0 18px 40px -24px rgba(30,20,10,.55)}
html[data-header="3"] .hdr__nav a{color:#F4ECE7}
html[data-header="3"] .hdr__nav a:hover{color:var(--coral)}
html[data-header="3"] .hdr__nav a::after{content:"";display:block;height:2px;background:var(--coral);transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease)}
html[data-header="3"] .hdr__nav a:hover::after{transform:scaleX(1)}
html[data-header="3"] .hdr__toggle{background:var(--coral)}
html[data-header="3"] .hero{padding-top:clamp(128px,11.5vw,146px)}

/* Footer 2: giant wordmark */
html[data-footer="2"] .ftr__top .ftr__logo{display:none}
html[data-footer="2"] .ftr__top{justify-content:flex-end;border-bottom:0;padding-bottom:0}
html[data-footer="2"] .ftr__giant{display:block;color:var(--coral);padding:clamp(10px,2vw,28px) 0 clamp(20px,3vw,40px)}
html[data-footer="2"] .ftr__giant svg{width:100%;height:auto}
html[data-footer="2"] .ftr__cols{border-bottom:0}
html[data-footer="2"] .ftr{background:var(--night)}

/* Footer 3: campfire light */
html[data-footer="3"] .ftr{background:var(--cream);color:var(--ink-2)}
html[data-footer="3"] .ftr__lead{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(20px,3vw,40px);align-items:center;padding-bottom:clamp(32px,4vw,52px);border-bottom:1px solid var(--line)}
html[data-footer="3"] .ftr__fire{width:clamp(84px,9vw,120px);aspect-ratio:1;border-radius:50%;background:var(--coral);display:grid;place-items:center;box-shadow:0 0 0 12px rgba(255,125,97,.15)}
html[data-footer="3"] .ftr__fire img{width:38%}
html[data-footer="3"] .ftr__quote{font-family:var(--serif);font-size:clamp(28px,3.4vw,50px);line-height:1.1;letter-spacing:-.02em;color:var(--ink);margin:0}
html[data-footer="3"] .ftr__top{border-bottom:1px solid var(--line);padding-top:clamp(28px,3vw,40px)}
html[data-footer="3"] .ftr__col a:hover{color:var(--coral-d)}
html[data-footer="3"] .ftr__base{border-top:0}
html[data-footer="3"] .ftr .credit{color:var(--coral-ink)}
html[data-footer="3"] .ftr .credit:hover{color:var(--ink)}
@media (max-width:600px){html[data-footer="3"] .ftr__lead{grid-template-columns:minmax(0,1fr)}}

/* Buttons 2: sticker (hard offset shadow, static) */
html[data-btn="2"] .btn{border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);border-radius:16px}
html[data-btn="2"] .btn--coral{color:var(--ink)}
html[data-btn="2"] .btn--coral:hover{background:var(--ink);color:#fff}
html[data-btn="2"] .btn--ink:hover{background:var(--coral);color:var(--ink)}
html[data-btn="2"] .btn--light:hover{background:var(--coral);color:var(--ink)}
html[data-btn="2"] .cta .btn,html[data-btn="2"] .ftr .btn,html[data-btn="2"] .origin .btn{border-color:#F4ECE7;box-shadow:4px 4px 0 #F4ECE7}

/* Buttons 3: campfire tag (mark icon, serif label, soft corners) */
html[data-btn="3"] .btn{border-radius:14px;font-family:var(--serif);font-weight:600;letter-spacing:.01em}
html[data-btn="3"] .btn--coral::before{content:"";width:13px;height:19px;background:currentColor;-webkit-mask:url("/img/hoogly-mark.svg") center/contain no-repeat;mask:url("/img/hoogly-mark.svg") center/contain no-repeat}
html[data-btn="3"] .btn--coral{background:var(--coral);color:var(--ink)}
html[data-btn="3"] .btn--coral:hover{background:var(--ink);color:#fff}
html[data-btn="3"] .btn--ink{background:transparent;color:var(--ink);border-color:var(--ink)}
html[data-btn="3"] .btn--ink:hover{background:var(--coral);border-color:var(--coral);color:var(--ink)}
html[data-btn="3"] .plan--hot .btn--light{background:var(--ink);color:#fff}
html[data-btn="3"] .plan--hot .btn--light:hover{background:#fff;color:var(--ink)}
html[data-btn="3"][data-hero="2"] .hero .btn--ink{border-color:#fff;color:#fff;background:transparent}
html[data-btn="3"] .menu .btn--ink{background:var(--ink);color:#fff}

/* Fonts */
html[data-hfont="2"]{--serif:"Young Serif",Georgia,serif}
html[data-hfont="2"] .h2,html[data-hfont="2"] .hero__title,html[data-hfont="2"] .cta__title{letter-spacing:-.025em}
html[data-hfont="3"]{--serif:"Bricolage Grotesque",system-ui,sans-serif}
html[data-hfont="3"] .hero__title{letter-spacing:-.045em}
html[data-bfont="2"]{--sans:"Nunito Sans",system-ui,sans-serif}
html[data-bfont="3"]{--sans:"DM Sans",system-ui,sans-serif}