:root{
  --sc-canvas:#1A0B11; --sc-surface:#26121B;
  --sc-ink:#F6EEE8; --sc-ink-soft:#D2BCC3;
  --sc-accent:#F2B54A; --sc-accent-ink:#1A0B11;
  --sc-font-display:"Young Serif",Georgia,serif;
  --sc-font-text:"Schibsted Grotesk",system-ui,sans-serif;
  --sc-shadow-color:338 60% 3%;
  --paper:#FBF8F2; --paper-ink:#2A2422; --wine:#7A1A2C;
}
body{line-height:1.66;letter-spacing:.004em}
.sc-display{font-weight:400;letter-spacing:-.015em;line-height:1.02}
.me-label{white-space:nowrap;font-size:var(--sc-t-sm);font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--sc-accent);margin:0}

/* ---------- chrome ---------- */
.me-bar{transition:background-color 240ms var(--sc-ease-out),border-color 240ms var(--sc-ease-out);border-bottom:1px solid transparent;position:fixed;inset:0 0 auto;z-index:60;display:flex;align-items:center;justify-content:space-between;
  gap:1rem;padding:.9rem var(--sc-gutter);background:linear-gradient(color-mix(in oklab,var(--sc-canvas) 86%,transparent),transparent)}
.me-bar.is-solid{background:#1A0B11;border-bottom-color:var(--sc-hairline)}
.me-mark{font-family:var(--sc-font-display);font-size:1.15rem;text-decoration:none;color:var(--sc-ink);white-space:nowrap}
.me-mark sup{font-family:var(--sc-font-text);font-size:.5em}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:3.1rem;padding:0 1.6rem;border-radius:3px;
  background:var(--sc-accent);color:var(--sc-accent-ink);font-weight:600;text-decoration:none;white-space:nowrap;
  box-shadow:0 6px 18px -8px hsl(var(--sc-shadow-color)/.7);transition:background-color 160ms var(--sc-ease-out),transform 120ms var(--sc-ease-out)}
.btn:active{transform:translateY(1px)}
@media (hover:hover) and (pointer:fine){.btn:hover{background:#F7C66B}}
.btn--sm{min-height:2.6rem;padding:0 1.1rem;font-size:var(--sc-t-sm)}
.tlink{color:var(--sc-ink);text-decoration:underline;text-decoration-color:var(--sc-accent);text-underline-offset:.3em}

/* ---------- the book (shared by hero and peak) ---------- */
.book{--w:300px;--d:calc(var(--w)*.231);--h:calc(var(--w)*1.4808);
  position:relative;width:var(--w);height:var(--h);transform-style:preserve-3d}
.book>*{position:absolute;top:0;backface-visibility:hidden}
.book__back{left:0;width:var(--w);height:var(--h);background:#5D3408;transform:rotateY(180deg) translateZ(calc(var(--d)/2))}
.book__spine{left:0;width:var(--d);height:var(--h);transform-origin:0 50%;transform:translateZ(calc(var(--d)/-2)) rotateY(-90deg);
  background:#5D3408 url(https://d1yei2z3i6k35z.cloudfront.net/16054255/6ad0eb5eba77f3.04434715_me-spine.webp) center/100% 100%}
.book__edge{left:calc(var(--w) - 3px);top:4px;width:var(--d);height:calc(var(--h) - 8px);transform-origin:0 50%;
  transform:translateZ(calc(var(--d)/2)) rotateY(90deg);background:repeating-linear-gradient(90deg,#F4EEE3 0 2px,#E2D9CA 2px 3px)}
.book__top{left:2px;top:3px;width:calc(var(--w) - 6px);height:var(--d);transform-origin:50% 0;
  transform:translateZ(calc(var(--d)/2)) rotateX(-90deg);background:repeating-linear-gradient(0deg,#F4EEE3 0 2px,#E0D6C6 2px 3px)}
.book__page{left:3px;top:4px;width:calc(var(--w) - 8px);height:calc(var(--h) - 8px);transform:translateZ(calc(var(--d)/2 - 1px));
  background:var(--paper);box-shadow:inset 14px 0 18px -14px rgba(60,40,30,.35)}
.book__cover{left:0;width:var(--w);height:var(--h);transform-style:preserve-3d;backface-visibility:visible;
  transform-origin:0 50%;transform:translateZ(calc(var(--d)/2)) rotateY(calc(var(--open,0) * -178deg))}
.book__cover>*{position:absolute;inset:0;backface-visibility:hidden}
.book__front{background:url(https://d1yei2z3i6k35z.cloudfront.net/16054255/6ad0eb5d8507b8.39961956_me-front.webp) center/cover;border-radius:0 3px 3px 0;
  box-shadow:inset 3px 0 0 rgba(255,255,255,.18),inset 7px 0 10px -6px rgba(0,0,0,.35)}
.book__inside{transform:rotateY(180deg);background:var(--paper) url(https://d1yei2z3i6k35z.cloudfront.net/16054255/6ad0eb6255d3d2.33854289_p42.webp) center/cover;background-blend-mode:multiply;
  box-shadow:inset -14px 0 18px -14px rgba(60,40,30,.35)}
.book__shadow{position:absolute;left:4%;right:-12%;bottom:-6%;height:12%;border-radius:50%;
  background:radial-gradient(closest-side,hsl(var(--sc-shadow-color)/.75),transparent);transform:translateZ(-60px);filter:blur(6px)}

/* the HTML page under the cover: the real page 42 of the print interior */
.qpage{overflow:hidden;font-size:calc(var(--w) * .01);color:var(--paper-ink);font-family:Georgia,"Times New Roman",serif;padding:7em 7.5em 4.5em 9.5em;display:flex;flex-direction:column}
.qpage__run{font-variant:small-caps;font-size:3.1em;text-align:center;margin:0 0 1.4em;letter-spacing:.02em;color:#4b4340}
.qpage__head{font-variant:small-caps;font-weight:700;font-size:4.6em;text-align:center;margin:.3em 0 0;letter-spacing:.01em}
.qpage ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2.5em}
.qpage li{display:flex;flex-direction:column}
.qpage .n{align-self:center;font-size:4.4em;line-height:1;padding:0 .9em .1em;margin-bottom:.12em;border-bottom:1px solid #2A2422}
.qpage label{display:grid;grid-template-columns:6.5em 1fr;font-size:3.45em;line-height:1.32;cursor:pointer;grid-template-columns:1.75em 1fr}
.qpage input{appearance:none;margin:.22em 0 0;width:.9em;height:.9em;border:1px solid #2A2422;border-radius:0;background:transparent;cursor:pointer;display:grid;place-content:center}
.qpage input::after{content:"";width:.62em;height:.32em;border:solid var(--wine);border-width:0 0 .14em .14em;transform:translateY(-.08em) rotate(-45deg) scale(0);transition:transform 220ms var(--sc-ease-out)}
.qpage input:checked::after{transform:translateY(-.08em) rotate(-45deg) scale(1)}
.qpage input:focus-visible{outline:2px solid var(--wine);outline-offset:2px}
.qpage__folio{margin:auto 0 0;text-align:center;font-size:3.2em}

/* ---------- act 1: hero ---------- */
.hero{background:radial-gradient(60% 70% at 72% 46%,#3A1522 0%,transparent 70%)}
.hero__seal,.hero__book,.hero__mugs{position:absolute;max-width:none}
.hero__seal{width:min(64vw,860px);right:-6vw;top:50%;margin-top:calc(min(64vw,860px)/-2);opacity:.26;filter:blur(2.5px) saturate(.9)}
.hero__seal img,.hero__mugs img{width:100%;height:auto;max-width:none}
.hero__book{right:17vw;top:50%;margin-top:calc(var(--bw)*-.78);--bw:min(25vw,44vh);perspective:2400px}
.hero__book .book{--w:var(--bw);transform:rotateY(26deg) rotateX(4deg)}
.hero__mugs{width:min(21vw,300px);right:calc(17vw - min(21vw,300px)*.86);bottom:1.5vh}
.hero__mugs img{filter:drop-shadow(0 18px 18px hsl(var(--sc-shadow-color)/.6))}
.hero__copy{max-width:min(36rem,44vw)}
.hero__copy h1{font-size:clamp(2.6rem,1.6rem + 3.2vw,4.9rem);max-width:13ch;margin-top:var(--sc-4)}
.hero__copy p{margin-top:var(--sc-5);max-width:34ch;font-size:var(--sc-t-lg);line-height:1.5;color:var(--sc-ink-soft)}
.hero__ctas{display:flex;align-items:center;flex-wrap:wrap;gap:1.4rem;margin-top:var(--sc-6)}
.hero .sc-copy--lead{bottom:auto;top:50%;translate:0 -46%}

/* ---------- act 2: small talk ---------- */
.talk{display:grid;place-items:center}
.talk>p{position:absolute;margin:0;font-family:var(--sc-font-display);font-size:clamp(2rem,1.2rem + 3.4vw,4.4rem);line-height:1.08;max-width:16ch;color:var(--sc-ink)}
.talk__a{left:var(--sc-gutter);top:20vh}
.talk__b{right:var(--sc-gutter);top:40vh;text-align:right}
.talk__c{left:16vw;bottom:18vh}
.talk>p.talk__d{position:relative;font-size:clamp(1.9rem,1.2rem + 2.6vw,3.6rem);max-width:22ch;text-align:center;color:var(--sc-ink)}

/* ---------- act 3: the book opens (signature) ---------- */
.open{display:grid;place-items:center;perspective:2600px}
.open__scene{--bw:min(30vw,54vh*.675,430px);position:relative;transform-style:preserve-3d;
  transform:translateY(-8vh) translateX(calc(var(--open,0) * var(--bw) * .5)) rotateX(calc(14deg - var(--open,0) * 6deg)) rotateY(calc((1 - var(--open,0)) * 20deg)) scale(calc(.86 + var(--open,0) * .14))}
.open__scene .book{--w:var(--bw)}
.open__note{position:absolute;left:50%;bottom:5vh;translate:-50% 0;width:min(52rem,88vw);text-align:center}
.open__note h2{font-size:clamp(1.5rem,1rem + 1.2vw,2.2rem);line-height:1.2}
.open__hint{margin-top:var(--sc-4);color:var(--sc-ink-soft);min-height:1.7em}

/* ---------- act 4: what is inside ---------- */
.inside{padding-top:var(--sc-3)}
.inside__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--sc-8);align-items:start}
.inside__grid h2{max-width:12ch}
.inside__grid .sc-body{margin-top:var(--sc-5);font-size:var(--sc-t-lg);line-height:1.55}
.chapters{list-style:none;margin:0;padding:0;columns:2;column-gap:var(--sc-7)}
.chapters li{break-inside:avoid;display:grid;grid-template-columns:2.2rem 1fr;padding:.85rem 0;border-top:1px solid var(--sc-hairline);font-size:var(--sc-t-lg);line-height:1.3}
.chapters span{font-family:var(--sc-font-display);color:var(--sc-accent);font-size:var(--sc-t-base)}

/* ---------- act 5: five volumes ---------- */
.rail{gap:clamp(1.5rem,3vw,3.5rem);align-items:center;height:100%;padding-inline:var(--sc-gutter)}
.rail>*{flex:0 0 auto}
.rail__lead{width:min(26rem,80vw)}
.rail__lead p{margin-top:var(--sc-4);color:var(--sc-ink-soft);font-size:var(--sc-t-lg);line-height:1.5}
.vol{width:clamp(13rem,19vw,17rem)}
.vol figure{margin:0;box-shadow:0 26px 40px -22px hsl(var(--sc-shadow-color)/.85),0 2px 6px hsl(var(--sc-shadow-color)/.4)}
.vol img{width:100%;height:auto}
.vol h3{margin:1.1rem 0 0;font-family:var(--sc-font-display);font-weight:400;font-size:var(--sc-t-xl);line-height:1.15}
.vol p{margin:.35rem 0 0;color:var(--sc-ink-soft);font-size:var(--sc-t-sm)}
.rail__note{width:min(22rem,74vw);font-family:var(--sc-font-display);font-size:var(--sc-t-2xl);line-height:1.1}
@media (prefers-reduced-motion:no-preference){
  .vol{opacity:max(.55,min(1,calc(var(--sc-p,0) * 4 - var(--i) * .5 + .6)))}
}

/* ---------- act 6: proof ---------- */
.proof{padding-top:var(--sc-9)}
.gott{max-width:58rem}
.gott blockquote{margin:0;font-family:var(--sc-font-display);font-size:clamp(1.8rem,1.1rem + 2.4vw,3.4rem);line-height:1.16}
.gott figcaption,.schw figcaption{margin-top:var(--sc-5);color:var(--sc-ink-soft)}
.gott figcaption b,.schw figcaption b{color:var(--sc-ink);font-weight:600}
.proof__row{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--sc-8);margin-top:var(--sc-10);align-items:center}
.ari{margin:0}
.ari img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:50% 20%}
.ari__text h2{font-size:var(--sc-t-2xl)}
.ari__text p{margin-top:var(--sc-4);max-width:52ch}
.schw{margin:var(--sc-7) 0 0;padding-top:var(--sc-6);border-top:1px solid var(--sc-hairline)}
.schw blockquote{margin:0;font-size:var(--sc-t-lg);line-height:1.55}
.reviews{margin-top:var(--sc-10)}
.reviews__head{display:flex;align-items:baseline;gap:1rem;flex-wrap:wrap}
.stars{color:var(--sc-accent);letter-spacing:.12em}
.reviews ol{list-style:none;margin:var(--sc-6) 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.reviews li{padding:0 var(--sc-6);border-left:1px solid var(--sc-hairline)}
.reviews li:first-child{padding-left:0;border-left:0}
.reviews blockquote{margin:0;font-size:var(--sc-t-base);line-height:1.62}
.reviews cite{display:block;margin-top:var(--sc-4);font-style:normal;color:var(--sc-ink-soft);font-size:var(--sc-t-sm)}

/* ---------- act 7: close ---------- */
.close{display:flex;flex-direction:column;justify-content:center;background:radial-gradient(50% 60% at 50% 40%,#3A1522,transparent 72%)}
.close__inner{width:100%;max-width:var(--sc-maxw);margin:0 auto;padding:0 var(--sc-gutter);display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--sc-8);align-items:center}
.close__book{perspective:2000px;--bw:min(17vw,30vh)}
.close__book .book{--w:var(--bw);transform:rotateY(24deg) rotateX(4deg)}
.close h2{font-size:clamp(2.2rem,1.4rem + 2.8vw,4.2rem);max-width:14ch}
.buy{margin-top:var(--sc-6);display:flex;flex-wrap:wrap;align-items:center;gap:1.2rem 2rem}
.buy__fmt{color:var(--sc-ink-soft)}
.buy__fmt b{color:var(--sc-ink);font-weight:600}
.buy__alt{margin-top:var(--sc-5);color:var(--sc-ink-soft)}
.foot{position:absolute;left:0;right:0;bottom:0;padding:1.1rem var(--sc-gutter);display:flex;justify-content:space-between;gap:1rem 2rem;flex-wrap:wrap;
  font-size:var(--sc-t-xs);color:var(--sc-ink-soft);border-top:1px solid var(--sc-hairline)}
.foot a{color:inherit}

/* ---------- phones ---------- */
@media (max-width:860px){
  .me-bar .btn{display:none}
  .hero__seal{width:118vw;right:-40vw;top:6vh;margin-top:0}
  .hero__book{--bw:min(44vw,30vh);right:auto;left:50%;top:10vh;margin-top:0;margin-left:calc(var(--bw)*-.46)}
  .hero__mugs{width:34vw;right:6vw;left:auto;bottom:auto;top:calc(10vh + min(44vw,30vh)*1.3)}
  .hero .sc-copy--lead{top:auto;translate:none;bottom:5vh}
  .hero__copy{max-width:none}
  .hero__copy h1{font-size:clamp(2.1rem,8.6vw,2.8rem)}
  .hero__copy p{font-size:var(--sc-t-base);margin-top:var(--sc-3)}
  .hero__ctas{margin-top:var(--sc-5);gap:1rem}
  .talk>p{font-size:clamp(1.7rem,7.4vw,2.4rem)}
  .talk__a{top:15vh}.talk__b{top:36vh}.talk__c{left:var(--sc-gutter);bottom:22vh}
  .open__scene{--bw:min(76vw,52vh*.675);transform:translateY(-8vh) rotateX(calc(12deg - var(--open,0) * 7deg)) rotateY(calc((1 - var(--open,0)) * 18deg)) scale(calc(.82 + var(--open,0) * .18))}
  .open__note{bottom:3.5vh}
  .open__scene{--bw:min(86vw,54vh*.675)}
  .qpage{font-size:calc(var(--w) * .0122);padding:8em 7em 5em 8.5em}
  .qpage li:nth-child(n+4){display:none}
  .qpage__run{margin-bottom:2.2em}
  .open__note h2{font-size:1.35rem}
  .open__hint{font-size:var(--sc-t-sm)}
  .inside__grid,.proof__row{grid-template-columns:1fr;gap:var(--sc-6)}
  .chapters{columns:1}
  .reviews ol{grid-template-columns:1fr;gap:var(--sc-6)}
  .reviews li{padding:var(--sc-6) 0 0;border-left:0;border-top:1px solid var(--sc-hairline)}
  .reviews li:first-child{padding-top:0;border-top:0}
  .ari img{aspect-ratio:1/1}
  .close__inner{grid-template-columns:1fr;gap:var(--sc-5);text-align:left}
  .close__book{--bw:min(30vw,17vh)}
  .close h2{font-size:clamp(1.9rem,8vw,2.5rem)}
  .buy{gap:1rem}
}
@media (prefers-reduced-motion:reduce){
  .open__scene{--open:1 !important}
}


/* ===== homepage v8 overrides ===== */
.me-bar{justify-content:space-between}
.me-nav{display:flex;gap:1.9rem;margin-left:auto;margin-right:1.9rem}
.me-wb{font-size:var(--sc-t-sm);font-weight:500}
.me-nav a{color:var(--sc-ink);text-decoration:none;font-size:var(--sc-t-sm);opacity:.85}
.me-nav a:hover{opacity:1}
.hero__copy h1{font-size:clamp(2rem,1rem + 2.2vw,3.25rem);max-width:21ch;line-height:1.08}
.brandname{white-space:nowrap}
.hero__copy .me-label{white-space:normal;max-width:34ch;line-height:1.35}
.hero__copy p{max-width:38ch}
.hero__ctas .tlink{font-size:var(--sc-t-base)}
/* hero exit: the objects settle down and dim while the ground drifts into act 2 */
.hero__book,.hero__mugs{transition:none}
.hero .hero__book{opacity:calc(1 - var(--exit,0));translate:0 calc(var(--exit,0) * 7vh);scale:calc(1 - var(--exit,0) * .06)}
.hero .hero__mugs{opacity:calc(1 - var(--exit,0));translate:0 calc(var(--exit,0) * 9vh)}
.hero .hero__seal{opacity:calc(.26 - var(--exit,0) * .14)}
/* act 2: what it is, same glow carried over, dimmer */
.talk{background:radial-gradient(55% 60% at 72% 40%,#2A0F1A 0%,transparent 70%)}
.talk>p{font-size:clamp(1.55rem,1rem + 1.9vw,2.9rem);max-width:28ch;line-height:1.14}
.talk__a{top:16vh}
.talk__b{top:44vh}
.talk>p.talk__d{font-size:clamp(1.25rem,.95rem + 1.1vw,1.9rem);max-width:34ch;font-family:var(--sc-font-text);font-weight:400;line-height:1.5;color:var(--sc-ink-soft)}
.talk>p.talk__sig{position:absolute;left:0;right:0;bottom:9vh;max-width:none;margin:0;text-align:center;font-family:var(--sc-font-text);font-size:var(--sc-t-sm)}
.stub{padding:var(--sc-8) var(--sc-gutter);text-align:center;color:var(--sc-ink-soft);font-size:var(--sc-t-sm);border-top:1px solid var(--sc-hairline)}
@media (max-width:860px){
  .me-nav{display:none}
  .me-wb{font-size:var(--sc-t-sm)}
  .talk>p{font-size:clamp(1.3rem,5.6vw,1.7rem);max-width:none}
  .talk__a{top:12vh;right:var(--sc-gutter)}
  .talk__b{top:38vh;left:var(--sc-gutter)}
  .talk>p.talk__d{font-size:1.05rem}
  .talk__sig{bottom:6vh}
}

/* variants: ?author=1 swaps the mugs for a headshot card; ?align=center centers the copy in its column */
.hero__author{display:none;position:absolute;right:7vw;bottom:6vh;align-items:center;gap:1.1rem;max-width:none;padding:.9rem 1.2rem .9rem .9rem;border:1px solid var(--sc-hairline);border-radius:3px;background:#1A0B11;box-shadow:0 22px 40px -18px hsl(var(--sc-shadow-color)/.9)}
.hero__author img{width:96px;height:96px;border-radius:50%;object-fit:cover;object-position:50% 22%;box-shadow:0 0 0 1px rgba(242,181,74,.55),0 14px 24px -10px hsl(var(--sc-shadow-color)/.8)}
.hero__author b{display:block;font-family:var(--sc-font-display);font-weight:400;font-size:1.15rem;color:var(--sc-ink);line-height:1.2}
.hero__author span{display:block;font-size:var(--sc-t-sm);color:var(--sc-ink-soft);margin-top:.2rem;white-space:nowrap}
.has-author .hero__mugs{display:none}
.has-author .hero__author{display:flex}
.has-author .hero .hero__author{opacity:calc(1 - var(--exit,0));translate:0 calc(var(--exit,0) * 9vh)}
.is-center .hero__copy{text-align:center}
.is-center .hero__copy h1,.is-center .hero__copy p{margin-left:auto;margin-right:auto}
.is-center .hero__ctas{justify-content:center}
@media (max-width:860px){
  .hero__author{right:auto;left:var(--sc-gutter);bottom:auto;top:calc(10vh + min(44vw,30vh)*1.35)}
  .hero__author img{width:64px;height:64px}
}

/* byline: photo + credentials under the buttons, no box */
.hero__byline{display:flex;align-items:center;gap:1rem;margin-top:var(--sc-6);text-align:left}
.is-center .hero__byline{justify-content:center}
.hero__byline img{width:64px;height:64px;border-radius:50%;object-fit:cover;object-position:50% 22%;flex:none;box-shadow:0 0 0 1px rgba(242,181,74,.5)}
.hero__byline b{display:block;font-family:var(--sc-font-display);font-weight:400;font-size:1.05rem;color:var(--sc-ink);line-height:1.2}
.hero__byline .cred{display:block;font-size:var(--sc-t-sm);color:var(--sc-ink-soft);margin-top:.15rem}
.hero__byline .cred2{display:none;font-size:var(--sc-t-sm);color:var(--sc-ink-soft);margin-top:.15rem;max-width:30ch}
.sub-below .hero__copy p.sub{display:none}
.sub-below .hero__byline .cred2{display:block}
@media (max-width:860px){.hero__byline{margin-top:var(--sc-5)}.hero__byline img{width:52px;height:52px}}

/* photo variants: ?photo=1 feathered portrait in the byline; ?photo=2 waist-up figure under the copy; ?photo=3 figure beside the book */
.hero__figure{display:none;position:absolute;max-width:none;pointer-events:none}
.hero__figure img{width:100%;height:auto;max-width:none;display:block}
.photo-1 .hero__byline img{width:120px;height:150px;border-radius:4px;object-position:50% 18%;box-shadow:none;
  -webkit-mask-image:radial-gradient(90% 90% at 50% 45%,#000 55%,transparent 100%);mask-image:radial-gradient(90% 90% at 50% 45%,#000 55%,transparent 100%)}
.photo-1 .hero__byline{gap:1.3rem}
.photo-1 .hero__byline b{font-size:1.3rem}
.photo-2 .hero__byline img{display:none}
.photo-2 .hero__figure{display:block;left:calc(var(--sc-gutter) - 1vw);bottom:0;width:min(21vw,300px);
  -webkit-mask-image:linear-gradient(#000 62%,transparent 96%);mask-image:linear-gradient(#000 62%,transparent 96%)}
.photo-2 .hero .sc-copy--lead{translate:0 -58%}
.photo-2 .hero__byline{justify-content:flex-start;padding-left:min(21vw,300px);margin-top:var(--sc-5)}
.photo-3 .hero__byline img{display:none}
.photo-3 .hero__copy{max-width:min(34rem,38vw)}
.photo-3 .hero__book{right:8vw}
.photo-3 .hero__mugs{right:calc(8vw - min(21vw,300px)*.86)}
.photo-3 .hero__figure{display:block;right:calc(8vw + min(25vw,44vh) + 2vw);bottom:0;width:min(22vw,330px);
  -webkit-mask-image:linear-gradient(#000 70%,transparent 97%);mask-image:linear-gradient(#000 70%,transparent 97%)}
.photo-3 .hero__figure img{filter:drop-shadow(0 20px 30px hsl(var(--sc-shadow-color)/.7))}

/* photo-4: feathered figure low-left as the lead into section 2, credentials beside it */
.photo-4 .hero__copy p.sub,.photo-4 .hero__byline{display:none}
.photo-4 .hero .sc-copy--lead{top:38%;translate:0 -50%}
.photo-4 .hero__figure{display:block;left:calc(var(--sc-gutter) - 2vw);bottom:-7vh;width:min(24vw,340px);
  -webkit-mask-image:radial-gradient(70% 62% at 50% 42%,#000 40%,transparent 92%);mask-image:radial-gradient(70% 62% at 50% 42%,#000 40%,transparent 92%)}
.photo-4 .hero__figure img{filter:saturate(.92) sepia(.12)}
.hero__intro{position:absolute;left:calc(var(--sc-gutter) + min(24vw,340px) - 1vw);bottom:9vh;max-width:30ch}
.hero__intro p{margin:0}
.intro__a{font-family:var(--sc-font-display);font-size:clamp(1.25rem,1rem + .9vw,1.7rem);line-height:1.2;color:var(--sc-ink)}
.intro__b{font-size:var(--sc-t-lg);color:var(--sc-ink);margin-top:.5rem !important;line-height:1.35}
.intro__c{font-size:var(--sc-t-sm);color:var(--sc-accent);letter-spacing:.04em;text-transform:uppercase;margin-top:.7rem !important}
@media (max-width:860px){
  .photo-4 .hero__book{--bw:min(34vw,22vh);top:8vh}
  .photo-4 .hero__mugs{display:none}
  .photo-4 .hero .sc-copy--lead{top:33vh;bottom:auto;translate:none}
  .photo-4 .hero__copy h1{font-size:clamp(1.7rem,7vw,2.1rem)}
  .photo-4 .hero__ctas{margin-top:var(--sc-4)}
  .photo-4 .hero__figure{width:38vw;left:-3vw;bottom:-3vh}
  .hero__intro{left:36vw;right:var(--sc-gutter);bottom:4vh;max-width:none}
  .intro__a{font-size:1.1rem}.intro__b{font-size:var(--sc-t-base)}.intro__c{font-size:.72rem}
  .photo-6 .hero__intro p{white-space:normal;text-wrap:balance}
  .photo-6 .hero__place{width:min(60vw,320px)}
  .photo-6 .hero__intro{left:42vw;bottom:5vh}
}

/* T5 edge crop: the viewport crops him, no feather, same warm light as the book */
.hero__place,.hero__portrait{display:none;position:absolute;max-width:none;pointer-events:none}
.hero__place img,.hero__portrait img{display:block;max-width:none}
.photo-5 .hero__copy p.sub,.photo-5 .hero__byline,.photo-6 .hero__copy p.sub,.photo-6 .hero__byline,.photo-7 .hero__copy p.sub,.photo-7 .hero__byline{display:none}
.photo-5 .hero .sc-copy--lead,.photo-6 .hero .sc-copy--lead,.photo-7 .hero .sc-copy--lead{top:34%;translate:0 -50%}
.photo-5 .hero__figure{display:block;left:calc(var(--sc-gutter) - 4vw);bottom:-9vh;width:min(23vw,330px);-webkit-mask-image:none;mask-image:none}
.photo-5 .hero__figure::before{content:"";position:absolute;inset:-25% -45% -20%;background:radial-gradient(48% 46% at 50% 55%,#3A1522 0%,transparent 72%);z-index:-1}
.photo-5 .hero__figure img{filter:saturate(.9) sepia(.14) brightness(.96);-webkit-mask-image:linear-gradient(#000 88%,transparent 100%);mask-image:linear-gradient(#000 88%,transparent 100%)}
.photo-5 .hero__intro{left:calc(var(--sc-gutter) + min(23vw,330px) - 3vw);bottom:8vh}
/* T6 in a real place: office photo plane anchored to the corner, graded to the ground, dissolving on its right edge only */
.photo-6 .hero__place{display:block;left:0;bottom:0;width:min(36vw,520px);aspect-ratio:16/10;overflow:hidden}
.photo-6 .hero__place img{width:100%;height:100%;object-fit:cover;object-position:62% 30%;filter:sepia(.28) saturate(.85) brightness(.82) contrast(1.05);
  -webkit-mask-image:linear-gradient(to right,#000 55%,transparent 100%);mask-image:linear-gradient(to right,#000 55%,transparent 100%)}
.photo-6 .hero__place::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,#1A0B11 0%,transparent 45%),linear-gradient(to right,transparent 50%,#1A0B11 100%);mix-blend-mode:normal;opacity:.9}
.photo-6 .hero__intro{left:calc(min(36vw,520px) - 8vw);bottom:6vh;max-width:none}
.photo-6 .hero__intro p{white-space:nowrap}
.photo-6 .intro__a{font-size:clamp(1.05rem,.85rem + .55vw,1.2rem)}
.photo-6 .intro__b{font-size:var(--sc-t-base);margin-top:.35rem !important}
.photo-6 .intro__c{margin-top:.55rem !important}
/* T7 editorial frame: a rectangular photo with its own ground and a gold hairline, like a magazine credit */
.photo-7 .hero__portrait{display:block;left:var(--sc-gutter);bottom:9vh;width:min(14vw,196px);aspect-ratio:4/5;overflow:hidden;outline:1px solid rgba(242,181,74,.55);outline-offset:6px}
.photo-7 .hero__portrait img{width:100%;height:100%;object-fit:cover;object-position:50% 22%;filter:sepia(.55) hue-rotate(-18deg) saturate(.75) brightness(.88) contrast(1.04)}
.photo-7 .hero__intro{left:calc(var(--sc-gutter) + min(14vw,196px) + 2.2rem);bottom:9vh}

/* T2 grading and edge variants */
.photo-6 .hero__place::before{content:"";position:absolute;inset:0;background:#3A1522;mix-blend-mode:multiply;opacity:0;z-index:1}
.photo-6 .hero__place::after{z-index:2}
/* G1: richer wine grade; top edge dissolves, right edge dissolves, left and bottom bleed off the page */
.grade-1 .hero__place{width:min(38vw,560px);aspect-ratio:16/10.5}
.grade-1 .hero__place{-webkit-mask-image:linear-gradient(to right,#000 50%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 30%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,#000 50%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 30%);mask-composite:intersect}
.grade-1 .hero__place img{filter:sepia(.4) saturate(.95) brightness(.92) contrast(1.08);-webkit-mask-image:none;mask-image:none}
.grade-1 .hero__place::before{opacity:.4}
.grade-1 .hero__place::after{background:linear-gradient(to top,#1A0B11 0%,transparent 40%),linear-gradient(to right,transparent 45%,#1A0B11 100%);opacity:.85}
/* G2: a pool of light; every edge dissolves, including the left */
.grade-2 .hero__place{width:min(42vw,620px);aspect-ratio:16/10.5;left:-3vw;bottom:-2vh}
.grade-2 .hero__place{-webkit-mask-image:radial-gradient(75% 80% at 50% 62%,#000 35%,transparent 95%);mask-image:radial-gradient(75% 80% at 50% 62%,#000 35%,transparent 95%)}
.grade-2 .hero__place img{filter:sepia(.38) saturate(.95) brightness(.94) contrast(1.06);-webkit-mask-image:none;mask-image:none}
.grade-2 .hero__place::before{opacity:.38}
.grade-2 .hero__place::after{background:linear-gradient(to top,#1A0B11 0%,transparent 35%);opacity:.8}
/* G3: moody duotone, almost monochrome wine, like a dark editorial portrait; top and right dissolve, corner bleed */
.grade-3 .hero__place{width:min(40vw,600px);aspect-ratio:16/10.5}
.grade-3 .hero__place{-webkit-mask-image:linear-gradient(to right,#000 45%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 32%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,#000 45%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 32%);mask-composite:intersect}
.grade-3 .hero__place img{filter:grayscale(.7) sepia(.6) hue-rotate(-22deg) saturate(1.1) brightness(.86) contrast(1.14);-webkit-mask-image:none;mask-image:none}
.grade-3 .hero__place::before{opacity:.5}
.grade-3 .hero__place::after{background:linear-gradient(to top,#1A0B11 0%,transparent 42%),linear-gradient(to right,transparent 40%,#1A0B11 100%);opacity:.9}
.grade-1 .hero__intro,.grade-2 .hero__intro,.grade-3 .hero__intro{left:calc(min(40vw,600px) - 7vw);max-width:21ch}
.grade-1 .intro__b,.grade-2 .intro__b,.grade-3 .intro__b{font-size:var(--sc-t-base)}


/* T2 phone layout (last in the cascade on purpose) */
@media (max-width:860px){
  .photo-6 .hero__book{--bw:min(34vw,22vh);top:8vh}
  .photo-6 .hero__mugs{display:none}
  .photo-6 .hero .sc-copy--lead{top:33vh;bottom:auto;translate:none}
  .photo-6 .hero__copy h1{font-size:clamp(1.7rem,7vw,2.1rem)}
  .photo-6 .hero__ctas{margin-top:var(--sc-4)}
  .photo-6 .hero__place{width:48vw;aspect-ratio:16/11;left:0;bottom:0}
  .photo-6 .hero__intro{left:46vw;right:var(--sc-gutter);bottom:4vh;max-width:none}
  .photo-6 .hero__intro p{white-space:normal;text-wrap:balance}
  .photo-6 .intro__a{font-size:1rem;line-height:1.25}
  .photo-6 .intro__b{font-size:.9rem;margin-top:.3rem !important}
  .photo-6 .intro__c{font-size:.68rem;margin-top:.45rem !important}
}


/* credential block beneath the photo (lay-1 left-aligned under it, lay-2 centered under it) */
.alt2{display:none}
.lay-2 .alt1{display:none}.lay-2 .alt2{display:inline}
.lay-1 .hero__place,.lay-2 .hero__place{bottom:auto;top:57vh;width:min(27vw,400px);aspect-ratio:16/9.5}
.lay-1 .hero .sc-copy--lead,.lay-2 .hero .sc-copy--lead{top:31%}
.lay-1 .hero__place::after,.lay-2 .hero__place::after{background:linear-gradient(to top,#1A0B11 0%,transparent 55%),linear-gradient(to right,transparent 50%,#1A0B11 100%)}
.lay-1 .hero__intro,.lay-2 .hero__intro{left:var(--sc-gutter);bottom:5vh;max-width:none}
.lay-1 .hero__intro p,.lay-2 .hero__intro p{white-space:nowrap}
.lay-1 .intro__c,.lay-2 .intro__c{margin-top:0 !important}
.lay-1 .intro__a,.lay-2 .intro__a{font-size:clamp(1.05rem,.85rem + .55vw,1.2rem);margin-top:.45rem !important}
.lay-1 .intro__b,.lay-2 .intro__b{font-family:var(--sc-font-display);font-size:clamp(1.3rem,1rem + 1vw,1.75rem);line-height:1.15;color:var(--sc-ink);margin-top:.5rem !important}
.lay-2 .hero__intro{left:0;width:min(27vw,400px);text-align:center}
.lay-2 .hero__intro p{white-space:normal;text-wrap:balance}
.lay-2 .intro__b{font-size:clamp(1.2rem,.95rem + .8vw,1.5rem)}
@media (max-width:860px){
  .lay-1 .hero__place,.lay-2 .hero__place{top:auto;bottom:0;width:48vw;aspect-ratio:16/11}
  .lay-1 .hero__intro,.lay-2 .hero__intro{left:50vw;right:var(--sc-gutter);bottom:0;height:33vw;display:flex;flex-direction:column;justify-content:center;width:auto;text-align:left}
  .lay-1 .hero__intro p,.lay-2 .hero__intro p{white-space:normal;text-wrap:balance}
  .lay-1 .intro__c,.lay-2 .intro__c{font-size:.66rem}
  .lay-1 .intro__a,.lay-2 .intro__a{font-size:.95rem;margin-top:.3rem !important}
  .lay-1 .intro__b,.lay-2 .intro__b{font-size:1.1rem;margin-top:.35rem !important}
}


/* lay-3: photo and credential block centered on the headline column's axis */
.lay-3 .alt1{display:none}.lay-3 .alt2{display:inline}
.lay-3.alt-a .alt1{display:inline}.lay-3.alt-a .alt2{display:none}
.lay-3 .hero .sc-copy--lead{top:31%}
.lay-3 .hero__place{bottom:auto;top:56vh;width:min(27vw,400px);aspect-ratio:16/9.5;left:calc(var(--sc-gutter) + (min(36rem,44vw) - min(27vw,400px)) / 2);
  -webkit-mask-image:linear-gradient(to right,transparent 0%,#000 22%,#000 70%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 30%,#000 70%,transparent 100%);-webkit-mask-composite:source-in;
  mask-image:linear-gradient(to right,transparent 0%,#000 22%,#000 70%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 30%,#000 70%,transparent 100%);mask-composite:intersect}
.lay-3 .hero__place img{object-position:55% 30%;filter:sepia(.3) saturate(.9) brightness(.9) contrast(1.05)}
.lay-3 .hero__place::after{background:none}
.lay-3 .hero__intro{left:var(--sc-gutter);width:min(36rem,44vw);bottom:4vh;max-width:none;text-align:center}
.lay-3 .hero__intro p{white-space:nowrap}
.lay-3 .intro__a{font-size:clamp(1.05rem,.85rem + .55vw,1.2rem);margin-top:0 !important}
.lay-3 .intro__c{margin-top:.4rem !important}
.lay-3 .intro__b{font-family:var(--sc-font-display);font-size:clamp(1.3rem,1rem + 1vw,1.7rem);line-height:1.15;color:var(--sc-ink);margin-top:.5rem !important}
@media (max-width:860px){
  .lay-3 .hero__place{top:auto;bottom:0;left:0;width:48vw;aspect-ratio:16/11;-webkit-mask-image:linear-gradient(to right,#000 55%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 30%);mask-image:linear-gradient(to right,#000 55%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 30%)}
  .lay-3 .hero__intro{left:50vw;right:var(--sc-gutter);bottom:0;height:33vw;display:flex;flex-direction:column;justify-content:center;width:auto;text-align:left}
  .lay-3 .hero__intro p{white-space:normal;text-wrap:balance}
  .lay-3 .intro__a{font-size:.95rem}.lay-3 .intro__c{font-size:.66rem;margin-top:.3rem !important}.lay-3 .intro__b{font-size:1.1rem;margin-top:.35rem !important}
}


/* lay-3 crisp photo: no mask at all. R1 bare rectangle with a soft shadow; R2 adds a gold hairline frame */
.lay-3.crisp .hero__place{-webkit-mask-image:none;mask-image:none;top:58.5vh;width:min(25vw,360px);aspect-ratio:16/10;border-radius:2px;overflow:hidden;box-shadow:0 30px 60px -24px hsl(var(--sc-shadow-color)/.9)}
.lay-3.crisp .hero__place img{object-position:55% 32%;filter:sepia(.28) saturate(.92) brightness(.9) contrast(1.06)}
.lay-3.crisp .hero__place::before{opacity:.22}
.lay-3.crisp .hero__place::after{background:linear-gradient(to top,rgba(26,11,17,.45) 0%,transparent 50%)}
.lay-3.crisp.framed .hero__place{overflow:visible;outline:1px solid rgba(242,181,74,.6);outline-offset:7px;border-radius:0}
.lay-3.crisp.framed .hero__place img{border-radius:0}
@media (max-width:860px){
  .lay-3.crisp .hero__place{-webkit-mask-image:none;mask-image:none;top:auto;bottom:4vh;left:var(--sc-gutter);width:44vw;aspect-ratio:16/11}
  .lay-3.crisp.framed .hero__place{outline-offset:5px}
  .lay-3.crisp .hero__intro{bottom:4vh;height:calc(44vw * 11 / 16)}
}


/* ===== sections 3 to 7 ===== */
.sc-display--md{font-size:clamp(1.7rem,1.1rem + 1.9vw,2.8rem)}
.offer-head .sc-wrap{max-width:46rem;text-align:center}
.offer-head .sc-body{margin-top:var(--sc-5);color:var(--sc-ink-soft);font-size:var(--sc-t-lg)}
.offer-head .me-label{margin-bottom:var(--sc-4)}
.rail__lead .me-label{margin-bottom:var(--sc-4)}
.rail__cta{margin-top:var(--sc-5) !important}
.vol--me{width:clamp(15rem,22vw,20rem)}
.offers{padding-top:var(--sc-8)}
.offer-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sc-6)}
.offer{display:flex;flex-direction:column;gap:var(--sc-5);padding-top:var(--sc-5);border-top:1px solid var(--sc-hairline)}
.offer figure{margin:0;height:15rem;display:flex;align-items:flex-end;justify-content:center;overflow:hidden}
.offer figure img{max-height:100%;width:auto;filter:drop-shadow(0 18px 24px hsl(var(--sc-shadow-color)/.7))}
.offer figure.wide img{width:100%;height:auto;max-height:none;border-radius:2px}
.offer h3{margin:.5rem 0 0;font-family:var(--sc-font-display);font-weight:400;font-size:var(--sc-t-xl);line-height:1.15}
.offer p:not(.me-label){margin:.6rem 0 0;color:var(--sc-ink-soft)}
.offer .tlink{display:inline-block;margin-top:.9rem}
.deck{position:relative;height:15rem}
.deck .card{position:absolute;left:50%;bottom:0;width:7.4rem;height:10.6rem;border-radius:6px;background:#26121B;border:1px solid rgba(242,181,74,.5);display:grid;place-items:center;font-family:var(--sc-font-display);color:var(--sc-ink);box-shadow:0 18px 30px -16px hsl(var(--sc-shadow-color)/.9)}
.deck .c1{transform:translate(-92%,0) rotate(-9deg)}.deck .c2{transform:translate(-50%,-1rem)}.deck .c3{transform:translate(-8%,0) rotate(9deg)}
.wbar{margin-top:var(--sc-9);display:grid;grid-template-columns:auto 1fr auto auto auto;gap:1rem;align-items:center;padding:1.2rem 1.4rem;border:1px solid rgba(242,181,74,.45);border-radius:3px;background:#22101A}
.wbar img{width:3.4rem;height:auto;box-shadow:0 8px 14px -6px hsl(var(--sc-shadow-color)/.8)}
.wbar__text{display:flex;flex-direction:column;gap:.15rem}
.wbar__text b{font-family:var(--sc-font-display);font-weight:400;font-size:var(--sc-t-lg)}
.wbar__text span{color:var(--sc-ink-soft);font-size:var(--sc-t-sm)}
.wbar input,.cform input{height:3.1rem;padding:0 1rem;border-radius:3px;border:1px solid var(--sc-hairline);background:#1A0B11;color:var(--sc-ink);font:inherit;min-width:0}
.wbar input{width:11rem}
.gott--home{display:grid;grid-template-columns:7rem 1fr;gap:var(--sc-7);align-items:start;max-width:64rem}
.gott--home img{width:7rem;height:7rem;border-radius:50%;object-fit:cover;outline:1px solid rgba(242,181,74,.5);outline-offset:5px}
.reviews{margin-top:var(--sc-9)}
.begin .begin-grid{list-style:none;margin:var(--sc-8) 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sc-7)}
.tile{display:flex;flex-direction:column}
.tile h3{margin:var(--sc-5) 0 0;font-family:var(--sc-font-display);font-weight:400;font-size:var(--sc-t-xl);line-height:1.15}
.tile p{margin:.6rem 0 0;color:var(--sc-ink-soft);flex:1}
.tile .btn,.tile .tlink{margin-top:var(--sc-5);align-self:flex-start}
.chart{padding:1.4rem 1.4rem 1rem;border:1px solid var(--sc-hairline);border-radius:3px;background:#22101A;display:flex;flex-direction:column;gap:.55rem}
.bar{position:relative;height:1.5rem;background:rgba(246,238,232,.06);border-radius:2px;overflow:hidden}
.bar::before{content:"";position:absolute;inset:0;width:calc(var(--v) * 100%);background:var(--sc-accent);opacity:.9}
.bar[style*="--v:.5"]::before,.bar[style*="--v:.6"]::before{background:#D2BCC3}
.bar[style*="--v:.3"]::before{background:#8A4A5C}
.bar span{position:absolute;left:.6rem;top:0;line-height:1.5rem;font-size:var(--sc-t-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--sc-accent-ink);mix-blend-mode:screen;color:var(--sc-ink)}
.chart__key{margin:.6rem 0 0;font-size:var(--sc-t-xs);color:var(--sc-ink-soft);display:flex;gap:.5rem 1rem;flex-wrap:wrap;align-items:center}
.chart__key i{display:inline-block;width:.7rem;height:.7rem;border-radius:2px;margin-right:.35rem;vertical-align:middle}
.chart__key .k1{background:var(--sc-accent)}.chart__key .k2{background:#D2BCC3}.chart__key .k3{background:#8A4A5C}
.tile__cover{margin:0;height:15rem;display:flex;align-items:flex-end}
.tile__cover img{height:100%;width:auto;box-shadow:0 18px 30px -16px hsl(var(--sc-shadow-color)/.9)}
.tile__video{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;border-radius:2px}
.tile__video img{width:100%;height:100%;object-fit:cover;filter:sepia(.2) saturate(.9) brightness(.9)}
.tile__video .play{position:absolute;left:50%;top:50%;width:3.6rem;height:3.6rem;translate:-50% -50%;border-radius:50%;background:var(--sc-accent)}
.tile__video .play::after{content:"";position:absolute;left:56%;top:50%;translate:-50% -50%;border-style:solid;border-width:.6rem 0 .6rem 1rem;border-color:transparent transparent transparent var(--sc-accent-ink)}
.about .proof__row{margin-top:0;align-items:center}
.ari--office img{aspect-ratio:4/5;object-position:60% 30%;filter:sepia(.28) saturate(.9) brightness(.9) contrast(1.05);outline:1px solid rgba(242,181,74,.5);outline-offset:7px}
.ari__text h2{font-size:clamp(1.7rem,1.1rem + 1.9vw,2.8rem);max-width:16ch}
.creds{list-style:none;margin:var(--sc-6) 0 0;padding:0;display:grid;gap:.8rem;max-width:52ch}
.creds li{padding-top:.8rem;border-top:1px solid var(--sc-hairline);color:var(--sc-ink-soft)}
.creds b{color:var(--sc-ink);font-weight:600}
.capture{color:#2A2422}
.capture__inner{display:grid;grid-template-columns:minmax(14rem,20rem) 1fr;gap:var(--sc-9);align-items:center}
.capture__cover{margin:0}
.capture__cover img{width:100%;height:auto;box-shadow:0 30px 50px -24px rgba(42,36,34,.5),0 0 0 1px rgba(42,36,34,.06)}
.capture .me-label{color:#9A5A2A}
.capture h2{color:#2A2422}
.capture .sc-body{margin-top:var(--sc-4);color:#5E5450;font-size:var(--sc-t-lg);max-width:34ch}
.cform{margin-top:var(--sc-6);display:grid;grid-template-columns:1fr 1.4fr auto;gap:.7rem;max-width:40rem}
.cform input{background:#fff;color:#2A2422;border-color:#D5CBBE}
.consent{margin-top:.8rem;font-size:var(--sc-t-sm);color:#6E645F}
.site-foot{padding:var(--sc-8) 0 var(--sc-7)}
.foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--sc-7)}
.foot-grid b{display:block;margin-bottom:.8rem;font-weight:600}
.foot-grid a{display:block;color:var(--sc-ink-soft);text-decoration:none;padding:.25rem 0}
.foot-brand p{margin-top:.8rem;color:var(--sc-ink-soft);max-width:36ch;font-size:var(--sc-t-sm)}
.foot-legal{margin-top:var(--sc-7);padding-top:var(--sc-5);border-top:1px solid var(--sc-hairline);font-size:var(--sc-t-xs);color:var(--sc-ink-soft);line-height:1.7}
@media (max-width:860px){
  .offer-grid{grid-template-columns:1fr 1fr;gap:var(--sc-6) var(--sc-5)}
  .offer figure,.deck,.tile__cover{height:11rem}
  .wbar{grid-template-columns:1fr;padding:1.2rem}
  .wbar img{display:none}
  .wbar input{width:100%}
  .gott--home{grid-template-columns:1fr;gap:var(--sc-5)}
  .begin .begin-grid{grid-template-columns:1fr;gap:var(--sc-8)}
  .capture__inner{grid-template-columns:1fr;gap:var(--sc-6)}
  .capture__cover{width:60%;max-width:16rem}
  .cform{grid-template-columns:1fr}
  .foot-grid{grid-template-columns:1fr 1fr;gap:var(--sc-6)}
  .foot-brand{grid-column:1 / -1}
}


.capture{background:#F6EFE4}
.site-foot{background:#1A0B11;position:relative}
html{overflow-x:clip}


/* ===== panel fixes ===== */
.btn--line{background:transparent;color:var(--sc-ink);border:1px solid rgba(242,181,74,.6);box-shadow:none}
.btn--line:hover{background:rgba(242,181,74,.12)}
.consent--bar{grid-column:1 / -1;margin:0;font-size:var(--sc-t-xs);color:var(--sc-ink-soft)}
.wbar{border:0;border-top:1px solid var(--sc-hairline);border-bottom:1px solid var(--sc-hairline);border-radius:0;background:transparent;padding:1.4rem 0}
.open__scene{--bw:min(34vw,60vh*.675,480px)}
.offer-head{padding-bottom:var(--sc-6)}
.rail-lead--phone{display:none}
.lead-p{margin-top:var(--sc-4);color:var(--sc-ink-soft)}
.vol a{color:inherit;text-decoration:none;display:block}
.vol figure{aspect-ratio:400/568;display:flex;align-items:flex-end;overflow:visible}
.gott blockquote{font-size:clamp(1.6rem,1rem + 1.9vw,2.75rem);font-weight:400}
.gott--home img{width:4.5rem;height:4.5rem}
.gott--home{grid-template-columns:4.5rem 1fr;gap:var(--sc-6)}
.deck .card{width:6.4rem;height:9.2rem;font-size:var(--sc-t-sm)}
.deck .c1{transform:translate(-118%,0) rotate(-8deg)}.deck .c2{transform:translate(-50%,-1rem)}.deck .c3{transform:translate(18%,0) rotate(8deg)}
.vframe{position:relative;display:block;width:100%;max-width:15rem;aspect-ratio:16/10;border-radius:4px;background:#26121B;border:1px solid rgba(242,181,74,.45);box-shadow:0 18px 30px -16px hsl(var(--sc-shadow-color)/.9)}
.vframe .play{position:absolute;left:50%;top:44%;width:3rem;height:3rem;translate:-50% -50%;border-radius:50%;border:1px solid rgba(242,181,74,.8)}
.vframe .play::after{content:"";position:absolute;left:56%;top:50%;translate:-50% -50%;border-style:solid;border-width:.45rem 0 .45rem .8rem;border-color:transparent transparent transparent var(--sc-accent)}
.vframe .vcap{position:absolute;left:0;right:0;bottom:.8rem;text-align:center;font-size:var(--sc-t-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--sc-ink-soft)}
.tile .chart,.tile__cover,.tile__video{height:15rem}
.tile__video{aspect-ratio:auto}
.bar::before{background:#D2BCC3;opacity:.55}
.bar[style*="--v:.86"]::before,.bar[style*="--v:.9"]::before{background:var(--sc-accent);opacity:.95}
.bar[style*="--v:.38"]::before{background:#8A4A5C;opacity:.9}
.chart__key .k2{background:#D2BCC3;opacity:.55}
.capture h2{font-size:clamp(2rem,1.3rem + 2vw,3rem)}
.ari--office{overflow:hidden}
.ari--office img{object-position:72% 22%;transform:scale(1.28);transform-origin:70% 20%}
main h2{scroll-margin-top:4.5rem}
.me-menu{display:none;background:none;border:1px solid rgba(246,238,232,.35);color:var(--sc-ink);border-radius:3px;padding:.45rem .8rem;font:500 var(--sc-t-sm) var(--sc-font-text);cursor:pointer}
.sheet{display:none;position:fixed;inset:0;z-index:55;background:#1A0B11;padding:5.5rem var(--sc-gutter) 2rem;flex-direction:column;gap:1.1rem}
.sheet a{font-family:var(--sc-font-display);font-size:1.5rem;color:var(--sc-ink);text-decoration:none;border-bottom:1px solid var(--sc-hairline);padding-bottom:.8rem}
.sheet.is-open{display:flex}
@media (max-width:860px){
  .me-menu{display:inline-block}
  .me-bar{gap:.6rem}
  .offer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .offer{min-width:0}
  .deck .card{width:5.2rem;height:7.6rem}
  .rail-lead--phone{display:block}
  .rail .rail__lead{display:none}
  .ari--office img{transform:scale(1.18)}
}
@media (max-width:480px){
  .offer-grid{grid-template-columns:1fr}
}

.err{grid-column:1 / -1;margin:0;font-size:var(--sc-t-sm);color:#E8A0A0;min-height:0}
.err:empty{display:none}
form.busy button{opacity:.6;pointer-events:none}