@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@300;400;500&family=Cormorant+Garamond:ital,wght@0,400;0,500;1,400&family=Inter:wght@300;400;500&display=swap');

:root{
 --paper:#f2eee6;--paper2:#e7dfd3;--ink:#24231f;--muted:#777168;--sage:#929788;
 --clay:#a66f50;--blue:#56636c;--line:rgba(36,35,31,.16);--white:#fbfaf7;
 --ease:cubic-bezier(.16,1,.3,1);--nav:76px;
}
*{box-sizing:border-box}
html,body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial,sans-serif;overflow-x:hidden}
body.menu-open{overflow:hidden}
a{color:inherit;text-decoration:none} img{display:block;width:100%} button{font:inherit}
::selection{background:#24231f;color:#f2eee6}

.grain{position:fixed;inset:0;pointer-events:none;z-index:120;opacity:.027;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E")}
.pointer-glow{position:fixed;width:420px;height:420px;border-radius:50%;pointer-events:none;z-index:5;opacity:0;background:radial-gradient(circle,rgba(255,255,255,.18),transparent 68%);mix-blend-mode:screen}
.eyebrow{text-transform:uppercase;letter-spacing:.22em;font-size:9px}
.serif{font-family:"Cormorant Garamond",serif}
.topbar{height:var(--nav);padding:0 30px;display:flex;align-items:center;justify-content:space-between;position:fixed;inset:0 0 auto;z-index:100;color:#fff;mix-blend-mode:difference}
.wordmark{font-family:"Barlow Condensed";font-size:27px;letter-spacing:.35em;font-weight:400}
.navlinks{display:flex;gap:26px;align-items:center;text-transform:uppercase;letter-spacing:.16em;font-size:10px}
.navlinks a{opacity:.74;transition:.25s}.navlinks a:hover{opacity:1}
.nav-enquire{padding-bottom:4px;border-bottom:1px solid currentColor}
.menu-button{display:none;background:transparent;border:0;color:inherit;text-transform:uppercase;letter-spacing:.15em;font-size:10px}
.mobile-menu{position:fixed;z-index:90;inset:0;background:#22211e;color:#f2eee6;padding:120px 26px 40px;display:flex;flex-direction:column;gap:12px;transform:translateY(-105%);transition:.7s var(--ease)}
.mobile-menu.open{transform:none}.mobile-menu a{font-family:"Cormorant Garamond";font-size:50px;line-height:1}

/* HERO */
.hero{height:100vh;min-height:720px;position:relative;overflow:hidden;background:#8f8376}
.hero img{position:absolute;inset:-6%;width:112%;height:112%;object-fit:cover;will-change:transform;filter:saturate(.8)}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(18,16,13,.52),rgba(18,16,13,.04) 56%,rgba(18,16,13,.12))}
.hero-copy{position:relative;z-index:2;color:#f8f3e9;height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding:0 5vw 8vh}
.hero-copy h1{font-family:"Cormorant Garamond";font-size:clamp(66px,8.5vw,142px);font-weight:400;line-height:.78;letter-spacing:-.052em;margin:14px 0 24px;max-width:980px}
.hero-copy p{font-size:13px;line-height:1.7;max-width:480px;font-weight:300}
.scroll-cue{position:absolute;right:4vw;bottom:7vh;z-index:3;color:#fff;font-size:8px;text-transform:uppercase;letter-spacing:.22em;writing-mode:vertical-rl}
.scroll-cue:after{content:"";height:70px;width:1px;background:#fff;display:block;margin:15px auto 0;opacity:.6}

/* FORM DECK - NEW */
.form-story{height:285vh;position:relative;background:#d8d0c5}
.form-stage{height:100vh;position:sticky;top:0;overflow:hidden;perspective:1500px;background:
radial-gradient(circle at 70% 30%,rgba(255,255,255,.64),transparent 32%),
linear-gradient(135deg,#e6dfd6,#c7bdb1)}
.form-title{position:absolute;left:5vw;top:10vh;z-index:8}
.form-title h2{font-family:"Cormorant Garamond";font-size:clamp(80px,12vw,190px);line-height:.7;font-weight:400;letter-spacing:-.06em;margin:8px 0 16px}
.form-title p{font-family:"Cormorant Garamond";font-size:22px;margin:0;color:#5f5952}
.form-deck{position:absolute;inset:0;transform-style:preserve-3d}
.form-card{position:absolute;left:50%;top:50%;width:min(42vw,620px);height:min(70vh,780px);transform:translate(-50%,-50%);overflow:hidden;box-shadow:0 40px 100px rgba(57,45,34,.22);transform-style:preserve-3d;will-change:transform,filter,opacity;background:#ddd}
.form-card.landscape{width:min(58vw,880px);height:min(61vh,640px)}
.form-card img{height:100%;object-fit:cover;will-change:transform}
.form-card:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.23) 47%,transparent 67%);transform:translateX(-130%);opacity:.7}
.form-card.active-sheen:after{animation:sheen 1.7s var(--ease)}
@keyframes sheen{to{transform:translateX(130%)}}
.form-label{position:absolute;left:5vw;bottom:7vh;z-index:9;width:440px;height:125px}
.form-label-item{position:absolute;left:0;bottom:0;width:100%}
.form-label .series{font-family:"Cormorant Garamond";font-size:44px;margin:7px 0 6px}
.form-label .copy{font-size:12px;line-height:1.65;max-width:360px;color:#5e5850}
.form-count{position:absolute;right:4vw;bottom:5vh;font-family:"Barlow Condensed";font-size:110px;line-height:.8;letter-spacing:.03em;color:rgba(36,35,31,.1);z-index:2}
.form-progress{position:absolute;right:4vw;top:50%;transform:translateY(-50%);width:1px;height:180px;background:rgba(36,35,31,.14);z-index:9}
.form-progress span{display:block;width:1px;height:0;background:#24231f}

/* COLLECTION RAIL */
.collection-rail{height:305vh;position:relative;background:#22211e;color:#f3eee5}
.rail-stage{height:100vh;position:sticky;top:0;overflow:hidden}
.rail-head{position:absolute;top:9vh;left:5vw;z-index:8}
.rail-head h2{font-family:"Cormorant Garamond";font-size:clamp(62px,8vw,126px);font-weight:400;margin:8px 0 0;line-height:.8}
.rail-track{height:100%;display:flex;align-items:center;gap:3vw;width:max-content;padding:8vh 8vw 0 24vw;will-change:transform}
.rail-card{width:64vw;height:66vh;position:relative;overflow:hidden;flex:none;background:#555}
.rail-card img{height:112%;object-fit:cover;position:absolute;top:-6%;will-change:transform}
.rail-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(15,14,12,.62))}
.rail-meta{position:absolute;z-index:3;left:30px;right:30px;bottom:28px;display:flex;align-items:end;justify-content:space-between;gap:30px}
.rail-meta h3{font-family:"Cormorant Garamond";font-size:clamp(38px,5vw,72px);font-weight:400;margin:0}
.rail-meta span{font-size:9px;letter-spacing:.18em;text-transform:uppercase}
.rail-index{position:absolute;right:4vw;top:14vh;font-family:"Barlow Condensed";font-size:12px;letter-spacing:.18em;opacity:.5}

/* ELEMENTS */
.elements{padding:12vh 5vw 10vh;background:#e6ddd1;overflow:hidden}
.elements-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:6vh}
.elements-head h2{font-family:"Cormorant Garamond";font-size:clamp(78px,11vw,170px);line-height:.72;letter-spacing:-.055em;font-weight:400;margin:8px 0 0}
.elements-head p{max-width:400px;font-family:"Cormorant Garamond";font-size:23px;line-height:1.25}
.elements-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:3vw}
.element-visual{overflow:hidden;position:relative;min-height:78vh}
.element-visual.secondary{min-height:58vh;margin-top:8vh}
.element-visual img{height:100%;object-fit:cover;transition:1.4s var(--ease)}
.element-visual:hover img{transform:scale(1.035)}
.element-cap{display:flex;justify-content:space-between;align-items:center;padding-top:18px}
.element-cap h3{font-family:"Cormorant Garamond";font-size:42px;font-weight:400;margin:0}

/* INDEX */
.object-index{padding:10vh 5vw 12vh;background:#f2eee6}
.object-index h2{font-family:"Cormorant Garamond";font-size:clamp(68px,9vw,140px);line-height:.78;letter-spacing:-.05em;font-weight:400;margin:8px 0 9vh}
.index-group{margin-top:6vh}
.index-group-title{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:0}
.index-group-title span:first-child{font-family:"Cormorant Garamond";font-size:28px}
.object-row{display:grid;grid-template-columns:70px 1fr 180px 120px;align-items:center;border-bottom:1px solid var(--line);padding:20px 0;transition:.35s var(--ease)}
.object-row:hover{padding-left:12px}
.object-row .n{font-family:"Barlow Condensed";letter-spacing:.16em;font-size:11px;opacity:.48}
.object-row .name{font-family:"Cormorant Garamond";font-size:clamp(29px,4vw,54px)}
.object-row .meta,.object-row .go{font-size:9px;letter-spacing:.14em;text-transform:uppercase;opacity:.55}
.object-row .go{text-align:right}

/* CTA */
.final-cta{min-height:90vh;display:grid;place-items:center;text-align:center;padding:12vh 5vw;background:#d7cec2}
.final-cta h2{font-family:"Cormorant Garamond";font-size:clamp(66px,9vw,140px);font-weight:400;letter-spacing:-.055em;line-height:.8;margin:15px 0 40px}
.btn{display:inline-flex;justify-content:center;align-items:center;min-height:54px;padding:0 27px;border:1px solid #24231f;text-transform:uppercase;letter-spacing:.16em;font-size:9px;transition:.3s}
.btn:hover{background:#24231f;color:#f2eee6}.btn.fill{background:#24231f;color:#f2eee6}.btn.fill:hover{background:transparent;color:#24231f}
.ctas{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}

/* FOOTER */
footer{background:#22211e;color:#f2eee6;padding:58px 5vw 30px}
.footer-mark{font-family:"Barlow Condensed";font-size:clamp(64px,9vw,140px);letter-spacing:.25em;font-weight:300}
.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin:45px 0 70px;max-width:520px;margin-left:auto}
.footer-links div{display:flex;flex-direction:column;gap:10px;font-size:11px}.footer-links span{opacity:.4;text-transform:uppercase;letter-spacing:.15em;margin-bottom:5px}
.footer-base{border-top:1px solid rgba(255,255,255,.14);padding-top:20px;display:flex;justify-content:space-between;gap:20px;font-size:8px;letter-spacing:.16em;text-transform:uppercase;opacity:.5}

/* COLLECTIONS PAGE */
.page-hero{padding:calc(var(--nav) + 12vh) 5vw 10vh;min-height:72vh;display:flex;align-items:flex-end}
.page-hero h1{font-family:"Cormorant Garamond";font-size:clamp(84px,13vw,210px);font-weight:400;letter-spacing:-.06em;line-height:.7;margin:0}
.page-hero p{max-width:440px;margin-left:auto;font-family:"Cormorant Garamond";font-size:23px;line-height:1.25}
.series-block{padding:10vh 5vw 13vh;border-top:1px solid var(--line)}
.series-head{display:grid;grid-template-columns:1fr 1fr;gap:5vw;align-items:end;margin-bottom:7vh}
.series-head h2{font-family:"Cormorant Garamond";font-size:clamp(64px,9vw,140px);font-weight:400;line-height:.75;margin:8px 0 0}
.series-head p{font-size:13px;line-height:1.75;max-width:480px}
.series-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:4vw 2.5vw}
.product-tile{display:block}
.product-tile-media{height:68vh;overflow:hidden;background:#d7cfc5}
.product-tile-media img{height:100%;object-fit:cover;transition:1.2s var(--ease)}
.product-tile:hover img{transform:scale(1.025)}
.product-tile-info{padding:16px 0 34px;display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--line)}
.product-tile-info h3{font-family:"Cormorant Garamond";font-size:37px;font-weight:400;margin:0}
.product-tile-info small{text-transform:uppercase;letter-spacing:.15em;font-size:8px;opacity:.55}

/* PRODUCT PAGE */
.product-hero{padding:calc(var(--nav) + 3vh) 5vw 7vh;min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;gap:4.5vw;align-items:center}
.product-main-media{height:80vh;background:#ddd3c6;overflow:hidden}
.product-main-media img{height:100%;object-fit:contain;background:#f8f6f1}
.placeholder{height:100%;display:grid;place-items:center;background:linear-gradient(135deg,#ddd4c7,#b8aa99);text-align:center;padding:30px}
.placeholder strong{font-family:"Cormorant Garamond";font-size:54px;font-weight:400}
.product-info .series{font-size:9px;letter-spacing:.18em;text-transform:uppercase;opacity:.55}
.product-info h1{font-family:"Cormorant Garamond";font-size:clamp(70px,8vw,130px);line-height:.76;letter-spacing:-.05em;font-weight:400;margin:12px 0 17px}
.product-code{font-family:"Barlow Condensed";font-size:12px;letter-spacing:.18em}
.product-desc{font-size:13px;line-height:1.75;max-width:520px;margin:28px 0}
.spec-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);margin:30px 0}
.spec{padding:15px 10px 15px 0;border-bottom:1px solid var(--line)}
.spec small{display:block;font-size:8px;letter-spacing:.15em;text-transform:uppercase;opacity:.5;margin-bottom:6px}
.spec strong{font-family:"Cormorant Garamond";font-weight:400;font-size:22px}
.size-picker{display:flex;flex-wrap:wrap;gap:8px;margin:13px 0 25px}.size-btn{border:1px solid var(--line);background:transparent;padding:11px 14px;font-size:10px;cursor:pointer}.size-btn.active{background:#24231f;color:#f2eee6;border-color:#24231f}
.product-gallery{padding:5vh 5vw 14vh;display:grid;grid-template-columns:1fr 1fr;gap:2.5vw}
.product-gallery figure{margin:0;overflow:hidden;background:#ddd}.product-gallery img{height:72vh;object-fit:cover}.product-gallery figure:nth-child(3n){grid-column:1/-1}.product-gallery figure:nth-child(3n) img{height:86vh}
.product-quote{padding:12vh 5vw;background:#22211e;color:#f2eee6}.product-quote p{font-family:"Cormorant Garamond";font-size:clamp(44px,6vw,90px);line-height:.95;max-width:1120px;margin:0}

/* STUDIO/BESPOKE */
.editorial{padding:12vh 5vw 16vh;display:grid;grid-template-columns:1fr 1fr;gap:5vw;border-top:1px solid var(--line)}
.editorial h2{font-family:"Cormorant Garamond";font-size:clamp(60px,8vw,116px);line-height:.82;font-weight:400;margin:0}
.editorial-copy{max-width:600px;font-size:13px;line-height:1.85}.editorial-copy p:first-child{font-family:"Cormorant Garamond";font-size:28px;line-height:1.3}
.editorial-image{height:88vh;overflow:hidden}.editorial-image img{height:100%;object-fit:cover}

/* reveal */
.reveal{will-change:transform,opacity}

@media(max-width:900px){
 :root{--nav:66px}.topbar{padding:0 18px}.navlinks{display:none}.menu-button{display:block}
 .hero{min-height:650px}.hero-copy{padding:0 20px 7vh}.hero-copy h1{font-size:64px}.scroll-cue{right:16px}
 .form-story{height:245vh}.form-title{left:20px;top:9vh}.form-title h2{font-size:80px}.form-title p{font-size:18px}
 .form-card,.form-card.landscape{width:76vw;height:61vh}.form-label{left:20px;bottom:7vh;width:70vw}.form-label .series{font-size:36px}.form-count{font-size:68px;right:18px}
 .form-progress{right:18px;height:120px}
 .collection-rail{height:265vh}.rail-head{left:20px;top:8vh}.rail-track{padding-left:52vw;gap:18px;padding-top:7vh}.rail-card{width:82vw;height:62vh}.rail-meta{left:18px;right:18px}.rail-index{right:18px}
 .elements{padding:10vh 20px 9vh}.elements-head{display:block}.elements-head p{margin-top:26px}.elements-grid{grid-template-columns:1fr}.element-visual{min-height:68vh}.element-visual.secondary{min-height:55vh;margin-top:0}
 .object-index{padding:11vh 20px}.object-row{grid-template-columns:42px 1fr 85px}.object-row .go{display:none}
 .final-cta{padding:10vh 20px}
 footer{padding-left:20px;padding-right:20px}.footer-links{grid-template-columns:1fr;margin-left:0}.footer-base{display:block}.footer-base span{display:block;margin-top:8px}
 .page-hero{padding-left:20px;padding-right:20px;display:block;padding-top:24vh}.page-hero p{margin:35px 0 0}.series-block{padding:9vh 20px}.series-head{grid-template-columns:1fr}.series-grid{grid-template-columns:1fr}.product-tile-media{height:64vh}
 .product-hero{grid-template-columns:1fr;padding:calc(var(--nav) + 22px) 20px 10vh}.product-main-media{height:67vh}.product-gallery{grid-template-columns:1fr;padding:4vh 20px 10vh}.product-gallery figure:nth-child(3n){grid-column:auto}.product-gallery img,.product-gallery figure:nth-child(3n) img{height:67vh}
 .editorial{grid-template-columns:1fr;padding:10vh 20px}.editorial-image{height:66vh}
}


/* =========================================================
   HUEVOKE V2.2 — INTERACTIVE MOTION + SPACING PATCH
   ========================================================= */

/* Make the fixed identity more visible from the very first frame. */
.topbar{
  color:#171612;
  mix-blend-mode:normal;
  background:linear-gradient(
    180deg,
    rgba(242,238,230,.86) 0%,
    rgba(242,238,230,.55) 56%,
    rgba(242,238,230,0) 100%
  );
  backdrop-filter:blur(3px);
  -webkit-backdrop-filter:blur(3px);
}
.wordmark{
  font-size:34px;
  font-weight:500;
  letter-spacing:.39em;
  color:#11110f;
  text-shadow:0 1px 0 rgba(255,255,255,.26);
}
.navlinks{
  color:#171612;
  font-weight:500;
}

/* The pinned experiences now use their entire scroll length.
   Because the object always stays on screen there is no "dead" blank tail. */
.form-story{
  height:270vh;
  margin:0;
  padding:0;
}
.form-stage{
  height:100vh;
  top:0;
  cursor:grab;
  user-select:none;
  -webkit-user-select:none;
  touch-action:pan-y;
}
.form-stage.is-dragging{cursor:grabbing}
.form-deck{pointer-events:none}
.form-card{
  width:min(43vw,640px);
  height:min(69vh,760px);
  border-radius:2px;
  will-change:transform,opacity,filter;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
}
.form-card img{
  transform:scale(1.025);
}
.form-title{pointer-events:none}
.form-label{pointer-events:none}
.form-progress{height:150px}

/* rail fills the whole pinned interval */
.collection-rail{
  height:285vh;
  margin:0;
  padding:0;
}
.rail-stage{
  height:100vh;
  top:0;
  cursor:grab;
  user-select:none;
  -webkit-user-select:none;
  touch-action:pan-y;
}
.rail-stage.is-dragging{cursor:grabbing}
.rail-track{
  padding-top:7vh;
  padding-bottom:0;
  will-change:transform;
}
.rail-card{
  height:68vh;
  box-shadow:0 26px 70px rgba(0,0,0,.16);
}

/* interaction hint injected by JS */
.interaction-hint{
  position:absolute;
  z-index:20;
  left:50%;
  bottom:22px;
  transform:translateX(-50%);
  display:flex;
  align-items:center;
  gap:10px;
  padding:9px 13px;
  border:1px solid rgba(36,35,31,.2);
  background:rgba(242,238,230,.72);
  backdrop-filter:blur(9px);
  -webkit-backdrop-filter:blur(9px);
  color:#24231f;
  font-size:8px;
  text-transform:uppercase;
  letter-spacing:.17em;
  white-space:nowrap;
  pointer-events:none;
}
.collection-rail .interaction-hint{
  color:#f2eee6;
  border-color:rgba(255,255,255,.18);
  background:rgba(28,27,24,.55);
}
.interaction-hint i{
  width:24px;
  height:1px;
  display:block;
  background:currentColor;
  position:relative;
}
.interaction-hint i:before,
.interaction-hint i:after{
  content:"";
  position:absolute;
  top:-2px;
  width:5px;
  height:5px;
  border-top:1px solid currentColor;
}
.interaction-hint i:before{
  left:0;
  border-left:1px solid currentColor;
  transform:rotate(-45deg);
}
.interaction-hint i:after{
  right:0;
  border-right:1px solid currentColor;
  transform:rotate(45deg);
}

/* tighten transitions between major homepage sections */
.collection-rail + .elements{margin-top:0}
.elements{
  padding-top:8vh;
  padding-bottom:8vh;
}
.elements-head{
  margin-bottom:6vh;
}
.object-index{
  padding-top:9vh;
}

/* mobile */
@media(max-width:900px){
  .topbar{
    background:linear-gradient(
      180deg,
      rgba(242,238,230,.91) 0%,
      rgba(242,238,230,.62) 58%,
      rgba(242,238,230,0) 100%
    );
  }
  .wordmark{
    font-size:29px;
    letter-spacing:.32em;
  }
  .menu-button{color:#171612;font-weight:500}
  .form-story{height:235vh}
  .form-card,.form-card.landscape{
    width:76vw;
    height:58vh;
  }
  .form-title{top:8vh}
  .form-label{bottom:6.5vh}
  .form-progress{height:105px}
  .collection-rail{height:250vh}
  .rail-card{
    width:83vw;
    height:61vh;
  }
  .rail-track{
    padding-top:5vh;
    padding-left:48vw;
  }
  .interaction-hint{
    bottom:14px;
    font-size:7px;
    padding:8px 11px;
  }
  .elements{padding-top:7vh;padding-bottom:7vh}
}


/* =========================================================
   HUEVOKE V3 — DIGITAL GALLERY HOMEPAGE
   ========================================================= */
.home-v3{background:#eee9df;color:#1a1916}
.home-v3 .topbar{
  color:#11110f;
  background:linear-gradient(180deg,rgba(239,235,226,.94),rgba(239,235,226,.68) 58%,rgba(239,235,226,0));
  mix-blend-mode:normal;
  backdrop-filter:blur(5px);
  -webkit-backdrop-filter:blur(5px);
}
.home-v3 .wordmark{
  color:#10100e;
  font-size:32px;
  font-weight:600;
  letter-spacing:.36em;
}
.home-v3 .navlinks{color:#171612;font-weight:600}
.v3-hero{height:100svh}
.v3-hero .hero-shade{
  position:absolute;inset:0;z-index:1;
  background:linear-gradient(90deg,rgba(16,15,13,.50),rgba(16,15,13,.07) 55%,rgba(16,15,13,.08));
}
.v3-hero .hero-copy,.v3-hero .scroll-cue{z-index:2}
.v3-hero .hero-copy{color:#f3eee5}
.v3-hero .hero-copy p{color:rgba(243,238,229,.88)}

/* reusable pinned scenes */
.v3-form,.v3-feature{position:relative}
.v3-form{height:330vh;background:#e8e1d6}
.v3-feature{height:300vh}
.v3-sticky,.v3-feature-sticky{
  height:100svh;position:sticky;top:0;overflow:hidden;
}
.v3-sticky{perspective:1400px;background:radial-gradient(circle at 54% 43%,#f3eee5 0,#e8e1d6 48%,#d7cdbf 100%)}
.v3-copy{position:absolute;z-index:20;left:5vw;top:18vh;width:31vw}
.v3-copy h2,.feature-title h2{
  margin:4px 0 10px;font-family:var(--serif);font-weight:400;
  font-size:clamp(62px,9vw,170px);line-height:.82;letter-spacing:-.045em
}
.v3-copy p,.feature-title p{font-size:15px;line-height:1.6;max-width:340px}
.interaction-note{
  display:inline-block;margin-top:30px;padding-top:10px;border-top:1px solid rgba(25,24,21,.3);
  font-size:8px;text-transform:uppercase;letter-spacing:.18em
}
.v3-side-label{
  position:absolute;right:25px;top:50%;transform:rotate(90deg) translateX(50%);
  transform-origin:right center;font-size:8px;letter-spacing:.24em
}

/* FORM unfold */
.unfold-scene{
  position:absolute;inset:0;left:34vw;
  transform-style:preserve-3d;
  perspective:1500px;
  cursor:grab;
  touch-action:pan-y;
}
.unfold-scene.is-dragging{cursor:grabbing}
.unfold-card{
  position:absolute;left:50%;top:50%;width:min(36vw,560px);height:min(70vh,760px);
  transform:translate(-50%,-50%);
  overflow:hidden;background:#d6cbbb;text-decoration:none;color:#fff;
  box-shadow:0 35px 95px rgba(40,33,26,.19);
  will-change:transform,filter,opacity;
  transform-style:preserve-3d;
}
.unfold-card img{width:100%;height:100%;object-fit:cover;display:block}
.unfold-card:after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,transparent 55%,rgba(20,18,15,.48));
}
.unfold-meta{
  position:absolute;z-index:3;left:22px;right:22px;bottom:20px;
  display:flex;justify-content:space-between;gap:20px;align-items:end;
}
.unfold-meta span{font-size:9px;letter-spacing:.18em}
.unfold-meta b{font-family:var(--serif);font-size:31px;font-weight:400}
.unfold-card.c1{z-index:3}.unfold-card.c2{z-index:2}.unfold-card.c3{z-index:1}

/* Erosion split */
.v3-erosion{background:#24231f;color:#f1ece3}
.v3-erosion .v3-feature-sticky{background:#24231f}
.feature-title{position:absolute;z-index:15;left:5vw;top:9vh}
.feature-title.light{color:#f3eee6}
.feature-title.light p{color:rgba(243,238,230,.74)}
.v3-erosion .feature-title h2{font-size:clamp(76px,10vw,180px)}
.split-scene{position:absolute;inset:0;overflow:hidden}
.split-half{position:absolute;top:0;width:60%;height:100%;overflow:hidden;will-change:transform}
.split-half img{width:100vw;height:100%;object-fit:cover;filter:brightness(.72);will-change:transform}
.split-half.left{left:0;clip-path:polygon(0 0,77% 0,53% 100%,0 100%)}
.split-half.right{right:0;clip-path:polygon(31% 0,100% 0,100% 100%,8% 100%)}
.split-half.right img{position:absolute;right:0}
.split-center-copy{
  position:absolute;z-index:20;left:50%;bottom:7vh;transform:translateX(-50%);
  display:flex;gap:28px;align-items:center;color:#f1ece3;
  text-transform:uppercase;font-size:8px;letter-spacing:.2em
}
.split-center-copy a{color:inherit;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:5px}

/* Fluid depth stack */
.v3-fluid{background:#e9e4da}
.v3-fluid .feature-title{left:auto;right:5vw;top:14vh;text-align:right}
.v3-fluid .feature-title p{margin-left:auto}
.depth-stack{
  position:absolute;inset:0 34vw 0 0;perspective:1500px;transform-style:preserve-3d;
  cursor:grab;touch-action:pan-y
}
.depth-stack.is-dragging{cursor:grabbing}
.depth-card{
  position:absolute;left:48%;top:50%;width:min(35vw,550px);height:min(72vh,760px);
  transform:translate(-50%,-50%);overflow:hidden;background:#ccc;
  box-shadow:0 36px 100px rgba(45,38,31,.18);will-change:transform,opacity,filter
}
.depth-card img{width:100%;height:100%;object-fit:cover}
.depth-caption{
  position:absolute;bottom:5vh;left:50%;transform:translateX(-50%);
  font-size:8px;letter-spacing:.19em;text-transform:uppercase
}

/* Balance cube / rotating gallery wall */
.v3-balance{background:#1f1f1c;color:#f4efe6}
.v3-balance .v3-feature-sticky{perspective:1700px}
.balance-copy{top:11vh}
.gallery-cube{
  position:absolute;left:52%;top:52%;width:min(45vw,720px);height:min(68vh,760px);
  transform-style:preserve-3d;transform:translate(-50%,-50%);
  will-change:transform
}
.gallery-face{
  position:absolute;inset:0;overflow:hidden;backface-visibility:hidden;background:#d8d0c4;
  box-shadow:0 45px 110px rgba(0,0,0,.34)
}
.gallery-face img{width:100%;height:100%;object-fit:cover;display:block}
.face-a{transform:rotateY(0deg) translateZ(270px)}
.face-b{transform:rotateY(120deg) translateZ(270px)}
.face-c{transform:rotateY(240deg) translateZ(270px)}
.feature-link{
  position:absolute;right:5vw;bottom:6vh;text-transform:uppercase;font-size:8px;letter-spacing:.19em;
  text-decoration:none;border-bottom:1px solid;padding-bottom:5px
}
.feature-link.light{color:#f4efe6}

/* Tidal macro dive */
.v3-tidal{background:#181815;color:#fff;height:360vh}
.tidal-stage{background:#181815}
.tidal-layer{position:absolute;inset:0;overflow:hidden;will-change:transform,opacity,filter}
.tidal-layer img{width:100%;height:100%;object-fit:cover;display:block}
.tidal-room:after,.tidal-object:after,.tidal-macro:after{
  content:"";position:absolute;inset:0;background:rgba(17,16,14,.20)
}
.tidal-object{opacity:0;transform:scale(.73)}
.tidal-macro{opacity:0;transform:scale(.8)}
.tidal-copy{top:auto;bottom:7vh;left:5vw}
.tidal-copy h2{font-size:clamp(62px,8.4vw,150px)}
.tidal-copy p{color:rgba(255,255,255,.78)}
.v3-tidal .feature-link{z-index:20}

/* Elements */
.v3-elements{padding-top:10vh}
.v3-elements .magnetic{will-change:transform;transform-style:preserve-3d}
.v3-elements .magnetic img{transition:filter .4s ease}
.v3-elements .magnetic:hover img{filter:brightness(1.03)}

/* shared */
.home-v3 .final-cta{margin-top:0}
.home-v3 .grain{opacity:.028}

@media(max-width:900px){
  .home-v3 .wordmark{font-size:29px;letter-spacing:.32em}
  .v3-form{height:300vh}
  .v3-copy{left:5vw;top:14vh;width:90vw}
  .v3-copy h2{font-size:31vw}
  .v3-copy p{display:none}
  .interaction-note{margin-top:8px}
  .unfold-scene{left:0;top:8vh}
  .unfold-card{width:70vw;height:55vh;top:59%}
  .unfold-meta b{font-size:23px}
  .v3-side-label{display:none}

  .v3-feature{height:275vh}
  .feature-title{left:5vw;top:12vh;max-width:85vw}
  .feature-title h2,.v3-erosion .feature-title h2{font-size:22vw}
  .feature-title p{font-size:12px;max-width:260px}

  .split-half{width:78%}
  .split-half img{width:125vw}
  .split-center-copy{bottom:5vh;width:88vw;justify-content:space-between;gap:12px}

  .v3-fluid .feature-title{right:auto;left:5vw;text-align:left;top:9vh}
  .v3-fluid .feature-title p{margin-left:0}
  .depth-stack{inset:17vh 0 0}
  .depth-card{width:68vw;height:54vh;top:59%}

  .balance-copy{top:9vh}
  .gallery-cube{left:50%;top:59%;width:67vw;height:52vh}
  .face-a{transform:rotateY(0deg) translateZ(125px)}
  .face-b{transform:rotateY(120deg) translateZ(125px)}
  .face-c{transform:rotateY(240deg) translateZ(125px)}

  .v3-tidal{height:320vh}
  .tidal-copy{bottom:8vh}
  .tidal-copy h2{font-size:19vw}

  .feature-link{right:5vw;bottom:4vh}
}

/* V3.1 Safari / dependency-free motion safeguards */
.unfold-card,.depth-card,.gallery-cube,.gallery-face,.split-half,.tidal-layer{
  -webkit-transform-style:preserve-3d;
  transform-style:preserve-3d;
}
.unfold-card,.depth-card,.gallery-cube,.split-half,.tidal-layer{
  will-change:transform,opacity,filter;
}
.v3-sticky,.depth-stack,.v3-balance .v3-feature-sticky{
  -webkit-perspective:1400px;
}


/* =========================================================
   HUEVOKE V4 — CONTOUR TUNNEL + LOTUS DIVE
   ========================================================= */
:root{
  --serif:"Cormorant Garamond",serif;
  --paper-soft:#f1ede5;
  --ink-soft:#181714;
}
html,body{background:var(--paper-soft)}
body.home-v4{background:var(--paper-soft);color:var(--ink-soft)}

/* Header refinement */
.topbar.refined{
  height:74px;
  background:rgba(241,237,229,.52);
  color:#161512;
  mix-blend-mode:normal;
  backdrop-filter:blur(2px);
  -webkit-backdrop-filter:blur(2px);
  border-bottom:0;
}
.refined-wordmark{
  font-size:29px;
  font-weight:400 !important;
  letter-spacing:.32em;
  color:#161512 !important;
  text-shadow:none !important;
}
.refined-nav{
  color:#181714;
  font-size:11px;
  gap:24px;
  font-weight:400;
}
.refined-nav a{
  opacity:.88;
}
.refined-nav a:hover{opacity:1}
.topbar.refined .nav-enquire{
  border-bottom:1px solid rgba(24,23,20,.42);
}
.menu-button{font-size:11px}

/* Hero */
.v4-hero{
  min-height:100svh;
}
.v4-hero img{
  filter:saturate(.82) contrast(.98);
}
.v4-hero .hero-shade{
  position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(15,14,12,.46),rgba(15,14,12,.07) 58%,rgba(15,14,12,.12));
  z-index:1;
}
.v4-hero .hero-copy,
.v4-hero .scroll-cue{
  position:relative;z-index:2
}

/* Form Tunnel */
.form-tunnel-section{
  position:relative;
  height:530vh;
  margin:0;
  padding:0;
  background:linear-gradient(180deg,#ebe4d8 0%,#e6dfd2 52%,#e5ddd0 100%);
}
.form-tunnel-sticky{
  position:sticky;
  top:0;
  height:100svh;
  overflow:hidden;
}
.tunnel-copy{
  position:absolute;
  z-index:20;
  left:5vw;
  top:10.5vh;
  width:28vw;
}
.tunnel-copy h2{
  margin:6px 0 10px;
  font-family:var(--serif);
  font-size:clamp(70px,10vw,170px);
  line-height:.8;
  font-weight:400;
  letter-spacing:-.05em;
}
.tunnel-copy p{
  max-width:320px;
  font-size:14px;
  line-height:1.65;
}
.tunnel-layout{
  position:absolute;
  inset:0;
  display:grid;
  grid-template-columns:60fr 40fr;
  gap:0;
  align-items:stretch;
}
.tunnel-main,
.tunnel-side{
  position:relative;
  min-width:0;
}
.tunnel-main{
  overflow:hidden;
  perspective:1600px;
  background:
    radial-gradient(circle at 56% 44%,rgba(255,255,255,.46),transparent 22%),
    radial-gradient(circle at 50% 50%,rgba(0,0,0,.06),transparent 56%),
    linear-gradient(180deg,rgba(255,255,255,.22),rgba(0,0,0,0));
}
.tunnel-scene{
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  cursor:grab;
  touch-action:pan-y;
  transform-style:preserve-3d;
}
.tunnel-scene.is-dragging{cursor:grabbing}
.tunnel-layer,
.tunnel-ring,
.tunnel-focus-card,
.tunnel-labels{
  will-change:transform,opacity,filter;
}
.tunnel-layer{
  position:absolute;
  width:min(54vh,48vw);
  aspect-ratio:1/1;
  border-radius:50%;
  border:1px solid rgba(24,23,20,.1);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.18);
}
.layer-back{
  width:min(86vh,73vw);
  opacity:.32;
}
.layer-mid{
  width:min(62vh,54vw);
  opacity:.55;
}
.layer-front{
  width:min(39vh,34vw);
  opacity:.72;
}
.tunnel-ring{
  position:absolute;
  border-radius:50%;
  border:1px dashed rgba(24,23,20,.16);
}
.ring-a{width:28vw;height:28vw;max-width:420px;max-height:420px}
.ring-b{width:39vw;height:39vw;max-width:590px;max-height:590px;opacity:.55}
.ring-c{width:49vw;height:49vw;max-width:760px;max-height:760px;opacity:.28}
.tunnel-focus-card{
  position:absolute;
  width:min(31vw,480px);
  height:min(66vh,720px);
  overflow:hidden;
  background:#d7cdbd;
  box-shadow:0 34px 90px rgba(41,34,27,.18);
  transform-style:preserve-3d;
}
.tunnel-focus-card img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.focus-overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 58%,rgba(20,17,13,.46));
}
.tunnel-labels{
  position:absolute;
  left:8%;
  bottom:7vh;
  z-index:12;
}
.tunnel-labels strong{
  display:block;
  margin-top:5px;
  font-family:var(--serif);
  font-size:clamp(34px,3vw,52px);
  font-weight:400;
}

.tunnel-side{
  padding:10vh 5vw 8vh 0;
  display:flex;
  align-items:center;
  justify-content:center;
}
.side-display{
  position:relative;
  width:min(28vw,420px);
  min-width:300px;
  aspect-ratio:0.78/1;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  cursor:grab;
  touch-action:pan-y;
}
.side-display.is-dragging{cursor:grabbing}
.side-orbit{
  position:absolute;
  inset:auto;
  border-radius:50%;
  border:1px solid rgba(28,25,20,.14);
  will-change:transform,opacity;
}
.orbit-1{
  width:128%;
  height:62%;
  left:-14%;
  top:8%;
}
.orbit-2{
  width:150%;
  height:78%;
  left:-25%;
  top:-3%;
  border-style:dashed;
  opacity:.54;
}
.side-image-wrap{
  position:relative;
  z-index:4;
  width:100%;
  aspect-ratio:.78/1;
  overflow:hidden;
  background:#d6cbba;
  box-shadow:0 30px 90px rgba(42,35,28,.16);
  transform-style:preserve-3d;
}
.side-image-wrap img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.side-meta{
  position:relative;
  z-index:5;
  margin-top:18px;
}
.side-title{
  font-family:var(--serif);
  font-size:36px;
  line-height:.95;
  margin:6px 0 12px;
}
.side-link{
  font-size:8px;
  text-transform:uppercase;
  letter-spacing:.18em;
  border-bottom:1px solid rgba(24,23,20,.42);
  padding-bottom:6px;
  display:inline-block;
}

/* Lotus Bloom wall to macro dive */
.lotus-dive-section{
  position:relative;
  height:390vh;
  margin:0;
  padding:0;
  background:#181715;
}
.lotus-sticky{
  position:sticky;
  top:0;
  height:100svh;
  overflow:hidden;
}
.lotus-layer{
  position:absolute;
  inset:0;
  overflow:hidden;
  will-change:transform,opacity,filter;
}
.lotus-layer img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.lotus-room::after,
.lotus-object::after,
.lotus-detail::after,
.lotus-macro::after{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(13,12,10,.16);
}
.lotus-object{opacity:0;transform:scale(.77)}
.lotus-detail{opacity:0;transform:scale(.84)}
.lotus-macro{opacity:0;transform:scale(.88)}
.lotus-copy{
  position:absolute;
  z-index:15;
  left:5vw;
  bottom:7vh;
  color:#f3eee5;
  max-width:360px;
}
.lotus-copy h2{
  margin:6px 0 12px;
  font-family:var(--serif);
  font-size:clamp(70px,9vw,150px);
  font-weight:400;
  line-height:.82;
  letter-spacing:-.05em;
}
.lotus-copy p{
  font-size:14px;
  line-height:1.65;
  color:rgba(243,238,229,.78);
}
.lotus-link{
  display:inline-block;
  margin-top:18px;
  text-transform:uppercase;
  font-size:8px;
  letter-spacing:.19em;
  color:#f3eee5;
  border-bottom:1px solid rgba(243,238,229,.42);
  padding-bottom:6px;
}

/* CTA flush: no extra section gaps */
.final-cta.flush{
  min-height:88svh;
  margin:0;
  padding:12vh 5vw 10vh;
  background:#ddd3c4;
}
.form-tunnel-section + .lotus-dive-section,
.lotus-dive-section + .final-cta.flush{
  margin-top:0 !important;
}

/* Footer refinement */
.refined-footer{
  background:#1d1b18;
  color:#f2ede4;
  padding:54px 5vw 30px;
}
.refined-footer .footer-mark{
  font-family:"Barlow Condensed",sans-serif;
  font-size:clamp(56px,8vw,120px);
  font-weight:300;
  letter-spacing:.24em;
}
.refined-footer-links{
  display:grid;
  grid-template-columns:1fr 1.2fr;
  gap:42px;
  margin:40px 0 64px;
}
.footer-contact-link{
  display:flex;
  align-items:center;
  gap:10px;
}
.footer-contact-link svg{
  width:15px;
  height:15px;
  fill:currentColor;
  flex:none;
  opacity:.85;
}
.refined-footer-links span{
  opacity:.44;
  text-transform:uppercase;
  font-size:9px;
  letter-spacing:.17em;
}
.refined-footer-links a{
  font-size:11px;
}
.refined-footer .footer-base{
  border-top:1px solid rgba(255,255,255,.14);
  padding-top:18px;
  display:flex;
  justify-content:space-between;
  gap:20px;
  font-size:8px;
  text-transform:uppercase;
  letter-spacing:.16em;
  opacity:.52;
}

/* Performance */
.tunnel-scene, .side-display, .lotus-sticky{
  contain:layout paint style;
}
.tunnel-focus-card, .side-image-wrap, .lotus-layer{
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
  transform:translateZ(0);
}

/* Mobile */
@media(max-width:900px){
  .topbar.refined{height:66px;background:rgba(241,237,229,.72)}
  .refined-wordmark{font-size:26px;letter-spacing:.28em}
  .refined-nav{display:none}
  .menu-button{color:#161512}
  .form-tunnel-section{height:470vh}
  .tunnel-copy{
    left:20px;
    top:8vh;
    width:86vw;
  }
  .tunnel-copy h2{font-size:28vw}
  .tunnel-copy p{max-width:280px;font-size:12px}
  .tunnel-layout{
    grid-template-columns:1fr;
    grid-template-rows:58fr 42fr;
  }
  .tunnel-main{
    min-height:58svh;
  }
  .tunnel-side{
    padding:0 20px 16px;
    align-items:flex-start;
  }
  .tunnel-focus-card{
    width:58vw;
    height:46vh;
  }
  .tunnel-layer.layer-back{width:84vw;height:84vw}
  .tunnel-layer.layer-mid{width:60vw;height:60vw}
  .tunnel-layer.layer-front{width:40vw;height:40vw}
  .ring-a{width:46vw;height:46vw}
  .ring-b{width:68vw;height:68vw}
  .ring-c{width:88vw;height:88vw}
  .tunnel-labels{left:20px;bottom:3.6vh}
  .tunnel-labels strong{font-size:34px}
  .side-display{
    min-width:0;
    width:72vw;
  }
  .side-title{font-size:30px}
  .lotus-dive-section{height:340vh}
  .lotus-copy{
    left:20px;
    right:20px;
    max-width:320px;
    bottom:6vh;
  }
  .lotus-copy h2{font-size:23vw}
  .final-cta.flush{padding:10vh 20px 9vh}
  .refined-footer{padding:42px 20px 24px}
  .refined-footer-links{grid-template-columns:1fr;margin-bottom:46px}
  .refined-footer .footer-base{display:block}
  .refined-footer .footer-base span{display:block;margin-top:8px}
}

/* Larger touch target on mobile menus */
@media(pointer:coarse){
  .side-link, .lotus-link, .footer-contact-link{padding-top:3px;padding-bottom:3px}
}



/* ============================================================
   HUEVOKE V5 — ROBUST PINNED HOME EXPERIENCE
   Scope: body.home-v5
   ============================================================ */

body.home-v5{
  --v5-paper:#efe9df;
  --v5-ink:#171612;
  --v5-dark:#181715;
  --v5-line:rgba(23,22,18,.14);
  background:var(--v5-paper);
}

/* Header: quiet, legible, no bold highlight */
body.home-v5 .v5-header{
  height:68px;
  padding:0 28px;
  background:rgba(239,233,223,.84);
  color:#171612;
  mix-blend-mode:normal;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(23,22,18,.06);
}
body.home-v5 .v5-wordmark{
  color:#171612;
  font-family:"Barlow Condensed",Arial,sans-serif;
  font-size:27px;
  font-weight:300;
  letter-spacing:.34em;
}
body.home-v5 .v5-nav{
  color:#171612;
  font-size:10.5px;
  gap:27px;
  font-weight:400;
}
body.home-v5 .v5-nav a{opacity:.76}
body.home-v5 .v5-nav a:hover{opacity:1}
body.home-v5 .menu-button{color:#171612}

/* Hero */
body.home-v5 .v5-hero{
  height:100svh;
  min-height:620px;
  margin:0;
}
body.home-v5 .v5-hero-image{
  filter:saturate(.84) contrast(.98);
}
body.home-v5 .v5-hero-shade{
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(15,14,12,.50),rgba(15,14,12,.04) 58%,rgba(15,14,12,.10));
}
body.home-v5 .v5-hero .hero-copy,
body.home-v5 .v5-hero .scroll-cue{z-index:2}

/* Critical pinned-story architecture.
   No hidden giant blanks: the sticky stage fills every scroll moment. */
body.home-v5 .pin-story{
  position:relative;
  margin:0 !important;
  padding:0 !important;
  width:100%;
}
body.home-v5 .form-pin-story{
  height:800vh;
  background:#eee7dc;
}
body.home-v5 .lotus-pin-story{
  height:400vh;
  background:#171614;
}
body.home-v5 .pin-stage{
  position:sticky !important;
  top:0 !important;
  width:100%;
  height:100svh !important;
  min-height:600px;
  overflow:hidden !important;
  margin:0 !important;
  padding:0 !important;
  transform:none !important;
}
body.home-v5 .form-pin-stage{
  display:grid;
  grid-template-columns:20% 34% 46%;
  background:
    radial-gradient(circle at 42% 42%,rgba(255,255,255,.62),transparent 27%),
    radial-gradient(circle at 74% 51%,rgba(255,255,255,.38),transparent 24%),
    linear-gradient(135deg,#f1ece3 0%,#e7dfd2 55%,#e3dbcd 100%);
}

/* FORM copy is its own column; it never overlays the images */
body.home-v5 .form-copy-panel{
  position:relative;
  z-index:10;
  padding:12vh 2.2vw 6vh 3vw;
  border-right:1px solid rgba(23,22,18,.07);
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}
body.home-v5 .form-copy-panel h2{
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:clamp(84px,9.1vw,158px);
  line-height:.76;
  letter-spacing:-.055em;
  font-weight:400;
  margin:12px 0 18px;
}
body.home-v5 .form-copy-panel p{
  margin:0;
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:clamp(19px,1.45vw,27px);
  line-height:1.12;
}
body.home-v5 .interaction-hint{
  margin-top:auto;
  display:flex;
  align-items:center;
  gap:10px;
  font-size:8px;
  text-transform:uppercase;
  letter-spacing:.18em;
  opacity:.58;
}
body.home-v5 .hand-glyph{
  width:28px;
  height:28px;
  border:1px solid rgba(23,22,18,.24);
  border-radius:50%;
  display:grid;
  place-items:center;
  font-size:13px;
}

/* Detail 34% */
body.home-v5 .form-detail-zone{
  position:relative;
  overflow:hidden;
  perspective:1500px;
  border-right:1px solid rgba(23,22,18,.06);
}
body.home-v5 .depth-shell{
  position:absolute;
  inset:7vh 1.8vw 15vh;
  display:grid;
  place-items:center;
  transform-style:preserve-3d;
}
body.home-v5 .detail-card{
  width:min(29vw,500px);
  height:68vh;
  margin:0;
  position:relative;
  z-index:5;
  overflow:hidden;
  background:#d8cdbc;
  box-shadow:0 26px 72px rgba(50,40,30,.16);
  transform-style:preserve-3d;
  will-change:transform;
}
body.home-v5 .detail-card img{
  width:100%;
  height:100%;
  object-fit:cover;
  will-change:transform,opacity;
}
body.home-v5 .card-light{
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(112deg,transparent 18%,rgba(255,255,255,.22) 46%,transparent 70%);
  transform:translateX(-75%);
}
body.home-v5 .depth-ring{
  position:absolute;
  border-radius:50%;
  border:1px solid rgba(23,22,18,.10);
  pointer-events:none;
  will-change:transform;
}
body.home-v5 .depth-ring-1{width:33vw;height:33vw;max-width:540px;max-height:540px}
body.home-v5 .depth-ring-2{width:39vw;height:39vw;max-width:650px;max-height:650px;border-style:dashed;opacity:.68}
body.home-v5 .depth-ring-3{width:45vw;height:45vw;max-width:760px;max-height:760px;opacity:.34}

body.home-v5 .object-caption{
  position:absolute;
  z-index:8;
  left:2.3vw;
  right:2vw;
  bottom:4vh;
}
body.home-v5 .object-caption h3{
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:clamp(33px,3.2vw,58px);
  font-weight:400;
  line-height:.92;
  margin:7px 0 16px;
}
body.home-v5 .story-progress{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:9px;
  font-size:8px;
  letter-spacing:.15em;
}
body.home-v5 .story-line{
  height:1px;
  background:rgba(23,22,18,.16);
  overflow:hidden;
}
body.home-v5 .story-line i{
  display:block;
  width:0;
  height:1px;
  background:currentColor;
}

/* Full image 46% — intentionally larger than detail */
body.home-v5 .form-full-zone{
  position:relative;
  padding:7.5vh 3.6vw 11vh 2.6vw;
  perspective:1700px;
}
body.home-v5 .orbit-shell{
  position:relative;
  width:100%;
  height:72vh;
  display:grid;
  place-items:center;
  transform-style:preserve-3d;
}
body.home-v5 .full-card{
  position:relative;
  z-index:5;
  width:min(38vw,690px);
  height:72vh;
  margin:0;
  overflow:hidden;
  background:#d6caba;
  box-shadow:0 34px 92px rgba(50,40,30,.18);
  transform-style:preserve-3d;
  will-change:transform;
}
body.home-v5 .full-card img{
  width:100%;
  height:100%;
  object-fit:cover;
  will-change:transform,opacity;
}
body.home-v5 .orbit{
  position:absolute;
  border:1px solid rgba(23,22,18,.11);
  border-radius:50%;
  pointer-events:none;
  will-change:transform;
}
body.home-v5 .orbit-a{width:110%;height:62%;transform:rotate(7deg)}
body.home-v5 .orbit-b{width:122%;height:76%;border-style:dashed;opacity:.58}
body.home-v5 .orbit-c{width:134%;height:88%;opacity:.28}
body.home-v5 .full-meta{
  position:absolute;
  z-index:8;
  left:2.7vw;
  bottom:3.7vh;
}
body.home-v5 .full-meta h3{
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:clamp(36px,3.3vw,62px);
  line-height:.88;
  font-weight:400;
  margin:6px 0 12px;
}
body.home-v5 .full-meta a,
body.home-v5 .lotus-explore{
  display:inline-block;
  font-size:8px;
  text-transform:uppercase;
  letter-spacing:.18em;
  border-bottom:1px solid currentColor;
  padding-bottom:5px;
}

/* Explicit grab/drag cursor */
body.home-v5 .interactive-surface{
  cursor:grab !important;
  user-select:none;
  -webkit-user-select:none;
  touch-action:pan-x pan-y;
}
body.home-v5 .interactive-surface.is-dragging{
  cursor:grabbing !important;
}

/* Lotus: every moment is full-screen imagery, never blank */
body.home-v5 .lotus-pin-stage{
  background:#171614;
  color:#f2ece2;
  perspective:1600px;
}
body.home-v5 .lotus-visual-stack,
body.home-v5 .lotus-frame{
  position:absolute;
  inset:0;
  margin:0;
}
body.home-v5 .lotus-frame{
  overflow:hidden;
  opacity:0;
  will-change:transform,opacity,filter;
}
body.home-v5 .lotus-frame-1{opacity:1}
body.home-v5 .lotus-frame img{
  width:100%;
  height:100%;
  object-fit:cover;
  will-change:transform;
}
body.home-v5 .lotus-vignette{
  position:absolute;
  inset:0;
  z-index:6;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(12,11,9,.55) 0%,rgba(12,11,9,.14) 34%,rgba(12,11,9,.04) 68%,rgba(12,11,9,.16) 100%),
    linear-gradient(180deg,rgba(12,11,9,.14),transparent 35%,rgba(12,11,9,.20));
}
body.home-v5 .lotus-copy-panel{
  position:absolute;
  z-index:10;
  left:4vw;
  top:12vh;
  width:min(34vw,500px);
}
body.home-v5 .lotus-copy-panel h2{
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:clamp(76px,9.8vw,166px);
  line-height:.72;
  letter-spacing:-.055em;
  font-weight:400;
  margin:10px 0 18px;
}
body.home-v5 .lotus-copy-panel p{
  max-width:360px;
  font-size:13px;
  line-height:1.65;
  color:rgba(242,236,226,.78);
}
body.home-v5 .lotus-copy-panel .interaction-hint{
  margin-top:28px;
}
body.home-v5 .interaction-hint.light .hand-glyph{
  border-color:rgba(242,236,226,.28);
}
body.home-v5 .lotus-progress{
  margin-top:24px;
  width:min(270px,65vw);
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:9px;
  align-items:center;
  font-size:8px;
  letter-spacing:.15em;
}
body.home-v5 .lotus-explore{margin-top:28px}

/* No artificial gaps between sections */
body.home-v5 .form-pin-story + .lotus-pin-story,
body.home-v5 .lotus-pin-story + .v5-final-cta{
  margin-top:0 !important;
}
body.home-v5 .v5-final-cta{
  margin:0 !important;
  min-height:88svh;
  padding:10vh 5vw;
  background:#ddd3c4;
}

/* Footer */
body.home-v5 .refined-footer{
  background:#1d1b18;
  color:#f2ede4;
  padding:54px 5vw 30px;
}
body.home-v5 .refined-footer .footer-mark{
  font-family:"Barlow Condensed",Arial,sans-serif;
  font-size:clamp(56px,8vw,120px);
  font-weight:300;
  letter-spacing:.24em;
}
body.home-v5 .refined-footer-links{
  display:grid;
  grid-template-columns:1fr 1.2fr;
  gap:42px;
  margin:40px 0 64px;
}
body.home-v5 .footer-contact-link{
  display:flex;
  align-items:center;
  gap:10px;
}
body.home-v5 .footer-contact-link svg{
  width:15px;
  height:15px;
  fill:currentColor;
  flex:none;
  opacity:.85;
}
body.home-v5 .refined-footer-links span{
  opacity:.44;
  text-transform:uppercase;
  font-size:9px;
  letter-spacing:.17em;
}
body.home-v5 .refined-footer-links a{font-size:11px}
body.home-v5 .refined-footer .footer-base{
  border-top:1px solid rgba(255,255,255,.14);
  padding-top:18px;
  display:flex;
  justify-content:space-between;
  gap:20px;
  font-size:8px;
  text-transform:uppercase;
  letter-spacing:.16em;
  opacity:.52;
}

/* Motion performance */
body.home-v5 .detail-card,
body.home-v5 .full-card,
body.home-v5 .depth-ring,
body.home-v5 .orbit,
body.home-v5 .lotus-frame{
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
  transform:translateZ(0);
}

/* Mobile: copy gets its own strip, images remain unobstructed. */
@media(max-width:900px){
  body.home-v5 .v5-header{
    height:66px;
    padding:0 18px;
  }
  body.home-v5 .v5-wordmark{
    font-size:25px;
    letter-spacing:.30em;
  }

  body.home-v5 .form-pin-story{height:760vh}
  body.home-v5 .form-pin-stage{
    grid-template-columns:1fr;
    grid-template-rows:24% 34% 42%;
  }
  body.home-v5 .form-copy-panel{
    padding:8.5vh 20px 12px;
    border-right:0;
    border-bottom:1px solid rgba(23,22,18,.07);
  }
  body.home-v5 .form-copy-panel h2{
    font-size:22vw;
    line-height:.70;
    margin:7px 0 7px;
  }
  body.home-v5 .form-copy-panel p{
    font-size:18px;
  }
  body.home-v5 .form-copy-panel .interaction-hint{
    position:absolute;
    right:18px;
    bottom:12px;
    margin:0;
  }

  body.home-v5 .form-detail-zone{
    border-right:0;
    border-bottom:1px solid rgba(23,22,18,.06);
  }
  body.home-v5 .depth-shell{
    inset:7px 16px 50px;
  }
  body.home-v5 .detail-card{
    width:49vw;
    height:30vh;
  }
  body.home-v5 .depth-ring-1{width:52vw;height:52vw}
  body.home-v5 .depth-ring-2{width:67vw;height:67vw}
  body.home-v5 .depth-ring-3{width:82vw;height:82vw}
  body.home-v5 .object-caption{
    left:20px;
    right:20px;
    bottom:9px;
  }
  body.home-v5 .object-caption h3{
    font-size:29px;
    margin:4px 0 7px;
  }

  body.home-v5 .form-full-zone{
    padding:7px 20px 56px;
  }
  body.home-v5 .orbit-shell{
    height:33vh;
  }
  body.home-v5 .full-card{
    width:77vw;
    height:33vh;
  }
  body.home-v5 .full-meta{
    left:20px;
    bottom:8px;
  }
  body.home-v5 .full-meta h3{
    font-size:30px;
    margin:4px 0 7px;
  }

  body.home-v5 .lotus-pin-story{height:380vh}
  body.home-v5 .lotus-copy-panel{
    left:20px;
    right:20px;
    top:auto;
    bottom:5vh;
    width:auto;
  }
  body.home-v5 .lotus-copy-panel h2{
    font-size:20vw;
  }
  body.home-v5 .lotus-copy-panel p{
    max-width:300px;
    font-size:12px;
  }
  body.home-v5 .lotus-vignette{
    background:
      linear-gradient(180deg,rgba(12,11,9,.08) 0%,rgba(12,11,9,.05) 46%,rgba(12,11,9,.72) 100%);
  }

  body.home-v5 .v5-final-cta{
    padding:9vh 20px;
  }
  body.home-v5 .refined-footer{
    padding:42px 20px 24px;
  }
  body.home-v5 .refined-footer-links{
    grid-template-columns:1fr;
    margin-bottom:46px;
  }
  body.home-v5 .refined-footer .footer-base{
    display:block;
  }
  body.home-v5 .refined-footer .footer-base span{
    display:block;
    margin-top:8px;
  }
}

@media(max-width:540px){
  body.home-v5 .form-copy-panel{
    padding-top:8vh;
  }
  body.home-v5 .form-copy-panel h2{font-size:24vw}
  body.home-v5 .detail-card{width:56vw}
  body.home-v5 .full-card{width:84vw}
}

/* Reduced motion still shows everything; no blank state. */
@media(prefers-reduced-motion:reduce){
  body.home-v5 .depth-ring,
  body.home-v5 .orbit{display:none}
}



/* ============================================================
   HUEVOKE V6 — TRUE INTERNAL SCROLL LOCK STORIES
   The story sections themselves are ONLY one viewport high.
   Wheel/touch gestures are consumed by JS to advance story steps.
   This removes the previous 800vh / 400vh blank scroll canvas.
   ============================================================ */

body.home-v5 .form-pin-story,
body.home-v5 .lotus-pin-story{
  height:100svh !important;
  min-height:600px !important;
  margin:0 !important;
  padding:0 !important;
  position:relative !important;
}

body.home-v5 .pin-stage{
  position:relative !important;
  inset:auto !important;
  top:auto !important;
  height:100svh !important;
  min-height:600px !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
}

/* When a story is active, its whole stage acts like an interaction surface. */
body.home-v5 .story-lock-section.is-story-active .pin-stage{
  cursor:grab;
  overscroll-behavior:none;
}
body.home-v5 .story-lock-section.is-story-dragging .pin-stage{
  cursor:grabbing;
}

/* Never allow old transition/transform rules to accidentally move the section itself. */
body.home-v5 .story-lock-section,
body.home-v5 .story-lock-section .pin-stage{
  transform:none !important;
}

/* Prevent browser elastic scroll / accidental text selection while story is active. */
html.story-input-locked,
html.story-input-locked body{
  overscroll-behavior:none;
}
html.story-input-locked body.home-v5{
  user-select:none;
  -webkit-user-select:none;
}

/* Internal visual transitions. */
body.home-v5 .detail-card,
body.home-v5 .full-card,
body.home-v5 .detail-card img,
body.home-v5 .full-card img,
body.home-v5 .lotus-frame{
  transition:
    transform .72s cubic-bezier(.18,.82,.2,1),
    opacity .42s ease,
    filter .55s ease !important;
}

body.home-v5 .detail-card.story-changing{
  transform:translate3d(0,0,120px) rotateY(-7deg) scale(1.035) !important;
}
body.home-v5 .full-card.story-changing{
  transform:translate3d(0,0,145px) rotateY(6deg) scale(1.025) !important;
}
body.home-v5 .detail-card.story-changing img,
body.home-v5 .full-card.story-changing img{
  transform:scale(1.085) !important;
  filter:blur(1.2px);
}

body.home-v5 .lotus-frame{
  transform-origin:center center;
}

/* A tiny lock-state indicator; deliberately subtle. */
body.home-v5 .interaction-hint::after{
  content:"";
  width:6px;
  height:6px;
  border-radius:50%;
  background:currentColor;
  opacity:.18;
  margin-left:2px;
}
body.home-v5 .story-lock-section.is-story-active .interaction-hint::after{
  opacity:.72;
  animation:huevokeStoryPulse 1.2s ease-in-out infinite;
}
@keyframes huevokeStoryPulse{
  0%,100%{transform:scale(.78);opacity:.32}
  50%{transform:scale(1);opacity:.9}
}

/* Keep the next section flush against the previous one. */
body.home-v5 .v5-hero + .form-pin-story,
body.home-v5 .form-pin-story + .lotus-pin-story,
body.home-v5 .lotus-pin-story + .v5-final-cta{
  margin-top:0 !important;
  margin-bottom:0 !important;
}

/* Mobile must not hand touch gestures to page scrolling while story is active. */
@media(max-width:900px){
  body.home-v5 .story-lock-section.is-story-active .pin-stage{
    touch-action:none !important;
  }
  body.home-v5 .form-pin-story,
  body.home-v5 .lotus-pin-story,
  body.home-v5 .pin-stage{
    height:100svh !important;
    min-height:100svh !important;
  }
}



/* ============================================================
   HUEVOKE V7 — ROTATING GALLERY WALL + MAGNETIC LOTUS
   ============================================================ */

/* Hide every legacy interaction instruction visually */
body.home-v5 .interaction-hint,
body.home-v5 .scroll-cue{
  display:none !important;
}

/* --- FORM composition --- */
body.home-v5 .form-pin-stage{
  display:grid !important;
  grid-template-columns:8.5vw minmax(0, 1.03fr) minmax(420px, .97fr) !important;
  gap:0 !important;
  background:#f2eee6 !important;
  perspective:1800px;
  perspective-origin:52% 46%;
}

body.home-v5 .form-wordmark{
  position:relative;
  z-index:8;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  height:100%;
  border-right:1px solid rgba(30,28,24,.10);
  background:rgba(248,245,238,.62);
  overflow:hidden;
}

body.home-v5 .form-wordmark span{
  font-family:var(--serif);
  font-size:clamp(3.8rem,7.2vw,8rem);
  font-weight:400;
  line-height:.73;
  color:#171612;
  letter-spacing:-.055em;
}

body.home-v5 .form-gallery-zone{
  min-width:0;
  height:100%;
  position:relative;
  display:grid;
  grid-template-rows:minmax(0,1fr) auto;
  border-right:1px solid rgba(30,28,24,.09);
  overflow:hidden;
}

body.home-v5 .gallery-scene{
  position:relative;
  min-height:0;
  width:100%;
  overflow:hidden;
  perspective:1500px;
  perspective-origin:50% 48%;
  transform-style:preserve-3d;
}

body.home-v5 .gallery-wheel{
  position:absolute;
  left:50%;
  top:46%;
  width:min(36vw,620px);
  height:min(62vh,690px);
  transform-style:preserve-3d;
  will-change:transform;
}

body.home-v5 .gallery-panel{
  --panel-angle:0deg;
  --panel-radius:min(34vw,590px);
  position:absolute;
  inset:0;
  margin:0;
  border-radius:2px;
  overflow:hidden;
  backface-visibility:hidden;
  transform-style:preserve-3d;
  box-shadow:0 35px 80px rgba(35,27,18,.12);
  will-change:transform,opacity,filter;
  transition:filter .34s ease, opacity .34s ease, box-shadow .34s ease;
}

body.home-v5 .gallery-panel img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transform:scale(1.02);
}

body.home-v5 .gallery-panel.is-active{
  box-shadow:0 42px 95px rgba(35,27,18,.18);
}

body.home-v5 .gallery-panel:not(.is-active){
  filter:saturate(.82) brightness(.93);
}

body.home-v5 .gallery-floor-shadow{
  position:absolute;
  left:19%;
  right:8%;
  bottom:5.5%;
  height:14%;
  border-radius:50%;
  background:radial-gradient(ellipse at center, rgba(39,31,22,.17), rgba(39,31,22,0) 70%);
  filter:blur(18px);
  transform:rotateX(72deg);
  pointer-events:none;
}

body.home-v5 .form-object-caption{
  position:relative !important;
  inset:auto !important;
  padding:0 4.2vw 3.4vh !important;
  z-index:12;
  pointer-events:none;
}

body.home-v5 .form-object-caption h3{
  font-size:clamp(2rem,3.2vw,4rem) !important;
  margin:.28rem 0 .85rem !important;
}

body.home-v5 .form-full-zone{
  position:relative !important;
  inset:auto !important;
  width:auto !important;
  height:100%;
  display:grid !important;
  grid-template-rows:minmax(0,1fr) auto;
  min-width:0;
  padding:0 !important;
  overflow:hidden;
  background:linear-gradient(135deg,rgba(255,255,255,.28),rgba(222,214,201,.14));
}

body.home-v5 .full-image-stage{
  position:relative;
  min-height:0;
  display:grid;
  place-items:center;
  perspective:1400px;
  overflow:hidden;
}

body.home-v5 .full-card{
  position:relative !important;
  inset:auto !important;
  width:min(38vw,700px) !important;
  height:min(72vh,780px) !important;
  margin:0 !important;
  z-index:4;
  overflow:hidden;
  box-shadow:0 38px 90px rgba(28,22,16,.14);
  transform-style:preserve-3d;
  will-change:transform,opacity;
}

body.home-v5 .full-card img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

body.home-v5 .full-aura{
  position:absolute;
  border:1px solid rgba(105,91,70,.17);
  border-radius:50%;
  pointer-events:none;
  will-change:transform;
}

body.home-v5 .full-aura-a{
  width:68%;
  aspect-ratio:1;
}
body.home-v5 .full-aura-b{
  width:84%;
  aspect-ratio:1;
  border-style:dashed;
  opacity:.55;
}

body.home-v5 .full-meta{
  position:relative !important;
  inset:auto !important;
  width:auto !important;
  padding:0 4.2vw 3.4vh !important;
  z-index:10;
}

body.home-v5 .full-meta h3{
  font-size:clamp(2rem,3.3vw,4.1rem) !important;
  margin:.28rem 0 .7rem !important;
}

/* --- LOTUS magnetic gallery --- */
body.home-v5 .lotus-pin-stage{
  display:grid !important;
  grid-template-columns:minmax(300px,.36fr) minmax(0,.64fr) !important;
  background:#151513 !important;
  overflow:hidden;
}

body.home-v5 .lotus-copy-panel{
  position:relative !important;
  inset:auto !important;
  width:auto !important;
  z-index:12;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:8vh 3.8vw !important;
  background:linear-gradient(90deg,#151513 72%,rgba(21,21,19,0));
}

body.home-v5 .lotus-copy-panel h2{
  font-size:clamp(4rem,7vw,8rem) !important;
  line-height:.82 !important;
}

body.home-v5 .magnetic-gallery{
  position:relative;
  min-width:0;
  height:100%;
  overflow:hidden;
  perspective:1500px;
  transform-style:preserve-3d;
  cursor:grab;
}

body.home-v5 .story-lock-section.is-story-dragging .magnetic-gallery{
  cursor:grabbing;
}

body.home-v5 .magnetic-card{
  position:absolute;
  margin:0;
  overflow:hidden;
  border-radius:3px;
  box-shadow:0 35px 100px rgba(0,0,0,.32);
  transform-style:preserve-3d;
  will-change:transform,opacity,filter;
  transition:box-shadow .32s ease, filter .32s ease;
}

body.home-v5 .magnetic-card img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}

body.home-v5 .magnetic-card-1{
  width:min(39vw,660px);
  height:min(68vh,720px);
  left:12%;
  top:13%;
}
body.home-v5 .magnetic-card-2{
  width:min(28vw,470px);
  height:min(48vh,520px);
  right:7%;
  top:8%;
}
body.home-v5 .magnetic-card-3{
  width:min(25vw,430px);
  height:min(45vh,485px);
  right:10%;
  bottom:6%;
}
body.home-v5 .magnetic-card-4{
  width:min(31vw,520px);
  height:min(40vh,430px);
  left:18%;
  bottom:4%;
}

body.home-v5 .magnetic-card.is-active{
  box-shadow:0 52px 130px rgba(0,0,0,.44);
  filter:saturate(1.02) brightness(1.02);
}

body.home-v5 .magnetic-glow{
  position:absolute;
  width:58%;
  aspect-ratio:1;
  left:28%;
  top:20%;
  border-radius:50%;
  background:radial-gradient(circle,rgba(185,159,126,.16),rgba(185,159,126,0) 70%);
  filter:blur(40px);
  pointer-events:none;
}

/* smooth internal-story cursor */
body.home-v5 .form-pin-stage,
body.home-v5 .lotus-pin-stage{
  cursor:grab;
}
body.home-v5 .story-lock-section.is-story-dragging .pin-stage{
  cursor:grabbing !important;
}

/* Mobile */
@media(max-width:900px){
  body.home-v5 .form-pin-stage{
    grid-template-columns:12vw 1fr !important;
    grid-template-rows:62% 38%;
  }

  body.home-v5 .form-wordmark{
    grid-row:1 / 3;
  }

  body.home-v5 .form-wordmark span{
    font-size:clamp(2.7rem,13vw,5rem);
    line-height:.78;
  }

  body.home-v5 .form-gallery-zone{
    grid-column:2;
    grid-row:1;
    border-right:0;
    border-bottom:1px solid rgba(30,28,24,.09);
  }

  body.home-v5 .form-full-zone{
    grid-column:2;
    grid-row:2;
    grid-template-columns:58% 42%;
    grid-template-rows:1fr;
  }

  body.home-v5 .gallery-wheel{
    width:min(64vw,420px);
    height:min(43vh,470px);
    top:42%;
  }

  body.home-v5 .form-object-caption{
    padding:0 4vw 1.8vh !important;
  }

  body.home-v5 .form-object-caption h3{
    font-size:clamp(1.55rem,6vw,2.4rem) !important;
  }

  body.home-v5 .full-card{
    width:92% !important;
    height:88% !important;
  }

  body.home-v5 .full-meta{
    align-self:center;
    padding:2vh 3.5vw !important;
  }

  body.home-v5 .full-meta h3{
    font-size:clamp(1.35rem,5.4vw,2.2rem) !important;
  }

  body.home-v5 .lotus-pin-stage{
    grid-template-columns:1fr !important;
    grid-template-rows:34% 66%;
  }

  body.home-v5 .lotus-copy-panel{
    grid-row:1;
    padding:7vh 7vw 2vh !important;
    background:linear-gradient(180deg,#151513 75%,rgba(21,21,19,0));
  }

  body.home-v5 .lotus-copy-panel h2{
    font-size:clamp(3.4rem,14vw,6rem) !important;
  }

  body.home-v5 .lotus-copy-panel p{
    max-width:30rem;
  }

  body.home-v5 .magnetic-gallery{
    grid-row:2;
  }

  body.home-v5 .magnetic-card-1{
    width:56vw; height:48vh; left:7%; top:7%;
  }
  body.home-v5 .magnetic-card-2{
    width:43vw; height:34vh; right:4%; top:3%;
  }
  body.home-v5 .magnetic-card-3{
    width:41vw; height:32vh; right:7%; bottom:4%;
  }
  body.home-v5 .magnetic-card-4{
    width:48vw; height:30vh; left:10%; bottom:3%;
  }
}

@media(max-width:600px){
  body.home-v5 .form-pin-stage{
    grid-template-columns:13vw 1fr !important;
    grid-template-rows:59% 41%;
  }
  body.home-v5 .gallery-wheel{
    width:68vw;
    height:41vh;
  }
  body.home-v5 .form-object-caption .eyebrow{
    font-size:.61rem;
  }
  body.home-v5 .form-object-caption .story-progress{
    max-width:86%;
  }
  body.home-v5 .full-meta .eyebrow{
    font-size:.58rem;
  }
  body.home-v5 .full-meta a{
    font-size:.58rem;
  }
}


/* ================= COLLECTIONS STORY / V10 ================= */
body.collections-page{background:#f3efe8;color:#1e1b17}
.collections-hero{background:linear-gradient(180deg,#f5f2ec,#ebe4d8);padding:160px 5vw 74px;height:auto;min-height:unset}
.collections-hero h1{font-family:"Cormorant Garamond";font-size:clamp(62px,8vw,124px);line-height:.85;font-weight:400;letter-spacing:-.05em;margin:10px 0 18px}
.collections-hero p{max-width:760px;font-size:15px;line-height:1.8;color:#615a51}
.collections-page .topbar{mix-blend-mode:normal;color:#171512;background:linear-gradient(180deg,rgba(243,239,232,.94),rgba(243,239,232,.68),rgba(243,239,232,0));backdrop-filter:blur(10px)}
.collections-page .navlinks a{opacity:.62}
.collections-page .navlinks a:hover{opacity:1}
.collections-page .wordmark{letter-spacing:.3em}

.collections-story{position:relative;height:560vh;background:linear-gradient(180deg,#f3efe8 0%,#efe8dc 48%,#f6f1e9 100%)}
.collections-story-stage{position:sticky;top:0;height:100vh;display:grid;grid-template-columns:minmax(240px,.28fr) minmax(420px,.44fr) minmax(300px,.28fr);gap:0;overflow:hidden;isolation:isolate}
.collections-story-stage:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 44%,rgba(255,255,255,.74),transparent 36%),radial-gradient(circle at 80% 20%,rgba(207,194,175,.24),transparent 23%);pointer-events:none}
.collections-story-intro,.collections-story-sidebar{position:relative;z-index:3;padding:13vh 3vw 7vh}
.collections-story-intro{display:flex;flex-direction:column;justify-content:center;border-right:1px solid rgba(25,23,20,.08)}
.collections-story-intro h2{font-family:"Cormorant Garamond";font-size:clamp(48px,5.7vw,96px);line-height:.88;font-weight:400;letter-spacing:-.05em;margin:16px 0 20px}
.collections-story-intro p{font-size:14px;line-height:1.8;color:#5e564c;max-width:27ch}
.story-counter{display:flex;align-items:center;gap:14px;margin-top:34px;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:#4d453d}
.story-counter-line{width:min(18vw,140px);height:1px;background:rgba(30,27,23,.14)}

.collections-story-viewer{position:relative;display:grid;place-items:center;overflow:hidden;perspective:1600px}
.story-main-link{position:relative;width:min(30vw,480px);display:block;z-index:4;transform-style:preserve-3d}
.story-main-shadow{position:absolute;left:10%;right:10%;bottom:-5%;height:12%;border-radius:50%;background:radial-gradient(ellipse at center,rgba(35,29,21,.18),rgba(35,29,21,0) 72%);filter:blur(18px);transform:translateZ(0)}
.story-main-card{position:relative;border-radius:4px;overflow:hidden;box-shadow:0 38px 90px rgba(30,24,19,.18);background:#ddd0c0;transform-style:preserve-3d;will-change:transform}
.story-main-card img{aspect-ratio:4/5;width:100%;object-fit:cover;display:block}
.story-floating-chip{position:absolute;border:1px solid rgba(52,45,38,.12);border-radius:999px;background:rgba(255,255,255,.35);backdrop-filter:blur(4px);z-index:1}
.chip-a{width:112px;height:112px;left:18%;top:22%}
.chip-b{width:48px;height:48px;right:18%;top:24%}
.chip-c{width:72px;height:72px;right:24%;bottom:20%}

.collections-story-sidebar{display:flex;flex-direction:column;justify-content:center;border-left:1px solid rgba(25,23,20,.08)}
.story-meta .eyebrow{color:#665f56}
.story-meta h3{font-family:"Cormorant Garamond";font-size:clamp(36px,4vw,62px);line-height:.92;font-weight:400;letter-spacing:-.045em;margin:12px 0 16px}
.story-meta p{font-size:14px;line-height:1.8;color:#5b534a;max-width:34ch;margin:0 0 22px}
.story-specs{display:grid;gap:10px;margin:0 0 28px}
.story-specs div{display:grid;grid-template-columns:92px 1fr;gap:14px;padding:10px 0;border-top:1px solid rgba(25,23,20,.08)}
.story-specs div:last-child{border-bottom:1px solid rgba(25,23,20,.08)}
.story-specs span{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#8a8176}
.story-specs strong{font-size:14px;font-weight:500;color:#201d19;line-height:1.55}
.story-detail-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}
.story-detail-thumb{display:block;border-radius:3px;overflow:hidden;box-shadow:0 22px 50px rgba(24,20,16,.1);transition:transform .55s var(--ease), box-shadow .55s var(--ease), opacity .35s ease;background:#e6ddd0}
.story-detail-thumb img{aspect-ratio:1/1;object-fit:cover}
.story-detail-thumb:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 28px 64px rgba(24,20,16,.16)}
.story-view-button{display:inline-flex;align-items:center;gap:8px;padding:14px 18px;border:1px solid rgba(28,24,20,.16);border-radius:999px;font-size:11px;letter-spacing:.2em;text-transform:uppercase;transition:.35s var(--ease);align-self:flex-start}
.story-view-button:hover{background:#1f1b17;color:#f8f4ed;border-color:#1f1b17}

.collections-page .series-block{padding-top:110px}
.collections-page .page-hero + .collections-story + .series-block{padding-top:90px}

@media(max-width:1024px){
  .collections-story{height:620vh}
  .collections-story-stage{grid-template-columns:1fr;grid-template-rows:auto 1fr auto;height:100svh}
  .collections-story-intro,.collections-story-sidebar{padding:92px 6vw 20px;border:none}
  .collections-story-intro{justify-content:flex-start}
  .collections-story-intro h2{font-size:clamp(40px,9vw,64px)}
  .collections-story-intro p{max-width:52ch}
  .collections-story-viewer{min-height:0}
  .story-main-link{width:min(58vw,430px)}
  .collections-story-sidebar{padding:18px 6vw 34px}
}
@media(max-width:700px){
  .collections-hero{padding:128px 6vw 56px}
  .collections-story{height:700vh}
  .collections-story-intro p{font-size:13px;line-height:1.7}
  .story-counter{margin-top:18px}
  .story-main-link{width:min(72vw,330px)}
  .story-main-card img{aspect-ratio:3/4}
  .chip-a{left:8%;top:16%}.chip-b{right:10%;top:17%}.chip-c{right:12%;bottom:16%}
  .story-meta h3{font-size:clamp(30px,8vw,48px)}
  .story-specs div{grid-template-columns:1fr;gap:4px}
  .story-detail-strip{gap:8px}
}

/* Collections spatial camera sequence */
.collections-story{height:650vh;background:#f1ece3}
.collections-story-stage{grid-template-columns:minmax(220px,.24fr) minmax(520px,.52fr) minmax(270px,.24fr)}
.collections-story-stage:before{background:
  radial-gradient(circle at 52% 43%,rgba(255,255,255,.95),rgba(255,255,255,.18) 31%,transparent 58%),
  linear-gradient(135deg,#f7f3ed 0%,#e9e0d4 55%,#f4efe7 100%)}
.collections-story-viewer{perspective:1800px;perspective-origin:50% 46%;transform-style:preserve-3d;overflow:visible}
.spatial-scene{position:absolute;inset:0;transform-style:preserve-3d;z-index:2}
.spatial-object{position:absolute;left:50%;top:50%;width:min(31vw,470px);height:min(68vh,680px);display:block;transform-style:preserve-3d;will-change:transform,opacity,filter;transition:opacity .12s linear;outline:none}
.spatial-main-plane{position:absolute;inset:0;display:grid;place-items:center;transform:translateZ(28px);filter:drop-shadow(0 36px 34px rgba(48,38,27,.18));transition:filter .55s var(--ease)}
.spatial-main-plane:before{content:"";position:absolute;inset:9% 8%;border-radius:5px;background:rgba(84,68,50,.13);transform:translate3d(11px,13px,-20px);filter:blur(8px)}
.spatial-main-plane img{position:relative;z-index:1;width:100%;height:100%;object-fit:contain}
.spatial-object-shadow{position:absolute;left:12%;right:12%;bottom:-3%;height:12%;border-radius:50%;background:radial-gradient(ellipse,rgba(50,39,27,.25),transparent 70%);filter:blur(18px);transform:translateZ(-40px) rotateX(76deg)}
.spatial-secondary{position:absolute;display:block;overflow:hidden;border:1px solid rgba(42,34,26,.1);background:#e6ddd1;box-shadow:0 24px 56px rgba(45,35,25,.14);opacity:.86;transition:opacity .5s var(--ease);backface-visibility:hidden}
.spatial-secondary img{width:100%;height:100%;object-fit:cover}
.plane-installed{width:38%;aspect-ratio:4/5;right:-19%;top:5%;transform:translateZ(-55px) rotateY(-13deg) rotateZ(3deg)}
.plane-detail{width:29%;aspect-ratio:1;left:-15%;bottom:7%;transform:translateZ(52px) rotateY(12deg) rotateZ(-4deg)}
.spatial-object:not(.is-active) .spatial-secondary{opacity:.2}
.spatial-object.is-active .spatial-main-plane{filter:drop-shadow(0 42px 42px rgba(48,38,27,.22))}
.spatial-object:focus-visible .spatial-main-plane{outline:1px solid #342d26;outline-offset:10px}
.spatial-horizon{position:absolute;left:10%;right:10%;top:57%;height:1px;background:linear-gradient(90deg,transparent,rgba(78,66,53,.12),transparent);transform:translateZ(-900px);z-index:0}
.spatial-instruction{position:absolute;bottom:4vh;left:50%;transform:translateX(-50%);margin:0;font-size:8px;letter-spacing:.22em;text-transform:uppercase;color:#746b61;white-space:nowrap;z-index:5}
.spatial-instruction:before{content:"";display:inline-block;width:28px;height:1px;background:currentColor;vertical-align:middle;margin-right:10px;opacity:.5}

@media(max-width:1024px){
  .collections-story{height:680vh}
  .collections-story-stage{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr) auto}
  .collections-story-intro{position:absolute;left:0;top:0;width:44%;padding:100px 4vw 0;z-index:6}
  .collections-story-intro p{display:none}
  .collections-story-intro h2{font-size:clamp(38px,6vw,60px)}
  .collections-story-viewer{grid-row:1/4}
  .collections-story-sidebar{position:absolute;right:0;bottom:2vh;width:38%;padding:20px 4vw;z-index:6;background:linear-gradient(90deg,transparent,rgba(244,239,231,.82) 18%)}
  .story-meta p,.story-specs{display:none}
  .story-detail-strip{margin-bottom:12px}
  .spatial-object{width:min(48vw,450px);height:min(62vh,650px)}
}
@media(max-width:700px){
  .collections-story{height:720vh}
  .collections-story-stage{display:block;height:100svh}
  .collections-story-intro{width:100%;padding:84px 6vw 0;pointer-events:none}
  .collections-story-intro h2{font-size:38px;margin:10px 0 0}
  .story-counter{margin-top:10px}
  .collections-story-viewer{position:absolute;inset:0;perspective:1300px;overflow:hidden}
  .spatial-object{width:68vw;height:52svh;top:49%}
  .plane-installed{width:34%;right:-10%;top:1%}
  .plane-detail{width:27%;left:-8%;bottom:3%}
  .collections-story-sidebar{left:0;right:0;bottom:0;width:100%;padding:14px 6vw 24px;background:linear-gradient(0deg,#f1ece3 55%,transparent)}
  .story-meta h3{font-size:31px;margin:8px 0 4px}
  .story-detail-strip,.story-view-button,.story-meta p,.story-specs{display:none}
  .spatial-instruction{bottom:20vh}
}
@media(prefers-reduced-motion:reduce){
  .spatial-object{transition:none}
}

/* ================= COLLECTIONS GALLERY / V11 ================= */
.collections-gallery-page{--gallery-ink:#24201b;--gallery-paper:#f4f0e9;background:var(--gallery-paper);color:var(--gallery-ink)}
.collections-gallery-page .topbar{position:fixed;background:linear-gradient(180deg,rgba(247,244,238,.96),rgba(247,244,238,.76) 65%,transparent);mix-blend-mode:normal;color:var(--gallery-ink);z-index:100}
.collections-gallery-page .collections-footer{position:relative;z-index:5;background:#e9e2d8}
.gallery-intro{height:100svh;min-height:680px;padding:19vh 7vw 9vh;display:flex;flex-direction:column;justify-content:center;position:relative;background:radial-gradient(circle at 68% 38%,#fff 0,rgba(255,255,255,.72) 19%,transparent 52%),linear-gradient(135deg,#f7f4ee,#eae3d9);overflow:hidden}
.gallery-intro:before{content:"";position:absolute;right:8vw;top:15vh;width:min(39vw,590px);height:68vh;border:1px solid rgba(56,47,37,.09);box-shadow:inset 0 0 90px rgba(104,86,65,.05);background:rgba(255,255,255,.2)}
.gallery-intro:after{content:"";position:absolute;left:0;right:0;bottom:0;height:31%;background:linear-gradient(170deg,transparent 48%,rgba(78,63,47,.06) 48.2%,transparent 49%);pointer-events:none}
.gallery-intro>*{position:relative;z-index:2}
.gallery-intro h1{font-family:"Cormorant Garamond";font-size:clamp(74px,11vw,176px);line-height:.72;font-weight:400;letter-spacing:-.055em;margin:26px 0 38px;max-width:8ch}
.gallery-intro h1 em{font-weight:300;color:#8f7963}
.gallery-intro p{max-width:36ch;font-size:14px;line-height:1.85;color:#696056;margin-left:38vw}
.gallery-scroll-cue{position:absolute;left:7vw;bottom:7vh;display:flex;align-items:center;gap:14px;font-size:9px;letter-spacing:.23em;text-transform:uppercase}
.gallery-scroll-cue i{width:52px;height:1px;background:currentColor;position:relative;overflow:hidden}
.gallery-scroll-cue i:after{content:"";position:absolute;inset:0;background:#fff;animation:galleryCue 2.2s ease-in-out infinite}
@keyframes galleryCue{0%{transform:translateX(-110%)}70%,100%{transform:translateX(110%)}}

.gallery-walk{position:relative;background:#eee8de}
.gallery-architecture{position:sticky;top:0;height:100svh;overflow:hidden;z-index:0;background:linear-gradient(90deg,#e5ddd2 0,#f8f5ef 18%,#f8f5ef 82%,#e5ddd2 100%)}
.gallery-ceiling,.gallery-floor,.gallery-horizon{position:absolute;left:0;right:0;pointer-events:none}
.gallery-ceiling{top:0;height:22%;clip-path:polygon(0 0,100% 0,82% 100%,18% 100%);background:linear-gradient(180deg,#e3dbd0,#f6f2eb);border-bottom:1px solid rgba(55,46,37,.08)}
.gallery-floor{bottom:0;height:31%;clip-path:polygon(18% 0,82% 0,100% 100%,0 100%);background:repeating-linear-gradient(100deg,rgba(70,57,43,.035) 0,rgba(70,57,43,.035) 1px,transparent 1px,transparent 9vw),linear-gradient(#eee7dc,#ded5c8)}
.gallery-horizon{top:69%;height:1px;background:rgba(62,51,40,.13);box-shadow:0 10px 32px rgba(68,55,42,.06)}
.gallery-stop{height:126svh;position:relative;z-index:1;margin-top:0;pointer-events:none;--distance:1;--close:0}
.gallery-architecture + .gallery-stop{margin-top:-100svh}
.gallery-stop-stage{position:sticky;top:0;height:100svh;overflow:hidden;perspective:1600px;transform-style:preserve-3d}
.gallery-frame{pointer-events:auto;position:absolute;left:50%;top:49%;width:min(31vw,470px);transform:translate(-50%,-50%) translate3d(calc(var(--distance)*-20vw),calc(var(--distance)*10vh),calc(var(--distance)*-720px)) rotateY(calc(var(--distance)*12deg)) scale(calc(.72 + var(--close)*.28));opacity:calc(.08 + var(--close)*.92);filter:blur(calc((1 - var(--close))*4px));transition:box-shadow .45s ease;transform-style:preserve-3d;will-change:transform,opacity,filter}
.gallery-frame-mount{display:block;padding:clamp(9px,1vw,18px);background:#fdfcf9;border:1px solid rgba(57,46,35,.13);box-shadow:0 34px 80px rgba(47,38,29,.18),0 5px 12px rgba(47,38,29,.12)}
.gallery-frame-mount:before{content:"";position:absolute;inset:8px;box-shadow:inset 0 0 18px rgba(71,55,38,.08);pointer-events:none;z-index:2}
.gallery-frame img{display:block;width:100%;height:min(60vh,650px);object-fit:cover;background:#e8e0d5}
.gallery-frame:hover .gallery-frame-mount{box-shadow:0 44px 100px rgba(47,38,29,.24),0 8px 18px rgba(47,38,29,.13)}
.gallery-plaque{position:absolute;left:calc(100% + 24px);bottom:5%;width:130px;padding:11px 12px;background:rgba(248,245,239,.88);border:1px solid rgba(55,45,34,.13);backdrop-filter:blur(8px)}
.gallery-plaque b,.gallery-plaque small{display:block}.gallery-plaque b{font-family:"Cormorant Garamond";font-size:18px;font-weight:500}.gallery-plaque small{font-size:7px;letter-spacing:.13em;text-transform:uppercase;margin-top:7px}
.gallery-wall-number{position:absolute;left:3.2vw;top:50%;transform:translateY(-50%);font-family:"Cormorant Garamond";font-size:clamp(150px,23vw,380px);line-height:.7;color:rgba(73,61,48,calc(.015 + var(--close)*.025));letter-spacing:-.09em}
.gallery-wall-copy{position:absolute;left:6vw;top:47%;width:23vw;transform:translateY(calc(-50% + var(--distance)*7vh));opacity:var(--close);will-change:transform,opacity}
.gallery-wall-copy>span{font-size:8px;letter-spacing:.22em;text-transform:uppercase;color:#81776b}.gallery-wall-copy h2{font-family:"Cormorant Garamond";font-size:clamp(36px,4.5vw,72px);font-weight:400;line-height:.87;letter-spacing:-.04em;margin:12px 0 16px}.gallery-wall-copy p{font-size:12px;line-height:1.7;color:#756b60;max-width:25ch}
.gallery-position{position:absolute;right:4vw;bottom:6vh;display:flex;align-items:center;gap:11px;font-size:9px;opacity:var(--close)}
.gallery-position span{width:76px;height:1px;background:rgba(42,36,29,.28);position:relative}.gallery-position span:after{content:"";position:absolute;left:0;top:0;height:1px;width:calc((var(--close))*100%);background:#28231e}.gallery-position b{font-weight:500}.gallery-position small{color:#897f73}

.collection-detail-hero{min-height:100svh;padding:130px 6vw 7vw;display:grid;grid-template-columns:.86fr 1.14fr;gap:7vw;align-items:center;background:radial-gradient(circle at 76% 40%,#fff,transparent 45%),linear-gradient(135deg,#f4f0e9,#e8e0d5);position:relative}
.collection-back{position:absolute;left:6vw;top:118px;font-size:9px;letter-spacing:.2em;text-transform:uppercase;border-bottom:1px solid rgba(32,28,23,.3);padding-bottom:7px}
.collection-detail-copy h1{font-family:"Cormorant Garamond";font-size:clamp(66px,9vw,142px);font-weight:400;line-height:.76;letter-spacing:-.055em;margin:24px 0 32px}.collection-detail-copy p{font-size:14px;line-height:1.8;color:#6c6258;max-width:32ch}
.collection-detail-cover{margin:0;padding:clamp(12px,1.5vw,24px);background:#faf8f3;box-shadow:0 35px 90px rgba(44,35,26,.17)}
.collection-detail-cover img{width:100%;height:min(70vh,760px);object-fit:cover;display:block}
.collection-products{padding:12vw 6vw;background:#f7f4ee}
.collection-products-head{display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid rgba(38,32,26,.13);padding-bottom:28px;margin-bottom:6vw}.collection-products-head h2{font-family:"Cormorant Garamond";font-size:clamp(48px,6vw,92px);font-weight:400;letter-spacing:-.045em;margin:12px 0 0}.collection-products-head>p{font-size:9px;letter-spacing:.2em;text-transform:uppercase}
.collection-product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7vw 3vw}.collection-product:nth-child(3n){grid-column:2}.collection-product-image{overflow:hidden;background:#e7ded1}.collection-product-image img{width:100%;aspect-ratio:4/5;object-fit:cover;transition:transform 1s cubic-bezier(.16,1,.3,1)}.collection-product:hover img{transform:scale(1.025)}
.collection-product-meta{display:grid;grid-template-columns:1fr auto;align-items:end;padding:20px 2px;border-bottom:1px solid rgba(37,31,25,.14)}.collection-product-meta span{grid-column:1/-1;font-size:8px;letter-spacing:.19em;color:#81776b}.collection-product-meta h3{font-family:"Cormorant Garamond";font-size:clamp(28px,3vw,48px);font-weight:400;margin:10px 0 0}.collection-product-meta small{font-size:8px;letter-spacing:.17em;text-transform:uppercase;padding-bottom:8px}
.collection-next{padding:8vw 6vw 10vw;background:#e8e1d6}.collection-next>span{font-size:8px;letter-spacing:.22em;text-transform:uppercase}.collection-next a{display:flex;justify-content:space-between;align-items:center;font-family:"Cormorant Garamond";font-size:clamp(54px,9vw,132px);line-height:1;border-bottom:1px solid rgba(36,30,24,.2);padding:22px 0}.collection-next i{font-family:Arial;font-size:.45em;font-style:normal}

@media(max-width:900px){
  .gallery-intro{padding-left:6vw}.gallery-intro:before{right:-12vw;width:68vw}.gallery-intro h1{font-size:clamp(68px,17vw,126px)}.gallery-intro p{margin-left:36vw}
  .gallery-frame{width:min(49vw,430px)}.gallery-wall-copy{left:5vw;width:27vw}.gallery-plaque{left:calc(100% + 13px)}
  .collection-detail-hero{grid-template-columns:1fr;gap:6vh;padding-top:170px}.collection-detail-copy{max-width:76vw}.collection-detail-cover img{height:62vh}.collection-product-grid{gap:8vw 3vw}
}
@media(max-width:600px){
  .gallery-intro{min-height:620px;padding:17vh 7vw 10vh;justify-content:flex-start}.gallery-intro:before{top:38vh;right:-14vw;width:78vw;height:45vh}.gallery-intro h1{font-size:18vw;line-height:.78;margin-top:18px}.gallery-intro p{margin:2vh 0 0 25vw;font-size:12px;max-width:26ch}.gallery-scroll-cue{left:7vw;bottom:5vh}
  .gallery-stop{height:120svh}.gallery-frame{top:48%;width:66vw;transform:translate(-50%,-50%) translate3d(calc(var(--distance)*-24vw),calc(var(--distance)*8vh),calc(var(--distance)*-560px)) rotateY(calc(var(--distance)*9deg)) scale(calc(.75 + var(--close)*.25))}.gallery-frame img{height:47svh}.gallery-plaque{left:auto;right:0;bottom:-62px;width:142px}.gallery-wall-copy{left:7vw;top:18%;width:82vw;transform:translateY(calc(var(--distance)*4vh));text-align:left}.gallery-wall-copy h2{font-size:11vw;margin:8px 0}.gallery-wall-copy p{display:none}.gallery-wall-number{left:-6vw;top:48%;font-size:55vw}.gallery-position{right:7vw;bottom:4vh}.gallery-floor{height:27%}.gallery-horizon{top:73%}
  .collection-detail-hero{display:block;padding:150px 7vw 10vh}.collection-back{left:7vw;top:104px}.collection-detail-copy h1{font-size:18vw;margin:18px 0 20px}.collection-detail-copy p{font-size:12px;margin-bottom:6vh}.collection-detail-cover{padding:9px}.collection-detail-cover img{height:50svh}.collection-products{padding:18vw 7vw}.collection-products-head{align-items:start}.collection-products-head h2{font-size:14vw}.collection-product-grid{grid-template-columns:1fr;gap:16vw}.collection-product:nth-child(3n){grid-column:auto}.collection-product-meta h3{font-size:9vw}.collection-next{padding:17vw 7vw}.collection-next a{font-size:14vw}
}
@media(prefers-reduced-motion:reduce){.gallery-scroll-cue i:after{animation:none}.gallery-frame,.gallery-wall-copy{filter:none;transition:none}}

/* Collections V12 — one continuous scroll-locked exhibition */
html:has(body.collections-gallery-page),body.collections-gallery-page{overflow-x:clip;overflow-y:visible}
.gallery-intro{display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);gap:5vw;align-items:center;padding:14vh 6vw 8vh}
.gallery-intro:before,.gallery-intro:after{display:none}
.gallery-intro-copy{position:relative;z-index:2}
.gallery-intro h1{font-size:clamp(68px,8.3vw,138px);margin:24px 0 34px}
.gallery-intro p{margin-left:23%;max-width:33ch}
.gallery-intro-image{position:relative;z-index:2;margin:0;height:min(76vh,850px);padding:clamp(9px,1.1vw,17px);background:#fbfaf7;border:1px solid rgba(57,46,35,.12);box-shadow:0 38px 100px rgba(49,39,29,.16)}
.gallery-intro-image img{width:100%;height:100%;display:block;object-fit:cover}
.gallery-intro .gallery-scroll-cue{left:0;bottom:-10vh}

.gallery-walk{height:760svh;position:relative;margin:0;background:#eee8de}
.gallery-lock{position:sticky;top:0;height:100svh;overflow:hidden;isolation:isolate;background:#f4f0e9}
.gallery-lock .gallery-architecture{position:absolute;inset:0;height:auto;z-index:0}
.gallery-scenes{position:absolute;inset:0;z-index:2;perspective:1700px;transform-style:preserve-3d}
.gallery-lock .gallery-stop{position:absolute;inset:0;height:auto;margin:0;z-index:1;pointer-events:none;transform-style:preserve-3d;opacity:1}
.gallery-lock .gallery-stop.is-current{z-index:3}
.gallery-lock .gallery-frame{pointer-events:none;transform:translate(-50%,-50%) translate3d(calc(var(--distance)*-18vw),calc(var(--distance)*3vh),calc(var(--distance)*-820px)) rotateY(calc(var(--distance)*12deg)) scale(calc(.78 + var(--close)*.22));opacity:clamp(0,calc(.04 + var(--close)*.96),1);filter:blur(calc((1 - var(--close))*5px));visibility:hidden}
.gallery-lock .gallery-stop[aria-hidden="false"] .gallery-frame{visibility:visible}
.gallery-lock .gallery-stop.is-current .gallery-frame{pointer-events:auto}
.gallery-lock .gallery-wall-copy{transform:translateX(calc(var(--distance)*-11vw)) translateY(calc(-50% + var(--distance)*5vh));opacity:clamp(0,var(--close),1);visibility:hidden}
.gallery-lock .gallery-stop[aria-hidden="false"] .gallery-wall-copy{visibility:visible}
.gallery-lock .gallery-wall-number{opacity:clamp(0,var(--close),1)}
.gallery-lock .gallery-position{opacity:1;z-index:8}
.gallery-lock .gallery-position span i{display:block;width:100%;height:1px;background:#28231e;transform:scaleX(0);transform-origin:left center;will-change:transform}
.gallery-lock-cue{position:absolute;left:50%;bottom:4vh;transform:translateX(-50%);z-index:8;font-size:8px;letter-spacing:.2em;text-transform:uppercase;color:#796f63;white-space:nowrap}
.gallery-lock-cue:before{content:"";display:inline-block;width:32px;height:1px;background:currentColor;margin:0 12px 3px 0;opacity:.45}

@media(max-width:900px){
  .gallery-intro{grid-template-columns:.82fr 1.18fr;gap:3vw;padding:14vh 5vw 8vh}.gallery-intro h1{font-size:9.5vw}.gallery-intro p{margin-left:12%;font-size:12px}.gallery-intro-image{height:68vh}
  .gallery-lock .gallery-frame{width:min(49vw,430px)}
}
@media(max-width:600px){
  .gallery-intro{height:auto;min-height:100svh;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 54svh;gap:4vh 4vw;padding:13vh 6vw 7vh;align-content:center}.gallery-intro-copy{grid-column:1/-1}.gallery-intro h1{font-size:16vw;margin:15px 0 22px}.gallery-intro p{margin:0 0 0 22%;max-width:28ch}.gallery-intro-image{grid-column:1/-1;height:54svh;padding:7px}.gallery-intro .gallery-scroll-cue{display:none}
  .gallery-walk{height:790svh}.gallery-lock .gallery-frame{top:49%;width:68vw;transform:translate(-50%,-50%) translate3d(calc(var(--distance)*-20vw),calc(var(--distance)*2vh),calc(var(--distance)*-620px)) rotateY(calc(var(--distance)*9deg)) scale(calc(.8 + var(--close)*.2))}.gallery-lock .gallery-wall-copy{top:17%;transform:translateY(calc(var(--distance)*3vh))}.gallery-lock-cue{bottom:9vh;font-size:6px}.gallery-lock .gallery-position{bottom:4vh}
}
@media(prefers-reduced-motion:reduce){.gallery-lock .gallery-frame{filter:none}}

/* Collections V13 — complete, uncropped artwork and readable footer */
.collections-gallery-page .collections-footer,
.collections-gallery-page .collections-footer a,
.collections-gallery-page .collections-footer span,
.collections-gallery-page .collections-footer .footer-mark,
.collections-gallery-page .collections-footer .footer-base{color:#171411!important}
.collections-gallery-page .collections-footer{border-color:rgba(23,20,17,.16)}
.collections-gallery-page .gallery-intro-image{display:grid;place-items:center;background:#f8f5ef}
.collections-gallery-page .gallery-intro-image img{object-fit:contain;object-position:center}
.collections-gallery-page .gallery-frame-mount{background:#f8f5ef}
.collections-gallery-page .gallery-frame img{object-fit:contain;object-position:center;background:#f8f5ef}
.collections-gallery-page .collection-detail-cover{background:#f8f5ef}
.collections-gallery-page .collection-detail-cover img{object-fit:contain;object-position:center;background:#f8f5ef}

/* ================= COMMERCE / V14 ================= */
.collections-gallery-page .collection-product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:5vw 2vw}
.collections-gallery-page .collection-product:nth-child(3n){grid-column:auto}
.collections-gallery-page .collection-product-image img{aspect-ratio:4/5;object-fit:contain;background:#eee8de}
.collections-gallery-page .collection-product-meta{grid-template-columns:1fr}.collections-gallery-page .collection-product-meta small{padding:7px 0 0}

.commerce-product{min-height:100svh;padding:128px 5vw 9vw;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(380px,.88fr);gap:5vw;background:#f5f1ea;align-items:start}
.commerce-gallery{display:grid;grid-template-columns:92px minmax(0,1fr);gap:14px;position:sticky;top:92px}
.product-thumbs{display:flex;flex-direction:column;gap:10px;max-height:72vh;overflow:auto;scrollbar-width:none}.product-thumbs button{padding:4px;border:1px solid transparent;background:#ece5da;cursor:pointer;opacity:.6;transition:.25s}.product-thumbs button.active{border-color:#28231e;opacity:1}.product-thumbs img{width:100%;aspect-ratio:1;object-fit:contain;display:block}
.commerce-product .product-main-media{height:min(74vh,780px);min-height:560px;position:relative;background:#ebe4da;display:grid;place-items:center;overflow:hidden}.product-main-image{width:100%;height:100%;display:grid;place-items:center}.product-main-image img{width:100%;height:100%;object-fit:contain;display:block}.gallery-arrow{position:absolute;top:50%;z-index:3;width:42px;height:42px;border-radius:50%;border:1px solid rgba(35,30,25,.2);background:rgba(248,245,239,.85);cursor:pointer}.gallery-arrow.prev{left:16px}.gallery-arrow.next{right:16px}.swipe-hint{grid-column:2;font-size:8px;letter-spacing:.17em;text-transform:uppercase;color:#7c7267}
.commerce-info{padding:4vh 0}.commerce-info h1{font-family:"Cormorant Garamond";font-size:clamp(54px,6vw,98px);font-weight:400;line-height:.78;letter-spacing:-.05em;margin:15px 0 22px}.commerce-info .product-desc{font-size:14px;line-height:1.75;color:#6c6258;max-width:44ch}.product-price{font-family:"Cormorant Garamond";font-size:42px;margin:30px 0 2px}.tax-note{font-size:9px;color:#82786c;margin-bottom:32px}.size-picker{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 20px}.size-picker .size-btn{min-width:132px;display:grid;gap:5px;padding:13px 16px;text-align:left;background:transparent;border:1px solid rgba(35,30,25,.2);cursor:pointer}.size-picker .size-btn span{font-size:12px}.size-picker .size-btn small{font-size:9px;color:#7d7368}.size-picker .size-btn.active{background:#27221d;color:#f8f4ed}.size-picker .size-btn.active small{color:#d7cec1}
.delivery-note{display:flex;justify-content:space-between;padding:17px 0;border-top:1px solid rgba(35,30,25,.12);border-bottom:1px solid rgba(35,30,25,.12);font-size:11px}.delivery-note span{color:#756b60}.product-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.product-actions .btn{width:100%;text-align:center;justify-content:center;cursor:pointer}.view-cart-link{display:flex;justify-content:space-between;margin:15px 0 30px;padding-bottom:8px;border-bottom:1px solid rgba(35,30,25,.2);font-size:9px;letter-spacing:.18em;text-transform:uppercase}.view-cart-link span{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#29241f;color:#fff}
.product-accordions details{border-top:1px solid rgba(35,30,25,.14)}.product-accordions details:last-child{border-bottom:1px solid rgba(35,30,25,.14)}.product-accordions summary{padding:18px 0;cursor:pointer;font-size:10px;letter-spacing:.17em;text-transform:uppercase;list-style:none;display:flex;justify-content:space-between}.product-accordions summary:after{content:"+"}.product-accordions details[open] summary:after{content:"−"}.accordion-body{padding:0 0 20px;color:#6e6459;font-size:12px;line-height:1.7}.accordion-body dl{margin:0}.accordion-body dl div{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid rgba(35,30,25,.07)}.accordion-body dt{color:#897f73}.accordion-body dd{margin:0;text-align:right;color:#302a25}

.enquiry-modal{position:fixed;inset:0;z-index:1000;display:grid;justify-items:end;visibility:hidden}.enquiry-modal.open{visibility:visible}.enquiry-backdrop{position:absolute;inset:0;border:0;background:rgba(24,20,17,.42);opacity:0;transition:.35s}.enquiry-modal.open .enquiry-backdrop{opacity:1}.enquiry-panel{position:relative;width:min(94vw,560px);height:100%;overflow:auto;background:#f5f0e8;padding:8vh 5vw 5vh;transform:translateX(100%);transition:.5s cubic-bezier(.16,1,.3,1);box-shadow:-30px 0 90px rgba(20,17,14,.18)}.enquiry-modal.open .enquiry-panel{transform:none}.enquiry-close{position:absolute;right:25px;top:22px;border:0;background:none;font-size:30px;cursor:pointer}.enquiry-panel h2{font-family:"Cormorant Garamond";font-size:58px;font-weight:400;line-height:.83;margin:18px 0}.enquiry-panel>p{font-size:13px;color:#6d6358}.enquiry-panel form,.checkout-page form{display:grid;gap:15px;margin-top:28px}.enquiry-panel label,.checkout-page label{display:grid;gap:6px;font-size:8px;letter-spacing:.16em;text-transform:uppercase}.enquiry-panel input,.enquiry-panel textarea,.checkout-page input,.checkout-page textarea{width:100%;border:0;border-bottom:1px solid rgba(34,29,24,.25);background:transparent;padding:10px 0;font:inherit;text-transform:none;letter-spacing:normal;outline:none}.enquiry-consent{grid-template-columns:auto 1fr!important;align-items:start}.enquiry-consent input{width:16px!important}.enquiry-panel>small{display:block;margin-top:20px;color:#877d71}body.modal-open{overflow:hidden}

.cart-page,.checkout-page{min-height:100svh;padding:150px 6vw 10vw;background:#f4f0e9}.cart-page>h1,.checkout-page>h1{font-family:"Cormorant Garamond";font-size:clamp(66px,9vw,140px);font-weight:400;letter-spacing:-.055em;line-height:.8;margin:22px 0 7vw}.cart-layout,.checkout-layout{display:grid;grid-template-columns:1.3fr .7fr;gap:7vw}.cart-item{display:grid;grid-template-columns:150px 1fr auto;gap:24px;padding:22px 0;border-top:1px solid rgba(35,30,25,.14);position:relative}.cart-item img{width:150px;height:180px;object-fit:contain;background:#e9e1d6}.cart-item h2{font-family:"Cormorant Garamond";font-size:34px;font-weight:400;margin:7px 0}.cart-item p{font-size:11px;color:#786e62}.cart-remove{position:absolute;right:0;bottom:20px;border:0;background:none;text-decoration:underline;cursor:pointer;font-size:10px}.qty{display:flex;align-items:center;gap:13px;margin-top:20px}.qty button{width:28px;height:28px;border:1px solid rgba(35,30,25,.2);background:transparent;cursor:pointer}.cart-summary,.checkout-summary{background:#eae3d8;padding:34px;height:max-content;position:sticky;top:110px}.cart-summary h2,.checkout-summary h2,.checkout-page form h2{font-family:"Cormorant Garamond";font-size:34px;font-weight:400}.cart-summary>div,.checkout-total{display:flex;justify-content:space-between;padding:17px 0;border-top:1px solid rgba(35,30,25,.13);font-size:11px}.cart-summary p,.checkout-summary p,.checkout-note{font-size:11px;line-height:1.6;color:#786e62}.cart-summary .btn{display:flex;justify-content:center;margin:24px 0 16px}.cart-summary>a:last-child{font-size:9px;text-decoration:underline}.empty-cart{padding:8vh 0}.empty-cart h2{font-family:"Cormorant Garamond";font-size:52px;font-weight:400}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.checkout-item{display:grid;grid-template-columns:62px 1fr auto;gap:12px;align-items:center;padding:12px 0;border-top:1px solid rgba(35,30,25,.11)}.checkout-item img{width:62px;height:72px;object-fit:contain}.checkout-item div{display:grid;gap:5px}.checkout-item span{font-size:9px;color:#7b7165}.checkout-item b{font-size:11px}

@media(max-width:900px){.commerce-product{grid-template-columns:1fr;padding-top:110px}.commerce-gallery{position:relative;top:auto}.commerce-info{padding-top:3vh}.cart-layout,.checkout-layout{grid-template-columns:1fr}.cart-summary,.checkout-summary{position:relative;top:auto}}
@media(max-width:600px){.collections-gallery-page .collection-product-grid{grid-template-columns:1fr}.commerce-product{padding:95px 5vw 14vw}.commerce-gallery{grid-template-columns:1fr}.product-thumbs{grid-row:2;flex-direction:row;max-height:none;overflow-x:auto}.product-thumbs button{min-width:70px}.commerce-product .product-main-media{min-height:0;height:58svh}.swipe-hint{grid-column:1}.commerce-info h1{font-size:16vw}.product-actions{grid-template-columns:1fr}.delivery-note{display:grid;gap:5px}.cart-page,.checkout-page{padding:120px 6vw 16vw}.cart-item{grid-template-columns:90px 1fr;gap:14px}.cart-item img{width:90px;height:120px}.cart-item>strong{grid-column:2}.cart-remove{bottom:10px}.form-grid{grid-template-columns:1fr}.enquiry-panel{padding:9vh 7vw 5vh}.enquiry-panel h2{font-size:48px}}
.global-cart{position:fixed;right:24px;bottom:24px;z-index:90;display:flex;align-items:center;gap:9px;padding:11px 13px;border-radius:999px;background:#24201b;color:#f8f4ed!important;font-size:8px;letter-spacing:.17em;text-transform:uppercase;box-shadow:0 12px 35px rgba(28,23,19,.18)}
.global-cart span{display:grid;place-items:center;min-width:19px;height:19px;padding:0 4px;border-radius:50%;background:#f8f4ed;color:#24201b}