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

:root{
  --ink:#1f3153;--muted:#6f7788;--gold:#a97837;--gold2:#d4a85d;
  --sky:#eaf7fd;--peach:#fff1e8;--paper:#fffdfa;--line:#eadfd6;
  --shadow:0 18px 44px rgba(49,40,68,.09);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:linear-gradient(180deg,#fffdfa 0%,#fff9f5 50%,#f7fbfd 100%);color:var(--ink);font:16px/1.65 Inter,Arial,sans-serif;overflow-x:hidden}
img,svg,video{display:block;max-width:100%}
img{height:auto}
a{color:inherit}
.wrap{width:min(1180px,calc(100% - 28px));margin-inline:auto}
.reveal{opacity:1!important;transform:none!important}

.site-header{position:sticky;top:10px;z-index:50;width:min(1180px,calc(100% - 18px));margin:10px auto 0;padding:10px 14px 10px 16px;display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid rgba(255,255,255,.95);border-radius:24px;background:rgba(255,253,250,.94);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 12px 38px rgba(49,40,68,.08)}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;min-width:0}
.brand-mark{width:36px;height:36px;flex:0 0 36px;background:url('/assets/emblem.webp') center/contain no-repeat}
.brand-title{font:600 20px/1 "Cormorant Garamond",Georgia,serif;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.brand-title small{display:block;margin-top:4px;font:600 8px/1 Inter,Arial,sans-serif;letter-spacing:.20em;color:#738099}
nav{display:flex;align-items:center;gap:20px}
nav a{text-decoration:none;font-size:13px;font-weight:600}
nav a[aria-current="page"]{color:var(--gold)}
.buy{padding:10px 17px;border-radius:999px;color:#fff!important;background:linear-gradient(135deg,#ad7731,#d6a859);box-shadow:0 10px 24px rgba(184,132,60,.2)}
.menu{display:none;border:0;background:#1f3153;color:#fff;border-radius:999px;padding:10px 15px;font-weight:700}

.hero{position:relative;min-height:610px;margin-top:16px;border-radius:36px;overflow:hidden;background:#f7f0e9 url('/assets/hero.webp') center/cover no-repeat;box-shadow:var(--shadow);display:flex;align-items:center}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,253,249,.96) 0%,rgba(255,253,249,.78) 36%,rgba(255,253,249,.08) 68%,rgba(255,253,249,0) 100%)}
.hero-copy{position:relative;z-index:1;width:54%;padding:64px}
.eyebrow{margin:0 0 12px;text-transform:uppercase;letter-spacing:.23em;font-size:10px;font-weight:700;color:var(--gold)}
h1,h2,h3,.serif{font-family:"Cormorant Garamond",Georgia,serif}
h1{margin:0 0 14px;font-size:clamp(60px,8vw,110px);line-height:.84;letter-spacing:-.04em}
h1 em{display:block;font-weight:500;color:#a87144}
.hero-lead{font:500 29px/1.16 "Cormorant Garamond",Georgia,serif;max-width:560px}
.hero-copy>p:not(.eyebrow):not(.hero-lead){max-width:560px}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:999px;text-decoration:none;font-size:13px;font-weight:700;border:1px solid var(--line);background:rgba(255,255,255,.9)}
.btn.gold{border:0;background:linear-gradient(135deg,#ad7731,#daa95b);color:#fff}
.btn.sky{background:var(--sky);color:#2a5470;border-color:#c7e7f5}
.hero-tag{margin-top:22px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#8c7c75}
.hero-tag i{display:inline-block;width:22px;height:22px;vertical-align:middle;margin-right:8px;background:url('/assets/emblem.webp') center/contain no-repeat}
.divider{height:62px;margin:18px auto 8px;background:url('/assets/divider.webp') center/contain no-repeat}

.section{padding:58px 0}
.section.soft-sky,.section.soft-peach{border-radius:34px;padding:48px 30px;margin-block:10px}
.section.soft-sky{background:linear-gradient(180deg,rgba(232,245,251,.82),rgba(255,255,255,.15))}
.section.soft-peach{background:linear-gradient(180deg,rgba(255,240,231,.9),rgba(255,255,255,.2))}
.section-head{text-align:center;max-width:850px;margin:0 auto 34px}
.section-head h2{font-size:clamp(40px,5vw,68px);line-height:.98;margin:0 0 12px}
.section-head p{margin:0;color:var(--muted)}

.story-video{display:grid;grid-template-columns:1.05fr .95fr;gap:20px;align-items:stretch}
.story-card,.video-card{border-radius:30px;overflow:hidden;min-height:420px;border:1px solid rgba(255,255,255,.95);box-shadow:var(--shadow)}
.story-card{display:grid;grid-template-columns:.9fr 1.1fr;background:linear-gradient(135deg,#fff8dc,#fff1e9)}
.story-photo{background:#fff8ee;min-height:100%}
.story-photo-local{display:flex;align-items:center;justify-content:center;padding:20px}
.story-photo-local img{width:100%;height:100%;max-height:380px;object-fit:contain}
.story-copy{padding:34px;display:flex;flex-direction:column;justify-content:center}
.story-copy h2,.video-copy h2{font-size:48px;line-height:.96;margin:0 0 12px}
.story-copy p,.video-copy p{color:var(--muted)}
.video-card{background:linear-gradient(135deg,#dff1f8,#fff3e8);padding:22px;display:grid;grid-template-columns:minmax(180px,.8fr) 1.2fr;gap:24px;align-items:center}
.phone-video{position:relative;width:min(230px,100%);aspect-ratio:9/16;margin:auto;border:7px solid #20283b;border-radius:34px;background:#efe7df;overflow:hidden;box-shadow:0 18px 40px rgba(49,40,68,.16)}
.phone-video video{width:100%;height:100%;object-fit:cover;background:#000}
.gate-video-overlay{position:absolute;inset:0;border:0;background:linear-gradient(180deg,rgba(31,49,83,.08),rgba(31,49,83,.66));color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;padding:18px;cursor:pointer}
.gate-video-shell.is-playing .gate-video-overlay{display:none}
.gate-video-play{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:rgba(255,255,255,.9);color:#1f3153;padding-left:4px}
.gate-video-label{font-weight:700}
.gate-video-sub,.format{font-size:12px;opacity:.9}
.gate-video-status{position:absolute;left:12px;right:12px;bottom:12px;padding:8px 10px;border-radius:12px;background:rgba(31,49,83,.78);color:#fff;font-size:11px;text-align:center}
.icon-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.icon-card{background:rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.95);border-radius:20px;padding:20px;min-width:0}
.icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#fff2dc;color:#9b6e32;font-weight:700;margin-bottom:12px}
.icon-card h3{font-size:25px;line-height:1;margin:0 0 8px}
.icon-card p{font-size:13px;line-height:1.5;margin:0;color:var(--muted)}
.quote-panel{padding:38px;border-radius:28px;text-align:center;background:linear-gradient(135deg,#fff7e8,#edf7fb);box-shadow:var(--shadow)}
.reflection-line{font:500 clamp(30px,4vw,50px)/1.08 "Cormorant Garamond",Georgia,serif}

.gate-life-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.gate-life-card{display:grid;grid-template-columns:170px minmax(0,1fr);overflow:hidden;border-radius:22px;background:linear-gradient(145deg,#fff,#f7fbfc);border:1px solid rgba(255,255,255,.95);box-shadow:0 12px 30px rgba(49,40,68,.06)}
.gate-life-img{width:170px;height:180px;object-fit:cover;object-position:center;background:#f5eee7}
.gate-life-copy{padding:20px;display:flex;flex-direction:column;justify-content:center;min-width:0}
.gate-life-copy h3{margin:0 0 8px;font-size:29px;line-height:1.02;color:#1c2f50}
.gate-life-copy p{margin:0;color:var(--muted);font-size:13.5px;line-height:1.5}
.gate-life-copy a{margin-top:10px;color:#986b30;text-decoration:none;font-weight:700;font-size:13px}

.journey-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.journey-card{background:rgba(255,255,255,.86);border-radius:22px;padding:16px;box-shadow:0 10px 28px rgba(49,40,68,.06);min-width:0}
.journey-image{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:16px;margin-bottom:14px}
.journey-card h3{font-size:27px;line-height:1;margin:0 0 8px}
.journey-card p{font-size:13px;color:var(--muted);margin:0 0 10px}
.journey-card a{font-size:13px;font-weight:700;color:#986b30;text-decoration:none}

.collection{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.product{overflow:hidden;border-radius:24px;background:#fff;border:1px solid #f1e8df;box-shadow:0 12px 32px rgba(49,40,68,.07);min-width:0}
.product-visual{height:280px;background:#f7f3ef;display:flex;align-items:center;justify-content:center;padding:18px}
.product-visual img{width:100%;height:100%;object-fit:contain}
.product-body{padding:18px 20px 22px}
.product-body h3{font-size:30px;line-height:1;margin:0 0 8px}
.product-body p{margin:0 0 10px;color:var(--muted);font-size:13px}
.product-body a{font-weight:700;color:#986b30;text-decoration:none}

.author{display:grid;grid-template-columns:300px minmax(0,1fr);gap:34px;align-items:center;padding:34px;border-radius:30px;background:linear-gradient(135deg,#edf6fa,#fff4eb)}
.author-source-mark{min-height:300px;border-radius:24px;background:#f4ede6 url('/assets/shahiroz-author-v2.webp') center/cover no-repeat}
.author h2{font-size:54px;line-height:1;margin:0 0 12px}
.author p{color:var(--muted)}
.author-quote{font:500 28px/1.15 "Cormorant Garamond",Georgia,serif;color:#845d2e}

.page-hero{margin-top:16px;padding:72px 54px;border-radius:34px;background:linear-gradient(135deg,#fff5e9,#edf7fb);box-shadow:var(--shadow)}
.page-hero h1{font-size:clamp(54px,8vw,96px)}
.page-hero p{max-width:720px;color:var(--muted)}
.book-feature-card{display:grid;grid-template-columns:minmax(280px,.9fr) 1.1fr;overflow:hidden;border-radius:30px;background:linear-gradient(135deg,#fff8dc,#fff1e9);box-shadow:var(--shadow)}
.book-feature-image{min-height:430px;background:#fff8ee;display:flex;align-items:center;justify-content:center;padding:22px}
.book-feature-image img{width:100%;height:100%;max-height:420px;object-fit:contain}
.book-feature-copy{padding:40px;display:flex;flex-direction:column;justify-content:center}
.book-feature-copy h2{font-size:52px;line-height:.98;margin:0 0 12px}
.content-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.content-card{padding:26px;border-radius:26px;background:#fff;box-shadow:var(--shadow)}
.visual-card img{width:100%;height:340px;object-fit:contain;border-radius:18px;background:#f8f3ed;margin-bottom:18px}
.content-card h2{font-size:42px;line-height:1;margin:0 0 10px}

.about-story-grid{display:grid;grid-template-columns:minmax(260px,.75fr) 1.25fr;gap:34px;align-items:center}
.about-photo-card{margin:0;border-radius:28px;overflow:hidden;background:#f7f0e9;box-shadow:var(--shadow)}
.about-photo-card img{width:100%;height:520px;object-fit:cover}
.about-story-copy h2,.about-gate-copy h2,.contact-feature-copy h2,.contact-note h2{font-size:clamp(42px,5vw,62px);line-height:.98;margin:0 0 14px}
.about-story-copy p,.about-gate-copy p,.contact-feature-copy p,.contact-note p{color:var(--muted)}
.about-gate-panel,.contact-feature-panel{display:grid;grid-template-columns:minmax(260px,.9fr) 1.1fr;gap:28px;padding:28px;border-radius:30px;background:linear-gradient(135deg,#fff4e9,#edf7fb);box-shadow:var(--shadow);align-items:center}
.about-gate-art,.contact-gate-art{min-height:400px;border-radius:24px;background:#f4ede6 url('/assets/hero.webp') center/cover no-repeat}
.about-links-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.about-link-card{display:flex;flex-direction:column;gap:8px;padding:22px;border-radius:20px;background:#fff;text-decoration:none;box-shadow:0 10px 28px rgba(49,40,68,.06)}
.about-link-card strong{font-family:"Cormorant Garamond",Georgia,serif;font-size:27px}
.about-link-card span{font-size:13px;color:var(--muted)}

.contact-email{font-weight:700;color:#986b30!important;overflow-wrap:anywhere}
.contact-options-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.contact-option{padding:24px;border-radius:22px;background:#fff;box-shadow:0 10px 28px rgba(49,40,68,.06)}
.contact-option>span{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#fff1df;color:#95692f;font-weight:700}
.contact-option h3{font-size:30px;line-height:1;margin:14px 0 8px}
.contact-option p{color:var(--muted);margin:0 0 10px}
.contact-option a{font-size:13px;font-weight:700;color:#986b30;text-decoration:none}
.contact-note{text-align:center;max-width:850px;margin:auto;padding:40px;border-radius:30px;background:linear-gradient(135deg,#edf7fb,#fff4e9);box-shadow:var(--shadow)}

footer{padding:34px 0 44px;display:flex;flex-wrap:wrap;gap:10px 18px;justify-content:center;text-align:center;color:#7d8492;font-size:12px}
footer strong{color:#1f3153}
footer a{text-decoration:none}

@media (max-width:980px){
  .icon-grid{grid-template-columns:repeat(3,1fr)}
  .journey-grid{grid-template-columns:repeat(2,1fr)}
  .collection{grid-template-columns:repeat(2,1fr)}
  .story-video{grid-template-columns:1fr}
  .story-card,.video-card{min-height:0}
  .author{grid-template-columns:240px 1fr}
}

@media (max-width:760px){
  .wrap{width:min(100% - 22px,680px)}
  .site-header{top:6px;width:calc(100% - 12px);margin-top:6px;border-radius:20px;padding:9px 10px 9px 12px}
  .brand-title{font-size:16px;letter-spacing:.05em}
  .brand-title small{font-size:7px;letter-spacing:.12em}
  .brand-mark{width:31px;height:31px;flex-basis:31px}
  .menu{display:block}
  .site-header nav{position:absolute;top:calc(100% + 8px);left:0;right:0;display:none;flex-direction:column;align-items:stretch;gap:0;padding:10px;border-radius:18px;background:#fffdfa;border:1px solid #efe4da;box-shadow:0 18px 40px rgba(49,40,68,.14)}
  .site-header.open nav{display:flex}
  .site-header nav a{padding:12px 14px;border-radius:12px}
  .site-header nav .buy{text-align:center;margin-top:4px}

  .hero{min-height:540px;border-radius:28px;background-position:66% center;align-items:flex-end}
  .hero:after{background:linear-gradient(180deg,rgba(255,253,249,.08) 0%,rgba(255,253,249,.78) 52%,rgba(255,253,249,.99) 100%)}
  .hero-copy{width:100%;padding:32px 24px}
  .hero h1{font-size:58px}
  .hero-lead{font-size:22px;max-width:340px}
  .hero-copy>p:not(.eyebrow):not(.hero-lead){display:none}
  .hero .actions{gap:8px;margin-top:16px}
  .hero .actions .btn{flex:1 1 145px;padding:0 12px}
  .hero-tag{display:none}
  .divider{height:42px;margin-top:10px}
  .section{padding:40px 0}
  .section.soft-sky,.section.soft-peach{padding:36px 18px;border-radius:26px}
  .section-head{margin-bottom:22px}
  .section-head h2{font-size:44px}

  .story-card{grid-template-columns:1fr}
  .story-photo-local{min-height:250px;padding:14px}
  .story-photo-local img{max-height:250px}
  .story-copy{padding:22px}
  .story-copy h2,.video-copy h2{font-size:38px}
  .video-card{grid-template-columns:150px 1fr;padding:16px;gap:16px}
  .phone-video{width:150px;border-width:5px;border-radius:26px}

  .icon-grid{grid-template-columns:1fr}
  .icon-card{display:grid;grid-template-columns:48px 1fr;gap:12px;align-items:start}
  .icon{margin:0}
  .quote-panel{padding:28px 18px}

  .gate-life-grid{grid-template-columns:1fr;gap:12px}
  .gate-life-card{grid-template-columns:128px minmax(0,1fr);border-radius:18px}
  .gate-life-img{width:128px;height:154px}
  .gate-life-copy{padding:15px 16px}
  .gate-life-copy h3{font-size:25px}
  .gate-life-copy p{font-size:13px}

  .journey-grid{grid-template-columns:1fr}
  .journey-card{display:grid;grid-template-columns:112px minmax(0,1fr);grid-template-rows:auto auto auto;column-gap:14px;align-items:center}
  .journey-image{grid-row:1/4;width:112px;height:92px;aspect-ratio:auto;margin:0;object-fit:cover}
  .journey-card h3{font-size:25px;margin:0 0 4px}
  .journey-card p{margin:0 0 4px}
  .journey-card a{align-self:start}

  .collection{grid-template-columns:1fr}
  .product{display:grid;grid-template-columns:130px minmax(0,1fr)}
  .product-visual{height:170px;padding:12px}
  .product-body{padding:20px 16px}

  .author{grid-template-columns:1fr;padding:22px}
  .author-source-mark{min-height:340px;background-position:center 18%}
  .author h2{font-size:44px}

  .page-hero{padding:46px 24px;border-radius:28px}
  .page-hero h1{font-size:58px}
  .book-feature-card{grid-template-columns:1fr}
  .book-feature-image{min-height:300px}
  .book-feature-copy{padding:26px 22px}
  .book-feature-copy h2{font-size:44px}
  .content-grid{grid-template-columns:1fr}
  .visual-card img{height:auto;max-height:400px}

  .about-story-grid,.about-gate-panel,.contact-feature-panel{grid-template-columns:1fr}
  .about-photo-card img{height:auto;max-height:560px;object-fit:contain}
  .about-gate-art,.contact-gate-art{min-height:300px}
  .about-links-grid,.contact-options-grid{grid-template-columns:1fr}
}

@media (max-width:480px){
  body{font-size:15px}
  .wrap{width:calc(100% - 16px)}
  .site-header{width:calc(100% - 8px)}
  .brand-title small{display:none}
  .hero{min-height:500px}
  .hero-copy{padding:26px 18px}
  .hero h1{font-size:50px}
  .hero .actions .btn{font-size:12px}
  .video-card{grid-template-columns:1fr}
  .phone-video{width:170px}
  .gate-life-card{grid-template-columns:108px minmax(0,1fr)}
  .gate-life-img{width:108px;height:142px}
  .gate-life-copy{padding:13px}
  .gate-life-copy h3{font-size:22px}
  .journey-card{grid-template-columns:96px minmax(0,1fr)}
  .journey-image{width:96px;height:84px}
  .product{grid-template-columns:110px minmax(0,1fr)}
  .product-visual{height:150px}
  .product-body h3{font-size:26px}
  .page-hero{padding:38px 18px}
  .page-hero h1{font-size:50px}
}

@media (prefers-reduced-motion:reduce){
  *{scroll-behavior:auto!important;animation:none!important;transition:none!important}
}

/* v23 mobile polish: preserve content, prevent overflow, compact footer */
.story-copy,.video-copy,.gate-life-copy,.product-body,.book-feature-copy,.about-story-copy,.about-gate-copy,.contact-feature-copy{min-width:0}
.story-card,.video-card,.book-feature-card,.about-story-grid,.about-gate-panel,.contact-feature-panel,.author{min-width:0}
.about-photo-card img{object-fit:contain;background:#f7f0e9}
.author-source-mark{background-size:contain;background-repeat:no-repeat;background-position:center}
@media (max-width:760px){
  .story-copy,.video-copy,.gate-life-copy,.product-body,.book-feature-copy,.about-story-copy,.about-gate-copy,.contact-feature-copy{overflow-wrap:anywhere}
  .gate-life-img{object-fit:contain;background:#f8f3ed}
  footer{padding:24px 0 28px;gap:6px 12px;font-size:11px}
}
@media (max-width:480px){
  footer{flex-direction:column;align-items:center}
}


/* 2026-09-30 desktop/notebook launch guardrails. Mobile remains unchanged. */
@media (min-width:761px) and (max-width:1120px){
  .site-header{
    gap:12px;
    padding-inline:12px;
  }
  .brand-title{
    font-size:17px;
    letter-spacing:.055em;
  }
  .brand-title small{
    font-size:7px;
    letter-spacing:.14em;
  }
  nav{
    gap:12px;
    min-width:0;
  }
  nav a{
    font-size:12px;
    white-space:nowrap;
  }
  .buy{
    padding:9px 13px;
  }
  .hero-copy{
    width:58%;
    padding:48px 42px;
    min-width:0;
  }
  .hero h1{
    font-size:clamp(58px,7vw,82px);
    max-width:100%;
    overflow-wrap:normal;
  }
  .page-hero{
    padding:54px 38px;
  }
  .page-hero h1{
    font-size:clamp(50px,7vw,76px);
    max-width:100%;
    overflow-wrap:break-word;
  }
  .section{
    padding:46px 0;
  }
}

@media (min-width:1121px){
  .page-hero h1,
  .section-head h2,
  .story-copy h2,
  .video-copy h2,
  .book-feature-copy h2{
    text-wrap:balance;
  }
}


/* 2026-10-01 cinematic Gate collection imagery */
.product-visual.cinematic{
  position:relative;
  padding:0;
  overflow:hidden;
  background:#efe9df;
}
.product-visual.cinematic::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.02) 38%,rgba(24,38,64,.24) 100%);
}
.product-visual.cinematic img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  transform:scale(1.015);
}
.product:has(.product-visual.cinematic){
  background:linear-gradient(180deg,#fffdfa,#fff9f4);
}
@media (min-width:761px){
  .product-visual.cinematic{
    height:300px;
  }
}
@media (max-width:760px){
  .product-visual.cinematic{
    height:170px;
  }
  .product-visual.cinematic img{
    object-position:center;
  }
}

/* collection-cinematic-v2 */
.product-visual.cinematic{
  background:linear-gradient(180deg,#fff8eb,#e9f1f4);
  padding:0!important;
  overflow:hidden;
}
.product-visual.cinematic img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  display:block;
}
@media (min-width:761px){
  .product-visual.cinematic{height:310px!important}
}


/* 2026-10-03 mobile opening sequence polish */
@media (max-width:760px){
  .story-video{gap:18px}
  .story-video .video-card,
  .story-video .story-card{
    border-radius:28px;
    overflow:hidden;
    box-shadow:0 14px 34px rgba(49,40,68,.08);
  }
  .story-video .video-card{
    grid-template-columns:1fr;
    padding:22px 18px 24px;
    background:linear-gradient(155deg,#eaf7fb 0%,#fffaf4 58%,#fff4e9 100%);
  }
  .story-video .phone-video{
    width:min(210px,62vw);
    border-width:5px;
    border-radius:28px;
    box-shadow:0 14px 28px rgba(31,49,83,.14);
  }
  .story-video .video-copy{
    text-align:center;
    padding:4px 10px 0;
  }
  .story-video .video-copy .eyebrow{margin-bottom:10px}
  .story-video .video-copy h2{
    font-size:42px;
    line-height:1;
    text-wrap:balance;
  }
  .story-video .video-copy p{
    max-width:430px;
    margin:0 auto 12px;
    line-height:1.55;
  }
  .story-video .story-card{
    background:linear-gradient(155deg,#fffdf8,#fff3e5);
  }
  .story-video .story-photo-local{
    min-height:0;
    padding:26px 20px 18px;
    background:linear-gradient(180deg,#fffdf7,#fff8ed);
  }
  .story-video .story-photo-local img{
    width:min(270px,72vw);
    height:auto;
    max-height:none;
    margin:auto;
    filter:drop-shadow(0 14px 16px rgba(80,58,30,.12));
  }
  .story-video .story-copy{
    padding:20px 24px 28px;
    text-align:center;
  }
  .story-video .story-copy h2{
    font-size:42px;
    line-height:1;
    text-wrap:balance;
  }
  .story-video .story-copy p{
    max-width:440px;
    margin:0 auto 18px;
    line-height:1.55;
  }
  .story-video .story-copy .btn{width:100%}
}
@media (max-width:480px){
  .story-video .phone-video{width:min(190px,58vw)}
  .story-video .video-copy h2,
  .story-video .story-copy h2{font-size:38px}
}


/* 2026-10-03 collection editorial polish */
.collection-intro-note{max-width:620px;margin:18px auto 0;text-align:center;color:var(--muted);font-size:18px;line-height:1.55}
.collection-ornament{display:flex;align-items:center;justify-content:center;gap:20px;margin:22px auto 0;color:#b47d2b}
.collection-ornament::before,.collection-ornament::after{content:"";width:64px;height:1px;background:#b98a45}
.collection-ornament span{font-size:24px;line-height:1}
@media (max-width:760px){
  .collection-showcase.section{padding-top:34px}
  .collection-showcase .section-head{text-align:center;margin:0 auto 30px}
  .collection-showcase .section-head .eyebrow{color:#a46f26;letter-spacing:.24em;margin-bottom:10px}
  .collection-showcase .section-head h2{font-size:clamp(46px,12vw,62px);line-height:.96;max-width:620px;margin:0 auto;text-wrap:balance}
  .collection-intro-note{font-size:16px;max-width:500px;padding:0 12px}
  .collection-showcase .collection{gap:14px}
  .collection-showcase .product{
    display:grid;
    grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);
    min-height:230px;
    border-radius:28px;
    overflow:hidden;
    border:1px solid #eee2d5;
    background:linear-gradient(145deg,#fffdfa,#fff9f2);
    box-shadow:0 12px 30px rgba(49,40,68,.07);
  }
  .collection-showcase .product-visual,
  .collection-showcase .product-visual.cinematic{
    width:100%;
    height:100%!important;
    min-height:230px;
    padding:0!important;
    overflow:hidden;
    background:#f7f0e7;
  }
  .collection-showcase .product-visual img,
  .collection-showcase .product-visual.cinematic img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center!important;
    transform:none!important;
    display:block;
  }
  .collection-showcase .product:first-child .product-visual{
    background:linear-gradient(135deg,#fff7df,#efe2c9);
    padding:14px!important;
  }
  .collection-showcase .product:first-child .product-visual img{
    object-fit:contain!important;
    filter:drop-shadow(0 12px 12px rgba(65,46,23,.18));
  }
  .collection-showcase .product-body{
    padding:24px 18px;
    display:flex;
    flex-direction:column;
    justify-content:center;
  }
  .collection-showcase .product-body h3{font-size:34px;line-height:1;margin:0 0 12px}
  .collection-showcase .product-body p{font-size:15px;line-height:1.45;margin:0 0 18px}
  .collection-showcase .product-body a{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:48px;
    width:100%;
    padding:0 16px;
    border-radius:999px;
    color:white;
    background:linear-gradient(90deg,#b67a1c,#dfb55f);
    font-size:15px;
    font-weight:700;
  }
}
@media (max-width:480px){
  .collection-showcase .product{grid-template-columns:1fr 1fr;min-height:210px}
  .collection-showcase .product-visual,
  .collection-showcase .product-visual.cinematic{min-height:210px}
  .collection-showcase .product-body{padding:20px 14px}
  .collection-showcase .product-body h3{font-size:30px}
  .collection-showcase .product-body p{font-size:14px}
  .collection-showcase .product-body a{min-height:44px;font-size:14px}
}


/* 2026-10-03 final approved collection reference */
@media (max-width:760px){
  .collection-showcase.section{padding-top:28px}
  .collection-showcase .section-head{margin-bottom:26px}
  .collection-showcase .section-head h2{font-size:clamp(45px,11.7vw,60px);line-height:.98}
  .collection-showcase .collection{gap:12px}
  .collection-showcase .product{
    grid-template-columns:1fr 1fr;
    min-height:220px;
    border-radius:24px;
    box-shadow:0 8px 22px rgba(49,40,68,.055);
  }
  .collection-showcase .product-visual,
  .collection-showcase .product-visual.cinematic{
    min-height:220px;
    height:220px!important;
  }
  .collection-showcase .product:first-child .product-visual{
    padding:0!important;
    background:linear-gradient(135deg,#f7e6b6,#fff8e8);
    display:flex;
    align-items:center;
    justify-content:center;
  }
  .collection-showcase .product:first-child .product-visual img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center!important;
    filter:none;
  }
  .collection-showcase .product-body{padding:20px 18px}
  .collection-showcase .product-body h3{font-size:32px;margin-bottom:12px}
  .collection-showcase .product-body p{margin-bottom:18px}
  .collection-showcase .product-body a{min-height:46px}
}

/* approved homepage author portrait */
.source-author-home .author-source-mark{
  background-image:url("/assets/gate-home-shahiroz-author.jpg?v=20261003-homeauthor1")!important;
  background-size:cover!important;
  background-position:center 30%!important;
}


/* 2026-10-03 whole-site visual unification */
:root{--surface:#fffdf9;--surface-soft:#fbf8f3;--line:#eee7df;--shadow-soft:0 8px 24px rgba(31,49,83,.055)}
body{background:linear-gradient(180deg,#fffdf9 0%,#fbfaf8 55%,#fffdf9 100%)}
.section.soft-sky,.section.soft-peach,.page-hero,.author,.about-gate-panel,.contact-feature-panel,.contact-note,.quote-panel{
  background:var(--surface-soft);
  border:1px solid var(--line);
  box-shadow:var(--shadow-soft);
}
.story-card,.video-card,.gate-life-card,.journey-card,.product,.content-card,.about-link-card,.contact-option{
  background:var(--surface);
  border:1px solid var(--line);
  box-shadow:var(--shadow-soft);
}
.btn{box-shadow:none}
.site-header{box-shadow:0 8px 24px rgba(31,49,83,.07)}
@media(max-width:760px){
  .section{padding:34px 0}
  .section.soft-sky,.section.soft-peach{padding:28px 14px;border-radius:24px}
  .section-head{margin-bottom:18px}
  .section-head h2{line-height:1;text-wrap:balance}
  .story-video{gap:14px}
  .story-video .video-card,.story-video .story-card{box-shadow:var(--shadow-soft);border:1px solid var(--line)}
  .story-video .video-card,.story-video .story-card,.author,.page-hero,.about-gate-panel,.contact-feature-panel,.contact-note{background:var(--surface-soft)}
  .icon-card,.journey-card,.gate-life-card,.product,.content-card,.about-link-card,.contact-option{box-shadow:var(--shadow-soft)}
  .author{border:1px solid var(--line);border-radius:24px;padding:16px}
  .author-source-mark{border-radius:18px;min-height:360px}
  .page-hero{padding:38px 20px;border-radius:24px}
  .about-gate-panel,.contact-feature-panel{padding:18px;border-radius:24px}
  .quote-panel{padding:24px 16px;border-radius:24px}
}


/* 2026-10-03 book-cover master palette */
:root{
  --ink:#17342c;
  --navy:#17342c;
  --forest:#173b2e;
  --forest-deep:#0e281f;
  --forest-soft:#e9efe8;
  --gold:#c49332;
  --gold-deep:#9a6a18;
  --gold-light:#e7c66e;
  --paper:#fffaf0;
  --paper-deep:#f5ecd8;
  --muted:#6f746c;
  --line:#e5d8bc;
  --surface:#fffaf0;
  --surface-soft:#f8f1e2;
  --shadow-soft:0 10px 28px rgba(20,53,44,.08);
}
body{
  color:var(--forest-deep);
  background:
    radial-gradient(circle at 50% 0%,rgba(231,198,110,.12),transparent 28rem),
    linear-gradient(180deg,#fffaf0 0%,#fbf5e9 48%,#fffaf0 100%);
}
h1,h2,h3,.brand-title,.reflection-line{color:var(--forest-deep)}
a{color:var(--forest)}
.eyebrow{color:var(--gold-deep)}
.site-header{
  background:rgba(255,250,240,.96);
  border-color:rgba(196,147,50,.24);
  box-shadow:0 8px 24px rgba(20,53,44,.09);
}
.menu,.buy,.btn.primary,.collection-showcase .product-body a{
  color:#fffdf7;
  background:linear-gradient(100deg,var(--forest-deep),var(--forest));
  border-color:var(--forest);
}
.btn.secondary{
  color:var(--forest-deep);
  background:#fffaf0;
  border-color:rgba(154,106,24,.35);
}
.divider{
  background:linear-gradient(90deg,transparent,rgba(196,147,50,.75),transparent);
}
.section.soft-sky,.section.soft-peach,.page-hero,.author,.about-gate-panel,.contact-feature-panel,.contact-note,.quote-panel{
  background:linear-gradient(145deg,#fffaf0,#f5ecd8);
  border-color:var(--line);
}
.story-card,.video-card,.gate-life-card,.journey-card,.product,.content-card,.about-link-card,.contact-option{
  background:rgba(255,250,240,.96);
  border-color:var(--line);
}
.icon{background:#f4e4bd;color:var(--forest)}
.gate-life-copy a,.journey-card a,.product-body a:not(.collection-showcase .product-body a),.contact-option a,.contact-email{color:var(--gold-deep)!important}
.author-quote{color:var(--gold-deep)}
.collection-ornament{color:var(--gold)}
.collection-ornament::before,.collection-ornament::after{background:var(--gold)}
.collection-showcase .section-head .eyebrow{color:var(--gold-deep)}
.collection-showcase .product-body a{
  background:linear-gradient(90deg,var(--gold-deep),var(--gold-light));
}
.product:has(.product-visual.cinematic){background:linear-gradient(180deg,#fffaf0,#f7efdf)}
footer{color:#77766e}
footer strong{color:var(--forest-deep)}
@media(max-width:760px){
  .site-header nav{background:#fffaf0;border-color:var(--line)}
  .hero:after{background:linear-gradient(180deg,rgba(255,250,240,.02) 0%,rgba(255,250,240,.72) 52%,rgba(255,250,240,.98) 100%)}
  .story-video .video-card,.story-video .story-card,.author,.page-hero,.about-gate-panel,.contact-feature-panel,.contact-note{
    background:linear-gradient(145deg,#fffaf0,#f7efdf);
  }
  .collection-showcase .product{background:linear-gradient(145deg,#fffaf0,#f8f1e4);border-color:var(--line)}
}


/* ===== FINAL GATE DESIGN SYSTEM: book-cover driven ===== */
:root{--g-forest:#15382b;--g-deep:#0d281f;--g-gold:#c49232;--g-gold2:#e0bd67;--g-paper:#fffaf0;--g-parchment:#f6eddc;--g-line:rgba(166,119,34,.22);--g-muted:#6c7068;--g-shadow:0 10px 28px rgba(13,40,31,.075)}
body{background:var(--g-paper);color:var(--g-deep)}
main.wrap{background:transparent}
h1,h2,h3,.brand-title,.reflection-line{color:var(--g-deep)}
p{line-height:1.62}
.eyebrow{color:#976719}
.site-header{background:rgba(255,250,240,.97);border-color:var(--g-line);box-shadow:0 7px 22px rgba(13,40,31,.08)}
.menu,.buy{background:var(--g-forest);color:#fff;border-color:var(--g-forest)}
.section{padding:54px 0;position:relative}
.section-head{max-width:760px;margin:0 auto 28px;text-align:center}
.section-head h2{text-wrap:balance}
.section.soft-sky,.section.soft-peach{background:transparent!important;border:0!important;box-shadow:none!important;padding-left:0;padding-right:0}
.story-card,.video-card,.gate-life-card,.journey-card,.product,.content-card,.author,.about-link-card,.contact-option,.book-feature-card,.about-gate-panel,.contact-feature-panel,.contact-note,.quote-panel{
 background:var(--g-paper)!important;border:1px solid var(--g-line)!important;box-shadow:var(--g-shadow)!important
}
.story-card,.video-card,.book-feature-card,.author,.about-gate-panel,.contact-feature-panel{overflow:hidden}
.btn.gold,.buy,.collection-showcase .product-body a{background:linear-gradient(100deg,#a8741e,var(--g-gold2));color:#fff;border-color:transparent}
.btn.sky{background:transparent;color:var(--g-forest);border-color:rgba(21,56,43,.3)}
.icon{background:#f0dfb4;color:var(--g-forest)}
.quote-panel{background:linear-gradient(135deg,#fbf3df,#fffaf0)!important}
.page-hero{background:linear-gradient(135deg,#f5ead0,#fffaf0)!important;border-color:var(--g-line)!important;box-shadow:var(--g-shadow)!important}
.about-gate-art,.contact-gate-art{background-image:linear-gradient(180deg,rgba(13,40,31,.02),rgba(13,40,31,.16)),url('/assets/hero.webp')!important}
.gate-life-copy a,.journey-card a,.contact-option a,.contact-email,.product-body a{color:#95661a!important}
.collection-showcase .product-body a{color:#fff!important}
.collection-ornament{color:var(--g-gold)}
.collection-ornament:before,.collection-ornament:after{background:var(--g-gold)}
footer{border-top:1px solid var(--g-line);color:var(--g-muted)}
footer strong{color:var(--g-deep)}
@media(max-width:760px){
 .wrap{width:min(100% - 18px,680px)}
 .section{padding:34px 0}
 .section-head{margin-bottom:22px}
 .section-head h2{font-size:42px;line-height:1}
 .story-video{gap:12px}
 .story-video .video-card,.story-video .story-card{background:var(--g-paper)!important;border-radius:22px}
 .gate-life-grid,.journey-grid,.collection,.icon-grid{gap:10px}
 .gate-life-card,.journey-card,.product,.icon-card{border-radius:18px}
 .page-hero{padding:38px 20px;border-radius:22px}
 .author{padding:12px;border-radius:22px}
 .author-source-mark{min-height:390px;border-radius:16px}
 .about-gate-panel,.contact-feature-panel{padding:12px;border-radius:22px}
 .about-gate-art,.contact-gate-art{border-radius:16px}
 .quote-panel,.contact-note{border-radius:22px}
}


/* 2026-10-04 ACTUAL BOOK GATE motif — uses the real cover asset */
:root{--book-gate:url("/assets/gate-book-exact.jpg?v=20261004-bookgate1")}
.hero,.page-hero,.about-gate-art,.contact-gate-art{
  position:relative;
  isolation:isolate;
}
.page-hero::before,.about-gate-art::before,.contact-gate-art::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background-image:
    linear-gradient(90deg,rgba(13,40,31,.86),rgba(13,40,31,.34)),
    var(--book-gate);
  background-size:cover,175%;
  background-position:center,50% 42%;
  background-repeat:no-repeat;
}
.page-hero{
  overflow:hidden;
  background:var(--g-deep)!important;
  color:#fffaf0;
  border-color:rgba(224,189,103,.42)!important;
}
.page-hero h1,.page-hero h2,.page-hero p{color:#fffaf0}
.page-hero .eyebrow{color:var(--g-gold2)}
.page-hero::after{
  content:"";
  position:absolute;
  inset:14px;
  border:1px solid rgba(224,189,103,.28);
  border-radius:inherit;
  pointer-events:none;
}
.about-gate-art,.contact-gate-art{
  min-height:360px;
  overflow:hidden;
  background:var(--g-deep)!important;
}
.about-gate-art::before,.contact-gate-art::before{
  z-index:0;
  background-image:linear-gradient(180deg,rgba(13,40,31,.04),rgba(13,40,31,.18)),var(--book-gate);
  background-size:cover,190%;
  background-position:center,50% 42%;
}
.section-head::after{
  content:"◇";
  display:block;
  width:120px;
  margin:18px auto 0;
  color:var(--g-gold);
  font-size:17px;
  line-height:1;
  letter-spacing:0;
  background:linear-gradient(var(--g-gold),var(--g-gold)) left center/46px 1px no-repeat,
             linear-gradient(var(--g-gold),var(--g-gold)) right center/46px 1px no-repeat;
}
@media(max-width:760px){
 .page-hero::before{background-size:cover,225%;background-position:center,50% 42%}
 .page-hero{min-height:360px;display:flex;flex-direction:column;justify-content:flex-end;text-align:left}
 .about-gate-art::before,.contact-gate-art::before{background-size:cover,230%;background-position:center,50% 42%}
 .section-head::after{margin-top:14px}
}

/* ===== V24 STRUCTURAL REBUILD ===== */
body{background:#102b22!important}
main.wrap{width:min(1160px,calc(100% - 18px))!important;margin:12px auto 0!important;background:#fbf4e5!important;border-radius:30px 30px 0 0!important;overflow:hidden!important}
.hero,.page-hero{min-height:650px!important;padding:70px clamp(28px,7vw,88px)!important;border-radius:0!important;border:0!important;box-shadow:none!important;background:#102b22!important;color:#fffaf0!important;justify-content:center!important;overflow:hidden!important}
.hero:before,.page-hero:before{content:""!important;position:absolute!important;inset:0!important;z-index:-2!important;background-image:linear-gradient(90deg,rgba(7,28,21,.94),rgba(7,28,21,.55) 48%,rgba(7,28,21,.18)),url('/assets/gate-book-exact.jpg?v=20261004-rebuild2')!important;background-size:cover,115%!important;background-position:center,75% 43%!important;background-repeat:no-repeat!important}
.hero:after,.page-hero:after{content:""!important;position:absolute!important;inset:20px!important;border:1px solid rgba(231,201,120,.34)!important;border-radius:120px 120px 12px 12px!important;z-index:-1!important}
.hero-copy,.page-hero>*{max-width:620px!important}.hero h1,.page-hero h1{font-size:clamp(58px,8vw,96px)!important;line-height:.84!important;color:#fffaf0!important}.hero h1 em{display:block!important;color:#e7c978!important}.hero p,.page-hero p{color:#eee5d2!important}.hero .eyebrow,.page-hero .eyebrow{color:#e7c978!important}
.section{padding:72px clamp(22px,5vw,62px)!important;background:#fbf4e5!important;border:0!important;box-shadow:none!important}.section:nth-of-type(even){background:#f3e6cc!important}.section:before{display:none!important}.section-head{max-width:780px!important;margin:0 auto 38px!important;text-align:center!important}.section-head h2{font-size:clamp(44px,6vw,68px)!important;line-height:.95!important}.section-head:after{content:"◇"!important;display:block!important;margin:18px auto 0!important;color:#c49232!important}
.story-video{display:grid!important;gap:20px!important;background:linear-gradient(180deg,#ead8b5,#fbf4e5)!important}.video-card,.story-card,.book-feature-card,.about-story-grid,.about-gate-panel,.contact-feature-panel{display:grid!important;grid-template-columns:1fr 1fr!important;border:1px solid rgba(196,146,50,.25)!important;border-radius:26px!important;background:#fffaf0!important;overflow:hidden!important;box-shadow:0 18px 50px rgba(13,40,31,.12)!important}.video-copy,.story-copy,.book-feature-copy,.about-story-copy,.about-gate-copy,.contact-feature-copy{padding:38px!important;align-self:center!important}.story-photo img,.book-feature-image img,.about-photo-card img{width:100%!important;height:100%!important;object-fit:cover!important}.phone-video{min-height:430px!important;height:100%!important;background:#0b2119!important}
.icon-grid{grid-template-columns:repeat(5,1fr)!important;gap:10px!important}.icon-card{background:transparent!important;border:0!important;border-top:1px solid #c49232!important;box-shadow:none!important;border-radius:0!important;padding:22px 14px!important}
.gate-life-grid,.journey-grid{grid-template-columns:repeat(2,1fr)!important;gap:18px!important}.gate-life-card,.journey-card{background:#fffaf0!important;border:1px solid rgba(196,146,50,.23)!important;border-radius:22px!important;overflow:hidden!important;box-shadow:none!important}.gate-life-img,.journey-image{height:300px!important;width:100%!important;object-fit:cover!important}
.collection{grid-template-columns:repeat(2,1fr)!important;gap:18px!important}.product{grid-template-columns:1.08fr .92fr!important;min-height:330px!important;border-radius:24px!important;background:#fffaf0!important;border:1px solid rgba(196,146,50,.24)!important;overflow:hidden!important;box-shadow:none!important}.product-visual,.product-visual.cinematic{height:auto!important;min-height:330px!important}.product-visual img{width:100%!important;height:100%!important;object-fit:cover!important}.product-body{padding:28px!important}.product-body h3{font-size:38px!important}
.author{grid-template-columns:.9fr 1.1fr!important;gap:38px!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}.author-source-mark{min-height:520px!important;border-radius:24px!important;background:url('/assets/gate-home-shahiroz-author.jpg?v=20261003-homeauthor1') center 30%/cover no-repeat!important}
.content-grid,.contact-options-grid{grid-template-columns:repeat(2,1fr)!important}.about-links-grid{grid-template-columns:repeat(3,1fr)!important}.about-gate-art,.contact-gate-art{min-height:520px!important;background:url('/assets/gate-book-exact.jpg?v=20261004-rebuild2') center/cover no-repeat!important}.about-gate-art:before,.contact-gate-art:before{display:none!important}
.site-header{background:rgba(16,43,34,.94)!important;color:#fffaf0!important;border-color:rgba(231,201,120,.3)!important}.brand-title{color:#fffaf0!important}.brand-title small{color:#e2d4b5!important}.menu,.buy{background:#173d30!important;color:#fff!important;border-color:rgba(231,201,120,.3)!important}
footer.wrap{background:#102b22!important;color:#d8ceb7!important}
@media(max-width:760px){main.wrap{width:calc(100% - 12px)!important}.hero,.page-hero{min-height:610px!important;padding:44px 24px 40px!important;justify-content:flex-end!important}.hero:before,.page-hero:before{background-image:linear-gradient(180deg,rgba(7,28,21,.12),rgba(7,28,21,.9) 68%),url('/assets/gate-book-exact.jpg?v=20261004-rebuild2')!important;background-size:cover,250%!important;background-position:center,50% 38%!important}.hero:after,.page-hero:after{inset:11px!important;border-radius:78px 78px 10px 10px!important}.hero h1,.page-hero h1{font-size:57px!important}.section{padding:48px 16px!important}.section-head h2{font-size:44px!important}.video-card,.story-card,.book-feature-card,.about-story-grid,.about-gate-panel,.contact-feature-panel{grid-template-columns:1fr!important}.video-copy,.story-copy,.book-feature-copy,.about-story-copy,.about-gate-copy,.contact-feature-copy{padding:24px 21px!important}.phone-video{min-height:470px!important}.story-photo{height:360px!important}.icon-grid{grid-template-columns:1fr!important}.icon-card{display:grid!important;grid-template-columns:48px 1fr!important}.gate-life-grid,.journey-grid,.collection,.content-grid,.about-links-grid,.contact-options-grid{grid-template-columns:1fr!important}.gate-life-img,.journey-image{height:250px!important}.product{grid-template-columns:1fr 1fr!important;min-height:225px!important}.product-visual,.product-visual.cinematic{min-height:225px!important}.product-body{padding:18px!important}.product-body h3{font-size:30px!important}.author{grid-template-columns:1fr!important}.author-source-mark{min-height:420px!important}.about-gate-art,.contact-gate-art{min-height:420px!important}}

/* ===== MOCKUP COMPOSITION PASS ===== */
body{background:#071d16!important;background-image:radial-gradient(circle at 50% 8%,rgba(199,150,62,.12),transparent 28%)!important}
main.wrap{max-width:1280px!important}
.hero,.page-hero{min-height:780px!important;padding-left:8vw!important}
.hero:before,.page-hero:before{background-image:linear-gradient(90deg,rgba(5,23,17,.98) 0%,rgba(5,23,17,.83) 34%,rgba(5,23,17,.22) 68%,rgba(5,23,17,.48)),url('/assets/gate-book-exact.jpg?v=20261004-mockup3')!important;background-size:cover,100%!important;background-position:center,82% 45%!important;filter:saturate(1.12) contrast(1.05)!important}
.hero:after,.page-hero:after{inset:28px 32px!important;border:1px solid rgba(231,201,120,.48)!important;border-radius:220px 220px 14px 14px!important;box-shadow:inset 0 0 90px rgba(231,201,120,.06)!important}
.hero-copy{max-width:540px!important}.hero h1{font-size:clamp(74px,9vw,118px)!important;letter-spacing:-.035em!important}.hero-lead{font-size:30px!important}
.section{padding-top:95px!important;padding-bottom:95px!important}
.section-head{margin-bottom:52px!important}.section-head h2{font-size:clamp(54px,7vw,82px)!important;letter-spacing:-.025em!important}
.story-video{background:#0c2b21!important;color:#fffaf0!important;padding-top:90px!important;padding-bottom:90px!important}.story-video .eyebrow{color:#e7c978!important}.story-video h2{color:#fffaf0!important}.story-video p{color:#ddd2b9!important}.story-video .video-card,.story-video .story-card{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;gap:28px!important}.story-video .video-card{border-bottom:1px solid rgba(231,201,120,.25)!important;padding-bottom:60px!important}.story-video .story-card{padding-top:35px!important}.story-video .phone-video,.story-video .story-photo{border:1px solid rgba(231,201,120,.4)!important;border-radius:180px 180px 16px 16px!important;overflow:hidden!important;box-shadow:0 30px 70px rgba(0,0,0,.25)!important}
.soft-sky{background:#f6ead2!important}.soft-peach{background:#102f24!important;color:#fffaf0!important}.soft-peach .section-head h2,.soft-peach h3{color:#fffaf0!important}.soft-peach .eyebrow{color:#e7c978!important}.soft-peach .section-head p,.soft-peach .journey-card p{color:#ddd2b9!important}
.soft-peach .journey-card{background:transparent!important;border:0!important;border-top:1px solid rgba(231,201,120,.35)!important;border-radius:0!important}.soft-peach .journey-image{border-radius:160px 160px 8px 8px!important;margin-top:20px!important}
.icon-grid{max-width:1000px!important;margin:auto!important}.icon-card{padding:30px 18px!important}.icon-card h3{font-size:30px!important}
.quote-panel{max-width:920px!important;margin:auto!important;background:transparent!important;border:0!important;border-top:1px solid #c49232!important;border-bottom:1px solid #c49232!important;box-shadow:none!important;padding:65px 30px!important}
.gate-life-grid{gap:26px!important}.gate-life-card{background:transparent!important;border:0!important;border-radius:0!important}.gate-life-img{height:420px!important;border-radius:180px 180px 10px 10px!important;border:1px solid rgba(196,146,50,.32)!important}.gate-life-copy{padding:22px 4px!important}
.collection-showcase{background:#f2e3c5!important;background-image:radial-gradient(circle at 50% 0,rgba(199,150,62,.12),transparent 35%)!important}.collection{gap:32px!important}.product{background:transparent!important;border:0!important;border-top:1px solid rgba(151,103,25,.4)!important;border-radius:0!important;box-shadow:none!important;min-height:400px!important}.product-visual{background:transparent!important;min-height:400px!important;padding:22px!important}.product-visual img{object-fit:contain!important;filter:drop-shadow(0 22px 22px rgba(13,40,31,.18))!important}.product-visual.cinematic img{object-fit:cover!important;border-radius:150px 150px 10px 10px!important;filter:none!important}.product-body{padding:38px 25px!important}.product-body h3{font-size:50px!important}
.author{max-width:1000px!important;margin:auto!important}.author-source-mark{min-height:650px!important;border-radius:220px 220px 18px 18px!important;border:1px solid rgba(196,146,50,.35)!important}.author h2{font-size:72px!important}
.about-story-grid,.about-gate-panel,.contact-feature-panel,.book-feature-card{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;gap:44px!important}.about-photo-card,.about-gate-art,.contact-gate-art,.book-feature-image{border-radius:220px 220px 14px 14px!important;overflow:hidden!important;border:1px solid rgba(196,146,50,.38)!important;box-shadow:0 28px 60px rgba(13,40,31,.14)!important}.about-story-copy,.about-gate-copy,.contact-feature-copy,.book-feature-copy{padding:25px 10px!important}.about-story-copy h2,.about-gate-copy h2,.contact-feature-copy h2,.book-feature-copy h2{font-size:60px!important}
.content-card,.about-link-card,.contact-option,.contact-note{background:transparent!important;border:0!important;border-top:1px solid rgba(196,146,50,.35)!important;border-radius:0!important;box-shadow:none!important}
.contact-feature-panel{align-items:center!important}.contact-gate-art{min-height:650px!important}
@media(max-width:760px){
 .hero,.page-hero{min-height:690px!important;padding:44px 25px!important}
 .hero:before,.page-hero:before{background-image:linear-gradient(180deg,rgba(5,23,17,.06),rgba(5,23,17,.94) 64%),url('/assets/gate-book-exact.jpg?v=20261004-mockup3')!important;background-size:cover,215%!important;background-position:center,50% 35%!important}
 .hero:after,.page-hero:after{inset:10px!important;border-radius:110px 110px 10px 10px!important}
 .hero h1,.page-hero h1{font-size:62px!important}
 .section{padding-top:60px!important;padding-bottom:60px!important}
 .section-head h2{font-size:48px!important}
 .story-video .video-card,.story-video .story-card{gap:8px!important}
 .story-video .phone-video,.story-video .story-photo{border-radius:110px 110px 12px 12px!important}
 .gate-life-img{height:330px!important;border-radius:110px 110px 10px 10px!important}
 .product{grid-template-columns:1fr 1fr!important;min-height:260px!important}
 .product-visual{min-height:260px!important;padding:8px!important}
 .product-body{padding:20px 12px!important}.product-body h3{font-size:34px!important}
 .author-source-mark{min-height:500px!important;border-radius:130px 130px 14px 14px!important}.author h2{font-size:52px!important}
 .about-photo-card,.about-gate-art,.contact-gate-art,.book-feature-image{border-radius:120px 120px 12px 12px!important}
 .about-story-copy h2,.about-gate-copy h2,.contact-feature-copy h2,.book-feature-copy h2{font-size:44px!important}
}

/* MOBILE FIX — clean readable composition */
@media(max-width:760px){
 .hero,.page-hero{min-height:0!important;height:auto!important;padding:0!important;display:block!important;background:#102b22!important}
 .hero:before,.page-hero:before{content:""!important;position:relative!important;display:block!important;inset:auto!important;width:100%!important;height:300px!important;background:url('/assets/hero.webp?v=20261004-mobile2') center/cover no-repeat!important;filter:none!important;z-index:0!important}
 .hero:after,.page-hero:after{display:none!important}
 .hero-copy{padding:28px 22px 34px!important;background:#102b22!important;max-width:none!important}
 .page-hero>p,.page-hero>h1,.page-hero>.actions{margin-left:22px!important;margin-right:22px!important}
 .page-hero>.eyebrow{margin-top:26px!important}.page-hero>.actions{margin-bottom:32px!important}
 .hero h1,.page-hero h1{font-size:50px!important;line-height:.9!important}.hero p,.page-hero p{font-size:15px!important;line-height:1.5!important}
 .actions{display:grid!important;grid-template-columns:1fr!important;gap:9px!important}.btn{width:100%!important}
 .section{padding:44px 16px!important}.section-head h2{font-size:40px!important}
 .story-video{padding:44px 16px!important}.story-video .video-card,.story-video .story-card{display:block!important;background:transparent!important;padding:0 0 34px!important}
 .story-video .phone-video,.story-video .story-photo{height:300px!important;min-height:300px!important;border-radius:24px!important}.video-copy,.story-copy{padding:22px 2px 0!important}
 .video-copy h2,.story-copy h2{font-size:38px!important}
 .gate-life-grid,.journey-grid,.collection,.content-grid,.about-links-grid,.contact-options-grid{display:block!important}
 .gate-life-card,.journey-card,.product,.content-card,.about-link-card,.contact-option{margin-bottom:22px!important}
 .gate-life-img,.journey-image{height:245px!important;border-radius:22px!important}
 .product{display:grid!important;grid-template-columns:42% 58%!important;min-height:210px!important}.product-visual,.product-visual.cinematic{height:210px!important;min-height:210px!important;padding:4px!important}.product-visual img,.product-visual.cinematic img{object-fit:contain!important;border-radius:10px!important}.product-body{padding:14px!important}.product-body h3{font-size:29px!important}.product-body p{font-size:12px!important}
 .author,.about-story-grid,.about-gate-panel,.contact-feature-panel,.book-feature-card{display:block!important}
 .author-source-mark{min-height:390px!important;border-radius:24px!important}.author h2{font-size:46px!important}
 .about-photo-card,.about-gate-art,.contact-gate-art,.book-feature-image{height:330px!important;min-height:330px!important;border-radius:24px!important;margin:0!important}
 .about-story-copy,.about-gate-copy,.contact-feature-copy,.book-feature-copy{padding:24px 2px!important}
 .about-story-copy h2,.about-gate-copy h2,.contact-feature-copy h2,.book-feature-copy h2{font-size:40px!important}
 .icon-grid{display:block!important}.icon-card{display:grid!important;grid-template-columns:44px 1fr!important;padding:16px 2px!important}
}

/* 2026-10-04 landing final mobile polish */
.praise-home{background:#f3e6cc!important}.praise-home .quote-panel{text-align:center!important}.praise-name{margin:18px 0 0;color:#6b5a3a;font-weight:600;letter-spacing:.04em}
@media(max-width:760px){
.site-header{top:6px!important;margin-top:6px!important;width:calc(100% - 12px)!important;border-radius:18px!important;padding:9px 11px!important}.brand-mark{width:31px!important;height:31px!important;flex-basis:31px!important}.brand-title{font-size:15px!important;letter-spacing:.045em!important}.brand-title small{font-size:7px!important}.menu{min-height:42px!important;padding:0 14px!important}
main.wrap{margin-top:7px!important;border-radius:20px 20px 0 0!important}.hero:before{height:330px!important;background-image:linear-gradient(180deg,rgba(7,28,21,.02),rgba(7,28,21,.18)),url('/assets/gate-book-exact.jpg?v=20261004-landingfinal1')!important;background-size:cover,210%!important;background-position:center,50% 42%!important}.hero-copy{padding:27px 20px 32px!important}.hero h1{font-size:52px!important}.hero-lead{font-size:22px!important}.hero-tag{line-height:1.45!important}
.story-video{padding-left:16px!important;padding-right:16px!important}.story-video .phone-video,.story-video .story-photo{width:100%!important;max-width:none!important;height:310px!important;min-height:310px!important}.story-video .phone-video video{object-fit:cover!important}.story-photo-local{padding:0!important}.story-photo-local img{max-height:none!important;object-fit:cover!important}.video-copy,.story-copy{padding:20px 2px 4px!important}.story-video .video-card{margin-bottom:34px!important;border-bottom:1px solid rgba(231,201,120,.28)!important}
.section-head{margin-bottom:28px!important}.section-head h2{font-size:39px!important}.gate-life-card,.journey-card{margin-bottom:26px!important}.gate-life-copy{padding:18px 2px!important}.collection-showcase .product{grid-template-columns:44% 56%!important}.collection-showcase .product-body a{width:100%!important;text-align:center!important}.author{padding:0!important}.author-source-mark{min-height:390px!important;background-position:center 28%!important}.praise-home .quote-panel{padding:42px 16px!important}.praise-home .reflection-line{font-size:29px!important;line-height:1.08!important}
}

/* 2026-10-04 APPROVED EDITORIAL LANDING — exact user assets only */
body{background:#08271f!important}.site-header{max-width:1180px!important;background:#0c3428!important;border:1px solid rgba(221,178,83,.38)!important;border-radius:22px!important;color:#fff9ea!important}.brand-title{color:#fff9ea!important}.brand-title small{display:none!important}
main.wrap{background:#fbf0d8!important;max-width:1180px!important}.hero{min-height:720px!important;background:#fbf0d8!important;color:#12362b!important;display:flex!important;align-items:center!important}.hero:before{background-image:linear-gradient(90deg,rgba(255,247,227,.97) 0%,rgba(255,247,227,.84) 36%,rgba(255,247,227,.12) 63%),url('/assets/hero.webp?v=20261004-approved')!important;background-size:cover!important;background-position:center!important}.hero:after{border-color:rgba(188,132,31,.28)!important}.hero-copy{max-width:520px!important}.hero h1{color:#12362b!important}.hero h1 em{color:#a66d24!important}.hero p{color:#34483f!important}.hero .eyebrow{color:#a66d24!important}.hero-tag{color:#6d695c!important}
.story-video{background:#0b3529!important;color:#fff8e8!important}.story-video .video-card,.story-video .story-card{background:transparent!important}.story-video h2{color:#fff8e8!important}.story-video p{color:#e5dac4!important}.story-video .story-card{border-top:1px solid rgba(224,189,103,.28)!important}.story-video .story-photo{background:#f8edd5!important}
.section,.section.soft-sky,.collection-showcase,.praise-home{background:#fbf0d8!important}.section.soft-peach{background:#0d3529!important}.section.soft-peach h2,.section.soft-peach h3{color:#fff8e8!important}.section.soft-peach p{color:#dfd4bf!important}.section.soft-peach a{color:#e4bd67!important}
.gate-life-card,.journey-card,.product{background:transparent!important}.collection-showcase{background:#f6e5c3!important}.author{max-width:1000px!important}.author-source-mark{background-image:url('/assets/gate-home-shahiroz-author.jpg?v=20261003-homeauthor1')!important;background-size:cover!important;background-position:center 28%!important}.praise-home .quote-panel{max-width:850px!important}.praise-name{color:#745b32!important}
@media(max-width:760px){
 body{background:#08271f!important}.site-header{position:sticky!important;top:6px!important;margin:6px auto 0!important;width:calc(100% - 12px)!important;padding:10px 12px!important;border-radius:18px!important}.brand-title{font-size:15px!important}.menu{min-height:44px!important}
 main.wrap{width:calc(100% - 12px)!important;margin-top:8px!important;border-radius:22px 22px 0 0!important}
 .hero{display:block!important;min-height:0!important;padding:0!important}.hero:before{position:relative!important;display:block!important;width:100%!important;height:330px!important;background-image:url('/assets/hero.webp?v=20261004-approved')!important;background-size:cover!important;background-position:center!important}.hero:after{display:none!important}.hero-copy{padding:30px 22px 34px!important;background:#0d3529!important}.hero h1{font-size:54px!important;color:#fff8e8!important}.hero h1 em{color:#d8a04a!important}.hero p{color:#eee2ca!important}.hero .eyebrow{color:#e4bd67!important}.hero-tag{color:#d7ccb7!important}.hero .btn.sky{background:transparent!important;color:#fff8e8!important;border:1px solid rgba(255,248,232,.45)!important}
 .section{padding:46px 20px!important}.section-head h2{font-size:40px!important}.story-video{padding:22px 16px 46px!important}.story-video .video-card,.story-video .story-card{display:grid!important;grid-template-columns:1fr!important;gap:0!important;margin:0!important;padding:22px 0 32px!important}.story-video .phone-video,.story-video .story-photo{height:285px!important;min-height:285px!important;width:100%!important;border-radius:20px!important}.story-video .phone-video{aspect-ratio:auto!important;border:1px solid rgba(224,189,103,.42)!important}.story-video .story-photo img{width:100%!important;height:100%!important;object-fit:cover!important}.video-copy,.story-copy{padding:22px 4px 0!important}.video-copy h2,.story-copy h2{font-size:40px!important;color:#fff8e8!important}.story-copy .btn{width:100%!important}
 .gate-life-grid{display:grid!important;grid-template-columns:1fr!important;gap:0!important}.gate-life-card{display:grid!important;grid-template-columns:40% 60%!important;align-items:center!important;padding:22px 0!important;margin:0!important;border-top:1px solid rgba(163,111,31,.25)!important}.gate-life-img{height:210px!important;width:100%!important;border-radius:18px!important;object-fit:cover!important}.gate-life-copy{padding:0 0 0 18px!important}.gate-life-copy h3{font-size:28px!important;color:#15382b!important}.gate-life-copy p{font-size:14px!important;line-height:1.45!important;color:#67675f!important}
 .journey-grid{display:grid!important;grid-template-columns:1fr!important;gap:0!important}.journey-card{display:grid!important;grid-template-columns:40% 60%!important;grid-template-rows:auto auto auto!important;align-items:center!important;padding:22px 0!important;margin:0!important;border-top:1px solid rgba(224,189,103,.25)!important}.journey-card .journey-image{grid-column:1!important;grid-row:1/4!important;height:210px!important;width:100%!important;border-radius:18px!important;object-fit:cover!important;margin:0!important}.journey-card h3,.journey-card p,.journey-card a{grid-column:2!important;margin-left:18px!important;margin-right:0!important}.journey-card h3{align-self:end!important;font-size:28px!important;margin-bottom:8px!important}.journey-card p{font-size:14px!important;line-height:1.45!important}.journey-card a{align-self:start!important}
 .collection{display:grid!important;grid-template-columns:1fr!important;gap:0!important}.collection-showcase .product{display:grid!important;grid-template-columns:43% 57%!important;align-items:center!important;min-height:215px!important;padding:20px 0!important;margin:0!important;border-top:1px solid rgba(163,111,31,.3)!important}.collection-showcase .product-visual,.collection-showcase .product-visual.cinematic{height:215px!important;min-height:215px!important;padding:0!important}.collection-showcase .product-visual img,.collection-showcase .product-visual.cinematic img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:16px!important}.collection-showcase .product:first-child .product-visual img{object-fit:contain!important;background:#fff!important}.collection-showcase .product-body{padding:10px 0 10px 18px!important}.collection-showcase .product-body h3{font-size:30px!important}.collection-showcase .product-body p{font-size:14px!important}.collection-showcase .product-body a{width:100%!important;min-height:48px!important}
 .author{display:grid!important;grid-template-columns:1fr!important;gap:22px!important}.author-source-mark{min-height:420px!important;border-radius:22px!important;background-image:url('/assets/gate-home-shahiroz-author.jpg?v=20261003-homeauthor1')!important;background-position:center 28%!important}.author h2{font-size:48px!important}.praise-home .quote-panel{padding:38px 8px!important}.praise-home .reflection-line{font-size:29px!important;line-height:1.12!important;color:#15382b!important}
}

/* 2026-10-04 contrast correction from device review */
@media(max-width:760px){
.story-video{background:#0b3529!important;color:#fff8e8!important}.story-video .video-copy,.story-video .story-copy{background:#0b3529!important}.story-video .video-copy h2,.story-video .story-copy h2{color:#fff8e8!important}.story-video .video-copy p,.story-video .story-copy p{color:#e8ddc8!important}.story-video .video-copy .eyebrow,.story-video .story-copy .eyebrow{color:#e4bd67!important}.story-video .video-meta{color:#d9ccb3!important}.story-video .story-card{background:#fbf0d8!important}.story-video .story-card .story-copy{background:#fbf0d8!important}.story-video .story-card .story-copy h2{color:#14372b!important}.story-video .story-card .story-copy p{color:#5e625b!important}.story-video .story-card .story-copy .eyebrow{color:#a66d24!important}
}

/* 2026-10-04 collection image correction */
.collection-showcase .product:first-child .product-visual{background:linear-gradient(145deg,#f4e6c5,#fff9eb)!important;display:flex!important;align-items:center!important;justify-content:center!important}.collection-showcase .product:first-child .product-visual img{background:transparent!important;object-fit:contain!important;width:88%!important;height:88%!important;filter:drop-shadow(0 14px 18px rgba(38,45,27,.18))}.collection-showcase .product-visual.cinematic{background:#f3dfb6!important;overflow:hidden!important}.collection-showcase .product-visual.cinematic img{filter:saturate(.82) sepia(.08) contrast(.96)!important}
@media(max-width:760px){.collection-showcase .product:first-child .product-visual img{width:92%!important;height:92%!important}.collection-showcase .product-visual,.collection-showcase .product-visual.cinematic{border-radius:18px!important;box-shadow:inset 0 0 0 1px rgba(157,106,29,.14)!important}.collection-showcase .product-visual.cinematic img{border-radius:18px!important}}

/* 2026-10-04 hero uses actual Gate asset */
.hero:before{background-image:linear-gradient(90deg,rgba(255,247,227,.96) 0%,rgba(255,247,227,.80) 35%,rgba(255,247,227,.08) 62%),url('/assets/gate-book-exact.jpg?v=20261004-realasset')!important;background-size:cover!important;background-position:center 42%!important}
@media(max-width:760px){.hero:before{background-image:url('/assets/gate-book-exact.jpg?v=20261004-realasset')!important;background-size:cover!important;background-position:center 42%!important;height:410px!important}}

/* 2026-10-04 portrait video treatment */
.story-video .video-card{display:grid!important;grid-template-columns:minmax(260px,42%) 1fr!important;align-items:center!important;gap:34px!important;padding:30px!important;background:#0b3529!important}.story-video .video-card .phone-video{width:100%!important;max-width:360px!important;aspect-ratio:9/16!important;height:auto!important;min-height:0!important;justify-self:center!important;border-radius:28px!important;overflow:hidden!important;border:1px solid rgba(224,189,103,.48)!important;background:#0a271f!important}.story-video .video-card .phone-video video{width:100%!important;height:100%!important;object-fit:cover!important}.story-video .video-card .video-copy{text-align:left!important;padding:0!important}.story-video .video-card .video-copy h2{font-size:clamp(42px,5vw,72px)!important;line-height:.95!important}.story-video .video-card .video-copy p{max-width:440px!important}
@media(max-width:760px){.story-video .video-card{grid-template-columns:44% 56%!important;gap:14px!important;padding:18px 12px!important;border-radius:24px!important}.story-video .video-card .phone-video{width:100%!important;max-width:none!important;aspect-ratio:9/16!important;height:auto!important;min-height:0!important;border-radius:20px!important}.story-video .video-card .video-copy{padding:8px 4px!important;text-align:left!important}.story-video .video-card .video-copy h2{font-size:35px!important;line-height:.98!important;margin-bottom:14px!important}.story-video .video-card .video-copy p{font-size:15px!important;line-height:1.45!important}.story-video .video-card .video-meta{font-size:13px!important}.story-video .video-card .eyebrow{font-size:12px!important}}

/* 2026-10-04 source-asset composition pass — no invented Gate/book */
:root{--gate-forest:#0b3529;--gate-paper:#f7ecd3;--gate-gold:#c58a25;--gate-gold-light:#e7c66f}
.hero:before{background-image:linear-gradient(90deg,rgba(247,236,211,.98),rgba(247,236,211,.72) 42%,rgba(11,53,41,.04) 70%),url('/assets/book-cover-live.webp?v=sourcepass1')!important;background-color:#f7ecd3!important;background-size:auto 88%!important;background-repeat:no-repeat!important;background-position:78% center!important}.hero{background:radial-gradient(circle at 75% 45%,rgba(231,198,111,.28),transparent 35%),#f7ecd3!important}
.story-video{background:linear-gradient(145deg,#08271f,#0d3d2f)!important}.story-video .video-card{position:relative!important;overflow:hidden!important}.story-video .video-card:before{content:"";position:absolute;inset:18px auto 18px 18px;width:42%;background:url('/assets/book-cover-live.webp') center/contain no-repeat;opacity:.20;filter:saturate(.9);pointer-events:none}.story-video .video-card>*{position:relative;z-index:1}.story-video .video-card .phone-video{box-shadow:0 18px 48px rgba(0,0,0,.28),0 0 0 1px rgba(231,198,111,.28)!important}.story-video .story-card{background:#f7ecd3!important}.story-video .story-photo{background:#efe0bd!important}.story-video .story-photo img{object-fit:contain!important;background:#efe0bd!important}.story-video .story-copy{background:#f7ecd3!important}.story-video .story-copy h2{color:#0b3529!important}.story-video .story-copy p{color:#5f625a!important}.story-video .story-copy .eyebrow{color:#9a671c!important}
.collection-showcase .product:first-child .product-visual img{content:url('/assets/book-cover-live.webp')!important;object-fit:contain!important;background:transparent!important;filter:drop-shadow(0 18px 20px rgba(36,44,28,.18))!important}
@media(max-width:760px){.hero:before{height:430px!important;background-image:url('/assets/book-cover-live.webp?v=sourcepass1')!important;background-size:contain!important;background-repeat:no-repeat!important;background-position:center!important;background-color:#f7ecd3!important}.hero-copy{background:#0b3529!important}.story-video .video-card:before{inset:12px auto 12px 8px;width:46%;opacity:.16}.story-video .story-photo{height:270px!important;min-height:270px!important}.story-video .story-photo img{object-fit:contain!important}.collection-showcase .product:first-child .product-visual{background:linear-gradient(145deg,#ead6aa,#fff8e7)!important}}

/* 2026-10-04 approved landing hero artwork */
.hero:before{background-image:url('/assets/gate-landing-book-garden-final.jpg?v=20261004-final')!important;background-size:cover!important;background-position:center 56%!important;background-repeat:no-repeat!important}.hero{background:#f7ecd3!important}
@media(max-width:760px){.hero:before{height:520px!important;background-image:url('/assets/gate-landing-book-garden-final.jpg?v=20261004-final')!important;background-size:cover!important;background-position:center 55%!important}}

/* 2026-10-04 remove mobile top dead space */
@media(max-width:760px){body{padding-top:0!important}.site-header{margin-top:0!important}.hero{margin-top:0!important}.hero:before{margin-top:0!important}.wrap:first-of-type{padding-top:0!important}main.wrap{padding-top:0!important}.site-header+.hero,.site-header+main,.site-header~main{margin-top:0!important}}

/* 2026-10-04 approved mockup treatment: video + Chance Arrival */
.hero + .divider{display:none!important}.story-video{margin-top:0!important;padding-top:22px!important;background:#f7ecd3!important}.story-video .video-card{background:radial-gradient(circle at 90% 10%,rgba(213,178,91,.12),transparent 28%),linear-gradient(145deg,#0a382b,#063025)!important;border:1px solid rgba(215,174,74,.65)!important;border-radius:30px!important;box-shadow:0 16px 38px rgba(7,39,31,.12)!important}.story-video .video-card:after{content:"";position:absolute;right:-3%;top:-4%;width:31%;height:48%;background:url('/assets/gate-landing-book-garden-final.jpg') 92% 25%/280% auto no-repeat;opacity:.16;filter:saturate(.7);pointer-events:none}.story-video .video-card .phone-video{border:2px solid #c99835!important;border-radius:30px!important;box-shadow:0 16px 36px rgba(0,0,0,.28)!important}.story-video .video-copy .eyebrow{color:#e4bb5e!important;letter-spacing:.22em!important}.story-video .video-copy h2{color:#fff8e8!important}.story-video .video-copy p{color:#f0e6d2!important}.story-video .video-copy .format{display:inline-flex!important;align-items:center!important;border:1px solid #d2a64b!important;border-radius:999px!important;padding:11px 17px!important;color:#f7ecd3!important}.story-video .story-card{display:grid!important;grid-template-columns:48% 52%!important;align-items:center!important;gap:0!important;background:linear-gradient(105deg,#f4e1b9,#fff8e9)!important;border:1px solid rgba(185,130,35,.18)!important;border-radius:30px!important;overflow:hidden!important;box-shadow:0 16px 38px rgba(69,52,24,.08)!important}.story-video .story-photo{height:100%!important;min-height:480px!important;background:linear-gradient(145deg,#ead3a4,#fff8e8)!important;padding:28px!important}.story-video .story-photo img{width:100%!important;height:100%!important;object-fit:contain!important;filter:drop-shadow(0 18px 22px rgba(73,48,15,.18))!important}.story-video .story-copy{padding:42px 38px!important;background:transparent!important;text-align:left!important}.story-video .story-copy .eyebrow:before{content:"Also by Shai";font-size:inherit}.story-video .story-copy .eyebrow{font-size:0!important;color:#a16c1e!important;letter-spacing:.22em!important}.story-video .story-copy h2{font-size:clamp(42px,5vw,68px)!important;line-height:.98!important;color:#0b3529!important}.story-video .story-copy p{color:#555d55!important;font-size:18px!important;line-height:1.55!important}.story-video .story-copy .btn{width:auto!important;min-width:210px!important;text-align:center!important;border-radius:999px!important}
@media(max-width:760px){.story-video{padding:16px 12px 34px!important}.story-video .video-card{grid-template-columns:48% 52%!important;padding:14px!important;gap:14px!important;border-radius:26px!important}.story-video .video-card:before{display:none!important}.story-video .video-card:after{width:38%;opacity:.12}.story-video .video-card .phone-video{border-radius:24px!important}.story-video .video-copy h2{font-size:34px!important;line-height:.96!important}.story-video .video-copy p{font-size:15px!important;margin:13px 0!important}.story-video .video-copy .format{font-size:12px!important;padding:8px 10px!important}.story-video .story-card{grid-template-columns:49% 51%!important;border-radius:26px!important}.story-video .story-photo{min-height:410px!important;padding:16px 8px 16px 16px!important}.story-video .story-copy{padding:26px 18px 26px 12px!important}.story-video .story-copy h2{font-size:35px!important;line-height:.98!important}.story-video .story-copy p{font-size:14px!important;line-height:1.48!important}.story-video .story-copy .btn{min-width:0!important;width:100%!important;padding:13px 8px!important;font-size:14px!important}}


/* 2026-10-04 exact approved mockup composition */
@media(max-width:760px){
  .story-video{
    padding:14px 10px 30px!important;
    background:#f7ecd3!important;
    gap:12px!important;
  }
  .story-video .video-card{
    display:grid!important;
    grid-template-columns:52% 48%!important;
    gap:0!important;
    padding:0!important;
    min-height:0!important;
    border-radius:28px!important;
    overflow:hidden!important;
    background:
      radial-gradient(circle at 96% 0%,rgba(218,184,105,.13),transparent 30%),
      #07372b!important;
    border:1px solid rgba(218,177,76,.7)!important;
  }
  .story-video .video-card .phone-video{
    width:calc(100% - 22px)!important;
    margin:18px 8px 18px 14px!important;
    aspect-ratio:9/16!important;
    height:auto!important;
    min-height:0!important;
    max-width:none!important;
    border:2px solid #c99a39!important;
    border-radius:26px!important;
  }
  .story-video .video-card .video-copy{
    padding:28px 16px 24px 10px!important;
    align-self:center!important;
  }
  .story-video .video-copy .eyebrow{
    margin-bottom:14px!important;
    font-size:12px!important;
    letter-spacing:.22em!important;
    color:#e4bb5e!important;
  }
  .story-video .video-copy h2{
    margin:0 0 18px!important;
    font-size:38px!important;
    line-height:.92!important;
    color:#fff8e8!important;
  }
  .story-video .video-copy h2:after{
    content:"";
    display:block;
    width:100%;
    height:12px;
    margin-top:16px;
    background:linear-gradient(#c99a39,#c99a39) left center/43% 1px no-repeat,
               linear-gradient(#c99a39,#c99a39) right center/43% 1px no-repeat;
    opacity:.9;
  }
  .story-video .video-copy p{
    margin:0 0 17px!important;
    font-size:15px!important;
    line-height:1.48!important;
    color:#f1e8d6!important;
  }
  .story-video .video-copy .format{
    display:inline-flex!important;
    width:auto!important;
    padding:9px 11px!important;
    border:1px solid #d1a348!important;
    border-radius:999px!important;
    font-size:11px!important;
    white-space:nowrap!important;
  }
  .story-video .story-card{
    display:grid!important;
    grid-template-columns:55% 45%!important;
    gap:0!important;
    min-height:430px!important;
    padding:0!important;
    border-radius:28px!important;
    overflow:hidden!important;
    background:
      radial-gradient(circle at 78% 20%,rgba(255,255,255,.75),transparent 32%),
      linear-gradient(120deg,#f0d9a9,#fff6e4)!important;
    border:1px solid rgba(184,126,28,.2)!important;
  }
  .story-video .story-photo{
    height:100%!important;
    min-height:430px!important;
    padding:20px 5px 20px 14px!important;
    background:
      radial-gradient(circle at 20% 20%,rgba(255,255,255,.7),transparent 26%),
      linear-gradient(135deg,#e9cc91,#f8e9c7)!important;
  }
  .story-video .story-photo img{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    object-position:center!important;
    background:transparent!important;
    filter:drop-shadow(0 15px 16px rgba(71,47,16,.2))!important;
  }
  .story-video .story-copy{
    padding:30px 16px 28px 10px!important;
    align-self:center!important;
    background:transparent!important;
    text-align:left!important;
  }
  .story-video .story-copy .eyebrow{
    margin-bottom:12px!important;
    color:#a16c1e!important;
  }
  .story-video .story-copy h2{
    margin:0 0 16px!important;
    font-size:36px!important;
    line-height:.94!important;
    color:#0b3529!important;
  }
  .story-video .story-copy h2:after{
    content:"";
    display:block;
    width:100%;
    height:10px;
    margin-top:14px;
    background:linear-gradient(#b78025,#b78025) left center/43% 1px no-repeat,
               linear-gradient(#b78025,#b78025) right center/43% 1px no-repeat;
  }
  .story-video .story-copy p{
    margin:0 0 18px!important;
    color:#47564e!important;
    font-size:13px!important;
    line-height:1.48!important;
  }
  .story-video .story-copy .btn{
    min-height:48px!important;
    width:100%!important;
    padding:0 10px!important;
    background:linear-gradient(100deg,#b77917,#e6c56f)!important;
    color:#102b22!important;
    font-weight:700!important;
  }
}
@media(max-width:430px){
  .story-video .video-card{grid-template-columns:51% 49%!important}
  .story-video .video-copy h2{font-size:34px!important}
  .story-video .story-card{grid-template-columns:54% 46%!important}
  .story-video .story-copy h2{font-size:33px!important}
  .story-video .story-copy p{font-size:12.5px!important}
}


/* 2026-10-04 approved Enter the Story hero — responsive all devices */
.hero{
  min-height:0!important;
  aspect-ratio:1536/1024;
  background:#0b3529 url('/assets/gate-enter-story-shahiroz-final.jpg?v=20261004-enterstory1') center/cover no-repeat!important;
  border:1px solid rgba(224,189,103,.42)!important;
  border-radius:30px!important;
  box-shadow:0 18px 42px rgba(7,39,31,.14)!important;
}
.hero:before,.hero:after{display:none!important}
.hero-copy{display:none!important}
@media(min-width:1200px){
 .hero{aspect-ratio:1536/900;background-position:center top!important}
}
@media(min-width:761px) and (max-width:1199px){
 .hero{aspect-ratio:4/3;background-position:center top!important}
}
@media(max-width:760px){
 .hero{
   aspect-ratio:4/5!important;
   min-height:0!important;
   border-radius:24px!important;
   background-size:cover!important;
   background-position:35% center!important;
 }
}
@media(max-width:480px){
 .hero{aspect-ratio:3/4!important;background-position:32% center!important}
}


/* 2026-10-05 mobile landing hero crop — remove duplicated title baked into source image */
@media(max-width:760px){
  .hero{
    background-size:auto 114%!important;
    background-position:center bottom!important;
  }
}
@media(max-width:480px){
  .hero{
    background-size:auto 116%!important;
    background-position:center bottom!important;
  }
}


/* 2026-10-05 actual mobile hero fix: crop title strip from the pseudo-image, not the hero container */
@media(max-width:760px){
  .hero:before{
    height:430px!important;
    background-image:url('/assets/gate-landing-book-garden-final.jpg?v=20261005-cropfix2')!important;
    background-size:auto 118%!important;
    background-position:center bottom!important;
    background-repeat:no-repeat!important;
    background-color:#f7ecd3!important;
  }
}


/* 2026-10-05 definitive mobile Enter-the-Story crop: remove title baked into source */
@media(max-width:760px){
  .hero{
    background-image:url('/assets/gate-enter-story-shahiroz-final.jpg?v=20261005-titlecrop3')!important;
    background-size:auto 116%!important;
    background-position:35% bottom!important;
    background-repeat:no-repeat!important;
  }
}
@media(max-width:480px){
  .hero{
    background-size:auto 118%!important;
    background-position:32% bottom!important;
  }
}

/* 2026-10-05 compact mobile transition after book overview */
@media(max-width:760px){
  .soft-sky + .section.reveal{
    padding-top:22px!important;
    padding-bottom:28px!important;
  }
  .soft-sky + .section.reveal .quote-panel{
    min-height:0!important;
    padding:38px 18px!important;
    margin:0!important;
  }
  .soft-sky{
    padding-bottom:24px!important;
  }
}

/* 2026-10-05 final Book page */
body:has(.book-page-hero){background:#fbf0d8}
.book-page-hero{
  margin:18px 0 0!important;
  min-height:760px!important;
  padding:0!important;
  border-radius:30px!important;
  overflow:hidden!important;
  position:relative!important;
  display:flex!important;
  align-items:flex-end!important;
  background:#0d3529 url('/assets/gate-book-exact.jpg?v=20261005-bookfinal1') center 16%/cover no-repeat!important;
  box-shadow:0 18px 44px rgba(4,37,30,.18)!important;
}
.book-page-hero::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(180deg,rgba(4,37,30,.02) 30%,rgba(4,37,30,.30) 52%,rgba(7,45,36,.96) 76%)!important;
}
.book-page-hero-copy{
  position:relative!important;
  z-index:1!important;
  width:100%!important;
  padding:390px 58px 52px!important;
  color:#fff8e8!important;
}
.book-page-hero .eyebrow{color:#e4bd67!important}
.book-page-hero h1{margin:0 0 16px!important;color:#fff8e8!important;font-size:clamp(62px,8vw,100px)!important;line-height:.86!important}
.book-page-hero h1 em{color:#e4bd67!important}
.book-page-hero p{max-width:720px!important;margin:0!important;color:#eee3cc!important;font-size:18px!important;line-height:1.55!important}
.book-page-hero .actions{max-width:720px!important;margin-top:24px!important}
.book-page-hero .btn{min-height:54px!important}
#free-story{padding-top:64px!important}
#free-story .book-feature-card{align-items:center!important}
#free-story .book-feature-image{height:520px!important;min-height:520px!important;padding:0!important;background:transparent!important}
#free-story .book-feature-image img{max-height:none!important;object-fit:cover!important}
.content-grid .content-card{padding:0 0 26px!important;overflow:hidden!important}
.content-grid .visual-card img{height:420px!important;max-height:none!important;margin:0 0 24px!important;border-radius:22px!important;object-fit:cover!important;background:#ead8b5!important}
.content-grid .content-card h2,.content-grid .content-card p{margin-left:22px!important;margin-right:22px!important}
body:has(.book-page-hero) main.wrap>.section:last-child{padding-top:38px!important}

@media(max-width:760px){
  body:has(.book-page-hero) main.wrap{width:calc(100% - 12px)!important}
  .book-page-hero{
    min-height:700px!important;
    margin-top:10px!important;
    border-radius:24px!important;
    background-size:cover!important;
    background-position:center top!important;
  }
  .book-page-hero::after{background:linear-gradient(180deg,rgba(4,37,30,0) 28%,rgba(4,37,30,.32) 48%,#07382f 67%)!important}
  .book-page-hero-copy{padding:355px 24px 30px!important}
  .book-page-hero h1{font-size:54px!important}
  .book-page-hero p{font-size:16px!important}
  .book-page-hero .actions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
  .book-page-hero .btn{width:100%!important}
  #free-story{padding-top:34px!important;padding-bottom:32px!important}
  #free-story .book-feature-image{height:310px!important;min-height:310px!important}
  #free-story .book-feature-copy{padding:22px 2px 0!important}
  .content-grid .content-card{margin-bottom:24px!important;padding-bottom:22px!important}
  .content-grid .visual-card img{height:300px!important;border-radius:20px!important}
  body:has(.book-page-hero) main.wrap>.section:last-child{padding-top:18px!important;padding-bottom:34px!important}
  body:has(.book-page-hero) main.wrap>.section:last-child .quote-panel{min-height:0!important;padding:36px 18px!important}
}

/* 2026-10-05 homepage Chance Arrival refinement */
@media(max-width:760px){
  .story-video .story-card{
    background:#fff8e8!important;
    border:1px solid rgba(196,146,50,.32)!important;
    border-radius:24px!important;
    box-shadow:0 14px 34px rgba(13,40,31,.10)!important;
    padding:0!important;
    overflow:hidden!important;
  }
  .story-video .story-photo{
    height:300px!important;
    min-height:300px!important;
    margin:0!important;
    border-radius:0!important;
    background:#f2dfb7!important;
  }
  .story-video .story-photo img{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    padding:16px!important;
  }
  .story-video .story-copy{
    padding:24px 22px 26px!important;
    text-align:left!important;
  }
  .story-video .story-copy h2{
    font-size:39px!important;
    line-height:.94!important;
    margin-bottom:14px!important;
  }
  .story-video .story-copy p{
    font-size:16px!important;
    line-height:1.5!important;
    margin-bottom:20px!important;
  }
  .story-video .story-copy .btn{
    min-height:52px!important;
    width:100%!important;
  }
}

/* 2026-10-05 Chance Arrival mobile — clean editorial stack */
@media(max-width:760px){
  .story-video .story-card{
    display:flex!important;
    flex-direction:column!important;
    background:#fff8e8!important;
    border-radius:22px!important;
    overflow:hidden!important;
  }
  .story-video .story-photo{
    order:1!important;
    width:100%!important;
    height:330px!important;
    min-height:330px!important;
    background:#f1dfb8!important;
    border-radius:0!important;
  }
  .story-video .story-photo img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    padding:18px 30px!important;
  }
  .story-video .story-copy{
    order:2!important;
    width:100%!important;
    padding:26px 22px 28px!important;
    background:#fff8e8!important;
  }
  .story-video .story-copy h2{
    font-size:42px!important;
    line-height:.94!important;
    margin:0 0 16px!important;
  }
  .story-video .story-copy p{
    font-size:17px!important;
    line-height:1.5!important;
    margin:0 0 22px!important;
  }
  .story-video .story-copy .btn{
    width:100%!important;
    min-height:54px!important;
  }
}

/* 2026-10-05 Chance Arrival approved split composition */
@media(max-width:760px){
 .story-video .story-card{
   display:grid!important;
   grid-template-columns:52% 48%!important;
   align-items:stretch!important;
   padding:0!important;
   overflow:hidden!important;
   background:#fff8e8!important;
   border:1px solid rgba(196,146,50,.30)!important;
   border-radius:22px!important;
 }
 .story-video .story-photo{
   width:auto!important;height:auto!important;min-height:560px!important;
   margin:0!important;border-radius:0!important;background:#ead8b5!important;
 }
 .story-video .story-photo img{
   width:100%!important;height:100%!important;object-fit:cover!important;
   object-position:center!important;padding:0!important;
 }
 .story-video .story-copy{
   width:auto!important;padding:34px 20px 28px!important;
   display:flex!important;flex-direction:column!important;justify-content:center!important;
   background:#fff8e8!important;
 }
 .story-video .story-copy h2{
   font-size:38px!important;line-height:.92!important;margin:0 0 20px!important;
 }
 .story-video .story-copy p{
   font-size:15px!important;line-height:1.48!important;margin:0 0 22px!important;
 }
 .story-video .story-copy .btn{
   width:100%!important;min-height:52px!important;padding:0 10px!important;font-size:15px!important;
 }
}
@media(max-width:390px){
 .story-video .story-card{grid-template-columns:50% 50%!important}
 .story-video .story-copy{padding:28px 15px 24px!important}
 .story-video .story-copy h2{font-size:34px!important}
 .story-video .story-copy p{font-size:14px!important}
}

/* 2026-10-05 Chance Arrival exact reference proportions */
@media(max-width:760px){
 .story-video .story-card{
   grid-template-columns:54% 46%!important;
   min-height:0!important;
 }
 .story-video .story-photo{
   min-height:0!important;
   height:520px!important;
   padding:14px!important;
   background:#f0ddb4!important;
 }
 .story-video .story-photo img{
   width:100%!important;
   height:100%!important;
   object-fit:contain!important;
   object-position:center!important;
   padding:0!important;
   border-radius:18px!important;
 }
 .story-video .story-copy{
   padding:30px 18px 26px!important;
 }
 .story-video .story-copy h2{
   font-size:36px!important;
   line-height:.94!important;
 }
 .story-video .story-copy p{
   font-size:14.5px!important;
   line-height:1.46!important;
 }
}

/* 2026-10-05 Chance Arrival final visual match: fill image panel */
@media(max-width:760px){
 .story-video .story-card{
   grid-template-columns:52% 48%!important;
   min-height:0!important;
 }
 .story-video .story-photo{
   height:540px!important;
   min-height:540px!important;
   padding:0!important;
   overflow:hidden!important;
   background:#d7b36d!important;
 }
 .story-video .story-photo img{
   width:100%!important;
   height:100%!important;
   max-width:none!important;
   object-fit:cover!important;
   object-position:center!important;
   padding:0!important;
   border-radius:0!important;
 }
 .story-video .story-copy{
   padding:28px 18px 26px!important;
   justify-content:center!important;
 }
 .story-video .story-copy h2{font-size:36px!important;line-height:.93!important;margin-bottom:18px!important}
 .story-video .story-copy p{font-size:14.5px!important;line-height:1.45!important;margin-bottom:20px!important}
}

/* 2026-10-06 Chance Arrival: preserve complete existing artwork */
@media(max-width:760px){
 .story-video .story-card{
   grid-template-columns:54% 46%!important;
   min-height:520px!important;
 }
 .story-video .story-photo{
   height:auto!important;
   min-height:520px!important;
   padding:0!important;
   background:#c99e55!important;
   overflow:hidden!important;
 }
 .story-video .story-photo img{
   display:block!important;
   width:100%!important;
   height:100%!important;
   max-width:none!important;
   object-fit:contain!important;
   object-position:center!important;
   padding:0!important;
   border-radius:0!important;
   transform:none!important;
 }
 .story-video .story-copy{
   padding:28px 18px 26px!important;
   justify-content:center!important;
 }
 .story-video .story-copy h2{font-size:35px!important;line-height:.94!important;margin-bottom:18px!important}
 .story-video .story-copy p{font-size:14px!important;line-height:1.45!important;margin-bottom:20px!important}
 .story-video .story-copy .btn{min-height:50px!important}
}

/* 2026-10-06 Chance Arrival: reference-faithful photographic panel */
@media(max-width:760px){
 .story-video .story-card{
   grid-template-columns:54% 46%!important;
   min-height:560px!important;
 }
 .story-video .story-photo{
   height:560px!important;
   min-height:560px!important;
   padding:0!important;
   background:#ead7ad!important;
   overflow:hidden!important;
 }
 .story-video .story-photo img{
   width:100%!important;
   height:100%!important;
   max-width:none!important;
   object-fit:cover!important;
   object-position:center center!important;
   padding:0!important;
   margin:0!important;
   border-radius:0!important;
 }
 .story-video .story-copy{
   padding:30px 18px 26px!important;
 }
}

@media(max-width:760px){body:has(.book-page-hero) main.wrap{width:calc(100% - 20px)!important}.book-page-hero{min-height:0!important;margin-top:10px!important;border-radius:24px!important;background:#07382f!important}.book-page-hero::before{content:""!important;display:block!important;position:absolute!important;inset:0 0 auto 0!important;height:390px!important;background:#f4e8cf url('/assets/gate-book-exact.jpg?v=20261006-bookhero2') center/contain no-repeat!important}.book-page-hero::after{inset:0!important;background:linear-gradient(180deg,transparent 0,transparent 330px,rgba(7,56,47,.28) 390px,#07382f 455px)!important}.book-page-hero-copy{padding:410px 24px 30px!important}.book-page-hero h1{font-size:48px!important;line-height:.91!important;margin-bottom:14px!important}.book-page-hero p{font-size:16px!important;line-height:1.5!important}.book-page-hero .actions{margin-top:22px!important;gap:10px!important}.book-page-hero .btn{min-height:52px!important}}


/* 2026-10-06 Book page approved reference composition */
.book-page-hero{
 display:block!important;min-height:0!important;padding:0!important;overflow:hidden!important;
 background:#f9efd9!important;border-radius:30px!important;
}
.book-page-hero::before,.book-page-hero::after{display:none!important}
.book-page-hero-art{
 display:block!important;width:100%!important;aspect-ratio:4/3!important;
 background:#153b2f url('/assets/gate-landing-book-garden-final.jpg?v=20261006-bookref3') center/cover no-repeat!important;
}
.book-page-hero-copy{
 width:100%!important;padding:46px 54px 48px!important;background:#fff8e8!important;color:#123d31!important;
}
.book-page-hero .eyebrow{color:#a16f1b!important;margin:0 0 20px!important}
.book-page-hero .book-page-intro{
 max-width:900px!important;margin:0!important;color:#173d32!important;
 font-family:Georgia,'Times New Roman',serif!important;font-size:clamp(28px,3.5vw,44px)!important;line-height:1.28!important;
}
.book-page-hero .actions{max-width:none!important;margin-top:32px!important;display:flex!important;flex-direction:column!important;gap:20px!important}
.book-page-hero .btn.gold{width:100%!important;min-height:66px!important;font-size:20px!important}
.book-explore{align-self:center!important;color:#173d32!important;font-family:Georgia,'Times New Roman',serif!important;font-size:20px!important;text-decoration:none!important;border-bottom:1px solid #b98526!important;padding:0 0 6px!important}
@media(max-width:760px){
 body:has(.book-page-hero) main.wrap{width:calc(100% - 20px)!important}
 .book-page-hero{margin-top:10px!important;border-radius:24px!important}
 .book-page-hero-art{aspect-ratio:4/4.15!important;background-position:center!important}
 .book-page-hero-copy{padding:34px 24px 32px!important}
 .book-page-hero .book-page-intro{font-size:27px!important;line-height:1.3!important}
 .book-page-hero .actions{margin-top:28px!important;gap:20px!important}
 .book-page-hero .btn.gold{min-height:58px!important;font-size:18px!important}
 .book-explore{font-size:18px!important}
}

/* 2026-10-06 approved Book reference hero */
.book-page-hero{display:block!important;background:#f8efd9!important;min-height:0!important;overflow:hidden!important}
.book-page-hero::before,.book-page-hero::after{display:none!important}
.book-page-hero-art{height:690px;background:#0b3529 url('/assets/gate-landing-book-garden-final.jpg?v=20261006-bookref3') center/cover no-repeat}
.book-page-hero-copy{padding:48px 58px 52px!important;background:#fffaf0!important;color:#123e31!important}
.book-page-hero-copy .eyebrow{color:#a66d18!important;margin-bottom:22px!important}
.book-page-hero-copy .book-page-intro{max-width:850px!important;color:#173d32!important;font-family:Georgia,'Times New Roman',serif!important;font-size:32px!important;line-height:1.38!important}
.book-page-hero-copy .actions{display:flex!important;flex-direction:column!important;max-width:760px!important;gap:22px!important;margin-top:30px!important}
.book-page-hero-copy .btn.gold{width:100%!important;min-height:68px!important;font-size:21px!important}
.book-explore{align-self:center;color:#123e31;text-decoration:none;font-family:Georgia,'Times New Roman',serif;font-size:22px;border-bottom:1px solid #b98a31;padding:0 0 6px}
@media(max-width:760px){
 body:has(.book-page-hero) main.wrap{width:calc(100% - 20px)!important}
 .book-page-hero{margin-top:10px!important;border-radius:24px!important}
 .book-page-hero-art{height:600px!important;background-position:center center!important}
 .book-page-hero-copy{padding:34px 26px 38px!important}
 .book-page-hero-copy .eyebrow{font-size:14px!important;margin-bottom:18px!important}
 .book-page-hero-copy .book-page-intro{font-size:27px!important;line-height:1.35!important}
 .book-page-hero-copy .actions{margin-top:28px!important;gap:22px!important}
 .book-page-hero-copy .btn.gold{min-height:64px!important;font-size:19px!important}
 .book-explore{font-size:19px!important}
}

/* 2026-10-06 Free-story mobile editorial refinement */
@media(max-width:760px){#free-story{padding:28px 14px 34px!important}#free-story .book-feature-card{display:block!important;background:#fff8e8!important;border:1px solid rgba(190,143,48,.28)!important;border-radius:24px!important;overflow:hidden!important;box-shadow:0 14px 34px rgba(20,45,35,.08)!important}#free-story .book-feature-image{height:330px!important;min-height:330px!important;margin:0!important;background:#ead8b5!important}#free-story .book-feature-image img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 68%!important;border-radius:0!important}#free-story .book-feature-copy{padding:28px 24px 26px!important}#free-story .book-feature-copy .eyebrow{font-size:12px!important;letter-spacing:.22em!important;margin-bottom:14px!important}#free-story .book-feature-copy h2{font-size:43px!important;line-height:.96!important;margin:0 0 22px!important}#free-story .book-feature-copy p{font-size:16px!important;line-height:1.55!important;margin:0 0 16px!important}#free-story .book-feature-copy .actions{margin-top:22px!important}#free-story .book-feature-copy .btn{width:100%!important;min-height:54px!important}}

/* 2026-10-06 final site image pass */
.about-gate-art{background-image:url('/assets/gate-landing-book-garden-final.jpg?v=20261006-origin1')!important;background-size:cover!important;background-position:center!important}
.contact-gate-art{background-image:url('/assets/gate-enter-story-shahiroz-final.jpg?v=20261006-contact1')!important;background-size:cover!important;background-position:center!important}
.collection-showcase .product:first-child .product-visual{background:#ead7ad!important;overflow:hidden!important}
.collection-showcase .product:first-child .product-visual img{content:normal!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;filter:none!important;background:transparent!important}
@media(max-width:760px){.about-gate-art{background-position:center!important}.contact-gate-art{background-position:center!important}.collection-showcase .product:first-child .product-visual img{width:100%!important;height:100%!important;object-fit:cover!important}}

/* 2026-10-06 requested completion pass — scoped, stable */
@media(max-width:760px){
 body:has(.book-page-hero) #stories{padding-top:22px!important;padding-bottom:22px!important}
 body:has(.book-page-hero) #stories .content-grid{gap:18px!important}
 body:has(.book-page-hero) #stories .content-card{min-height:0!important;padding:24px 20px!important}
 body:has(.book-page-hero) #stories .content-card.visual-card{padding:0!important}
 body:has(.book-page-hero) #stories .content-card.visual-card img{max-height:330px!important;width:100%!important;object-fit:cover!important}
 body:has(.book-page-hero) main.wrap>.section:last-of-type{padding:18px 12px 22px!important}
 body:has(.book-page-hero) main.wrap>.section:last-of-type .quote-panel{padding:30px 20px!important;min-height:0!important}
 body:has(.book-page-hero) main.wrap>.section:last-of-type .reflection-line{font-size:34px!important;line-height:1.08!important}
}
.collection-showcase .product:first-child .product-visual img{object-fit:cover!important;object-position:center!important;background:#ead7ad!important}
.about-gate-art{background-image:url('/assets/gate-landing-book-garden-final.jpg?v=20261006-requested')!important;background-size:cover!important;background-position:center!important}
.contact-gate-art{background-image:url('/assets/gate-enter-story-shahiroz-final.jpg?v=20261006-requested')!important;background-size:cover!important;background-position:center!important}
@media(max-width:760px){
 .collection-showcase{padding-top:28px!important}
 .collection-showcase .collection{gap:20px!important}
 .collection-showcase .product{min-height:0!important}
 .collection-showcase .product-visual{min-height:260px!important;height:260px!important}
 .collection-showcase .product-visual img{width:100%!important;height:100%!important;object-fit:cover!important}
 .about-story-grid,.about-gate-panel,.contact-feature-panel{gap:0!important}
 .about-photo-card img{max-height:520px!important;object-fit:cover!important;object-position:center 25%!important}
 .about-gate-art,.contact-gate-art{min-height:300px!important;height:300px!important}
 .about-gate-copy,.contact-feature-copy{padding:28px 22px!important}
}

/* 2026-10-06 book stories editorial refinement */
@media(max-width:760px){
 #stories{padding:18px 12px 24px!important}
 #stories .content-grid{display:block!important}
 #stories .content-card.visual-card{margin:0 0 18px!important;border-radius:26px!important;overflow:hidden!important;background:#fff8e8!important;border:1px solid rgba(188,139,42,.28)!important;box-shadow:0 14px 34px rgba(29,63,50,.08)!important}
 #stories .content-card.visual-card img{display:block!important;width:100%!important;height:300px!important;max-height:300px!important;object-fit:cover!important;margin:0!important;border-radius:0!important}
 #stories .content-card.visual-card:first-child img{object-position:center 30%!important}
 #stories .content-card.visual-card:nth-child(2) img{height:360px!important;max-height:360px!important;object-fit:contain!important;background:linear-gradient(135deg,#ead6a4,#fff9eb)!important;padding:20px!important;box-sizing:border-box!important}
 #stories .content-card.visual-card h2{font-size:38px!important;line-height:1.02!important;margin:0!important;padding:28px 26px 12px!important;color:#0b3a2d!important}
 #stories .content-card.visual-card p{font-size:19px!important;line-height:1.55!important;margin:0!important;padding:0 26px 14px!important;color:#34443d!important}
 #stories .content-card.visual-card p:last-child{padding-bottom:28px!important}
 body:has(.book-page-hero) main.wrap>.section:last-of-type{padding-top:0!important}
 body:has(.book-page-hero) main.wrap>.section:last-of-type .quote-panel{margin-top:0!important}
}

/* Open-book artwork for How to Read */
@media(max-width:760px){
 #stories .content-card.visual-card:nth-child(2) img{
  height:auto!important;max-height:none!important;aspect-ratio:1/1!important;
  object-fit:cover!important;object-position:center!important;padding:0!important;background:#f6e8c7!important
 }
}

/* 2026-10-06 Collection hero */
.collection-hero{padding:0!important;overflow:hidden!important;background:#07382f!important;border-radius:28px!important}
.collection-hero-image{display:block!important;width:100%!important;aspect-ratio:16/9!important;object-fit:cover!important;object-position:center!important}
.collection-hero>.eyebrow,.collection-hero>h1,.collection-hero>p{margin-left:38px!important;margin-right:38px!important}
.collection-hero>.eyebrow{margin-top:34px!important;color:#e4bd64!important}
.collection-hero>h1{color:#fff8e8!important}
.collection-hero>p{color:#f7edda!important;margin-bottom:36px!important}
@media(max-width:760px){
 .collection-hero{border-radius:24px!important}
 .collection-hero-image{aspect-ratio:4/3!important;object-position:center!important}
 .collection-hero>.eyebrow,.collection-hero>h1,.collection-hero>p{margin-left:38px!important;margin-right:30px!important}
 .collection-hero>.eyebrow{margin-top:28px!important}
 .collection-hero>h1{font-size:52px!important;line-height:.98!important;margin-top:10px!important}
 .collection-hero>p{font-size:20px!important;line-height:1.45!important;margin-bottom:30px!important}
}

/* Collection hero: use only the dedicated collection artwork */
.collection-hero:before{display:none!important;content:none!important;background:none!important;height:0!important}

/* 2026-10-06 final Collection image arrangement */
.collection-hero{padding:34px 38px!important;background:#07382f!important}
.collection-hero>.eyebrow,.collection-hero>h1,.collection-hero>p{margin-left:0!important;margin-right:0!important}
.collection-feature-image{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:28px;margin:0 0 34px}
@media(max-width:760px){
 .collection-hero{padding:28px 38px 30px!important}
 .collection-feature-image{aspect-ratio:4/3;border-radius:24px;margin-bottom:26px}
}

/* 2026-10-06 exact Collection artwork — final */
.collection-showcase{background:#07382f!important;color:#fff8e8!important}
.collection-showcase .collection-intro{color:#fff8e8!important}
.collection-showcase .collection-intro h1{color:#fff8e8!important}
.collection-showcase .collection-intro p{color:#f2e5ca!important}
.collection-showcase .collection{background:#07382f!important}
.collection-showcase .product{background:#0b4033!important;border-color:rgba(218,176,83,.34)!important}
.collection-showcase .product-body h3{color:#fff8e8!important}
.collection-showcase .product-body p{color:#e8dcc4!important}
.collection-showcase .product-body a{background:linear-gradient(90deg,#b87912,#edc85c)!important;color:#fff!important}
.collection-showcase .collection-crop{
 background-image:url('/assets/AE591921-E890-430E-952A-8F6F905AEB95.png?v=20261006-exactcollection3')!important;
 background-repeat:no-repeat!important;
 background-color:#0a352c!important;
 background-size:200% 300%!important;
}
.collection-showcase .crop-portal{background-position:0 0!important}
.collection-showcase .crop-oracle{background-position:100% 0!important}
.collection-showcase .crop-journal{background-position:0 50%!important}
.collection-showcase .crop-audiobook{background-position:100% 50%!important}
.collection-showcase .crop-meditation{background-position:50% 100%!important;background-size:100% 300%!important}
@media(max-width:760px){
 .collection-showcase{padding-left:20px!important;padding-right:20px!important}
 .collection-showcase .collection{gap:18px!important}
 .collection-showcase .product{border-radius:24px!important;overflow:hidden!important}
 .collection-showcase .product-visual{height:285px!important;min-height:285px!important}
 .collection-showcase .product-body{padding:24px 22px 26px!important}
 .collection-showcase .product-body h3{font-size:34px!important;line-height:1.05!important}
 .collection-showcase .product-body p{font-size:17px!important;line-height:1.45!important}
}

/* 2026-10-06 Collection final crop correction: Audiobook + Meditation */
.collection-showcase .crop-audiobook{
 background-size:200% 300%!important;
 background-position:100% 50%!important;
}
.collection-showcase .crop-meditation{
 background-size:200% 300%!important;
 background-position:0 100%!important;
}
@media(max-width:760px){
 .collection-showcase .crop-audiobook,
 .collection-showcase .crop-meditation{
   height:300px!important;
   min-height:300px!important;
 }
}

/* 2026-10-06 precise lower-panel crops */
.collection-showcase .crop-audiobook{
 background-image:url('/assets/AE591921-E890-430E-952A-8F6F905AEB95.png?v=20261006-crop4')!important;
 background-size:200% 300%!important;
 background-position:100% 50%!important;
}
.collection-showcase .crop-meditation{
 background-image:url('/assets/AE591921-E890-430E-952A-8F6F905AEB95.png?v=20261006-crop4')!important;
 background-size:200% 300%!important;
 background-position:0 100%!important;
}
@media(max-width:760px){
 .collection-showcase .crop-audiobook{background-size:210% 315%!important;background-position:100% 48%!important}
 .collection-showcase .crop-meditation{background-size:210% 315%!important;background-position:0 100%!important}
}

/* 2026-10-06 collection mobile artwork framing */
@media(max-width:760px){
 .collection-showcase .crop-audiobook{background-size:260% 410%!important;background-position:100% 59%!important}
 .collection-showcase .crop-meditation{background-size:260% 410%!important;background-position:0 100%!important}
}

/* 2026-10-06 clean uploaded Audiobook + Meditation artwork */
.collection-showcase .clean-duo{
 background-image:url('/assets/IMG_7509.png?v=20261006-repoasset2')!important;
 background-repeat:no-repeat!important;
 background-color:#0b4033!important;
}
.collection-showcase .clean-duo.crop-audiobook{
 background-size:100% 200%!important;
 background-position:center top!important;
}
.collection-showcase .clean-duo.crop-meditation{
 background-size:100% 200%!important;
 background-position:center bottom!important;
}
@media(max-width:760px){
 .collection-showcase .clean-duo.crop-audiobook,
 .collection-showcase .clean-duo.crop-meditation{
  height:300px!important;min-height:300px!important;
 }
}


/* 2026-10-06 tablet/iPad navigation reliability */
@media (max-width:1024px){
  .site-header{
    position:sticky!important;
    top:8px!important;
    z-index:9999!important;
  }
  .menu{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:72px!important;
    min-height:44px!important;
    touch-action:manipulation!important;
    -webkit-tap-highlight-color:transparent!important;
    position:relative!important;
    z-index:10001!important;
    flex:0 0 auto!important;
  }
  .site-header nav{
    position:absolute!important;
    top:calc(100% + 8px)!important;
    left:0!important;
    right:0!important;
    display:none!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:0!important;
    padding:10px!important;
    border-radius:18px!important;
    background:#fffaf0!important;
    border:1px solid var(--g-line)!important;
    box-shadow:0 18px 40px rgba(13,40,31,.16)!important;
    z-index:10000!important;
    max-height:calc(100vh - 96px)!important;
    overflow:auto!important;
    -webkit-overflow-scrolling:touch!important;
  }
  .site-header.open nav{display:flex!important}
  .site-header nav a{
    padding:13px 14px!important;
    border-radius:12px!important;
    min-height:44px!important;
    display:flex!important;
    align-items:center!important;
    touch-action:manipulation!important;
  }
  .site-header nav .buy{
    justify-content:center!important;
    text-align:center!important;
    margin-top:4px!important;
  }
}
@media (min-width:1025px){
  .menu{display:none!important}
  .site-header nav{display:flex!important}
}


/* 2026-10-06 authoritative Collection artwork mapping from latest uploaded assets */
.collection-showcase .clean-duo.crop-audiobook{
  background-image:url('/C23AF151-0D60-4791-9C4A-7778305DB51A.png?v=20261006-latest2')!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
}
.collection-showcase .clean-duo.crop-meditation{
  background-image:url('/F1BB1B05-DD98-4535-BA09-26C7594D1BB6.png?v=20261006-latest2')!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
}


/* 2026-10-06 corrected latest Collection artwork assignment */
.collection-showcase .clean-duo.crop-audiobook{
  background-image:url('/F1BB1B05-DD98-4535-BA09-26C7594D1BB6.png?v=20261006-swap1')!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
}
.collection-showcase .clean-duo.crop-meditation{
  background-image:url('/C23AF151-0D60-4791-9C4A-7778305DB51A.png?v=20261006-swap1')!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
}


/* 2026-10-06 final Collection card artwork assignments */
.collection-showcase .collection-crop.crop-journal{
  background-image:url('/assets/gate-journal-cinematic.png?v=20261006-journalfix1')!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
}
.collection-showcase .clean-duo.crop-audiobook{
  background-image:url('/F1BB1B05-DD98-4535-BA09-26C7594D1BB6.png?v=20261006-swap2')!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
}
.collection-showcase .clean-duo.crop-meditation{
  background-image:url('/C23AF151-0D60-4791-9C4A-7778305DB51A.png?v=20261006-swap2')!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
}


/* 2026-10-06 definitive Digital Journal artwork */
.collection-showcase .collection .product .product-visual.collection-crop.crop-journal{
  background-image:url('/assets/gate-journal-cinematic.png?v=20261006-journal-definitive2')!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
}


/* 2026-10-06 homepage welcome hero */
.hero-welcome-title{
  max-width:620px;
  font-size:clamp(48px,6.6vw,92px);
  line-height:.9;
}
.hero-welcome-title em{
  display:block;
  margin-top:8px;
}
.hero-welcome-subtitle{
  max-width:520px;
  color:#5a4f49;
}
@media(max-width:900px){
  .hero-welcome-copy{width:62%;padding:52px 44px}
  .hero-welcome-title{font-size:clamp(46px,8vw,76px)}
}
@media(max-width:760px){
  .hero{min-height:640px;align-items:flex-end;background-position:62% center}
  .hero:after{background:linear-gradient(180deg,rgba(255,253,249,.08) 0%,rgba(255,253,249,.26) 38%,rgba(255,253,249,.92) 72%,rgba(255,253,249,.98) 100%)}
  .hero-welcome-copy{width:100%;padding:44px 26px 34px}
  .hero-welcome-title{font-size:clamp(46px,14vw,68px);max-width:100%}
  .hero-welcome-subtitle{font-size:25px;max-width:100%}
}


/* 2026-10-06 Contact page final refinement */
.contact-page{padding-top:18px}
.contact-hero-final{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);
  overflow:hidden;
  border-radius:30px;
  background:#07382f;
  box-shadow:0 22px 54px rgba(22,54,43,.13);
  margin:0 0 28px;
}
.contact-hero-art-final{
  min-height:520px;
  background-image:
    linear-gradient(180deg,rgba(7,56,47,.02),rgba(7,56,47,.12)),
    url('/assets/gate-landing-book-garden-final.jpg?v=20261006-contactfinal1');
  background-size:cover;
  background-position:center;
}
.contact-hero-copy-final{
  padding:58px 52px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  color:#fff8e8;
}
.contact-hero-copy-final .eyebrow{color:#e4bd64}
.contact-hero-copy-final h1{
  color:#fff8e8;
  font-size:clamp(52px,6.2vw,82px);
  line-height:.94;
  margin:8px 0 24px;
}
.contact-lead{
  color:#f1e6cf;
  font-size:21px;
  line-height:1.55;
  max-width:520px;
}
.contact-hero-copy-final .actions{margin-top:26px}
.contact-hero-copy-final .contact-email{
  margin-top:16px;
  color:#d8cdae;
  font-size:14px;
  letter-spacing:.02em;
  word-break:break-word;
}
.contact-purpose{
  padding:38px 42px;
  border-radius:26px;
  background:linear-gradient(135deg,#fff9ec 0%,#fff4e7 55%,#f5eefb 100%);
  border:1px solid rgba(186,142,55,.2);
  margin-bottom:20px;
}
.contact-purpose-copy{max-width:880px}
.contact-purpose h2,.contact-simple-note h2{
  color:#0b3a2d;
  font-size:clamp(38px,5vw,60px);
  line-height:1;
  margin:8px 0 16px;
}
.contact-purpose p,.contact-simple-note p{
  font-size:18px;
  line-height:1.65;
  color:#4a514c;
}
.contact-choices{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  margin:0 0 20px;
}
.contact-choice{
  display:grid;
  grid-template-columns:58px minmax(0,1fr);
  gap:18px;
  padding:28px;
  border-radius:24px;
  background:#fffdfa;
  border:1px solid rgba(184,137,43,.2);
  box-shadow:0 10px 28px rgba(27,57,46,.06);
}
.contact-choice-number{
  width:52px;height:52px;border-radius:50%;
  display:grid;place-items:center;
  background:#0b4033;color:#f4cf72;
  font-weight:700;
}
.contact-choice h3{margin:2px 0 9px;color:#123d31;font-size:27px}
.contact-choice p{margin:0 0 14px;color:#5a5d58;line-height:1.55}
.contact-choice a{font-weight:700;color:#9a6b10;text-decoration:none}
.contact-simple-note{
  padding:42px;
  border-radius:26px;
  background:#eef5ff;
  border:1px solid rgba(87,118,160,.16);
  margin-bottom:26px;
}
.contact-simple-note .btn{margin-top:10px}

@media(max-width:900px){
  .contact-hero-final{grid-template-columns:1fr}
  .contact-hero-art-final{min-height:430px}
  .contact-hero-copy-final{padding:42px 34px}
}
@media(max-width:760px){
  .contact-page{padding-top:10px}
  .contact-hero-final{border-radius:24px;margin-bottom:18px}
  .contact-hero-art-final{min-height:300px;background-position:center 42%}
  .contact-hero-copy-final{padding:30px 24px 32px}
  .contact-hero-copy-final h1{font-size:52px;margin-bottom:18px}
  .contact-lead{font-size:18px;line-height:1.5}
  .contact-hero-copy-final .btn{width:100%;min-height:54px}
  .contact-purpose{padding:28px 22px;border-radius:22px;margin-bottom:16px}
  .contact-purpose h2,.contact-simple-note h2{font-size:40px}
  .contact-purpose p,.contact-simple-note p{font-size:17px}
  .contact-choices{grid-template-columns:1fr;gap:14px;margin-bottom:16px}
  .contact-choice{grid-template-columns:48px minmax(0,1fr);gap:14px;padding:22px 18px;border-radius:20px}
  .contact-choice-number{width:44px;height:44px}
  .contact-choice h3{font-size:24px}
  .contact-simple-note{padding:28px 22px;border-radius:22px}
  .contact-simple-note .btn{width:100%}
}


/* 2026-10-06 collection mobile final framing v2 */
.collection-showcase .clean-duo{
  background-image:url('/assets/IMG_7509.png?v=20261006-clean2')!important;
  background-repeat:no-repeat!important;
  background-color:#0b4033!important;
}
.collection-showcase .clean-duo.crop-audiobook{
  background-size:100% 200%!important;
  background-position:center top!important;
}
.collection-showcase .clean-duo.crop-meditation{
  background-size:100% 200%!important;
  background-position:center bottom!important;
}
@media(max-width:760px){
  .collection-showcase .product{
    display:grid!important;
    grid-template-columns:minmax(46%,1.05fr) minmax(0,.95fr)!important;
    align-items:stretch!important;
  }
  .collection-showcase .product-visual{
    width:100%!important;
    height:100%!important;
    min-height:270px!important;
  }
  .collection-showcase .clean-duo.crop-audiobook,
  .collection-showcase .clean-duo.crop-meditation{
    background-size:100% 200%!important;
  }
  .collection-showcase .clean-duo.crop-audiobook{
    background-position:center top!important;
  }
  .collection-showcase .clean-duo.crop-meditation{
    background-position:center bottom!important;
  }
  .collection-showcase .product-body{
    min-width:0!important;
    padding:22px 18px 24px!important;
  }
  .collection-showcase .product-body h3{
    font-size:30px!important;
  }
}
@media(max-width:430px){
  .collection-showcase .product{
    grid-template-columns:minmax(48%,1.08fr) minmax(0,.92fr)!important;
  }
  .collection-showcase .product-visual{
    min-height:255px!important;
  }
}


/* 2026-10-06 footer contrast fix */
footer.wrap{
  color:#f8ecd3!important;
}
footer.wrap strong,
footer.wrap span,
footer.wrap a{
  color:#f8ecd3!important;
  opacity:1!important;
}
footer.wrap a{
  text-decoration-color:rgba(248,236,211,.55)!important;
}
footer.wrap a:hover,
footer.wrap a:focus{
  color:#ffffff!important;
}


/* 2026-10-06 collection mobile balance fix v3 */
@media(max-width:760px){
  .collection-showcase .product{
    display:grid!important;
    grid-template-columns:44% 56%!important;
    align-items:stretch!important;
    min-height:0!important;
    border-radius:24px!important;
  }
  .collection-showcase .product-visual{
    min-height:230px!important;
    height:230px!important;
    border-radius:22px 0 0 22px!important;
  }
  .collection-showcase .product-body{
    padding:22px 20px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    gap:14px!important;
  }
  .collection-showcase .product-body h3{
    font-size:26px!important;
    line-height:1.05!important;
    margin:0!important;
  }
  .collection-showcase .product-body p{
    font-size:16px!important;
    line-height:1.35!important;
    margin:0!important;
  }
  .collection-showcase .product-body a{
    width:auto!important;
    align-self:flex-start!important;
    min-width:150px!important;
    padding:14px 18px!important;
    font-size:16px!important;
    text-align:center!important;
  }

  .collection-showcase .clean-duo.crop-audiobook,
  .collection-showcase .clean-duo.crop-meditation{
    background-size:100% 200%!important;
  }
  .collection-showcase .clean-duo.crop-audiobook{
    background-position:center top!important;
  }
  .collection-showcase .clean-duo.crop-meditation{
    background-position:center bottom!important;
  }
}
@media(max-width:430px){
  .collection-showcase .product{
    grid-template-columns:45% 55%!important;
  }
  .collection-showcase .product-visual{
    min-height:220px!important;
    height:220px!important;
  }
  .collection-showcase .product-body{
    padding:18px 16px!important;
    gap:12px!important;
  }
  .collection-showcase .product-body h3{
    font-size:24px!important;
  }
  .collection-showcase .product-body p{
    font-size:15px!important;
    line-height:1.3!important;
  }
  .collection-showcase .product-body a{
    min-width:138px!important;
    padding:13px 16px!important;
    font-size:15px!important;
  }
}


/* 2026-10-06 final cross-device shared polish */
html,body{max-width:100%;overflow-x:hidden}
button,a{-webkit-tap-highlight-color:transparent}
.menu,.btn,.buy,.product-body a{touch-action:manipulation}
.site-header{isolation:isolate}
.site-header nav a{white-space:nowrap}
footer.wrap{
  padding-bottom:max(28px,env(safe-area-inset-bottom))!important;
  text-align:center!important;
}
footer.wrap a{display:inline-block!important}
body.nav-open{overflow:hidden}

@media(max-width:1024px){
  .site-header{
    width:calc(100% - 16px)!important;
    max-width:1180px!important;
    top:max(6px,env(safe-area-inset-top))!important;
  }
  .brand{min-width:0!important;max-width:calc(100% - 92px)!important}
  .brand-title{
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  .site-header nav{
    max-height:calc(100dvh - 96px)!important;
    overscroll-behavior:contain!important;
  }
  .site-header nav a{
    min-height:48px!important;
    font-size:15px!important;
  }
}
@media(max-width:760px){
  .wrap{width:calc(100% - 20px)!important}
  main.wrap{min-width:0!important}
  .section{min-width:0!important}
  .site-header{
    border-radius:20px!important;
    padding:10px 12px!important;
  }
  .brand-title{font-size:15px!important;letter-spacing:.04em!important}
  .brand-mark{width:34px!important;height:34px!important;flex-basis:34px!important}
  .menu{
    min-width:78px!important;
    min-height:46px!important;
    font-size:15px!important;
  }
  h1,h2,h3,p,a{overflow-wrap:anywhere}
  .actions{width:100%!important}
  .actions .btn{min-height:50px!important}
  footer.wrap{
    width:calc(100% - 24px)!important;
    padding-left:12px!important;
    padding-right:12px!important;
  }
}
@media(max-width:430px){
  .site-header{width:calc(100% - 12px)!important}
  .brand-title{font-size:14px!important}
  .menu{min-width:72px!important;padding-inline:14px!important}
  .btn,.buy,.product-body a{min-height:46px!important}
}