/* =========================================================================
   MAKS Creative Designs — inner pages (Work, case studies, Services, About,
   Contact, Privacy, Thank You, 404). Builds on maks.css + home.css.
   ========================================================================= */

/* ---------- 404 ---------- */
.nf{min-height:100vh;min-height:100svh;display:grid;align-items:center;padding-top:calc(var(--header-h) + 4rem)}
.nf__code{font-family:var(--font-serif);font-weight:700;font-size:clamp(5rem,3rem + 10vw,13rem);line-height:.9;letter-spacing:.04em;
  color:transparent;background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;opacity:.9;
  animation:nfGlow 4s var(--ease-io) infinite alternate}
@keyframes nfGlow{from{filter:drop-shadow(0 0 0 rgba(228,201,139,0))}to{filter:drop-shadow(0 0 22px rgba(228,201,139,.35))}}

/* =========================================================================
   Page hero (every inner page)
   ========================================================================= */
.phero{position:relative;overflow:hidden;isolation:isolate;padding-top:calc(var(--header-h) + clamp(3rem,7vw,7rem));padding-bottom:clamp(3rem,7vw,7rem);
  min-height:min(92vh,980px);display:grid;align-items:center}
.phero::before{content:"";position:absolute;z-index:-2;right:-10%;top:10%;width:min(110vh,80vw);aspect-ratio:1;border-radius:50%;
  background:radial-gradient(closest-side,rgba(126,106,74,.55),rgba(78,64,44,.3) 42%,rgba(199,164,91,.07) 64%,transparent 76%)}
.phero__arch{position:absolute;z-index:-1;right:6%;bottom:-6%;width:min(70vh,48vw);height:auto;fill:#050506;filter:drop-shadow(0 0 30px rgba(199,164,91,.3));opacity:.9}
.phero__ghost{top:auto;bottom:clamp(1rem,4vw,4rem);left:var(--gutter)}
.phero__grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(2rem,5vw,6rem);align-items:center}
.phero__grid--solo{grid-template-columns:minmax(0,1fr)}
.phero .hero__title{font-size:clamp(2.5rem,1.1rem + 4.4vw,7rem);max-width:10.5em}
.phero__grid--solo .hero__title{max-width:12em}
.phero .hero__sub{max-width:34ch}
.js .phero.is-ready .hero__tag{opacity:1;transform:none;transition-delay:.1s}
.js .phero.is-ready .hero__sub{opacity:1;transform:none;transition-delay:.7s}
.js .phero.is-ready .hero__act{opacity:1;transform:none;transition-delay:.85s}
.js .phero .phero__visual{opacity:0;transform:translateY(24px) scale(.98);transition:opacity 1.1s var(--ease) .35s,transform 1.3s var(--ease) .35s}
.js .phero.is-ready .phero__visual{opacity:1;transform:none}
.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1.4rem;font-size:var(--fs--1);color:var(--muted);list-style:none}
.crumbs a{color:var(--muted);text-decoration:none}
.crumbs a:hover{color:var(--text)}
.crumbs li+li::before{content:"/";margin-right:.5rem;color:rgba(167,167,173,.5)}
@media (max-width:1000px){
  .phero{min-height:0;text-align:center}
  .phero__grid{grid-template-columns:1fr}
  .phero::before{right:auto;left:50%;transform:translateX(-50%);top:4%;width:min(140vw,90vh)}
  .phero__arch{right:auto;left:50%;transform:translateX(-50%);width:min(88vw,58vh);bottom:auto;top:calc(var(--header-h) + 1rem);opacity:.5}
  .phero .hero__title,.phero .hero__sub{margin-inline:auto}
  .phero .hero__act{justify-content:center}
  .crumbs{justify-content:center}
  .phero__status{justify-content:center}
  .disclose{margin-inline:auto}
}

/* hero visual: 3D fan of real screens (Work) */
.fan3d{--rx:0deg;--ry:0deg;position:relative;aspect-ratio:1.35;perspective:1600px}
.fan3d__in{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(calc(8deg + var(--rx))) rotateY(calc(-14deg + var(--ry)));transition:transform .6s var(--ease)}
.fan3d .browser{position:absolute;width:78%;transform-style:preserve-3d}
.fan3d .browser:nth-child(1){left:0;top:4%;transform:translateZ(-120px)}
.fan3d .browser:nth-child(2){left:11%;top:24%;transform:translateZ(-40px)}
.fan3d .browser:nth-child(3){left:22%;top:44%;transform:translateZ(60px)}
.fan3d .browser img{width:100%;aspect-ratio:1556/748;object-fit:cover;object-position:top}
.fan3d:hover .browser:nth-child(1){transform:translateZ(-120px) translate(-4%,-6%)}
.fan3d:hover .browser:nth-child(3){transform:translateZ(60px) translate(4%,6%)}
.fan3d .browser{transition:transform .8s var(--ease)}

/* hero visual: project screen in a floating frame (case studies) */
.float-shot{--rx:0deg;--ry:0deg;position:relative;padding:0 14% 9% 0;perspective:1500px}
.float-shot__in{position:relative;transform:rotateX(calc(4deg + var(--rx))) rotateY(calc(-10deg + var(--ry)));transform-style:preserve-3d;transition:transform .6s var(--ease);animation:floaty 7s var(--ease-io) infinite alternate}
.float-shot .browser img{width:100%;aspect-ratio:1556/748;object-fit:cover;object-position:top}
.float-shot .phone{position:absolute;right:-14%;bottom:-9%;width:26%;transform:translateZ(80px)}
.float-shot .phone img{width:100%;object-fit:cover;object-position:top}
@keyframes floaty{to{translate:0 -14px}}

/* hero visual: arch portrait (About) */
.arch-photo{position:relative;justify-self:center;width:min(100%,520px);isolation:isolate}
.arch-photo::before{content:"";position:absolute;z-index:-1;inset:-8% -10% 0;border-radius:50%;background:radial-gradient(closest-side,rgba(199,164,91,.28),transparent 72%)}
.arch-photo__frame{position:relative;aspect-ratio:3/4;overflow:hidden;border-radius:999px 999px var(--r-lg) var(--r-lg);background:#171717;box-shadow:0 0 60px -10px rgba(199,164,91,.35),0 50px 90px -40px rgba(0,0,0,.95)}
.arch-photo__frame img{position:absolute;left:0;top:-4%;width:100%;height:108%;object-fit:cover;object-position:50% 30%}

/* case-study facts: one calm glass strip under the hero */
.phero__status{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1rem}
.phero__status .tag{margin:0}
.meta{display:grid;margin:0}
.meta--strip{position:relative;z-index:1;grid-template-columns:repeat(4,minmax(0,1fr));margin:clamp(2rem,4vw,4rem) auto 0;max-width:1240px;padding:clamp(.8rem,1.4vw,1.2rem);border-radius:var(--r-lg);
  background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));box-shadow:inset 0 0 0 1px var(--edge),0 30px 60px -40px rgba(0,0,0,.9);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.meta div{display:grid;gap:.3rem;align-content:center;text-align:center;padding:.5rem 1rem}
.meta div+div{box-shadow:-1px 0 0 rgba(255,255,255,.07)}
.meta dt{font-size:var(--fs-tag);font-weight:800;letter-spacing:.26em;text-transform:uppercase;color:var(--muted)}
.meta dd{margin:0;font-weight:700;font-size:var(--fs--1);line-height:1.35}
@media (max-width:760px){
  .meta--strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem;padding:.6rem}
  .meta div{padding:.7rem .5rem;border-radius:var(--r-sm);background:rgba(255,255,255,.03)}
  .meta div+div{box-shadow:none}
  .meta dt{font-size:.6rem;letter-spacing:.2em}
  .meta dd{font-size:.88rem}
}
@media (max-width:600px){.phero .hero__sub{font-size:var(--fs-0)}.phero .hero__title{font-size:clamp(2.3rem,10vw,3rem)}}
.disclose{margin-top:1.2rem;font-size:var(--fs--1);color:var(--muted);max-width:52ch}

/* =========================================================================
   Work — stacked project cards (each pins, then the next slides over it)
   ========================================================================= */
.stack{display:grid;gap:clamp(1.5rem,3vw,3rem)}
.stack__card{--sp:0;position:sticky;top:calc(var(--header-h) + 1.2rem + var(--k,0) * 18px);display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.25fr);gap:clamp(1.5rem,3.5vw,4.5rem);align-items:center;
  padding:clamp(1.6rem,3.4vw,3.6rem);border-radius:var(--r-lg);overflow:hidden;isolation:isolate;
  background:radial-gradient(90% 90% at 100% 0%,rgba(199,164,91,.13),transparent 60%),linear-gradient(180deg,#18181b,#111113);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 -30px 60px -40px rgba(0,0,0,.95),0 40px 80px -50px rgba(0,0,0,.95);
  transform:scale(calc(1 - var(--sp) * .06));transform-origin:50% 0;filter:brightness(calc(1 - var(--sp) * .35));transition:filter .2s linear}
.stack__copy{display:grid;gap:1rem;justify-items:start}
.stack__name{font-size:var(--fs-3);font-weight:800;letter-spacing:-.04em;line-height:1}
.stack__copy>p{color:rgba(246,245,241,.72);max-width:40ch}
.stack__pages{display:flex;flex-wrap:wrap;gap:.4rem;list-style:none}
.stack__pages li{padding:.35rem .75rem;border-radius:var(--r-pill);background:rgba(255,255,255,.06);font-size:.8rem;font-weight:700;color:rgba(246,245,241,.75)}
.stack__copy .btn-row{margin-top:.4rem;gap:1.2rem}
.stack__media{position:relative;padding:0 clamp(26px,9%,90px) clamp(20px,6%,60px) 0}
.stack__media .browser img{width:100%;aspect-ratio:1556/748;object-fit:cover;object-position:top}
.stack__media .phone{position:absolute;right:0;bottom:0;width:clamp(78px,22%,190px)}
.stack__media .phone img{width:100%;object-fit:cover;object-position:top}
.stack__card:hover .stack__media .browser{transform:translateY(-6px)}
.stack__media .browser{transition:transform .6s var(--ease)}
@media (max-width:1000px){
  .stack__card{position:relative;top:auto;transform:none;filter:none;grid-template-columns:1fr}
  .stack__media{order:-1}
  .stack__copy{justify-items:center;text-align:center}
  .stack__pages,.stack__copy .btn-row{justify-content:center}
}
/* the last card: an open spot for the next client */
.stack__card--you{background:radial-gradient(90% 90% at 100% 0%,rgba(199,164,91,.24),transparent 62%),radial-gradient(70% 80% at 0% 100%,rgba(199,164,91,.1),transparent 60%),linear-gradient(180deg,#1a191b,#111113)}
.stack__media.stack__media--you{display:grid;gap:1rem;justify-items:center;padding:0}
.stack__media--you .art--site{width:100%;min-height:0;margin:0}
.you-url{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem 1.1rem;border-radius:var(--r-pill);font-weight:800;font-size:var(--fs--1);background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px var(--edge-2),0 0 30px -8px var(--glow)}
.you-url svg{color:var(--gold-2)}
@media (max-width:700px){
  .stack__pages,.stack__card .show__chips .pill{display:none}
  .stack__media{padding:0 12% 26% 0}
  .stack__media .phone{width:31%}
  .float-shot .phone{width:30%}
}

/* =========================================================================
   Case study — goal / work / result, gallery, next project
   ========================================================================= */
.story{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.4vw,22px)}
.story .tile{min-height:clamp(240px,20vw,340px);align-content:start}
.story__n{font-family:var(--font-serif);font-weight:700;font-size:clamp(3rem,2rem + 2.6vw,5rem);line-height:1;margin-bottom:.6rem;
  color:var(--bg);-webkit-text-stroke:2px rgba(246,245,241,.25);paint-order:stroke fill;transition:color .6s,-webkit-text-stroke-color .6s,text-shadow .6s}
.story .tile.is-in .story__n{color:var(--text);-webkit-text-stroke-color:transparent;text-shadow:0 0 34px rgba(228,201,139,.4)}
.story .tile:nth-child(2) .story__n{transition-delay:.25s}
.story .tile:nth-child(3) .story__n{transition-delay:.5s}
.story .tile p{font-size:var(--fs-0);max-width:34ch}
@media (max-width:900px){.story{grid-template-columns:1fr}.story .tile{min-height:0}}

.statement{font-family:var(--font-sans);font-weight:800;font-size:clamp(2rem,1rem + 3.6vw,5.4rem);line-height:1;letter-spacing:-.045em;word-spacing:.12em;max-width:15em;margin-inline:auto;text-align:center;text-wrap:balance}
.statement .w{display:inline-block;text-align:left;padding-bottom:.14em;margin-bottom:-.14em;font-variation-settings:"wght" var(--w,800);color:rgba(246,245,241,var(--a,1));transition:font-variation-settings .25s linear,color .25s linear}

/* gallery: drag / swipe strip, lazy images, lightbox */
.gallery{position:relative}
.gallery__track{display:flex;gap:clamp(12px,1.4vw,22px);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:6px var(--gutter) 24px;margin:0 calc(var(--gutter) * -1);cursor:grab;list-style:none;overscroll-behavior-x:contain}
.gallery__track::-webkit-scrollbar{display:none}
.gallery__track.is-drag{cursor:grabbing;scroll-snap-type:none}
.gallery__track.is-drag *{pointer-events:none}
.gallery__item{flex:none;scroll-snap-align:start;width:clamp(270px,42vw,760px)}
.gallery__btn{position:relative;display:block;width:100%;padding:0;border:0;border-radius:16px;overflow:hidden;background:#111;text-align:left;cursor:zoom-in;
  box-shadow:0 30px 60px -36px rgba(0,0,0,.95),0 0 0 1px rgba(255,255,255,.06);transition:transform .5s var(--ease),box-shadow .5s}
.gallery__btn img{width:100%;height:auto;transition:transform .8s var(--ease)}
.gallery__btn:hover{transform:translateY(-6px);box-shadow:0 40px 70px -36px rgba(0,0,0,.95),0 0 50px -16px var(--glow)}
.gallery__btn:hover img{transform:scale(1.03)}
.gallery__cap{display:block;margin-top:.8rem;font-size:var(--fs--1);font-weight:700;color:rgba(246,245,241,.75)}
.gallery__cap span{color:var(--gold-2);margin-right:.6rem;font-variant-numeric:tabular-nums}
.gallery__ui{display:flex;align-items:center;gap:1rem;margin-top:.4rem}
.gallery__bar{flex:1;height:4px;border-radius:2px;background:rgba(255,255,255,.07);overflow:hidden}
.gallery__bar i{display:block;height:100%;width:var(--gw,20%);margin-left:var(--gx,0%);border-radius:2px;background:var(--gold-grad);box-shadow:0 0 12px var(--glow)}
.round{width:48px;height:48px;border-radius:50%;border:0;display:grid;place-items:center;background:rgba(255,255,255,.07);color:var(--text);transition:background-color .3s,box-shadow .3s,transform .3s var(--ease)}
.round:hover{background:rgba(255,255,255,.12);box-shadow:0 0 24px -6px var(--glow)}
.round:active{transform:scale(.94)}
.round svg{width:18px;height:18px}
.round--back svg{transform:rotate(180deg)}

.lightbox{width:min(1400px,94vw);max-width:none;max-height:92vh;padding:0;border:0;border-radius:18px;background:#0d0d10;color:var(--text);overflow:visible;box-shadow:0 60px 120px -30px rgba(0,0,0,.95)}
.lightbox::backdrop{background:rgba(5,5,6,.82);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.lightbox[open]{animation:lbIn .45s var(--ease)}
@keyframes lbIn{from{opacity:0;transform:scale(.96)}}
.lightbox img{display:block;width:100%;max-height:82vh;object-fit:contain;border-radius:18px 18px 0 0;background:#000}
.lightbox__bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem 1rem}
.lightbox__bar p{font-weight:700;font-size:var(--fs--1)}
.lightbox__bar div{display:flex;gap:.5rem}

/* next project */
.next{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(1.5rem,4vw,5rem);padding:clamp(1.8rem,4vw,4rem);border-radius:var(--r-lg);overflow:hidden;text-decoration:none;isolation:isolate;
  background:linear-gradient(180deg,#17171a,#101012);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.next::before{content:"";position:absolute;inset:0;z-index:-1;opacity:0;transition:opacity .6s;background:radial-gradient(70% 90% at 80% 50%,rgba(199,164,91,.2),transparent 70%)}
.next:hover::before{opacity:1}
.next__label{font-size:var(--fs-tag);font-weight:800;letter-spacing:.3em;text-transform:uppercase;color:var(--gold-2)}
.next__name{display:block;margin-top:.8rem;font-size:var(--fs-4);font-weight:800;letter-spacing:-.045em;line-height:.95;color:var(--bg);-webkit-text-stroke:2px rgba(246,245,241,.5);paint-order:stroke fill;transition:color .5s,-webkit-text-stroke-color .5s}
.next:hover .next__name,.next:focus-visible .next__name{color:var(--text);-webkit-text-stroke-color:transparent}
.next__go{display:inline-flex;align-items:center;gap:.6rem;margin-top:1.4rem;font-weight:800;color:var(--text)}
.next__go svg{width:20px;height:20px;transition:transform .4s var(--ease)}
.next:hover .next__go svg{transform:translateX(6px)}
.next .browser{transform:perspective(1200px) rotateY(-12deg) rotateX(4deg);transition:transform .8s var(--ease)}
.next:hover .browser{transform:perspective(1200px) rotateY(-4deg) rotateX(2deg) translateY(-6px)}
.next .browser img{width:100%;aspect-ratio:1556/748;object-fit:cover;object-position:top}
@media (max-width:800px){.next{grid-template-columns:1fr;text-align:center}.next__go{justify-content:center}}

/* =========================================================================
   Services — big-type offer rows
   ========================================================================= */
.offers{list-style:none;display:grid}
.offer{position:relative;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) auto;align-items:center;gap:clamp(1rem,3vw,3rem);padding:clamp(1.3rem,2.4vw,2.2rem) 0;isolation:isolate}
.offer::before{content:"";position:absolute;inset:0 calc(var(--gutter) * -.5);z-index:-1;border-radius:var(--r-md);opacity:0;transition:opacity .45s;background:radial-gradient(60% 120% at 20% 50%,rgba(199,164,91,.12),transparent 70%)}
.offer:hover::before{opacity:1}
.offer+.offer{box-shadow:0 -1px 0 rgba(255,255,255,.05)}
.offer__name{font-size:clamp(2rem,1.1rem + 3vw,4.6rem);font-weight:800;letter-spacing:-.01em;line-height:1.05;
  color:var(--bg);-webkit-text-stroke:2px rgba(246,245,241,.42);paint-order:stroke fill;transition:color .9s var(--ease),-webkit-text-stroke-color .9s var(--ease),text-shadow .6s}
.offer.is-in .offer__name{color:var(--text);-webkit-text-stroke-color:transparent}
.offer:hover .offer__name{text-shadow:0 0 40px rgba(228,201,139,.3)}
.offer p{color:rgba(246,245,241,.7);font-size:var(--fs-0);max-width:38ch}
.offer__cta{justify-self:end;display:flex;flex-direction:column;align-items:flex-end;gap:.5rem;white-space:nowrap}
.offer__from{font-size:var(--fs-tag);font-weight:800;letter-spacing:.24em;text-transform:uppercase;color:var(--muted)}
.offer__from b{font-family:var(--font-serif);font-size:1.9em;letter-spacing:0;margin-left:.25em;vertical-align:-.12em}
.offer:hover .offer__cta .btn--glass{background:rgba(255,255,255,.12);box-shadow:inset 0 0 0 1px rgba(255,255,255,.2),0 0 30px -6px var(--glow)}
@media (max-width:820px){
  .offer{grid-template-columns:1fr;justify-items:center;text-align:center;gap:.9rem}
  .offer p{margin-inline:auto}
  .offer__cta{justify-self:center;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem}
}

/* included vs extra lists */
.lists{display:grid;grid-template-columns:1fr 1fr;gap:clamp(12px,1.4vw,22px)}
.list-card{padding:clamp(1.5rem,2.6vw,2.6rem);border-radius:var(--r-lg);background:linear-gradient(180deg,#17171a,#111113);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.list-card h3{font-size:var(--fs-1);font-weight:800;margin-bottom:1.1rem}
.list-card ul{list-style:none;display:grid;gap:.6rem}
.list-card li{display:flex;align-items:flex-start;gap:.7rem;font-weight:600;color:rgba(246,245,241,.85)}
.list-card li svg{width:20px;height:20px;flex:none;margin-top:.15em;padding:3px;border-radius:50%}
.list-card--in li svg{color:#141210;background:var(--gold-2);box-shadow:0 0 12px var(--glow)}
.list-card--out li svg{color:var(--text);background:rgba(255,255,255,.12)}
.list-card .small{margin-top:1.2rem}
@media (max-width:820px){.lists{grid-template-columns:1fr}}

/* FAQ accordion */
.faq{display:grid;gap:10px;max-width:1100px;margin-inline:auto}
.faq details{border-radius:var(--r-md);background:linear-gradient(180deg,#151517,#111113);box-shadow:inset 0 1px 0 rgba(255,255,255,.05);overflow:hidden;transition:box-shadow .4s}
.faq details[open]{box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 0 50px -24px var(--glow)}
.faq summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.2rem clamp(1.2rem,2vw,1.8rem);cursor:pointer;font-weight:800;font-size:var(--fs-1);letter-spacing:-.01em}
.faq summary::-webkit-details-marker{display:none}
.faq summary i{position:relative;width:34px;height:34px;flex:none;border-radius:50%;background:rgba(255,255,255,.07);transition:background-color .3s,transform .5s var(--ease)}
.faq summary i::before,.faq summary i::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2px;margin:-1px 0 0 -6px;border-radius:1px;background:var(--text);transition:transform .4s var(--ease)}
.faq summary i::after{transform:rotate(90deg)}
.faq details[open] summary i{background:var(--gold-2);transform:rotate(180deg)}
.faq details[open] summary i::before,.faq details[open] summary i::after{background:#141210}
.faq details[open] summary i::after{transform:rotate(0)}
.faq__a{padding:0 clamp(1.2rem,2vw,1.8rem) 1.3rem;color:rgba(246,245,241,.75);max-width:70ch}

/* =========================================================================
   About
   ========================================================================= */
.founder{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:clamp(2rem,5vw,6rem);align-items:center;max-width:1180px;margin-inline:auto}
.founder__photo{position:relative;margin:0;justify-self:center;width:min(100%,340px);isolation:isolate}
.founder__photo::before{content:"";position:absolute;z-index:-1;inset:-10% -14% -4%;border-radius:50%;background:radial-gradient(closest-side,rgba(199,164,91,.26),transparent 72%)}
.founder__photo .arch-photo__frame{aspect-ratio:728/1054;border-radius:46% 46% var(--r-lg) var(--r-lg) / 30% 30% var(--r-lg) var(--r-lg)}
.founder__photo .arch-photo__frame img{top:0;height:100%;object-position:50% 0}
.founder__copy{display:grid;gap:1.1rem;justify-items:start}
.founder__copy p{color:rgba(246,245,241,.78);max-width:52ch}
.founder__copy p+p{margin-top:.9rem}
.founder__pull{font-weight:800;font-size:var(--fs-2);letter-spacing:-.025em;line-height:1.1;background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 18px rgba(228,201,139,.25))}
.founder__copy .founder__role{color:var(--gold-2);font-weight:800;font-size:var(--fs-0);margin-top:-.4rem}
@media (max-width:900px){
  .founder{grid-template-columns:1fr;text-align:center}
  .founder__photo{width:min(64vw,300px)}
  .founder__copy{justify-items:center}
  .founder__copy p{margin-inline:auto}
}
.values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.3vw,22px)}
.values .tile{min-height:clamp(200px,15vw,270px);align-content:space-between}
.values .glyph{margin-bottom:.6rem}
@media (max-width:1000px){.values{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.values{grid-template-columns:1fr}.values .tile{min-height:0}}

.statement--center{margin-inline:auto;text-align:center;word-spacing:.12em}
/* About hero: the team orbits your business */
.orbit{position:relative;width:min(100%,560px);aspect-ratio:1;container-type:inline-size;justify-self:center;perspective:1300px}
.orbit::before{content:"";position:absolute;inset:4%;border-radius:50%;background:radial-gradient(closest-side,rgba(126,106,74,.55),rgba(78,64,44,.26) 46%,rgba(199,164,91,.05) 68%,transparent 78%)}
.orbit__scene{position:absolute;inset:0;transform-style:preserve-3d}
.orbit__plane{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(66deg);animation:orbitSpin 40s linear infinite}
.orbit__ring{position:absolute;inset:4%;border-radius:50%;box-shadow:0 0 0 2px rgba(228,201,139,.3),0 0 40px rgba(228,201,139,.16),inset 0 0 40px rgba(228,201,139,.1)}
.orbit__ring--in{inset:27%;box-shadow:0 0 0 1px rgba(246,245,241,.12),0 0 30px rgba(228,201,139,.08)}
.orbit__item{position:absolute;left:50%;top:50%;width:0;height:0;transform-style:preserve-3d;transform:rotateZ(var(--a)) translateX(46cqw) rotateZ(calc(var(--a) * -1))}
.orbit__chip{position:absolute;left:0;top:0;display:inline-flex;align-items:center;gap:.55em;padding:.6em 1.05em;border-radius:var(--r-pill);white-space:nowrap;
  font-size:clamp(.78rem,2.9cqw,1rem);font-weight:800;color:var(--text);background:rgba(22,22,26,.82);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.16),0 14px 30px -14px rgba(0,0,0,.9),0 0 26px -8px var(--glow);
  transform:translate(-50%,-50%) rotateZ(0deg) rotateX(-66deg);animation:orbitChip 40s linear infinite}
.orbit__chip svg{width:1.15em;height:1.15em;color:var(--gold-2)}
@keyframes orbitSpin{from{transform:rotateX(66deg) rotateZ(0deg)}to{transform:rotateX(66deg) rotateZ(360deg)}}
@keyframes orbitChip{from{transform:translate(-50%,-50%) rotateZ(0deg) rotateX(-66deg)}to{transform:translate(-50%,-50%) rotateZ(-360deg) rotateX(-66deg)}}
/* your business sits in the middle: team members pass behind it and in front of it */
.orbit__core{position:absolute;left:50%;top:50%;width:34%;aspect-ratio:1;display:grid;place-content:center;text-align:center;border-radius:50%;transform:translate(-50%,-50%) translateZ(0);
  background:radial-gradient(circle at 34% 28%,#fff4d6 0,#e9cf93 18%,#c7a45b 46%,#7d5f2a 82%,#4a3815 100%);
  box-shadow:0 0 60px 4px rgba(228,201,139,.35),0 30px 60px -20px rgba(0,0,0,.9),inset -10px -14px 30px rgba(60,40,10,.55),inset 6px 8px 18px rgba(255,255,255,.35)}
.orbit__core b{display:block;font-weight:800;font-size:clamp(.95rem,4.2cqw,1.6rem);line-height:1.02;letter-spacing:-.02em;color:#17130b}
.orbit__core b:first-child{font-size:clamp(.62rem,2.2cqw,.82rem);letter-spacing:.3em;text-transform:uppercase;margin-bottom:.25em}
@media (max-width:1000px){.orbit{width:min(78vw,420px);margin:1.6rem auto 0}}
/* every inner-page hero melts into the next section instead of ending on a hard edge */
.phero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:34%;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(10,10,12,0),var(--bg) 92%)}
.band{padding-block:clamp(1.2rem,2.4vw,2.2rem);background:#060607}
.band ul{list-style:none}
.band li{display:flex;align-items:center;gap:clamp(1.2rem,3vw,3rem);padding-right:clamp(1.2rem,3vw,3rem);padding-block:.1em;font-family:var(--font-serif);font-size:clamp(1.5rem,1rem + 2.4vw,3.4rem);font-weight:700;letter-spacing:.04em;white-space:nowrap;line-height:1.1}
.band li::after{content:"";width:12px;height:12px;flex:none;border-radius:50%;background:var(--gold-2);box-shadow:0 0 14px 3px var(--glow)}
.band li:nth-child(even){color:var(--bg);-webkit-text-stroke:2px rgba(246,245,241,.4);paint-order:stroke fill}

/* =========================================================================
   Contact
   ========================================================================= */
.contact{padding-top:calc(var(--header-h) + clamp(2.5rem,6vw,6rem));padding-bottom:var(--s-9);position:relative;overflow:hidden;isolation:isolate}
.contact::before{content:"";position:absolute;z-index:-1;right:-15%;top:-10%;width:min(120vh,90vw);aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,rgba(126,106,74,.4),rgba(199,164,91,.06) 60%,transparent 74%)}
.contact__grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(2rem,5vw,6rem);align-items:start}
.contact__aside{position:sticky;top:calc(var(--header-h) + 2rem);display:grid;gap:clamp(1.4rem,2.4vw,2.2rem)}
.contact .hero__title{font-size:clamp(2.5rem,1.1rem + 4vw,6.4rem);max-width:9em}
.contact .hero__sub{max-width:36ch}
.js .contact.is-ready .hero__tag,.js .contact.is-ready .hero__sub,.js .contact.is-ready .hero__act{opacity:1;transform:none}
.js .contact.is-ready .hero__sub{transition-delay:.6s}
.js .contact.is-ready .hero__act{transition-delay:.75s}
.nexts{list-style:none;display:grid;gap:.8rem;counter-reset:n}
.nexts li{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:center;font-weight:600;color:rgba(246,245,241,.85)}
.nexts li::before{counter-increment:n;content:counter(n);display:grid;place-items:center;width:38px;height:38px;border-radius:50%;font-family:var(--font-serif);font-weight:700;background:rgba(255,255,255,.06);color:var(--gold-2)}
.mailcard{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1rem;padding:1.1rem 1.2rem;border-radius:var(--r-md);background:linear-gradient(180deg,#17171a,#111113);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.mailcard a{font-weight:800;text-decoration:none;word-break:break-all}
.mailcard a:hover{color:var(--gold-2)}
.copy{margin-left:auto;display:inline-flex;align-items:center;gap:.45rem;min-height:40px;padding:.4rem .9rem;border:0;border-radius:var(--r-pill);background:rgba(255,255,255,.07);font-size:.82rem;font-weight:800;color:var(--text);transition:background-color .3s,color .3s}
.copy:hover{background:rgba(255,255,255,.12)}
.copy.is-done{background:var(--gold-2);color:#141210}

.form{position:relative;padding:clamp(1.4rem,3vw,3rem);border-radius:var(--r-lg);background:linear-gradient(180deg,rgba(28,28,31,.92),rgba(17,17,19,.92));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 60px 100px -50px rgba(0,0,0,.95),0 0 80px -40px var(--glow)}
.form__top{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.4rem}
.form__top h2{font-size:var(--fs-2);font-weight:800;letter-spacing:-.03em}
.meter{display:flex;align-items:center;gap:.7rem;font-size:.8rem;font-weight:800;color:var(--muted);white-space:nowrap}
.meter__ring{--p:0;position:relative;width:40px;height:40px;border-radius:50%;background:conic-gradient(var(--gold-2) calc(var(--p) * 1turn),rgba(255,255,255,.08) 0);transition:--p .5s}
.meter__ring::after{content:"";position:absolute;inset:5px;border-radius:50%;background:#16161a}
.meter.is-done{color:var(--gold-2)}
.meter.is-done .meter__ring{box-shadow:0 0 18px var(--glow)}
.fields{display:grid;grid-template-columns:1fr 1fr;gap:1rem 1rem}
.field{display:grid;gap:.45rem;align-content:start}
.field--full{grid-column:1/-1}
.field label,.field legend{font-size:var(--fs--1);font-weight:800;padding:0}
.field label i,.field legend i{font-style:normal;color:var(--muted);font-weight:600;margin-left:.3rem}
.field fieldset{border:0;margin:0;padding:0;min-width:0;display:grid;gap:.55rem}
.input{width:100%;min-height:52px;padding:.8rem 1rem;border-radius:14px;border:0;background:rgba(255,255,255,.06);color:var(--text);font-size:1rem;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);transition:box-shadow .3s,background-color .3s;-webkit-appearance:none;appearance:none}
.input::placeholder{color:rgba(167,167,173,.7)}
.input:hover{background:rgba(255,255,255,.08)}
.input:focus{outline:0;background:rgba(255,255,255,.09);box-shadow:inset 0 0 0 1px rgba(228,201,139,.7),0 0 0 4px rgba(228,201,139,.12),0 0 30px -8px var(--glow)}
textarea.input{min-height:140px;resize:vertical;line-height:1.5}
select.input{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6' fill='none' stroke='%23E4C98B' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:18px;padding-right:44px}
select.input option{background:#16161a;color:var(--text)}
.input[aria-invalid="true"]{box-shadow:inset 0 0 0 1px rgba(255,138,128,.85),0 0 0 4px rgba(255,138,128,.12)}
.err{min-height:0;font-size:.82rem;font-weight:700;color:#FF9C92}
.err:empty{display:none}
.chips{display:flex;flex-wrap:wrap;gap:.5rem}
.chips label{position:relative;cursor:pointer}
.chips input{position:absolute;opacity:0;pointer-events:none}
.chips span{display:inline-flex;align-items:center;min-height:44px;padding:.5rem 1rem;border-radius:var(--r-pill);background:rgba(255,255,255,.06);font-size:var(--fs--1);font-weight:700;color:rgba(246,245,241,.82);transition:background-color .3s,color .3s,box-shadow .3s,transform .3s var(--ease)}
.chips label:hover span{background:rgba(255,255,255,.1)}
.chips input:checked+span{background:var(--gold-2);color:#141210;box-shadow:0 0 22px -6px var(--glow)}
.chips input:focus-visible+span{outline:2px solid var(--gold-2);outline-offset:3px}
.chips input:active+span{transform:scale(.96)}
.more{grid-column:1/-1;border-radius:var(--r-md);background:rgba(255,255,255,.03)}
.more summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.1rem;cursor:pointer;list-style:none;font-weight:800}
.more summary::-webkit-details-marker{display:none}
.more summary small{font-weight:600;color:var(--muted);font-size:.82rem}
.more summary i{width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.08);position:relative;flex:none;transition:transform .4s var(--ease)}
.more summary i::before,.more summary i::after{content:"";position:absolute;left:50%;top:50%;width:10px;height:2px;margin:-1px 0 0 -5px;background:var(--text)}
.more summary i::after{transform:rotate(90deg);transition:transform .4s var(--ease)}
.more[open] summary i::after{transform:rotate(0)}
.more .fields{padding:0 1.1rem 1.2rem}
.note{padding:.8rem 1rem;border-radius:12px;background:rgba(199,164,91,.12);color:var(--gold-2);font-size:var(--fs--1);font-weight:600}
.form__foot{display:grid;gap:.8rem;margin-top:1.4rem}
.form__foot .btn{width:100%}
.form__foot .btn[disabled]{opacity:.75;cursor:progress}
.spin{width:18px;height:18px;border-radius:50%;border:2px solid rgba(20,18,16,.3);border-top-color:#141210;animation:spin .8s linear infinite;display:none}
.is-sending .spin{display:block}
.is-sending .arrow{display:none}
@keyframes spin{to{transform:rotate(1turn)}}
.form__legal{font-size:.82rem;color:var(--muted);text-align:center}
.form__legal a{color:var(--text)}
.status{display:none;padding:1rem 1.1rem;border-radius:14px;font-weight:600;font-size:var(--fs--1)}
.status.is-error{display:block;background:rgba(255,138,128,.1);color:#FFC2BC;box-shadow:inset 0 0 0 1px rgba(255,138,128,.3)}
.status.is-error a{color:var(--text);font-weight:800}
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.contact__act{display:grid;gap:1.4rem;justify-items:start}
@media (max-width:1000px){
  .contact__grid{grid-template-columns:1fr}
  .contact__aside{position:static;text-align:center;justify-items:center}
  .contact .hero__title,.contact .hero__sub{margin-inline:auto}
  .contact__act{justify-items:center}
  .nexts{text-align:left}
}
@media (max-width:560px){.fields{grid-template-columns:1fr}}

/* =========================================================================
   Privacy — readable policy with sticky contents
   ========================================================================= */
.policy{display:grid;grid-template-columns:minmax(200px,280px) minmax(0,1fr);gap:clamp(2rem,6vw,7rem);align-items:start}
.toc{position:sticky;top:calc(var(--header-h) + 2rem);display:grid;gap:.2rem}
.toc p{font-size:var(--fs-tag);font-weight:800;letter-spacing:.3em;text-transform:uppercase;color:var(--gold-2);margin-bottom:.8rem}
.toc a{position:relative;padding:.45rem 0 .45rem 1.1rem;text-decoration:none;color:var(--muted);font-weight:600;font-size:var(--fs--1);transition:color .3s}
.toc a::before{content:"";position:absolute;left:0;top:50%;width:6px;height:6px;margin-top:-3px;border-radius:50%;background:rgba(255,255,255,.15);transition:background-color .3s,box-shadow .3s}
.toc a:hover{color:var(--text)}
.toc a.is-on{color:var(--text)}
.toc a.is-on::before{background:var(--gold-2);box-shadow:0 0 10px 2px var(--glow)}
.prose{max-width:72ch}
.prose section{scroll-margin-top:calc(var(--header-h) + 1.5rem);padding-bottom:clamp(2rem,4vw,3.4rem)}
.prose h2{font-size:var(--fs-2);font-weight:800;letter-spacing:-.03em;margin-bottom:1rem}
.prose p,.prose li{color:rgba(246,245,241,.8)}
.prose ul{padding-left:1.2rem;display:grid;gap:.5rem;margin-top:.8rem}
.prose a{color:var(--gold-2)}
.prose p+p{margin-top:.9em}
.optout{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;margin-top:1.2rem;padding:1.1rem 1.3rem;border-radius:var(--r-md);background:linear-gradient(180deg,#17171a,#111113);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.optout b{display:block}
.optout span{font-size:var(--fs--1);color:var(--muted)}
.switch{position:relative;width:62px;height:34px;flex:none;border:0;border-radius:17px;background:var(--gold-2);box-shadow:0 0 20px -6px var(--glow);transition:background-color .35s,box-shadow .35s}
.switch::after{content:"";position:absolute;top:4px;left:32px;width:26px;height:26px;border-radius:50%;background:#141210;transition:left .4s var(--ease),background-color .35s}
.switch[aria-checked="false"]{background:rgba(255,255,255,.12);box-shadow:none}
.switch[aria-checked="false"]::after{left:4px;background:var(--text)}
@media (max-width:900px){.policy{grid-template-columns:1fr}.toc{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.toc p{grid-column:1/-1}}

/* =========================================================================
   Thank you
   ========================================================================= */
.thanks{min-height:100vh;min-height:100svh;display:grid;align-items:center}
@media (max-width:1080px){
  .cta.thanks{align-items:start}
  .cta.thanks .cta__arch{top:calc(var(--header-h) + .25rem)}
  .cta.thanks .cta__glow{top:calc(var(--header-h) + 5%)}
}
@media (max-width:640px){.cta.thanks{padding-top:calc(max(11rem,52vw) + var(--header-h))}}
@media (min-width:641px) and (max-width:1080px){.cta.thanks{padding-top:calc(max(15rem,36vw) + var(--header-h))}}
.tick{width:clamp(90px,10vw,130px);height:auto;margin-bottom:.4rem;filter:drop-shadow(0 0 24px rgba(228,201,139,.45))}
.tick circle{fill:var(--gold-2)}
.tick path{fill:none;stroke:#141210;stroke-width:6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:60;stroke-dashoffset:60;animation:tick .9s var(--ease) .5s forwards}
@keyframes tick{to{stroke-dashoffset:0}}
.no-quote-bar .quote-bar{display:none!important}

/* ---------- additions ---------- */
.phero--short{min-height:0;padding-bottom:clamp(2rem,4vw,4rem)}
.who{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.3vw,22px)}
.who .tile{min-height:clamp(250px,19vw,330px);align-content:end}
@media (max-width:1100px){.who{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.who{grid-template-columns:1fr}.who .tile{min-height:0}}
.quote--solo{max-width:1180px;margin-inline:auto}
.quote--solo blockquote p{font-size:clamp(1.3rem,1rem + 1.2vw,2.2rem);line-height:1.45;font-weight:600;letter-spacing:-.01em}
.quote__biz{color:var(--gold-2);font-size:var(--fs--1);font-weight:700}
.contact{padding-bottom:calc(var(--fs-mega) * .8 + clamp(3rem,6vw,6rem))}
.contact__ghost{top:auto;bottom:clamp(1.5rem,3vw,3rem);left:50%;right:auto;transform:translateX(-50%)}
.contact .wrap{position:relative;z-index:1}
.lightbox .round svg{width:18px;height:18px}
.phero .price-panel{max-width:560px;justify-self:end;width:100%}
@media (max-width:1000px){.phero .price-panel{justify-self:stretch;max-width:none}}
.phero .hero__act .show__chips{margin:0}
.next figure{margin:0}
.stack__media{display:block;text-decoration:none}
.founder .creds .glyph{width:52px;height:52px;border-radius:16px}

/* ---------- Reduced motion ---------- */
@media (prefers-reduced-motion:reduce){
  .js .phero .hero__tag,.js .phero .hero__sub,.js .phero .hero__act,.js .phero .phero__visual,
  .js .contact .hero__tag,.js .contact .hero__sub,.js .contact .hero__act{opacity:1;transform:none}
  .float-shot__in{animation:none}
  .stack__card{transform:none!important;filter:none!important}
  .story__n{color:var(--text)!important}
  .offer__name{color:var(--text)!important;-webkit-text-stroke-color:transparent!important}
  .tick path{stroke-dashoffset:0}
}