/* self-hosted fonts (SIL OFL 1.1 — licences in assets/fonts) */
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/cormorant-garamond-latin-ext-500-normal.woff2?v=3de1b0f235) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/cormorant-garamond-latin-500-normal.woff2?v=8197bf5361) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:500;font-display:swap;src:url(../fonts/cormorant-garamond-latin-ext-500-italic.woff2?v=e4078de1cf) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:500;font-display:swap;src:url(../fonts/cormorant-garamond-latin-500-italic.woff2?v=4fb55a7a6d) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/cormorant-garamond-latin-ext-600-normal.woff2?v=4993f7f4fe) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/cormorant-garamond-latin-600-normal.woff2?v=ae062b6d5a) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:600;font-display:swap;src:url(../fonts/cormorant-garamond-latin-ext-600-italic.woff2?v=b367d9fced) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:600;font-display:swap;src:url(../fonts/cormorant-garamond-latin-600-italic.woff2?v=0b6719b252) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/cormorant-garamond-latin-ext-700-normal.woff2?v=f6cf9ae241) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/cormorant-garamond-latin-700-normal.woff2?v=21a0fc1c5c) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:700;font-display:swap;src:url(../fonts/cormorant-garamond-latin-ext-700-italic.woff2?v=ebb976cff4) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:700;font-display:swap;src:url(../fonts/cormorant-garamond-latin-700-italic.woff2?v=365e35e770) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Mulish';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/mulish-latin-ext-400-normal.woff2?v=ad05a0fffe) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Mulish';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/mulish-latin-400-normal.woff2?v=95efc771d1) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Mulish';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/mulish-latin-ext-500-normal.woff2?v=d0146dea68) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Mulish';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/mulish-latin-500-normal.woff2?v=9d6af22335) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Mulish';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/mulish-latin-ext-600-normal.woff2?v=a4bf57f9a6) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Mulish';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/mulish-latin-600-normal.woff2?v=af6728e067) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Mulish';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/mulish-latin-ext-700-normal.woff2?v=f3ecd129d9) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Mulish';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/mulish-latin-700-normal.woff2?v=f3bfe7eca4) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Mulish';font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/mulish-latin-ext-800-normal.woff2?v=c3ab184f41) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Mulish';font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/mulish-latin-800-normal.woff2?v=f8578c5487) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{
  --green-950:#061810;--green-900:#0a2415;--green-850:#0e2f1c;--green-800:#123a25;--green-700:#1d5232;
  --cream:#f3ebd8;--cream-2:#faf5ea;--card:#fffdf6;
  --gold:#d7a33f;--gold-2:#edcd80;--gold-3:#f6e4ad;--gold-deep:#b07d28;
  --apple:#c5372a;--banana:#e4be57;--ink:#14271b;--ink-soft:#41564a;
  --serif:'Cormorant Garamond',Georgia,'Times New Roman',serif;
  --sans:'Mulish',system-ui,-apple-system,sans-serif;
}
*{box-sizing:border-box}
:root{--head:88px}
@media (max-width:820px){:root{--head:70px}}
body{margin:0;font-family:var(--sans);background:#061810;color:var(--cream);-webkit-font-smoothing:antialiased}
.page{width:100%;overflow-x:clip;position:relative;z-index:0}
a{color:var(--gold-2);text-decoration:none}a:hover{color:#fff}
h1,h2,h3,h4{margin:0;font-family:var(--serif);font-weight:600;line-height:1.02}
.kicker{font-family:var(--sans);font-weight:700;letter-spacing:.34em;text-transform:uppercase;font-size:12px}
img{max-width:100%;display:block}

/* ===================== ONE CINEMATIC WORLD (real landscape, fixed) ===================== */
.worldbg{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.worldbg .plate{position:absolute;left:50%;top:50%;width:118%;height:118%;transform:translate(-50%,-50%);object-fit:cover;object-position:50% 44%;will-change:transform}
.worldbg .tie{position:absolute;inset:0;background:radial-gradient(92% 82% at 50% 42%,rgba(22,62,36,.12),rgba(9,32,19,.32));mix-blend-mode:multiply}
.worldbg .grade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,20,12,.6) 0%,rgba(6,20,12,.14) 16%,rgba(6,20,12,.03) 42%,rgba(6,20,12,.3) 74%,rgba(4,15,9,.76) 100%),radial-gradient(58% 42% at 50% 46%,rgba(6,22,13,.34),transparent 72%)}
.worldbg .warmth{position:absolute;inset:0;mix-blend-mode:soft-light;opacity:.1;background:radial-gradient(60% 55% at 84% 28%,rgba(255,198,112,.65),transparent 74%)}
.worldbg .daylight{position:absolute;inset:0;mix-blend-mode:screen;opacity:0;background:radial-gradient(60% 50% at 50% 40%,rgba(214,244,206,.42),transparent 66%)}
.worldbg .motes{position:absolute;inset:0;overflow:hidden}
.worldbg .mote{position:absolute;width:4px;height:4px;border-radius:50%;background:radial-gradient(circle,rgba(255,242,205,.95),rgba(255,220,150,0) 70%);box-shadow:0 0 7px rgba(255,226,150,.5);opacity:0}
.worldbg .grain{position:absolute;inset:0;opacity:.32;mix-blend-mode:soft-light;background-image:radial-gradient(rgba(255,255,255,.12) .5px,transparent .6px);background-size:3px 3px}
.worldbg .vign{position:absolute;inset:0;background:radial-gradient(122% 100% at 50% 42%,rgba(0,0,0,0) 40%,rgba(3,11,7,.6) 100%)}
@media (prefers-reduced-motion:no-preference){
  .worldbg .mote{animation-name:floatmote;animation-timing-function:linear;animation-iteration-count:infinite}
  @keyframes floatmote{0%{transform:translateY(30px) scale(.7);opacity:0}16%{opacity:.8}80%{opacity:.5}100%{transform:translateY(-150px) scale(1.1);opacity:0}}
}

.foliage{position:absolute;z-index:6;pointer-events:none;filter:drop-shadow(0 10px 20px rgba(0,0,0,.4))}

/* ---------- nav ---------- */
.nav{position:fixed;top:0;left:0;right:0;z-index:900;display:flex;align-items:center;justify-content:space-between;padding:18px clamp(20px,4vw,54px);gap:18px;transition:background .3s ease,backdrop-filter .3s ease,padding .3s ease,box-shadow .3s ease,border-color .3s ease;border-bottom:1px solid transparent}
.nav.scrolled{background:rgba(8,24,15,.72);backdrop-filter:blur(13px) saturate(1.1);-webkit-backdrop-filter:blur(13px) saturate(1.1);padding-top:11px;padding-bottom:11px;box-shadow:0 10px 30px -14px rgba(0,0,0,.55);border-bottom-color:rgba(237,205,128,.16)}
.nav.scrolled .brand img{width:38px}
.nav .brand{display:flex;align-items:center;gap:12px}
.nav .brand img{width:42px;filter:drop-shadow(0 6px 12px rgba(0,0,0,.6))}
.nav .brand b{font-family:var(--serif);font-size:19px;color:#f6efdf;font-weight:600;text-shadow:0 2px 10px rgba(0,0,0,.5)}
.nav .links{display:flex;gap:30px;align-items:center}
.nav .links a{color:#eae3d0;font-weight:600;font-size:14px;opacity:.94;text-shadow:0 1px 8px rgba(0,0,0,.5)}
.nav .links a:hover{color:#fff}
.nav .wa{display:inline-flex;align-items:center;gap:8px;padding:11px 20px;border-radius:999px;background:linear-gradient(180deg,#1a8350,#136b40);color:#fff;font-weight:800;font-size:13.5px;box-shadow:0 12px 24px -12px rgba(31,143,89,.7)}
.nav .wa svg{width:17px;height:17px}
@media (max-width:900px){.nav .links{display:none}}

/* ---------- INTRO ---------- */
.intro{position:relative;min-height:100vh;min-height:100svh;display:flex;align-items:center;justify-content:center;padding:110px 24px 70px;text-align:center;z-index:2}
.intro .inner{position:relative;z-index:5;max-width:820px;will-change:transform,opacity}

/* 3D floating emblem — APPROVED, FROZEN */
.emblem{position:relative;width:min(360px,62vw);margin:0 auto;perspective:1100px}
.emblem .halo{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);width:150%;height:150%;border-radius:50%;background:radial-gradient(circle,rgba(247,228,173,.42),rgba(247,228,173,0) 62%);filter:blur(6px);z-index:0}
.emblem .orbit{position:absolute;left:50%;top:44%;width:128%;height:52%;margin:-26% 0 0 -64%;border-radius:50%;border:2px solid rgba(237,205,128,.55);box-shadow:0 0 16px rgba(237,205,128,.4),inset 0 0 12px rgba(237,205,128,.25);transform:rotateX(74deg) rotate(0deg);z-index:1}
.emblem .orbit.o2{width:150%;height:60%;margin:-30% 0 0 -75%;border-color:rgba(215,163,63,.3);opacity:.8}
.emblem .tilt{position:relative;z-index:3;transform-style:preserve-3d}
.emblem .logoimg{width:100%;filter:drop-shadow(0 30px 40px rgba(0,0,0,.6)) drop-shadow(0 0 18px rgba(237,205,128,.25)) contrast(1.05) saturate(1.06)}
.emblem .sheen{position:absolute;inset:0;z-index:4;pointer-events:none;mix-blend-mode:screen;background:linear-gradient(116deg,rgba(255,248,220,0) 40%,rgba(255,248,220,.65) 50%,rgba(255,248,220,0) 60%);background-size:260% 100%;-webkit-mask:url(../img/sahib-essence-logo-520.webp?v=892b0855f6) center/contain no-repeat;mask:url(../img/sahib-essence-logo-520.webp?v=892b0855f6) center/contain no-repeat}
@media (prefers-reduced-motion: no-preference){
  .emblem .tilt{animation:etilt 9s ease-in-out infinite}
  .emblem .orbit{animation:ospin 22s linear infinite}
  .emblem .orbit.o2{animation:ospin 30s linear infinite reverse}
  .emblem .halo{animation:hpulse 6s ease-in-out infinite}
  .emblem .sheen{animation:sheen 7s ease-in-out infinite}
  @keyframes etilt{0%,100%{transform:translateY(0) rotateY(-9deg) rotateX(3deg)}50%{transform:translateY(-12px) rotateY(9deg) rotateX(-2deg)}}
  @keyframes ospin{to{transform:rotateX(74deg) rotate(360deg)}}
  @keyframes hpulse{0%,100%{opacity:.85}50%{opacity:1}}
  @keyframes sheen{0%,100%{background-position:150% 0}44%{background-position:-60% 0}56%{background-position:-60% 0}}
}
.intro h1{font-size:clamp(46px,7vw,94px);color:#fbf3e2;margin-top:26px;letter-spacing:-.01em;text-shadow:0 6px 34px rgba(0,0,0,.6)}
.intro h1 em{font-style:italic;color:var(--gold-2)}
.intro .lede{max-width:520px;margin:20px auto 0;color:#f0e7d2;font-size:clamp(15px,1.35vw,18px);line-height:1.65;text-shadow:0 2px 14px rgba(0,0,0,.6)}
.intro .discover{display:inline-flex;align-items:center;gap:10px;margin-top:30px;padding:15px 28px;border-radius:999px;background:linear-gradient(180deg,#1d5232,#123a25);color:#f4ecda;font-weight:700;font-size:15px;border:1px solid rgba(237,205,128,.4);box-shadow:0 18px 36px -18px rgba(0,0,0,.75)}
.intro .discover:hover{color:#fff;background:linear-gradient(180deg,#25663f,#164a2e)}

/* left scroll indicator */
.scrollside{position:absolute;left:clamp(14px,2.2vw,34px);bottom:7%;z-index:8;display:flex;flex-direction:column;align-items:center;gap:14px;color:#dfe6cf}
.scrollside .t{writing-mode:vertical-rl;letter-spacing:.36em;font-size:10.5px;font-weight:700;text-transform:uppercase;text-shadow:0 1px 8px rgba(0,0,0,.6)}
.scrollside .ln{width:1.5px;height:66px;background:linear-gradient(rgba(237,205,128,.55),rgba(237,205,128,0));position:relative;overflow:hidden}
.scrollside .ln::after{content:"";position:absolute;left:0;right:0;top:-46%;height:46%;background:linear-gradient(rgba(237,205,128,0),var(--gold-2))}
@media (prefers-reduced-motion:no-preference){.scrollside .ln::after{animation:scrolldn 2.1s ease-in-out infinite}}
@keyframes scrolldn{0%{transform:translateY(-10px);opacity:0}30%{opacity:1}100%{transform:translateY(150px);opacity:0}}
@media (max-width:760px){.scrollside{display:none}}

.rail{position:absolute;right:clamp(20px,3.4vw,48px);top:50%;transform:translateY(-50%);z-index:8;display:flex;flex-direction:column;gap:18px}
.rail .r{display:flex;align-items:center;gap:12px;color:#eee6d3}
.rail .r .ic{width:44px;height:44px;flex:0 0 44px;border-radius:50%;border:1.4px solid rgba(237,205,128,.5);display:flex;align-items:center;justify-content:center;color:var(--gold-2);background:rgba(8,26,16,.32)}
.rail .r .ic svg{width:22px;height:22px}
.rail .r span{font-size:12.5px;font-weight:700;line-height:1.2;text-shadow:0 1px 8px rgba(0,0,0,.65)}
@media (max-width:1120px){.rail{display:none}}

/* ---------- APPLE JOURNEY + PRODUCTS (cinematic, continuous) ---------- */
.journey{position:relative;z-index:2;padding:clamp(48px,6vw,92px) clamp(16px,4vw,54px) clamp(44px,5vw,76px);color:#f6efdc;background:linear-gradient(180deg,rgba(5,16,10,0) 0%,rgba(5,16,10,.30) 13%,rgba(5,16,10,.4) 55%,rgba(5,16,10,.42) 100%)}
.jinner{position:relative;z-index:1;max-width:1240px;margin:0 auto}
.jhead{text-align:center;max-width:760px;margin:0 auto clamp(18px,3vw,40px)}
.jhead .kicker{color:var(--gold-2);letter-spacing:.3em;text-shadow:0 2px 10px rgba(0,0,0,.55)}
.jhead h2{font-size:clamp(34px,4vw,60px);color:#fff8ea;margin-top:14px;text-shadow:0 3px 22px rgba(0,0,0,.6)}
.jhead h2 em{font-style:italic;color:var(--gold-2)}
.jhead .sub{margin:14px auto 0;max-width:520px;color:#eee3ca;font-size:clamp(14px,1.2vw,17px);line-height:1.6;text-shadow:0 2px 12px rgba(0,0,0,.7)}
.jhead .jscript{font-family:var(--serif);font-style:italic;font-size:clamp(22px,2.2vw,30px);color:var(--gold-3);margin:14px 0 0;text-shadow:0 3px 18px rgba(0,0,0,.6)}
/* ONE complete journey image + four descriptions beside it */
.jshow{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:clamp(28px,5vw,72px);align-items:center;max-width:1200px;margin:clamp(26px,4vw,50px) auto 0}
.jbig{display:flex;justify-content:center;min-width:0}
.jbig img{width:100%;max-width:620px;height:auto;object-fit:contain;display:block;filter:drop-shadow(0 44px 62px rgba(0,0,0,.55))}
.jdesc{position:relative;display:flex;flex-direction:column;gap:clamp(22px,3vw,40px);min-width:0}
.jdesc::before{content:"";position:absolute;left:26px;top:26px;bottom:26px;width:2px;background:linear-gradient(var(--gold-2),rgba(237,205,128,.14));z-index:0}
.jblock{position:relative;padding-left:72px;min-width:0}
.jblock .jn{position:absolute;left:0;top:0;width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-weight:700;font-size:21px;color:#0e2f1c;background:linear-gradient(180deg,#f6e6b0,#d7a33f);border:2px solid #fffdf7;box-shadow:0 8px 20px -6px rgba(0,0,0,.6);z-index:1}
.jblock .lab{font-family:var(--sans);font-weight:700;letter-spacing:.2em;text-transform:uppercase;font-size:11.5px;color:var(--gold-2);text-shadow:0 1px 8px rgba(0,0,0,.6)}
.jblock h3{font-family:var(--serif);font-size:clamp(22px,2.3vw,30px);color:#fff8ea;margin:4px 0 6px;line-height:1.08;text-shadow:0 2px 14px rgba(0,0,0,.7)}
.jblock p{margin:0;color:#e9dfc9;font-size:clamp(13.5px,1.1vw,16px);line-height:1.56;text-shadow:0 2px 12px rgba(0,0,0,.7)}
/* products strip — same cinematic environment */
.products{position:relative;z-index:1;margin:clamp(42px,5vw,66px) auto 0;max-width:1180px;border:1px solid rgba(237,205,128,.42);border-radius:26px;background:linear-gradient(180deg,rgba(9,26,16,.46),rgba(6,19,11,.6));backdrop-filter:blur(5px) saturate(1.05);-webkit-backdrop-filter:blur(5px) saturate(1.05);padding:clamp(26px,3vw,42px) clamp(16px,3vw,40px) clamp(24px,3vw,34px);box-shadow:0 40px 80px -46px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.08)}
.products .phead{text-align:center;margin-bottom:clamp(20px,3vw,32px)}
.products .phead .kicker{color:var(--gold-2);letter-spacing:.34em}
.products .phead .psub{color:#dbe4cd;font-size:14px;margin-top:8px}
.prow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2.2vw,32px);align-items:end}
.prod{display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0}
.prod .shot{position:relative;height:clamp(180px,17vw,232px);display:flex;align-items:flex-end;justify-content:center;width:100%}
.prod .shot .jarimg{height:auto;width:auto;max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 22px 30px rgba(0,0,0,.55));position:relative;z-index:2}
.prod .shot .cap{position:absolute;right:1%;bottom:3%;width:40%;max-width:108px;z-index:3;filter:drop-shadow(0 12px 18px rgba(0,0,0,.55))}
.prod .name{font-family:var(--serif);font-size:clamp(17px,1.6vw,21px);color:#fff8ea;margin:14px 0 0;line-height:1.14}
.prod .wt{color:#dbe4cd;font-size:12.5px;letter-spacing:.05em;margin-top:4px}
.prod .price{display:inline-block;margin-top:12px;font-weight:800;font-family:var(--serif);font-size:19px;color:#0e2f1c;background:linear-gradient(180deg,#f4e0a6,#d7a33f);border-radius:999px;padding:6px 20px;box-shadow:0 10px 20px -8px rgba(0,0,0,.5)}
.prod .order{display:inline-flex;align-items:center;gap:7px;margin-top:11px;padding:8px 15px;border-radius:999px;background:linear-gradient(180deg,#1a8350,#136b40);color:#fff;font-weight:700;font-size:12px;box-shadow:0 12px 22px -12px rgba(31,143,89,.7)}
.prod .order svg{width:14px;height:14px}
.ptrust{display:flex;flex-wrap:wrap;gap:9px 16px;justify-content:center;align-items:center;margin-top:clamp(22px,3vw,30px);padding-top:clamp(16px,2vw,22px);border-top:1px solid rgba(237,205,128,.2)}
.ptag{display:inline-flex;align-items:center;gap:6px;color:#e6dcc4;font-size:11.5px;font-weight:600;text-shadow:0 1px 6px rgba(0,0,0,.5)}
.ptag svg{width:14px;height:14px;color:var(--gold-2);flex:0 0 auto}
.pveg{width:15px;height:15px;border:1.4px solid #6fbf7f;display:inline-flex;align-items:center;justify-content:center;border-radius:2px}
.pveg i{width:7px;height:7px;border-radius:50%;background:#6fbf7f;display:block}
.pmeta{text-align:center;color:#cdd8bf;font-size:12px;margin-top:14px}
.pnote{max-width:640px;margin:10px auto 0;text-align:center;color:#aebaa1;font-size:11px;line-height:1.5}
.pdisc{max-width:640px;margin:18px auto 0;text-align:center;color:#aebaa1;font-size:12px;line-height:1.5}
.pfng{text-align:center;font-family:var(--serif);font-style:italic;letter-spacing:.05em;color:var(--gold-3);font-size:clamp(16px,1.7vw,22px);margin-top:clamp(16px,2vw,24px);text-shadow:0 2px 12px rgba(0,0,0,.5)}
@media (max-width:980px){
  .jshow{grid-template-columns:1fr;gap:34px;max-width:640px}
  .jbig img{max-width:460px}
  .jdesc{max-width:560px;margin:0 auto;width:100%}
}
@media (max-width:760px){
  .jbig img{max-width:340px}
  .jblock{padding-left:64px}
  .jblock .jn{width:48px;height:48px;font-size:19px}
  .prow{grid-template-columns:1fr;gap:26px;max-width:340px;margin:0 auto}
}

/* ---------- DFLIX ---------- */
.dflix{position:relative;z-index:2;padding:110px 24px 96px;text-align:center;overflow:hidden;background:linear-gradient(180deg,rgba(5,16,10,.42) 0%,rgba(5,16,10,.42) 100%)}
.dflix .curtain{max-width:780px;margin:0 auto;position:relative;z-index:3}
.dflix .over{color:var(--gold-2);letter-spacing:.34em;text-shadow:0 1px 10px rgba(0,0,0,.6)}
.dflix .word{width:min(560px,82vw);height:auto;margin:16px auto 0;filter:drop-shadow(0 20px 32px rgba(0,0,0,.3))}
.dflix .fullform{margin:24px auto 0;max-width:540px;display:flex;flex-direction:column;gap:5px}
.dflix .fullform span{font-family:var(--serif);font-size:clamp(19px,2vw,26px);color:#fff4e0;line-height:1.3;text-shadow:0 2px 12px rgba(0,0,0,.6)}
.dflix .fullform b{color:var(--gold-2);font-weight:700;font-style:normal}
.dflix .by{margin-top:26px;color:#fff8ea;font-family:var(--serif);font-size:clamp(23px,2.7vw,36px);text-shadow:0 3px 16px rgba(0,0,0,.6)}
.dflix .by b{color:var(--gold-2)}
.dflix .desc{max-width:600px;margin:18px auto 0;color:#e6dcc4;font-size:clamp(15px,1.3vw,17px);line-height:1.65;text-shadow:0 2px 12px rgba(0,0,0,.65)}
.hr{width:64px;height:3px;border-radius:2px;background:linear-gradient(90deg,var(--gold),var(--gold-2));margin:32px auto 0}

/* ---------- (products moved into the cinematic journey section) ---------- */
/* ---------- CTA ---------- */
.cta-band{position:relative;z-index:2;padding:120px 24px 60px;text-align:center;overflow:hidden}
.cta-band .env{position:absolute;inset:0;z-index:0;background:radial-gradient(60% 50% at 50% -8%,rgba(214,126,58,.2),transparent 60%),radial-gradient(70% 60% at 82% 20%,rgba(247,190,110,.14),transparent 60%),linear-gradient(180deg,rgba(5,16,10,.42) 0%,rgba(5,16,10,.56) 52%,rgba(4,12,7,.78) 100%)}
.cta-band .env .hz{position:absolute;left:0;right:0;bottom:0;height:36%;background:linear-gradient(180deg,transparent,rgba(214,126,58,.12))}
.cta-band .inner{position:relative;z-index:3}
.cta-band h2{font-size:clamp(34px,4.6vw,58px);color:#fbf3e2}
.cta-band .fng{font-family:var(--serif);font-style:italic;color:var(--gold-2);font-size:clamp(20px,2.4vw,30px);margin-top:8px}
.cta-band p{max-width:520px;margin:20px auto 0;color:#dbe4d1;font-size:16px;line-height:1.6}
.wa2{display:inline-flex;align-items:center;gap:12px;margin-top:32px;padding:16px 30px;border-radius:999px;background:linear-gradient(180deg,#1a8350,#136b40);color:#fff;font-weight:800;font-size:16px;box-shadow:0 18px 34px -14px rgba(31,143,89,.7)}
.wa2:hover{color:#fff;filter:brightness(1.06)}.wa2 svg{width:22px;height:22px}
.avail{margin-top:22px;color:#bcd0b3;font-size:13.5px}
.mailline{margin-top:10px;color:#bcd0b3;font-size:13.5px}
.avail a,.mailline a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.mailline a,.social a{color:var(--gold-2)}.mailline a:hover,.social a:hover{color:#fff}
.social{display:flex;flex-direction:column;gap:8px;color:#cdd8bf;font-size:13px}
.social span,.social a{display:inline-flex;align-items:center;gap:8px}
.social svg{width:17px;height:17px;color:var(--gold-2);flex:0 0 auto}
.footer{position:relative;z-index:3;margin:64px auto 0;max-width:1000px;border-top:1px solid rgba(237,205,128,.16);padding-top:34px;display:flex;flex-wrap:wrap;gap:24px;align-items:center;justify-content:space-between;text-align:left}
.footer .fl{display:flex;align-items:center;gap:16px}
.footer img{width:62px;filter:drop-shadow(0 6px 12px rgba(0,0,0,.4))}
.footer .co{font-family:var(--serif);font-size:20px;color:#f4ecda}
.footer .co small{display:block;font-family:var(--sans);font-size:11.5px;color:#a9bca1;letter-spacing:.14em;margin-top:3px}
.footer .addr{color:#9fb298;font-size:12.5px;line-height:1.6;max-width:320px}
.copyr{position:relative;z-index:3;max-width:1000px;margin:26px auto 0;color:#8fa38f;font-size:11px;text-align:center}

@media (max-width:820px){
  .footer{justify-content:center;text-align:center}
  .social{align-items:center}
}
/* ---- accessibility & mobile menu (deployment pass) ---- */
a:focus-visible,button:focus-visible{outline:2px solid #f3d27a;outline-offset:3px}
.skip{position:absolute;left:12px;top:-60px;z-index:1000;padding:10px 16px;border-radius:10px;background:#0b2416;color:#fff8ea;font-weight:700;font-size:14px}
.skip:focus{top:12px}
.nav .nr{display:flex;align-items:center;gap:10px}
.nav .menubtn{display:none;align-items:center;justify-content:center;width:44px;height:44px;border-radius:999px;border:1px solid rgba(237,205,128,.32);background:rgba(8,24,15,.35);color:#eae3d0;cursor:pointer;padding:0}
.nav .menubtn svg{width:22px;height:22px}
.products .phead h2.kicker{line-height:1.5}
.prod h3.name{font-weight:400}
.dflix .wordh{margin:0;line-height:0}
#topx,#top,#range,#dflix,#cta,#main{scroll-margin-top:calc(var(--head) + 8px)}
/* legibility scrims over the photographic background (contrast pass) */
.intro .inner::before,.jhead::before,.jblock::before{content:"";position:absolute;z-index:-1;pointer-events:none;border-radius:50%;background:radial-gradient(closest-side,rgba(5,16,10,.58),rgba(5,16,10,.34) 62%,rgba(5,16,10,0))}
.intro .inner::before{inset:-6% -10%}
.jhead{position:relative;z-index:0}.jhead::before{inset:-34% -12% -18%}
.jblock{z-index:0}.jblock::before{inset:-26% -10% -26% 0}
.rail .r span{background:rgba(6,20,12,.5);padding:3px 8px;border-radius:6px}
/* contrast pass 2: slightly stronger veil behind hero copy and the journey heading */
.intro .inner::before{background:radial-gradient(closest-side,rgba(5,16,10,.76),rgba(5,16,10,.5) 62%,rgba(5,16,10,0))}
.jblock::before{inset:-34% -10% -26% 0;background:radial-gradient(closest-side,rgba(5,16,10,.68),rgba(5,16,10,.42) 62%,rgba(5,16,10,0))}
.cta-band .fng{position:relative;z-index:0}
.cta-band .fng::before{content:"";position:absolute;inset:-70% -2%;z-index:-1;pointer-events:none;border-radius:50%;background:radial-gradient(closest-side,rgba(5,16,10,.6),rgba(5,16,10,.36) 62%,rgba(5,16,10,0))}
.dflix .kicker.over{position:relative;z-index:0}
.dflix .kicker.over::before{content:"";position:absolute;inset:-120% -4%;z-index:-1;pointer-events:none;border-radius:50%;background:radial-gradient(closest-side,rgba(5,16,10,.6),rgba(5,16,10,.36) 62%,rgba(5,16,10,0))}
@media (max-width:760px){.jhead::before{inset:-52% -8% -16%;background:radial-gradient(closest-side,rgba(5,16,10,.66),rgba(5,16,10,.4) 62%,rgba(5,16,10,0))}}
.nav .wa,.nav .brand b{white-space:nowrap}
/* reserve image space before load (prevents layout shift) */
.nav .brand img,.emblem .logoimg,.footer img{height:auto}
@media (max-width:480px){.nav .wal{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.nav .wa{padding:10px 15px}.nav .brand{gap:9px}.nav .brand b{font-size:17px}}
@media (max-width:370px){.nav{padding-left:14px;padding-right:14px}.nav .brand img{width:36px}}
@media (max-width:900px){
  .nav .menubtn{display:inline-flex}
  .nav.open .links{display:flex;position:absolute;top:100%;left:12px;right:12px;flex-direction:column;align-items:stretch;gap:0;padding:8px;background:rgba(8,24,15,.95);-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);border:1px solid rgba(237,205,128,.2);border-radius:16px;box-shadow:0 18px 40px -18px rgba(0,0,0,.7)}
  .nav.open .links a{padding:14px 16px;font-size:16px;border-radius:10px}
}
@media (prefers-reduced-motion: reduce){
  *{animation:none!important;transition:none!important}
}
/* former inline style attributes */
.is1{left:12%!important;top:72%!important;animation-duration:15s!important;animation-delay:0s!important}
.is2{left:26%!important;top:62%!important;animation-duration:18s!important;animation-delay:4s!important}
.is3{left:42%!important;top:78%!important;animation-duration:16s!important;animation-delay:8s!important}
.is4{left:57%!important;top:66%!important;animation-duration:20s!important;animation-delay:2s!important}
.is5{left:70%!important;top:76%!important;animation-duration:15s!important;animation-delay:10s!important}
.is6{left:82%!important;top:64%!important;animation-duration:19s!important;animation-delay:5s!important}
.is7{left:90%!important;top:74%!important;animation-duration:21s!important;animation-delay:12s!important}
.is8{color:var(--gold-2)!important}