:root{
    --paper:#ffffff;
    --paper-2:#e8e2d6;
    --ink:#19160f;
    --ink-2:#211d16;
    --heading:#19160f;
    --body:#3b352b;
    --muted:#857c6c;
    --line:rgba(25,22,15,.14);
    --line-soft:rgba(25,22,15,.08);
    --amber:#b07a36;
    --amber-soft:#d8b06a;
    --cream:#f6f2ea;
    --paper-warm:#fcfaf5;
    /* accent defaults to monochrome: ink on light surfaces, cream on dark */
    --accent:var(--heading);
    --accent-deep:var(--cream);
    --nav-solid:rgba(255,255,255,.92);
    --serif:'Cormorant Garamond', Georgia, serif;
    --sans:'Hanken Grotesk', system-ui, sans-serif;
    --maxw:1320px;
    --pad:clamp(22px, 5vw, 72px);
    --section-y:clamp(72px,11vh,140px);
  }
  *{box-sizing:border-box;margin:0;padding:0;}
  html{scroll-behavior:smooth;}
  body{
    background:var(--paper);color:var(--body);
    font-family:var(--sans);font-weight:400;
    -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
    overflow-x:hidden;
  }
  body.modal-open{overflow:hidden;}
  a{color:inherit;text-decoration:none;}
  a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{
    outline:2px solid var(--accent);
    outline-offset:4px;
  }

  /* ---------- type helpers ---------- */
  .serif{font-family:var(--serif);font-weight:500;line-height:1.02;letter-spacing:-.01em;color:var(--heading);}
  .serif em{font-style:italic;font-weight:500;}
  .kicker{font-family:var(--sans);font-size:12px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);}
  .kicker .n{color:var(--accent);margin-right:12px;font-weight:700;}
  .lead{font-size:clamp(15px,1.15vw,17px);line-height:1.6;color:var(--body);font-weight:400;}
  .small-cap{font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);}

  /* ---------- buttons ---------- */
  .btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--sans);font-size:12.5px;font-weight:600;
    letter-spacing:.12em;text-transform:uppercase;padding:14px 26px;border-radius:2px;border:1px solid transparent;
    transition:all .35s cubic-bezier(.2,.7,.3,1);cursor:pointer;white-space:nowrap;}
  .btn .arr{transition:transform .35s cubic-bezier(.2,.7,.3,1);}
  .btn:hover .arr{transform:translateX(5px);}
  .btn-light{background:var(--cream);color:var(--ink);}
  .btn-light:hover{background:#fff;}
  .btn-dark{background:var(--ink);color:var(--cream);}
  .btn-dark:hover{background:#000;}
  .btn-ghost{background:transparent;color:var(--cream);border-color:rgba(246,242,234,.45);}
  .btn-ghost:hover{border-color:var(--cream);background:rgba(246,242,234,.08);}
  .btn-ink-ghost{background:transparent;color:var(--heading);border-color:var(--line);}
  .btn-ink-ghost:hover{border-color:var(--heading);}

  .textlink{display:inline-flex;align-items:center;gap:10px;font-size:12.5px;font-weight:600;letter-spacing:.12em;
    text-transform:uppercase;color:var(--heading);padding-bottom:6px;border-bottom:1px solid var(--accent);width:fit-content;}
  .textlink .arr{color:var(--accent);transition:transform .35s cubic-bezier(.2,.7,.3,1);}
  .textlink:hover .arr{transform:translateX(5px);}

  /* ---------- placeholder frame ---------- */
  .frame{position:relative;overflow:hidden;background:
      repeating-linear-gradient(135deg, rgba(25,22,15,.025) 0 14px, transparent 14px 28px),
      linear-gradient(150deg,#ded6c7,#d2c8b6);
    display:flex;align-items:center;justify-content:center;}
  .frame.dark{background:
      repeating-linear-gradient(135deg, rgba(255,255,255,.018) 0 16px, transparent 16px 32px),
      radial-gradient(120% 90% at 72% 22%, #2c2720 0%, #18140e 60%, #100d08 100%);}
  .frame .ftag{position:absolute;top:14px;left:14px;font-family:var(--sans);font-size:9.5px;font-weight:700;
    letter-spacing:.18em;text-transform:uppercase;color:var(--ink);background:rgba(246,242,234,.82);
    padding:5px 9px;border-radius:2px;display:inline-flex;align-items:center;gap:6px;}
  .frame.dark .ftag{color:var(--cream);background:rgba(20,16,10,.6);border:1px solid rgba(246,242,234,.18);}
  .frame .ftag.video::before{content:"▶";font-size:8px;color:var(--accent);}
  .frame.dark .ftag.video::before{color:var(--accent-deep);}
  .frame .flabel{font-family:var(--sans);font-size:11.5px;line-height:1.5;letter-spacing:.04em;color:#6c6354;
    max-width:74%;text-align:center;font-weight:500;}
  .frame.dark .flabel{color:rgba(246,242,234,.62);}
  .frame{transition:transform .55s cubic-bezier(.2,.7,.3,1),filter .55s cubic-bezier(.2,.7,.3,1),box-shadow .55s cubic-bezier(.2,.7,.3,1);}
  .feature-media.frame:hover,.doc-media-intro .frame:hover,.listing-card .frame:hover,.masonry-placeholder .frame:hover{transform:translateY(-3px);filter:saturate(1.03) contrast(1.02);}

  /* ============ TOP BAR ============ */
  .topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;
    padding:9px var(--pad);background:var(--ink);color:var(--cream);}
  .topbar .t{font-size:10.5px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;opacity:.92;}
  .topbar .r{font-size:10.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;opacity:.72;
    display:inline-flex;align-items:center;gap:8px;transition:opacity .3s;}
  .topbar .r:hover{opacity:1;}
  @media(max-width:760px){.topbar .r{display:none;}}

  /* ============ NAV ============ */
  .nav{position:fixed;top:0;left:0;right:0;z-index:60;display:flex;align-items:center;justify-content:space-between;
    padding:18px var(--pad);
    transition:transform .38s cubic-bezier(.25,.46,.45,.94),
               background .4s ease,
               padding .4s ease,
               box-shadow .4s ease;}
  .nav.nav-hidden{transform:translateY(-100%);}

  /* Scroll-progress line */
  .nav-progress{
    position:absolute;bottom:0;left:0;
    height:1.5px;
    width:var(--scroll-pct,0%);
    background:var(--ink);
    pointer-events:none;
    /* No transition — updates every rAF so CSS transition just adds lag */
  }
  .nav:not(.solid) .nav-progress{background:var(--cream);}
  @media(prefers-reduced-motion:reduce){.nav{transition:background .4s ease,padding .4s ease,box-shadow .4s ease;}}
  .nav.float{top:0;}
  .nav .brand{font-family:var(--sans);font-weight:700;letter-spacing:.14em;font-size:15px;line-height:1;color:var(--cream);
    transition:color .4s;min-height:36px;display:inline-flex;flex-direction:column;justify-content:center;}
  .nav .brand span{display:block;font-size:9px;letter-spacing:.42em;font-weight:600;opacity:.7;margin-top:3px;}
  .nav .links{display:flex;gap:clamp(16px,2vw,30px);}
  .nav .links a{font-size:12px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:var(--cream);text-decoration:none;border-bottom:1.5px solid transparent;padding:10px 0 8px;transition:opacity .2s ease,border-color .2s ease,color .2s ease;
    opacity:.82;transition:opacity .3s,color .4s;position:relative;}
  .nav .links a:hover{opacity:1;border-bottom-color:currentColor;}
  .nav .links a.nav-active{color:#bb4f38 !important;opacity:1;border-bottom-color:transparent;}
  .nav.solid .links a.nav-active{color:#bb4f38 !important;}
  .nav .navbtn{font-size:11.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--cream);
    border:1px solid rgba(246,242,234,.4);padding:11px 20px;border-radius:2px;display:inline-flex;align-items:center;gap:9px;
    transition:all .35s;}
  .nav .navbtn:hover{background:var(--cream);color:var(--ink);border-color:var(--cream);}
  .nav .navbtn .arr{transition:transform .35s cubic-bezier(.2,.7,.3,1);}
  .nav .navbtn:hover .arr{transform:translateX(4px);}
  /* solid (scrolled) state */
  .nav.solid{background:var(--nav-solid);backdrop-filter:blur(12px);padding-top:13px;padding-bottom:13px;top:0;
    box-shadow:0 1px 0 var(--line-soft);}
  .nav.solid .brand,.nav.solid .links a{color:var(--heading);}
  .nav.solid .navbtn{color:var(--heading);border-color:var(--line);}
  .nav.solid .navbtn:hover{background:var(--ink);color:var(--cream);border-color:var(--ink);}
  @media(max-width:900px){.nav .links{display:none;}}

  /* Shared mobile navigation used by the rebuilt page header. */
  header#top,header#top .btn{font-family:Times,serif;}
  .mobile-menu{display:none;position:relative;}
  .mobile-menu summary{min-width:44px;min-height:44px;display:grid;place-items:center;cursor:pointer;color:var(--heading);font-size:12.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;list-style:none;}
  .mobile-menu summary::-webkit-details-marker{display:none;}
  .mobile-menu__panel{position:absolute;top:calc(100% + 10px);right:0;width:min(78vw,300px);padding:10px;display:grid;background:var(--paper);border:1px solid var(--line);box-shadow:0 24px 60px rgba(25,22,15,.16);}
  .mobile-menu__panel a{min-height:44px;padding:11px 12px;display:flex;align-items:center;color:var(--heading);border-bottom:1px solid var(--line-soft);font-size:13px;}
  .mobile-menu__panel a:last-child{border-bottom:0;}
  .mobile-menu__panel a[aria-current="page"]{color:var(--amber);}
  @media(max-width:880px){
    [data-hide-mobile]{display:none !important;}
    .mobile-menu{display:block;margin-left:auto;}
    header > .btn{display:none !important;}
  }

  /* ============ HERO ============ */
  .hero{position:relative;width:100%;aspect-ratio:16/9;min-height:560px;display:flex;align-items:flex-end;overflow:hidden;}
  .hero .frame{position:absolute;inset:0;}
  .hero::after{content:"";position:absolute;inset:0;background:
      linear-gradient(90deg, rgba(12,9,5,.74) 0%, rgba(12,9,5,.34) 42%, rgba(12,9,5,.05) 70%),
      linear-gradient(0deg, rgba(12,9,5,.55) 0%, transparent 42%);pointer-events:none;}
  .hero-inner{position:relative;z-index:5;width:100%;max-width:var(--maxw);margin:0 auto;
    padding:0 var(--pad) clamp(48px,7vh,86px);}
  .hero h1{font-family:var(--serif);font-weight:500;color:var(--cream);
    font-size:clamp(46px,8.2vw,118px);line-height:.93;letter-spacing:-.015em;max-width:14ch;}
  .hero h1 em{font-style:italic;}
  .hero .sub{margin-top:26px;font-size:12px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;
    color:rgba(246,242,234,.8);max-width:30ch;line-height:1.7;}
  .hero .cta{margin-top:30px;display:flex;gap:14px;flex-wrap:wrap;}
  .hero .scrollcue{position:absolute;right:var(--pad);bottom:clamp(48px,7vh,86px);z-index:5;
    display:flex;align-items:center;gap:12px;color:rgba(246,242,234,.7);}
  .hero .scrollcue .ring{width:46px;height:46px;border-radius:50%;border:1px solid rgba(246,242,234,.4);
    display:flex;align-items:center;justify-content:center;animation:bob 2.4s ease-in-out infinite;}
  .hero .scrollcue .ring::after{content:"↓";font-size:15px;}
  .hero .scrollcue span{font-size:10px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;}
  @keyframes bob{0%,100%{transform:translateY(0);}50%{transform:translateY(6px);}}
  @media(max-width:760px){.hero{aspect-ratio:auto;min-height:86svh;}.hero .scrollcue{display:none;}}

  /* ============ SECTION SHELL ============ */
  section{position:relative;}
  .wrap{max-width:var(--maxw);margin:0 auto;padding-left:var(--pad);padding-right:var(--pad);}
  .pad-y{padding-top:var(--section-y);padding-bottom:var(--section-y);}

  /* ---- editorial split ---- */
  .split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:clamp(30px,5vw,80px);align-items:center;}
  .split.rev{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);}
  .split .copy h2{font-family:var(--serif);font-weight:500;color:var(--heading);
    font-size:clamp(34px,4.6vw,68px);line-height:.98;letter-spacing:-.015em;margin:20px 0 22px;}
  .split .copy p{font-size:clamp(15px,1.1vw,16.5px);line-height:1.62;color:var(--body);max-width:42ch;margin-bottom:16px;}
  .split .copy .textlink{margin-top:10px;}
  @media(max-width:820px){.split,.split.rev{grid-template-columns:1fr;gap:30px;}
    .split.rev .frame{order:-1;}}

  /* ---- full-bleed feature chapters ---- */
  .feature{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;
    min-height:clamp(480px,72vh,820px);position:relative;}
  .feature-text{display:flex;flex-direction:column;justify-content:center;
    padding:clamp(44px,8vh,110px) clamp(30px,6vw,104px);}
  .feature-text .inner{width:100%;max-width:480px;}
  .feature-text h2{font-family:var(--serif);font-weight:500;color:var(--heading);
    font-size:clamp(34px,4.6vw,68px);line-height:.98;letter-spacing:-.015em;margin:20px 0 22px;}
  .feature-text p{font-size:clamp(15px,1.1vw,16.5px);line-height:1.62;color:var(--body);max-width:42ch;margin-bottom:16px;}
  .feature-text .textlink{margin-top:10px;}
  .feature-media{position:relative;overflow:hidden;}
  .feature-media video{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;display:block;}
  .feature-media .ftag{z-index:1;}
  .feature-media .flabel{position:relative;z-index:1;}
  .event-reel::after{content:"";position:absolute;left:0;right:0;bottom:0;height:34%;z-index:1;
    background:linear-gradient(0deg,rgba(12,9,5,.58),transparent);pointer-events:none;}
  .event-reel .flabel{position:absolute;left:18px;right:18px;bottom:18px;max-width:38ch;text-align:left;
    color:rgba(246,242,234,.9);text-shadow:0 1px 12px rgba(0,0,0,.45);}
  @media(max-width:860px){
    .feature{grid-template-columns:1fr;min-height:0;}
    .feature-media{order:-1;aspect-ratio:16/9;}
    .feature-text{padding:clamp(34px,6vh,60px) var(--pad);}
    .feature-text .inner{max-width:none;}
  }

  /* ============ INDEX STRIP ============ */
  .indexstrip{border-top:1px solid var(--line);padding-left:clamp(24px,4vw,80px);padding-right:clamp(24px,4vw,80px);}
  .indexstrip .head{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:18px;
    padding:0 0 clamp(30px,4vh,48px);}
  .indexstrip .head h2{font-family:var(--serif);font-weight:500;color:var(--heading);
    font-size:clamp(30px,3.8vw,54px);line-height:1;letter-spacing:-.01em;max-width:16ch;}
  .idx{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line);}
  .idx .cell{padding:46px 30px 50px;border-right:1px solid var(--line);min-height:clamp(300px,32vh,400px);display:flex;flex-direction:column;
    transition:background .4s ease;}
  .idx .cell:first-child{padding-left:0;}
  .idx .cell:last-child{border-right:0;padding-right:0;}
  .idx .cell:hover{background:var(--paper-2);}
  .idx .cell .no{font-family:var(--serif);font-size:26px;font-weight:500;color:var(--accent);line-height:1;}
  .idx .cell h3{font-family:var(--serif);font-weight:500;color:var(--heading);font-size:23px;line-height:1.04;
    margin:20px 0 12px;letter-spacing:-.01em;}
  .idx .cell p{font-size:13px;line-height:1.5;color:var(--muted);flex:1;}
  .idx .cell .go{margin-top:18px;font-size:16px;color:var(--heading);transition:transform .35s cubic-bezier(.2,.7,.3,1);}
  .idx .cell:hover .go{transform:translateX(5px);color:var(--accent);}
  @media(max-width:980px){.idx{grid-template-columns:1fr 1fr;}
    .idx .cell{min-height:0;border-bottom:1px solid var(--line);}
    .idx .cell:nth-child(2n){border-right:0;}
    .idx .cell:nth-child(5){grid-column:1 / -1;border-right:0;}}
  @media(max-width:560px){.idx{grid-template-columns:1fr;}.idx .cell{border-right:0;}}

  /* ============ SELECTED WORK ============ */
  .work{background:var(--ink);color:var(--cream);}
  .work .head{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:20px;margin-bottom:40px;}
  .work .head .kicker{color:var(--accent-deep);}
  .work .head h2{font-family:var(--serif);font-weight:500;color:var(--cream);font-size:clamp(32px,4.4vw,62px);
    line-height:1;letter-spacing:-.015em;margin-top:14px;}
  .work .stage{display:grid;grid-template-columns:300px minmax(0,1fr);gap:clamp(28px,4vw,60px);align-items:stretch;}
  .work .list{display:flex;flex-direction:column;gap:2px;}
  .work .list button{display:flex;align-items:baseline;gap:16px;background:none;border:0;cursor:pointer;text-align:left;
    padding:15px 0;border-top:1px solid rgba(246,242,234,.16);font-family:var(--sans);color:rgba(246,242,234,.5);
    transition:color .3s;width:100%;}
  .work .list button:last-child{border-bottom:1px solid rgba(246,242,234,.16);}
  .work .list button .wn{font-family:var(--serif);font-size:18px;font-weight:500;width:24px;flex:none;}
  .work .list button .wt{font-size:13.5px;font-weight:600;letter-spacing:.04em;line-height:1.3;}
  .work .list button:hover{color:rgba(246,242,234,.85);}
  .work .list button.on{color:var(--cream);}
  .work .list button.on .wn{color:var(--accent-deep);}
  .work .viewer{display:flex;flex-direction:column;}
  .work .viewer .imgwrap{position:relative;aspect-ratio:16/10;width:100%;}
  .work .viewer .frame{position:absolute;inset:0;opacity:0;transition:opacity .7s ease;}
  .work .viewer .frame.show{opacity:1;}
  .work .viewer .meta{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-top:22px;flex-wrap:wrap;}
  .work .viewer .meta .cap{max-width:46ch;}
  .work .viewer .meta .cap .ct{font-family:var(--serif);font-size:26px;font-weight:500;color:var(--cream);letter-spacing:-.01em;}
  .work .viewer .meta .cap .cs{font-size:12px;letter-spacing:.04em;color:var(--accent-deep);margin:6px 0 10px;font-weight:600;}
  .work .viewer .meta .cap p{font-size:13.5px;line-height:1.55;color:rgba(246,242,234,.7);}
  .work .viewer .meta .nav-arrows{display:flex;gap:10px;}
  .work .viewer .meta .nav-arrows button{width:50px;height:50px;border-radius:50%;border:1px solid rgba(246,242,234,.35);
    background:none;color:var(--cream);cursor:pointer;font-size:17px;transition:all .3s;display:flex;align-items:center;justify-content:center;}
  .work .viewer .meta .nav-arrows button:hover{background:var(--cream);color:var(--ink);border-color:var(--cream);}
  .work .counter{font-family:var(--serif);font-size:14px;color:rgba(246,242,234,.55);}
  .work .counter b{color:var(--cream);font-weight:500;}
  @media(max-width:820px){.work .stage{grid-template-columns:1fr;gap:28px;}.work .list{order:2;}}

  /* ============ INSTAGRAM FEED ============ */
  .igfeed .ig-head{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:24px;
    padding:0 var(--pad);margin-bottom:clamp(28px,4vh,46px);}
  .igfeed .ig-head h2{font-family:var(--serif);font-weight:500;color:var(--heading);
    font-size:clamp(30px,4vw,58px);line-height:1;letter-spacing:-.015em;margin-top:12px;}
  .igfeed .ig-actions{display:flex;align-items:center;gap:16px;}
  .igfeed .ig-arrows{display:flex;gap:8px;}
  .igfeed .ig-arrows button{width:50px;height:50px;border-radius:50%;border:1px solid var(--line);
    background:none;color:var(--heading);font-size:16px;cursor:pointer;transition:all .3s;
    display:flex;align-items:center;justify-content:center;}
  .igfeed .ig-arrows button:hover{background:var(--ink);color:var(--cream);border-color:var(--ink);}
  .ig-track{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x proximity;
    padding:0 var(--pad);scrollbar-width:none;-ms-overflow-style:none;}
  .ig-track::-webkit-scrollbar{display:none;}
  .ig-tile{flex:0 0 auto;width:clamp(236px,23vw,330px);aspect-ratio:4/5;scroll-snap-align:start;
    display:block;transition:transform .5s cubic-bezier(.2,.7,.3,1);}
  .ig-tile:hover{transform:translateY(-6px);}
  .ig-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s cubic-bezier(.2,.7,.3,1);}
  .ig-tile:hover img{transform:scale(1.035);}
  .ig-tile::after{content:"";position:absolute;inset:auto 0 0;height:42%;z-index:1;
    background:linear-gradient(0deg,rgba(12,9,5,.62),transparent);pointer-events:none;}
  .ig-tile .ftag{z-index:2;}
  .ig-tile .flabel{position:absolute;left:14px;right:14px;bottom:14px;z-index:2;max-width:none;text-align:left;
    font-size:10.5px;color:rgba(246,242,234,.9);text-shadow:0 1px 10px rgba(0,0,0,.5);}
  @media(max-width:600px){.ig-tile{width:74vw;}}

  /* ============ WHO WE ARE ============ */
  .who .copy h2{font-family:var(--serif);font-weight:500;color:var(--heading);font-size:clamp(30px,3.9vw,56px);
    line-height:1.02;letter-spacing:-.015em;margin:18px 0 22px;}
  .who .copy p{font-size:clamp(15px,1.1vw,16.5px);line-height:1.66;color:var(--body);max-width:46ch;margin-bottom:16px;}
  .who .names{font-family:var(--serif);font-style:italic;font-size:20px;color:var(--accent);margin-bottom:6px;}

  /* ============ TESTIMONIALS ============ */
  .testi{position:relative;width:100%;overflow:hidden;background:var(--ink);}
  .testi-track{display:flex;transition:transform .85s cubic-bezier(.2,.7,.3,1);}
  .testi-slide{position:relative;flex:0 0 100%;min-height:clamp(340px,46vh,480px);
    display:flex;align-items:center;justify-content:center;overflow:hidden;}
  .testi-bg{position:absolute;inset:0;}
  .testi-slide::after{content:"";position:absolute;inset:0;z-index:1;
    background:linear-gradient(rgba(10,8,4,.52),rgba(10,8,4,.66));}
  .testi-inner{position:relative;z-index:2;max-width:780px;text-align:center;padding:0 clamp(40px,8vw,90px) clamp(54px,8vh,76px);color:var(--cream);}
  .testi-inner .kicker{color:rgba(246,242,234,.78);margin-bottom:clamp(20px,3vh,32px);}
  .testi-inner blockquote{font-family:var(--serif);font-weight:500;
    font-size:clamp(18px,2.2vw,32px);line-height:1.3;letter-spacing:-.01em;color:var(--cream);margin:0;text-wrap:pretty;}
  .testi-slide-long .testi-inner{max-width:860px;transform:translateY(clamp(18px,2.4vh,30px));}
  .testi-slide-long .testi-inner blockquote{font-size:clamp(18px,1.92vw,29px);line-height:1.32;}
  .testi-inner cite{display:block;margin-top:clamp(20px,3vh,30px);font-family:var(--sans);font-style:normal;
    font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--accent-deep);}
  .testi-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;
    width:54px;height:54px;border-radius:50%;border:1px solid rgba(246,242,234,.42);
    background:rgba(12,9,5,.18);backdrop-filter:blur(4px);color:var(--cream);font-size:18px;cursor:pointer;
    display:flex;align-items:center;justify-content:center;transition:all .3s;}
  .testi-arrow:hover{background:var(--cream);color:var(--ink);border-color:var(--cream);}
  .testi-arrow.prev{left:clamp(14px,3vw,40px);}
  .testi-arrow.next{right:clamp(14px,3vw,40px);}
  .testi-dots{position:absolute;bottom:clamp(18px,3vh,28px);left:50%;transform:translateX(-50%);z-index:5;display:flex;gap:10px;}
  .testi-dots button{width:8px;height:8px;border-radius:50%;border:0;background:rgba(246,242,234,.4);cursor:pointer;
    transition:all .35s;padding:0;}
  .testi-dots button.on{background:var(--cream);width:26px;border-radius:4px;}
  @media(max-width:600px){.testi-slide{min-height:clamp(260px,50vh,360px);}}

  /* ============ CLOSING CTA ============ */
  .closer{background:var(--ink);color:var(--cream);text-align:center;}
  .closer .kicker{color:var(--accent-deep);}
  .closer h2{font-family:var(--serif);font-weight:500;font-size:clamp(40px,6.6vw,98px);line-height:.96;
    letter-spacing:-.02em;color:var(--cream);margin:20px auto 8px;max-width:16ch;}
  .closer h2 em{font-style:italic;color:var(--accent-deep);}
  .closer p{font-size:15px;line-height:1.6;color:rgba(246,242,234,.72);max-width:42ch;margin:18px auto 32px;}
  .closer .cta{display:flex;gap:14px;justify-content:center;align-items:center;flex-wrap:wrap;}
  .closer .mail{font-family:var(--serif);font-style:italic;font-size:22px;color:var(--cream);
    border-bottom:1px solid rgba(246,242,234,.4);padding-bottom:3px;}

  /* ============ FOOTER ============ */
  footer{background:var(--ink-2);color:var(--cream);padding:clamp(48px,7vh,80px) 0 36px;}
  footer .cols{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px;}
  footer .brand{font-family:var(--sans);font-weight:700;letter-spacing:.14em;font-size:16px;}
  footer .brand span{display:block;font-size:9px;letter-spacing:.42em;font-weight:600;opacity:.6;margin-top:4px;}
  footer .brand .bl{font-family:var(--serif);font-style:italic;font-size:18px;font-weight:400;letter-spacing:0;
    text-transform:none;opacity:.85;margin-top:18px;max-width:30ch;line-height:1.4;}
  footer h4{font-size:10.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--accent-deep);margin-bottom:18px;}
  footer ul{list-style:none;display:flex;flex-direction:column;gap:11px;}
  footer ul a{font-size:13.5px;color:rgba(246,242,234,.74);transition:color .3s;display:inline-flex;align-items:center;min-height:32px;}
  footer ul a:hover{color:var(--cream);}
  footer .base{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;
    margin-top:clamp(40px,6vh,72px);padding-top:24px;border-top:1px solid rgba(246,242,234,.14);}
  footer .base .cr{font-size:11.5px;letter-spacing:.04em;color:rgba(246,242,234,.5);}
  footer .base .soc{display:flex;gap:10px;}
  footer .base .soc a{width:38px;height:38px;border:1px solid rgba(246,242,234,.22);border-radius:50%;
    display:flex;align-items:center;justify-content:center;transition:all .3s;}
  footer .base .soc a:hover{background:var(--cream);border-color:var(--cream);}
  footer .base .soc a.text-social{width:auto;min-width:52px;border-radius:999px;padding:0 13px;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(246,242,234,.8);}
  footer .base .soc a.text-social:hover{color:var(--ink);}
  footer .base .soc a svg{width:16px;height:16px;fill:rgba(246,242,234,.8);transition:fill .3s;}
  footer .base .soc a:hover svg{fill:var(--ink);}
  @media(max-width:820px){footer .cols{grid-template-columns:1fr 1fr;gap:34px;}}
  @media(max-width:520px){footer .cols{grid-template-columns:1fr;}}

  /* ============ TWEAK MODES (panel-driven) ============ */
  /* Mood — full palette shift */
  :root[data-mood="noir"]{
    --paper:#1b1712; --paper-2:#231d15;
    --ink:#100c07; --ink-2:#0c0a05;
    --heading:#f4efe5; --body:#c9c0b1; --muted:#928876;
    --line:rgba(244,239,229,.16); --line-soft:rgba(244,239,229,.07);
    --nav-solid:rgba(18,14,10,.84);
  }
  :root[data-mood="film"]{
    --paper:#efe4d1; --paper-2:#e7d8bf;
    --ink:#1d1710; --ink-2:#171109;
    --heading:#231b10; --body:#473d2c; --muted:#8a7c63;
    --line:rgba(40,30,12,.18); --line-soft:rgba(40,30,12,.09);
    --nav-solid:rgba(239,228,209,.93);
  }
  /* Accent — monochrome by default, warm options optional */
  :root[data-accent="mono"]{ --accent:var(--heading); --accent-deep:var(--cream); }
  :root[data-accent="amber"]{ --accent:#a9742f; --accent-deep:#d8b06a; }
  :root[data-accent="coral"]{ --accent:#bb4f38; --accent-deep:#e08a6a; }
  /* Display face — serif personality */
  :root[data-display="fashion"]{ --serif:'Bodoni Moda', Didot, 'Times New Roman', serif; }
  :root[data-display="literary"]{ --serif:'Newsreader', Georgia, serif; }
  :root[data-display="fashion"] .hero h1{line-height:.99;}
  :root[data-display="fashion"] .feature-text h2,
  :root[data-display="fashion"] .split .copy h2{line-height:1.02;}
  :root[data-display="literary"] .hero h1{line-height:1.03;}
  :root[data-display="literary"] .feature-text h2,
  :root[data-display="literary"] .split .copy h2,
  :root[data-display="literary"] .who .copy h2,
  :root[data-display="literary"] .closer h2,
  :root[data-display="literary"] .indexstrip .head h2,
  :root[data-display="literary"] .work .head h2{line-height:1.06;}
  /* Air — spatial rhythm */
  :root[data-air="intimate"]{ --section-y:clamp(46px,7vh,82px); --pad:clamp(18px,4vw,46px); --maxw:1460px; }
  :root[data-air="expansive"]{ --section-y:clamp(104px,16vh,210px); --pad:clamp(30px,7vw,118px); --maxw:1180px; }

  /* ---------- motion ---------- */
  .reveal{opacity:0;transform:translateY(26px);transition:opacity 1s cubic-bezier(.2,.7,.3,1),transform 1s cubic-bezier(.2,.7,.3,1);}
  .reveal.in{opacity:1;transform:none;}
  .quiet-reveal{opacity:0;transform:translateY(18px);transition:opacity .9s cubic-bezier(.2,.7,.3,1),transform .9s cubic-bezier(.2,.7,.3,1);}
  .quiet-reveal.in{opacity:1;transform:none;}
  .reveal.d1{transition-delay:.08s;}
  .reveal.d2{transition-delay:.16s;}
  .reveal.d3{transition-delay:.24s;}
  @media(prefers-reduced-motion:reduce){.reveal,.quiet-reveal{opacity:1;transform:none;transition:none;}.hero .scrollcue .ring{animation:none;}}

  /* ============ STATIC SERVICE PAGES ============ */
  .page-hero{padding:clamp(120px,18vh,200px) var(--pad) clamp(60px,8vh,100px);border-bottom:1px solid var(--line);}
  .page-hero .kicker{margin-bottom:20px;}
  .page-hero h1{font-size:clamp(36px,5vw,72px);margin-bottom:24px;}
  .page-hero .lead{max-width:640px;}
  .page-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:clamp(32px,6vw,88px);align-items:start;}
  .page-copy h2{font-family:var(--serif);font-size:clamp(30px,4vw,56px);font-weight:500;line-height:1.02;color:var(--heading);margin-bottom:20px;}
  .page-copy h3{font-family:var(--serif);font-size:clamp(24px,2.6vw,36px);font-weight:500;line-height:1.06;color:var(--heading);margin:28px 0 12px;}
  .page-copy p{font-size:clamp(15px,1.08vw,17px);line-height:1.66;max-width:62ch;margin-bottom:16px;}
  .page-copy ul{display:grid;gap:10px;margin:18px 0 26px;padding-left:18px;}
  .page-copy li{font-size:15px;line-height:1.55;color:var(--body);}
  .page-aside{border-left:1px solid var(--line);padding-left:clamp(24px,3vw,42px);position:sticky;top:96px;}
  .page-aside .note{border-top:1px solid var(--line);padding:20px 0;}
  .page-aside .note:first-child{border-top:0;padding-top:0;}
  .page-aside h3{font-family:var(--serif);font-size:26px;font-weight:500;color:var(--heading);margin-bottom:8px;}
  .page-aside p,.page-aside li{font-size:13.5px;line-height:1.56;color:var(--muted);}
  .page-aside ul{display:grid;gap:8px;padding-left:16px;}
  .proof-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
  .proof-card{background:var(--paper);padding:clamp(26px,4vw,46px);}
  .proof-card .no{font-family:var(--serif);font-size:28px;color:var(--accent);}
  .proof-card h3{font-family:var(--serif);font-size:27px;font-weight:500;color:var(--heading);line-height:1.04;margin:14px 0 10px;}
  .proof-card p{font-size:15px;line-height:1.58;color:var(--muted);}
  .soft-band{background:var(--paper-warm);border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
  /* Process timeline — open horizontal flow, nodes joined by a line (distinct from the proof cards) */
  .process-list{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(24px,4vw,52px);background:none;border:0;}
  .process-step{background:none;padding:30px 0 0;position:relative;}
  .process-step::before{content:"";position:absolute;top:0;left:0;width:13px;height:13px;border-radius:50%;background:var(--accent);}
  .process-step::after{content:"";position:absolute;top:6px;left:18px;width:calc(100% - 18px + clamp(24px,4vw,52px));height:1px;background:var(--line);}
  .process-step:last-child::after{display:none;}
  .process-step .kicker{margin-bottom:12px;}
  .process-step h3{font-family:var(--serif);font-size:25px;font-weight:500;line-height:1.05;color:var(--heading);margin-bottom:10px;}
  .process-step p{font-size:14.5px;line-height:1.58;color:var(--muted);}
  .article{max-width:860px;margin:0 auto;padding-left:var(--pad);padding-right:var(--pad);}
  .article h2{font-family:var(--serif);font-size:clamp(30px,4vw,52px);font-weight:500;line-height:1.05;color:var(--heading);margin:48px 0 16px;}
  .article h3{font-family:var(--serif);font-size:clamp(24px,2.8vw,34px);font-weight:500;color:var(--heading);margin:28px 0 10px;}
  .article p,.article li{font-size:clamp(16px,1.1vw,18px);line-height:1.72;color:var(--body);}
  .article p{margin-bottom:18px;}
  .article a{color:var(--heading);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px;}
  .article-toc a,.article-related a,.textlink{min-height:36px;align-items:center;}
  .article ul{display:grid;gap:9px;margin:10px 0 24px;padding-left:20px;}
  .article-toc{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:clamp(18px,3vw,28px) 0;margin:clamp(30px,5vw,48px) 0;}
  .article-toc .toc-label,.article-related .related-label{font-family:var(--sans);font-size:11px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--muted);margin-bottom:14px;}
  .article-toc ol{list-style:none;counter-reset:toc;display:grid;gap:10px;margin:0;padding:0;}
  .article-toc li{counter-increment:toc;font-size:clamp(15px,1vw,17px);line-height:1.45;}
  .article-toc li::before{content:counter(toc, decimal-leading-zero);font-family:var(--sans);font-size:10px;font-weight:700;letter-spacing:.18em;color:var(--accent);margin-right:12px;}
  .article-toc a{text-decoration:none;}
  .article-note{border:1px solid var(--line);background:var(--paper-warm);padding:clamp(22px,3.6vw,34px);margin:clamp(34px,5vw,54px) 0;}
  .article-note p{margin-bottom:0;}
  .article-note .note-kicker{font-family:var(--sans);font-size:10.5px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--muted);margin-bottom:10px;}
  .article-related{border-top:1px solid var(--line);padding-top:clamp(26px,4vw,38px);margin-top:clamp(48px,7vw,70px);}
  .article-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);}
  .article-related a{background:var(--paper);padding:clamp(18px,2.6vw,26px);text-decoration:none;min-height:118px;display:flex;align-items:flex-end;font-family:var(--serif);font-size:clamp(19px,2vw,25px);line-height:1.08;color:var(--heading);}
  @media(max-width:900px){
    .page-grid{grid-template-columns:1fr;}
    .page-aside{position:relative;top:auto;border-left:0;border-top:1px solid var(--line);padding-left:0;padding-top:28px;}
    .proof-strip{grid-template-columns:1fr 1fr;}
    .process-list{grid-template-columns:1fr 1fr;gap:clamp(20px,4vw,34px) clamp(28px,5vw,52px);}
    .process-step::after{display:none;}
  }
  @media(max-width:600px){.proof-strip{grid-template-columns:1fr;}.process-list{grid-template-columns:1fr;}.article-related-grid{grid-template-columns:1fr;}.article-related a{min-height:auto;}}

  /* ============ DOCUMENTATION PLACEHOLDERS ============ */
  .doc-media-intro{padding-top:clamp(42px,7vh,86px);padding-bottom:clamp(24px,4vh,48px);}
  /* Full-width 16:9 hero video — breaks out of wrap padding */
  .doc-media-intro.wrap{max-width:100%;padding-left:0;padding-right:0;}
  .doc-media-intro .frame{aspect-ratio:16/9;width:100%;max-width:none;margin:0;border-radius:0;}
  .doc-listings{padding-top:clamp(30px,5vh,64px);padding-bottom:clamp(52px,8vh,98px);text-align:center;}
  .doc-listings h2,.doc-gallery-head h2{font-family:var(--serif);font-weight:500;color:var(--heading);font-size:clamp(28px,3.8vw,52px);line-height:1.04;margin-bottom:12px;}
  .doc-listings .lead,.doc-gallery-head .lead{margin:0 auto;max-width:56ch;}
  .listing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(36px,8vw,112px);max-width:760px;margin:clamp(32px,5vh,58px) auto 0;}
  .listing-card{text-align:center;}
  .listing-card .frame{aspect-ratio:4/5;max-width:260px;margin:0 auto 18px;border:1px solid var(--line);}
  .listing-card h3{font-family:var(--serif);font-size:26px;font-weight:500;color:var(--heading);margin-bottom:6px;}
  .listing-card p{font-size:13.5px;color:var(--muted);line-height:1.5;max-width:28ch;margin:0 auto;}
  .listing-showroom{max-width:920px;gap:clamp(48px,9vw,128px);}
  .listing-product h3{font-size:25px;text-align:left;max-width:320px;margin:18px auto 6px;}
  .listing-product p{text-align:left;max-width:320px;}
  .listing-visual{appearance:none;position:relative;display:grid;place-items:center;width:min(100%,340px);aspect-ratio:1/1;margin:0 auto;border:0;background:#fff;cursor:pointer;overflow:hidden;box-shadow:0 24px 60px rgba(25,22,15,.08);transition:transform .55s cubic-bezier(.2,.7,.3,1),box-shadow .55s cubic-bezier(.2,.7,.3,1);}
  .listing-visual:hover{transform:translateY(-6px);box-shadow:0 34px 80px rgba(25,22,15,.13);}
  .listing-ribbon{position:absolute;z-index:4;top:18px;left:18px;background:var(--ink);color:var(--cream);font-family:var(--serif);font-size:15px;line-height:1;padding:8px 13px;}
  .quick-view{position:absolute;z-index:5;left:0;right:0;bottom:0;padding:16px;background:rgba(255,255,255,.78);font-family:var(--serif);font-size:25px;color:var(--heading);opacity:0;transform:translateY(100%);transition:opacity .35s ease,transform .35s cubic-bezier(.2,.7,.3,1);}
  .listing-visual:hover .quick-view{opacity:1;transform:none;}
  .artwork-mock{position:relative;display:block;width:68%;aspect-ratio:1/1;background:#df4860;padding:10px;box-shadow:0 16px 34px rgba(70,28,22,.24);}
  .artwork-mock::before{content:"";position:absolute;inset:10px;border:6px solid #201711;box-shadow:inset 0 0 0 4px rgba(255,232,193,.26);}
  .artwork-mock span{position:absolute;inset:22px;background:
    radial-gradient(circle at 54% 36%, #f8f2d7 0 2.5%, transparent 2.7%),
    radial-gradient(circle at 44% 36%, #c8e65a 0 3%, #7b8d36 3.2% 4.1%, transparent 4.3%),
    radial-gradient(circle at 62% 36%, #c8e65a 0 3%, #7b8d36 3.2% 4.1%, transparent 4.3%),
    radial-gradient(ellipse at 54% 74%, #8a1827 0 8%, transparent 8.4%),
    radial-gradient(ellipse at 55% 55%, transparent 0 18%, #bc2f42 18.4% 19.5%, transparent 20%),
    radial-gradient(ellipse at 52% 52%, #f1a0aa 0 38%, transparent 39%),
    repeating-radial-gradient(circle at 70% 22%, rgba(160,38,55,.72) 0 7px, transparent 8px 18px),
    linear-gradient(135deg,#ef8f99,#d72f4c 52%,#6daf57 52% 100%);
    border:1px solid rgba(25,22,15,.22);}
  .artwork-detail{position:absolute;inset:0;width:100%;height:100%;padding:0;opacity:0;transform:scale(1.04);box-shadow:none;transition:opacity .35s ease,transform .55s cubic-bezier(.2,.7,.3,1);}
  .artwork-detail::before{display:none;}
  .artwork-detail span{inset:0;background:
    radial-gradient(circle at 26% 30%, #c9ea62 0 5%, #77903d 5.2% 7%, transparent 7.3%),
    radial-gradient(circle at 68% 28%, #c9ea62 0 5%, #77903d 5.2% 7%, transparent 7.3%),
    radial-gradient(ellipse at 48% 67%, #b52638 0 8%, transparent 8.5%),
    radial-gradient(ellipse at 51% 52%, #f2a1aa 0 48%, transparent 49%),
    linear-gradient(135deg,#f2a6ae,#dc6271);}
  .listing-visual:hover .artwork-full{opacity:0;transform:scale(.98);}
  .listing-visual:hover .artwork-detail{opacity:1;transform:none;}
  img.artwork-detail{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;padding:0;background:none;aspect-ratio:auto;display:block;}
  img.artwork-full{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;padding:0;background:none;box-shadow:none;aspect-ratio:auto;opacity:1;transform:none;}
  img.artwork-full::before,img.artwork-full::after{display:none;}
  img.artwork-detail{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;padding:0;background:none;box-shadow:none;aspect-ratio:auto;opacity:0;transform:scale(1.04);transition:opacity .35s ease,transform .55s cubic-bezier(.2,.7,.3,1);}
  img.artwork-detail::before,img.artwork-detail::after{display:none;}
  .artwork-mock.cool{background:#d8d2c6;}
  .artwork-mock.cool span{background:
    radial-gradient(circle at 42% 38%, #1f1b14 0 9%, transparent 9.4%),
    radial-gradient(circle at 60% 44%, #f8f2ea 0 7%, transparent 7.4%),
    radial-gradient(ellipse at 52% 66%, #736556 0 16%, transparent 16.6%),
    linear-gradient(135deg,#e7dfd2,#c9bdab 48%,#806b58 48% 100%);}
  .quick-view-shell{position:fixed;inset:0;z-index:110;display:grid;place-items:center;padding:clamp(18px,4vw,58px);}
  .quick-view-shell[hidden]{display:none;}
  .quick-view-backdrop{position:absolute;inset:0;border:0;background:rgba(25,22,15,.14);cursor:default;}
  .quick-view-window{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:clamp(28px,5vw,70px);width:min(1120px,94vw);max-height:min(780px,86vh);overflow:auto;background:rgba(255,255,255,.96);border:1px solid rgba(25,22,15,.16);border-radius:18px;padding:clamp(32px,5vw,70px);box-shadow:0 34px 90px rgba(25,22,15,.23),0 0 0 1px rgba(255,255,255,.75) inset;}
  .window-dots{position:absolute;top:18px;left:22px;display:flex;gap:8px;}
  .window-dots span{width:11px;height:11px;border-radius:50%;background:#ded8cc;}
  .window-dots span:first-child{background:#e86d5f;}
  .window-dots span:nth-child(2){background:#e5bd59;}
  .window-dots span:nth-child(3){background:#78b36b;}
  .quick-close{position:absolute;top:16px;right:20px;border:0;background:transparent;color:var(--heading);font-size:28px;line-height:1;cursor:pointer;}
  .quick-media{position:relative;display:grid;place-items:center;min-height:430px;padding-bottom:44px;}
  .quick-slide{position:absolute;inset:0 48px 58px;display:grid;place-items:center;opacity:0;transform:translateX(16px);pointer-events:none;transition:opacity .38s ease,transform .38s cubic-bezier(.2,.7,.3,1);}
  .quick-slide.is-active{opacity:1;transform:none;pointer-events:auto;}
  .artwork-mock.large{width:min(360px,72%);}
  .mock-video{position:relative;display:block;width:min(560px,90%);aspect-ratio:16/9;background:linear-gradient(180deg,#f7f3ed 0 50%,#211d16 100%);box-shadow:0 16px 38px rgba(25,22,15,.14);}
  .play-dot{position:absolute;left:24px;bottom:28px;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:12px solid var(--cream);}
  .video-bar{position:absolute;left:24px;right:24px;bottom:18px;height:4px;background:linear-gradient(90deg,var(--cream) 0 22%,rgba(246,242,234,.35) 22%);}
  .quick-arrow{position:absolute;z-index:2;top:42%;width:38px;height:38px;border:1px solid rgba(25,22,15,.14);border-radius:50%;background:#fff;color:var(--heading);font-size:28px;line-height:1;cursor:pointer;box-shadow:0 10px 26px rgba(25,22,15,.08);}
  .quick-arrow.prev{left:0;}
  .quick-arrow.next{right:0;}
  .quick-dots{position:absolute;bottom:6px;display:flex;gap:10px;}
  .quick-dots button{width:9px;height:9px;border:0;border-radius:50%;background:#c9c1b5;text-indent:-999px;overflow:hidden;cursor:pointer;}
  .quick-dots button.is-active{background:var(--ink);}
  .quick-copy{align-self:center;text-align:left;}
  .quick-copy h3{font-family:var(--serif);font-size:clamp(34px,4vw,54px);font-weight:500;line-height:1.02;color:var(--heading);margin:14px 0 18px;}
  .quick-copy p{font-size:15px;line-height:1.62;color:var(--body);max-width:38ch;margin-bottom:18px;}
  .quick-view-window .quick-price{font-family:var(--serif);font-size:20px;color:var(--heading);}
  .quick-learn{display:inline-flex;gap:9px;align-items:center;border-bottom:1px solid var(--heading);padding-bottom:5px;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;}
  .quick-learn .arr{transition:transform .3s ease;}
  .quick-learn:hover .arr{transform:translateX(4px);}
  .listing-detail-page{padding-top:74px;}
  .listing-detail-hero{padding-top:clamp(70px,12vh,150px);padding-bottom:clamp(38px,7vh,90px);text-align:center;}
  .listing-detail-hero h1{font-size:clamp(42px,6vw,84px);max-width:900px;margin:16px auto 22px;}
  .listing-detail-hero .lead{max-width:650px;margin:0 auto;}
  .listing-detail-wrap{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.75fr);gap:clamp(34px,7vw,92px);align-items:start;padding-bottom:clamp(74px,12vh,150px);}
  .listing-detail-media{display:grid;gap:clamp(28px,6vh,74px);}
  .listing-detail-item{display:grid;justify-items:center;gap:18px;padding:clamp(32px,6vw,72px);background:#fff;box-shadow:0 24px 80px rgba(25,22,15,.07);}
  .listing-detail-item figcaption{font-size:13px;line-height:1.5;color:var(--muted);text-align:center;max-width:44ch;}
  .listing-detail-copy{position:sticky;top:110px;padding:clamp(28px,4vw,48px);border:1px solid var(--line);background:rgba(255,255,255,.82);}
  .listing-detail-copy h2{font-family:var(--serif);font-size:clamp(34px,4vw,58px);font-weight:500;line-height:1.02;color:var(--heading);margin:14px 0 18px;}
  .listing-detail-copy p{font-size:15px;line-height:1.66;color:var(--body);margin-bottom:16px;}
  .deliverable-list{display:grid;gap:9px;margin:20px 0 28px;padding-left:18px;}
  .deliverable-list li{font-size:14px;line-height:1.5;color:var(--body);}
  .doc-gallery{padding:clamp(54px,9vh,116px) 0 clamp(76px,12vh,150px);}
  .doc-gallery-head{text-align:center;padding:0 var(--pad) clamp(36px,6vh,76px);}
  .masonry-placeholder{columns:3 200px;column-gap:clamp(16px,2.4vw,36px);padding:0 clamp(16px,4vw,72px);}
  .masonry-placeholder .frame{break-inside:avoid;margin:0 0 clamp(16px,2.4vw,36px);width:100%;border:0;background:transparent;overflow:visible;}
  .masonry-placeholder .frame img{position:static!important;inset:auto!important;width:100%!important;height:auto!important;display:block;object-fit:contain!important;}
  .masonry-placeholder .frame.is-hidden{display:none;}
  .masonry-placeholder .frame.is-new{animation:gallery-in .62s cubic-bezier(.2,.7,.3,1) both;}
  .masonry-placeholder .sq,.masonry-placeholder .portrait,.masonry-placeholder .tall,.masonry-placeholder .wide,.masonry-placeholder .panorama{aspect-ratio:auto;}
  .masonry-placeholder .circle{aspect-ratio:auto;border-radius:0;max-width:72%;margin-left:auto;margin-right:auto;}
  .load-more-wrap{display:grid;justify-items:center;gap:12px;padding:clamp(4px,2vh,20px) var(--pad) 0;}
  .load-more-btn{appearance:none;border:1px solid var(--ink);background:var(--ink);color:var(--paper);border-radius:999px;padding:14px 24px;font-size:12px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;cursor:pointer;transition:background .22s ease,color .22s ease,transform .22s ease;}
  .load-more-btn:hover{background:transparent;color:var(--ink);transform:translateY(-1px);}
  .load-more-count{margin:0;font-size:12px;color:var(--muted);letter-spacing:.04em;}
  @media(max-width:760px){
    .listing-grid{grid-template-columns:1fr;gap:42px;}
    .quick-view-window{grid-template-columns:1fr;padding:34px 22px 28px;}
    .quick-media{min-height:310px;}
    .quick-slide{inset:0 34px 46px;}
    .listing-detail-wrap{grid-template-columns:1fr;}
    .listing-detail-copy{position:relative;top:auto;order:-1;}
    .masonry-placeholder{columns:2 140px;column-gap:14px;padding:0 16px;}
    .masonry-placeholder .frame{margin-bottom:14px;}
  }
  /* is-pending: visible in layout but invisible — masks the column reflow before animation */
  .masonry-placeholder .frame.is-pending{opacity:0;}
  @keyframes gallery-in{
    from{opacity:0;transform:translateY(32px) scale(.978);}
    to{opacity:1;transform:none;}
  }
  @media(prefers-reduced-motion:reduce){.masonry-placeholder .frame.is-new{animation:none;}}

  /* ===== APPLE-STYLE REFINEMENTS ===== */

  /* --- Hero entrance: staggered on page load, not scroll --- */
  @keyframes hero-enter{
    from{opacity:0;transform:translateY(22px);}
    to{opacity:1;transform:none;}
  }
  .page-hero .kicker{
    opacity:0;
    animation:hero-enter .55s cubic-bezier(.25,.46,.45,.94) .06s forwards;
  }
  .page-hero h1{
    opacity:0;
    font-size:clamp(44px,6.5vw,88px);
    letter-spacing:-.022em;
    animation:hero-enter .72s cubic-bezier(.25,.46,.45,.94) .18s forwards;
  }
  .page-hero .lead{
    opacity:0;
    animation:hero-enter .72s cubic-bezier(.25,.46,.45,.94) .34s forwards;
  }
  @media(prefers-reduced-motion:reduce){
    .page-hero .kicker,.page-hero h1,.page-hero .lead{opacity:1;animation:none;}
  }


  /* --- Copy section: 75vw wide, warm amber bg, white Apple-style cards --- */
  .doc-copy-section{
    background:var(--paper-warm);
    max-width:100%;      /* break out of wrap's 1320px cap */
    padding-left:0;
    padding-right:0;
  }
  .page-copy-solo{
    width:75vw;
    max-width:1200px;
    margin:0 auto;
    display:flex;
    flex-direction:column;
    gap:12px;
  }
  .page-copy-solo h2{font-size:clamp(32px,4.4vw,62px);}

  /* Three-panel color blocks */
  .copy-block{
    width:100%;  /* guarantee full stretch in flex column */
    padding:clamp(36px,4vw,56px) clamp(36px,5vw,64px);
    border-radius:16px;
    text-align:center;
  }
  /* Override base .page-copy p max-width so text fills the wider cards */
  .copy-block p{max-width:58ch;margin-left:auto;margin-right:auto;}
  /* Panels 1 & 2 — white cards (use .page-copy-solo for higher specificity) */
  .page-copy-solo .cb-warm,
  .page-copy-solo .cb-light{
    background:#ffffff;
    box-shadow:0 2px 20px rgba(25,22,15,.07),0 1px 4px rgba(25,22,15,.04);
  }
  .cb-warm h2{color:var(--heading);margin-bottom:22px;}
  .cb-warm p{color:var(--body);font-size:clamp(15px,1.08vw,17px);line-height:1.66;margin-bottom:14px;}
  .cb-warm p:last-child{margin-bottom:0;}
  .cb-light h3{font-family:var(--serif);font-size:clamp(26px,3vw,40px);font-weight:500;color:var(--heading);margin-bottom:20px;}
  .cb-light ul{display:inline-block;text-align:left;list-style:none;padding:0;}
  .cb-light li{font-size:clamp(14px,1vw,16px);line-height:1.6;color:var(--body);padding:9px 0;border-bottom:1px solid var(--line);}
  .cb-light li:first-child{border-top:1px solid var(--line);}
  /* Panel 3 — dark accent card */
  .cb-dark{
    background:var(--ink);
    box-shadow:0 2px 20px rgba(25,22,15,.15),0 1px 4px rgba(25,22,15,.07);
  }
  .cb-dark h3{font-family:var(--serif);font-size:clamp(26px,3vw,40px);font-weight:500;font-style:italic;color:var(--cream);margin-bottom:18px;}
  .cb-dark p{font-size:clamp(15px,1.08vw,17px);line-height:1.66;color:rgba(246,242,234,.78);}

  @media(max-width:900px){.page-copy-solo{width:92vw;}}
  @media(max-width:600px){
    .page-copy-solo{width:calc(100% - 2*var(--pad));}
    .copy-block{border-radius:10px;padding:clamp(24px,6vw,36px);}
  }

  /* --- Gallery: slower, smoother stagger on load more --- */
  .masonry-placeholder .frame.is-new{
    animation:gallery-in 1.05s cubic-bezier(.25,.46,.45,.94) both;
    animation-delay:calc(var(--stagger,0) * 68ms);
  }

  /* --- Proof strip: scroll-stagger + hover lift --- */
  .proof-card{
    transition:transform .45s cubic-bezier(.25,.46,.45,.94),
               box-shadow .45s cubic-bezier(.25,.46,.45,.94);
    position:relative;
  }
  .proof-card:hover{
    transform:translateY(-5px);
    box-shadow:0 18px 52px rgba(25,22,15,.08);
    z-index:1;
  }
  .proof-card.quiet-reveal:nth-child(1){transition-delay:.05s;}
  .proof-card.quiet-reveal:nth-child(2){transition-delay:.14s;}
  .proof-card.quiet-reveal:nth-child(3){transition-delay:.23s;}

  /* --- Process steps: timeline node reacts on hover (no card lift) --- */
  .process-step::before{
    transition:transform .35s cubic-bezier(.25,.46,.45,.94),
               box-shadow .35s cubic-bezier(.25,.46,.45,.94);
  }
  .process-step:hover::before{
    transform:scale(1.3);
    box-shadow:0 0 0 5px rgba(25,22,15,.10);
  }
  .process-step.quiet-reveal:nth-child(1){transition-delay:.04s;}
  .process-step.quiet-reveal:nth-child(2){transition-delay:.12s;}
  .process-step.quiet-reveal:nth-child(3){transition-delay:.20s;}
  .process-step.quiet-reveal:nth-child(4){transition-delay:.28s;}

  /* --- Listing cards stagger --- */
  .listing-card.quiet-reveal:nth-child(1){transition-delay:.06s;}
  .listing-card.quiet-reveal:nth-child(2){transition-delay:.2s;}

  /* --- Reveal easing upgrade to Apple spring --- */
  .quiet-reveal{
    transition:opacity .9s cubic-bezier(.25,.46,.45,.94),
               transform .9s cubic-bezier(.25,.46,.45,.94);
  }
  .quiet-reveal.in{opacity:1;transform:none;}

  /* --- Doc-gallery head stagger --- */
  .doc-gallery-head .kicker.quiet-reveal{transition-delay:.04s;}
  .doc-gallery-head h2.quiet-reveal{transition-delay:.12s;}
  .doc-gallery-head .lead.quiet-reveal{transition-delay:.22s;}

  /* --- Load more button: cleaner Apple pill states --- */
  .load-more-btn{
    transition:background .28s cubic-bezier(.25,.46,.45,.94),
               color .28s cubic-bezier(.25,.46,.45,.94),
               transform .28s cubic-bezier(.25,.46,.45,.94),
               box-shadow .28s cubic-bezier(.25,.46,.45,.94),
               opacity .28s ease;
  }
  .load-more-btn:hover{
    transform:translateY(-2px);
    box-shadow:0 8px 28px rgba(25,22,15,.14);
  }
  .load-more-btn:active{transform:translateY(0);box-shadow:none;}

  /* --- Frame hover: snappier spring --- */
  .frame{
    transition:transform .5s cubic-bezier(.25,.46,.45,.94),
               filter .5s cubic-bezier(.25,.46,.45,.94),
               box-shadow .5s cubic-bezier(.25,.46,.45,.94);
  }

  /* ============ PRICING ============ */

  /* Homepage anchor */
  .price-note{font-size:13px;color:var(--muted);margin:0 0 18px;}
  .price-note strong{color:var(--heading);font-weight:600;}

  /* Documentation: tier section */
  .pricing-section{padding-top:clamp(48px,6vw,80px);padding-bottom:clamp(48px,6vw,80px);}
  .pricing-h{font-family:var(--serif);font-size:clamp(26px,3vw,42px);font-weight:500;color:var(--heading);line-height:1.04;margin:8px 0 32px;}
  .tier-strip{margin-top:0;}
  .tier-card .tier-price{font-family:var(--serif);font-size:clamp(34px,3.5vw,52px);font-weight:500;color:var(--heading);line-height:1;margin:0 0 6px;}
  .tier-card .tier-unit{font-size:.48em;color:var(--muted);font-weight:400;letter-spacing:0;}
  .tier-card h3{font-size:clamp(20px,2vw,28px);}
  .tier-card .tier-tag{font-size:11.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-top:14px;padding-top:14px;border-top:1px solid var(--line);}
  .tier-card--mid{background:var(--paper-warm);border-color:rgba(25,22,15,.28);box-shadow:0 16px 44px rgba(25,22,15,.08);}

  /* Documentation: add-ons band */
  .pricing-addons{background:var(--paper-warm);border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
  .addon-row{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,80px);padding:clamp(32px,4vw,52px) 0;}
  .addon-col h4{font-family:var(--sans);font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin:0 0 14px;}
  .addon-col h4+h4,.addon-col .addon-group+.addon-group{margin-top:28px;}
  .addon-col ul{display:grid;gap:9px;padding-left:0;list-style:none;}
  .addon-col li{font-size:13.5px;line-height:1.55;color:var(--body);}
  .addon-col li strong{color:var(--heading);font-weight:600;}
  @media(max-width:680px){.addon-row{grid-template-columns:1fr;}}

  /* Two-column tier variant (monthly media, portraits) */
  .tier-strip--two{grid-template-columns:repeat(2,1fr);max-width:none;}
  @media(max-width:680px){.tier-strip--two{grid-template-columns:1fr;}}

  /* Monthly media: minimum note */
  .tier-minimum{font-size:13px;color:var(--muted);margin-top:20px;}
  .tier-minimum strong{color:var(--heading);}

  /* Events: rates note */
  .event-rates-section{border-top:1px solid var(--line);}
  .event-rates{max-width:560px;}
  .event-rates p{font-size:15px;line-height:1.65;color:var(--body);margin:0 0 10px;}
  .event-rates .rates-ref{font-size:13px;color:var(--muted);margin-top:22px;padding-top:18px;border-top:1px solid var(--line-soft);}
  .event-rates .rates-ref a{color:var(--heading);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;}

  /* ============ STATEMENT SECTION ============ */
  /* Full-width centered serif text moment — used for creative page statements */
  .statement{text-align:center;padding:clamp(52px,9vh,96px) var(--pad);}
  .statement .serif{font-size:clamp(26px,4vw,56px);max-width:22ch;margin:0 auto;line-height:1.08;}
  .statement .lead{max-width:52ch;margin:20px auto 0;color:var(--muted);}
  .statement-dark{background:var(--ink);}
  .statement-dark .kicker{color:var(--accent-deep);}
  .statement-dark .serif{color:var(--cream);}
  .statement-dark .lead{color:rgba(246,242,234,.65);}

  /* ============ CINEMA GALLERY GRID ============ */
  /* 3-column equal-aspect grid — events page portfolio */
  .gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(8px,1.4vw,18px);padding:0 clamp(16px,4vw,72px);}
  .gallery-grid .frame{aspect-ratio:4/3;border:1px solid rgba(25,22,15,.07);}
  @media(max-width:680px){.gallery-grid{grid-template-columns:1fr 1fr;}}

  /* Event videography — contained 2-up video row */
  .evid-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(8px,1.4vw,18px);padding:0 clamp(16px,4vw,72px);}
  .evid-grid .vid{aspect-ratio:16/9;overflow:hidden;background:#0c0905;border:1px solid rgba(25,22,15,.07);border-radius:4px;}
  .evid-grid video{width:100%;height:100%;object-fit:cover;display:block;}
  @media(max-width:680px){.evid-grid{grid-template-columns:1fr;}}

  /* Horizontal scroll image row — single line, native aspect, drag/trackpad scroll */
  .row-scroll{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x proximity;padding:0 clamp(16px,4vw,72px) 8px;-webkit-overflow-scrolling:touch;scrollbar-width:none;}
  .row-scroll::-webkit-scrollbar{display:none;}
  .row-scroll img{flex:0 0 auto;height:clamp(320px,50vh,580px);width:auto;object-fit:cover;display:block;border-radius:4px;scroll-snap-align:start;background:#0c0905;}

  /* Arrow-driven horizontal gallery scroller */
  .gal-scroller{position:relative;}
  .gal-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:4;width:50px;height:50px;border-radius:50%;border:1px solid var(--line);background:rgba(252,250,245,.92);color:var(--ink);display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;transition:background .3s,color .3s,border-color .3s;box-shadow:0 6px 22px rgba(25,22,15,.12);}
  .gal-arrow:hover{background:var(--ink);color:var(--cream);border-color:var(--ink);}
  .gal-arrow.prev{left:clamp(10px,2vw,26px);}
  .gal-arrow.next{right:clamp(10px,2vw,26px);}
  @media(max-width:600px){.gal-arrow{display:none;}}

  /* Text overlaid on a media frame (event hero video + section captions) */
  .media-hero{position:relative;}
  .media-hero::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(to top,rgba(8,7,5,.62),rgba(8,7,5,.05) 55%,rgba(8,7,5,.18));pointer-events:none;}
  .media-hero video{position:relative;z-index:0;}
  .media-hero-text{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:clamp(22px,4vw,58px);}
  .media-hero-text h2{font-family:var(--serif);font-style:italic;font-weight:500;color:#fff;font-size:clamp(20px,2.9vw,44px);line-height:1.1;max-width:26ch;margin:0;text-shadow:0 2px 22px rgba(0,0,0,.4);}

  .evid-grid .vid{position:relative;}
  .evid-grid .vid::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(to top,rgba(8,7,5,.58),transparent 52%);pointer-events:none;}
  .evid-grid .vid-cap{position:absolute;left:0;bottom:0;z-index:2;padding:clamp(14px,1.7vw,24px);margin:0;color:#fff;font-family:var(--serif);font-style:italic;font-weight:500;font-size:clamp(15px,1.5vw,22px);line-height:1.12;text-shadow:0 2px 16px rgba(0,0,0,.5);}

  /* Native-aspect masonry gallery (portraits) — wider, thin gaps */
  .masonry{column-count:3;column-gap:8px;width:calc(100% - 2*var(--pad));max-width:var(--maxw);margin:0 auto;padding:0;}
  .masonry img{width:100%;height:auto;display:block;margin:0 0 8px;border-radius:3px;break-inside:avoid;background:#0c0905;}
  @media(max-width:900px){.masonry{column-count:2;width:92%;}}
  @media(max-width:520px){.masonry{column-count:1;width:88%;}}

  /* ============ EDITORIAL PORTRAIT GRID ============ */
  /* 2-column portrait-format grid — portraits page gallery */
  .portrait-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(14px,2.5vw,32px);max-width:860px;margin:0 auto;padding:0 var(--pad);}
  .portrait-grid .frame{aspect-ratio:4/5;}
  @media(max-width:560px){.portrait-grid{grid-template-columns:1fr;max-width:420px;}}

  /* ============ CONVERSATIONAL FORM ============ */
  .cf-wrap{max-width:640px;margin:0 auto;}
  .cf-progress{display:flex;gap:8px;margin-bottom:clamp(32px,5vh,52px);align-items:center;}
  .cf-dot{width:8px;height:8px;border-radius:50%;background:var(--line);transition:all .35s ease;flex:none;}
  .cf-dot.active{background:var(--heading);width:26px;border-radius:4px;}
  .cf-dot.done{background:var(--muted);}
  .cf-step{display:none;}
  .cf-step.active{display:block;}
  .cf-step-label{font-family:var(--sans);font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin-bottom:12px;}
  .cf-step h2{font-family:var(--serif);font-size:clamp(28px,4vw,46px);font-weight:500;color:var(--heading);line-height:1.04;margin-bottom:clamp(24px,4vh,38px);}
  .cf-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:28px;}
  .cf-options.cols-1{grid-template-columns:1fr;}
  .cf-options .cf-option:last-child:nth-child(odd){grid-column:1 / -1;max-width:calc(50% - 6px);margin-inline:auto;}
  .cf-option{position:relative;}
  .cf-option input{position:absolute;opacity:0;width:0;height:0;pointer-events:none;}
  .cf-option label{display:flex;flex-direction:column;gap:5px;padding:clamp(16px,2.2vw,24px);border:1.5px solid var(--line);border-radius:12px;cursor:pointer;transition:border-color .22s ease,box-shadow .22s ease,background .22s ease;}
  .cf-option label:hover{border-color:rgba(25,22,15,.32);box-shadow:0 4px 18px rgba(25,22,15,.07);}
  .cf-option input:checked+label{border-color:var(--heading);background:var(--paper-warm);box-shadow:0 6px 28px rgba(25,22,15,.08);}
  .faq-hero{padding-top:clamp(82px,12vh,130px);padding-bottom:clamp(28px,5vh,60px);}
  .faq-list-wrap{max-width:860px;margin:0 auto;}
  .faq-tight{padding-top:clamp(20px,3vh,36px);padding-bottom:clamp(54px,8vh,90px);}
  .cf-opt-title{font-family:var(--serif);font-size:clamp(17px,1.7vw,22px);font-weight:500;color:var(--heading);line-height:1.1;}
  .cf-opt-sub{font-size:12px;line-height:1.5;color:var(--muted);}
  .cf-field{margin-bottom:18px;}
  .cf-field label{display:block;font-family:var(--sans);font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-bottom:8px;}
  .cf-field textarea,.cf-field input[type=text],.cf-field input[type=email]{width:100%;border:1.5px solid var(--line);border-radius:10px;padding:14px 16px;font-family:var(--sans);font-size:15px;line-height:1.5;color:var(--heading);background:var(--paper);resize:vertical;transition:border-color .22s ease,box-shadow .22s ease;outline:none;box-sizing:border-box;}
  .cf-field textarea{min-height:136px;}
  .cf-field textarea:focus,.cf-field input:focus{border-color:var(--heading);box-shadow:0 0 0 3px rgba(25,22,15,.06);}
  .cf-char{font-size:11.5px;color:var(--muted);margin-top:5px;display:block;text-align:right;}
  .cf-nav{display:flex;gap:12px;align-items:center;flex-wrap:wrap;justify-content:center;margin-top:clamp(22px,4vh,36px);}
  .cf-nav:has(.cf-btn-back){justify-content:flex-start;}
  .cf-btn{appearance:none;display:inline-flex;align-items:center;gap:8px;padding:13px 26px;border-radius:999px;border:0;cursor:pointer;font-family:var(--sans);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;transition:all .25s ease;}
  .cf-btn-primary{background:var(--ink);color:var(--cream);}
  .cf-btn-primary:hover{background:#2d2820;box-shadow:0 8px 26px rgba(25,22,15,.18);}
  .cf-btn-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;}
  .cf-btn-back{background:transparent;color:var(--muted);border:1.5px solid var(--line);padding:11px 22px;}
  .cf-btn-back:hover{border-color:var(--heading);color:var(--heading);}
  .cf-success-screen{display:none;text-align:center;padding:clamp(52px,9vh,90px) 0;}
  .cf-success-screen.active{display:block;}
  .cf-success-screen h2{font-family:var(--serif);font-size:clamp(34px,5vw,60px);font-weight:500;color:var(--heading);line-height:1.02;margin:0 0 18px;}
  .cf-success-screen p{font-size:16px;line-height:1.66;color:var(--body);max-width:36ch;margin:0 auto 28px;}
  @media(max-width:540px){.cf-options{grid-template-columns:1fr;}}

  /* ============ MEET THE TEAM — flip cards ============ */
  .team-section{padding:clamp(60px,9vh,100px) 0;border-top:1px solid var(--line);}
  .team-heading{text-align:center;font-family:var(--serif);font-size:clamp(28px,4vw,48px);font-weight:500;color:var(--heading);margin-bottom:clamp(32px,5vh,56px);}
  .team-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;max-width:var(--maxw);margin:0 auto;}
  .team-card{perspective:1200px;}
  .team-card-inner{position:relative;width:100%;aspect-ratio:3/4;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.4,0,.2,1);}
  .team-card:hover .team-card-inner,.team-card:focus-within .team-card-inner{transform:rotateY(180deg);}
  .team-card-front,.team-card-back{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;}
  .team-card-front img{width:100%;height:100%;object-fit:cover;display:block;}
  .team-card-front.cat-card{background:#fff;display:flex;align-items:center;justify-content:center;}
  .team-card-front.cat-card img{width:90%;height:90%;object-fit:contain;}
  .team-card-back{transform:rotateY(180deg);background:#fff;display:flex;flex-direction:column;justify-content:center;padding:clamp(24px,4vw,52px);}
  .team-card-back p{color:var(--heading);font-family:var(--serif);font-size:clamp(15px,1.4vw,19px);line-height:1.65;font-style:italic;}
  .team-label{text-align:center;padding:18px 12px 4px;font-family:var(--serif);font-size:clamp(17px,1.5vw,22px);font-weight:500;color:var(--heading);}
  @media(max-width:700px){.team-strip{grid-template-columns:1fr;}}

  /* ============ OUR STORY ============ */
  .story-section{padding:clamp(60px,9vh,100px) 0;border-top:1px solid var(--line);}
  .story-inner{max-width:680px;margin:0 auto;padding:0 var(--pad);}
  .story-inner .story-kicker{font-family:var(--sans);font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin-bottom:18px;}
  .story-inner h2{font-family:var(--serif);font-size:clamp(28px,4vw,46px);font-weight:500;color:var(--heading);margin-bottom:clamp(20px,3vh,32px);line-height:1.06;}
  .story-inner p{font-size:clamp(15px,1.3vw,17px);line-height:1.75;color:var(--body);margin-bottom:18px;}
  .story-quote{display:flex;flex-direction:column;align-items:center;text-align:center;padding:clamp(52px,8vh,96px) var(--pad);margin:0 auto;}
  .story-quote blockquote{max-width:22ch;margin:0 auto 20px;font-family:var(--serif);font-size:clamp(32px,5.5vw,72px);font-style:italic;color:#b8813a;line-height:1.2;font-weight:400;}
  .story-quote cite{font-family:var(--sans);font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);}

  /* ============ ABOUT — MISSION ============ */
  .mission-section{border-top:1px solid var(--line);}
  .mission-inner{max-width:600px;margin:0 auto clamp(36px,5vh,56px);text-align:center;padding:0 var(--pad);}
  .mission-inner .story-kicker{margin-bottom:16px;}
  .mission-statement{font-family:var(--serif);font-size:clamp(20px,2.2vw,30px);font-weight:500;line-height:1.28;color:var(--heading);margin-bottom:clamp(14px,2vh,22px);max-width:38ch;margin-left:auto;margin-right:auto;}
  .mission-lead{font-size:clamp(14px,1.05vw,16px);line-height:1.72;color:var(--muted);max-width:50ch;margin:0 auto;}
  .mission-grid{display:grid;grid-template-columns:repeat(2,1fr);border:1px solid var(--line);border-radius:2px;}
  .mission-item{padding:clamp(18px,2.5vw,28px) clamp(20px,3vw,34px);border-right:1px solid var(--line);border-bottom:1px solid var(--line);}
  .mission-item:nth-child(even){border-right:0;}
  .mission-item--full{grid-column:1/-1;border-right:0;border-bottom:0;}
  .mission-item strong{display:block;font-family:var(--serif);font-size:clamp(15px,1.2vw,18px);font-weight:500;color:var(--heading);margin-bottom:6px;}
  .mission-item p{font-size:13.5px;line-height:1.58;color:var(--muted);margin:0;}
  @media(max-width:600px){.mission-grid{grid-template-columns:1fr;}.mission-item{border-right:0;}.mission-item:last-child{border-bottom:0;}.mission-item--full{border-bottom:0;}}

  /* ============ ABOUT — WHY WE GET YOU ============ */
  .why-section{}
  .why-inner{max-width:600px;margin:0 auto clamp(36px,5vh,56px);text-align:center;padding:0 var(--pad);}
  .why-inner .story-kicker{margin-bottom:16px;}
  .why-intro{font-size:clamp(15px,1.2vw,17px);line-height:1.72;color:var(--body);max-width:50ch;margin:0 auto;}
  .why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(24px,4vw,48px);}
  .why-item{padding-top:22px;border-top:2px solid var(--accent);}
  .why-item h3{font-family:var(--serif);font-size:clamp(18px,1.6vw,24px);font-weight:500;color:var(--heading);margin-bottom:10px;line-height:1.1;}
  .why-item p{font-size:14px;line-height:1.62;color:var(--muted);margin:0;}
  @media(max-width:700px){.why-grid{grid-template-columns:1fr;gap:clamp(20px,4vw,32px);}}

  /* ============ FAQ PAGE ============ */
  details.faq-item{border-top:1px solid var(--line);}
  details.faq-item:last-child{border-bottom:1px solid var(--line);}
  details.faq-item summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:clamp(16px,2.2vw,22px) 0;user-select:none;}
  details.faq-item summary::-webkit-details-marker{display:none;}
  .faq-q{font-family:var(--serif);font-size:clamp(17px,1.8vw,22px);font-weight:500;color:var(--heading);line-height:1.2;flex:1;}
  .faq-icon{flex:none;width:30px;height:30px;border:1.5px solid var(--line);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:18px;font-weight:300;line-height:1;transition:all .28s ease;}
  details.faq-item[open] .faq-icon{background:var(--heading);border-color:var(--heading);color:var(--cream);transform:rotate(45deg);}
  .faq-a{padding:0 0 clamp(16px,2.5vh,26px);}
  .faq-a p{font-size:clamp(14.5px,1.05vw,16px);line-height:1.7;color:var(--body);margin-bottom:10px;max-width:68ch;}
  .faq-a p:last-child{margin-bottom:0;}
  .faq-a a{color:var(--heading);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;}
  .faq-cat{margin-bottom:clamp(48px,7vh,80px);}
  .faq-cat-label{font-family:var(--sans);font-size:10.5px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--muted);margin-bottom:24px;}