/* ══════════ RESET & ROOT ══════════ */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
:root{
  --ink:#080604;--deep:#0e0c08;--surface:#161310;--card:#1a1713;
  --gold:#C9A96E;--gold-lt:#E8D5AA;--gold-dk:#8B6B3D;
  --cream:#F5F0E6;--mist:#9C9590;--faint:rgba(245,240,230,.55);
  --border:rgba(201,169,110,.15);--border2:rgba(201,169,110,.08);
  --serif:'Cormorant Garamond',Georgia,serif;
  --sans:'Jost','Helvetica Neue',sans-serif;
  --ease:cubic-bezier(0.22,1,0.36,1);
  --ease-in:cubic-bezier(0.55,0,1,0.45);
}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
body{background:var(--ink);color:var(--cream);font-family:var(--sans);font-weight:300;font-size:18px;line-height:1.7;overflow-x:hidden;-webkit-font-smoothing:antialiased;}
img{display:block;max-width:100%;}
button,input,select,textarea{font-family:inherit;}

/* grain */
body::after{content:'';position:fixed;inset:0;pointer-events:none;z-index:9000;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");}

/* ══════════ PROGRESS BAR ══════════ */
#pb{position:fixed;top:0;left:0;height:1.5px;background:linear-gradient(to right,var(--gold-dk),var(--gold),var(--gold-lt));z-index:9999;width:0%;transition:width .08s linear;pointer-events:none;}

/* ══════════ CURSOR ══════════ */
@media(pointer:fine){
  .cur{position:fixed;width:8px;height:8px;border-radius:50%;background:var(--gold);pointer-events:none;z-index:8888;transform:translate(-50%,-50%);mix-blend-mode:screen;transition:width .35s var(--ease),height .35s var(--ease),opacity .35s;will-change:transform;}
  .cur.grow{width:40px;height:40px;opacity:.3;}
}

/* ══════════ PAGE WIPE ══════════ */
#wipe{position:fixed;inset:0;z-index:7777;background:linear-gradient(160deg,var(--gold-dk),var(--gold));transform:scaleY(0);transform-origin:bottom;pointer-events:none;}
#wipe.in{animation:wipeIn .5s var(--ease-in) forwards;}
#wipe.out{animation:wipeOut .5s var(--ease) forwards;}
@keyframes wipeIn{to{transform:scaleY(1);transform-origin:bottom;}}
@keyframes wipeOut{from{transform:scaleY(1);transform-origin:top;}to{transform:scaleY(0);transform-origin:top;}}

/* ══════════ LOADER ══════════ */
#loader{position:fixed;inset:0;z-index:9990;background:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;transition:opacity .6s var(--ease),visibility .6s;}
#loader.gone{opacity:0;visibility:hidden;}
.loader-logo{width:80px;height:auto;animation:lpulse 1.4s ease-in-out infinite;}
@keyframes lpulse{0%,100%{opacity:.25;transform:scale(.88);}50%{opacity:1;transform:scale(1);}}
.loader-bar{width:100px;height:.5px;background:var(--border);position:relative;overflow:hidden;}
.loader-bar::after{content:'';position:absolute;inset:0;background:var(--gold);animation:lbar 1.6s var(--ease) forwards;}
@keyframes lbar{from{transform:scaleX(0);transform-origin:left;}to{transform:scaleX(1);transform-origin:left;}}
.loader-word{font-size:14px;letter-spacing:.26em;text-transform:uppercase;color:var(--mist);}

/* ══════════ NAV ══════════ */
nav{position:fixed;top:0;left:0;right:0;z-index:600;display:flex;justify-content:space-between;align-items:center;padding:26px 52px;transition:padding .4s var(--ease),background .4s;}
nav.scrolled{padding:14px 52px;background:rgba(8,6,4,.97);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:.5px solid var(--border);}
.logo-wrap{cursor:pointer;display:flex;align-items:center;gap:11px;}
.logo-svg{width:120px;height:120px;flex-shrink:0;transition:transform .55s var(--ease);}
.logo-wrap:hover .logo-svg{transform:rotate(18deg);}
.logo-wordmark{font-family:var(--serif);font-size:18px;font-weight:400;letter-spacing:.05em;line-height:1.15;}
.logo-wordmark span{color:var(--gold);font-style:italic;}
.logo-sub{font-size:14px;letter-spacing:.22em;text-transform:uppercase;color:var(--mist);}
.nav-links{display:flex;gap:36px;list-style:none;align-items:center;}
.nav-links a{position:relative;font-size:14px;letter-spacing:.18em;text-transform:uppercase;color:var(--mist);text-decoration:none;cursor:pointer;transition:color .3s;padding-bottom:3px;}
.nav-links a::after{content:'';position:absolute;bottom:0;left:0;width:0;height:.5px;background:var(--gold);transition:width .35s var(--ease);}
.nav-links a:hover,.nav-links a.active{color:var(--gold);}
.nav-links a:hover::after,.nav-links a.active::after{width:100%;}
.burger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:8px;background:none;border:none;-webkit-tap-highlight-color:transparent;}
.burger span{width:22px;height:1px;background:var(--cream);transition:transform .4s var(--ease),opacity .3s;display:block;}
.burger.open span:nth-child(1){transform:translateY(6px) rotate(45deg);}
.burger.open span:nth-child(2){opacity:0;transform:scaleX(0);}
.burger.open span:nth-child(3){transform:translateY(-6px) rotate(-45deg);}

/* ══════════ MOBILE MENU ══════════ */
#mob-menu{position:fixed;inset:0;z-index:500;background:var(--ink);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;opacity:0;visibility:hidden;transition:opacity .5s var(--ease),visibility .5s;}
#mob-menu.open{opacity:1;visibility:visible;}
.mob-link{font-family:var(--serif);font-size:clamp(38px,10vw,58px);font-weight:300;color:var(--mist);cursor:pointer;transition:color .3s,transform .4s var(--ease);transform:translateY(24px);opacity:0;}
#mob-menu.open .mob-link{opacity:1;transform:none;}
#mob-menu.open .mob-link:nth-child(1){transition-delay:.08s;}
#mob-menu.open .mob-link:nth-child(2){transition-delay:.15s;}
#mob-menu.open .mob-link:nth-child(3){transition-delay:.22s;}
.mob-link:hover{color:var(--gold);}
.mob-sub{font-size:14px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold-dk);margin-top:44px;opacity:0;transform:translateY(16px);transition:all .4s .36s;}
#mob-menu.open .mob-sub{opacity:1;transform:none;}

/* ══════════ PAGE SYSTEM ══════════ */
.page{display:none;min-height:100vh;}
.page.active{display:block;}

/* ══════════ REVEAL SYSTEM ══════════ */
.rv{opacity:0;transform:translateY(34px);transition:opacity .95s var(--ease),transform .95s var(--ease);}
.rv.v{opacity:1;transform:none;}
.rv-l{opacity:0;transform:translateX(-34px);transition:opacity .95s var(--ease),transform .95s var(--ease);}
.rv-l.v{opacity:1;transform:none;}
.rv-r{opacity:0;transform:translateX(34px);transition:opacity .95s var(--ease),transform .95s var(--ease);}
.rv-r.v{opacity:1;transform:none;}
.rv-sc{opacity:0;transform:scale(.93);transition:opacity .95s var(--ease),transform .95s var(--ease);}
.rv-sc.v{opacity:1;transform:none;}
/* word-by-word headline reveal */
.wrd{display:inline-block;opacity:0;transform:translateY(60%) rotate(2deg);transition:opacity .7s var(--ease),transform .7s var(--ease);}
.wrd.v{opacity:1;transform:none;}

/* ══════════ IMG PLACEHOLDER ══════════ */
.ph{background:var(--surface);border:1px dashed rgba(201,169,110,.18);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;overflow:hidden;position:relative;}
.ph::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(45deg,transparent,transparent 18px,rgba(201,169,110,.025) 18px,rgba(201,169,110,.025) 19px);}
.ph-ico{font-size:22px;opacity:.22;position:relative;}
.ph-name{font-size:14px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);opacity:.6;position:relative;}
.ph-size{font-size:14px;color:var(--mist);font-family:monospace;opacity:.48;position:relative;}
.ph-note{font-size:14px;color:var(--mist);opacity:.42;text-align:center;max-width:78%;line-height:1.5;position:relative;}

/* ══════════════════════════════════
   HOME — HERO
══════════════════════════════════ */
.hero{position:relative;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;}
.hero-bg{position:absolute;inset:0;}
.hero-bg .ph{width:100%;height:100%;border:none;background:linear-gradient(160deg,#1c1206,#080604 55%,#0d0905);}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(8,6,4,.97) 0%,rgba(8,6,4,.2) 45%,rgba(8,6,4,.5) 100%);z-index:1;}
.hero-ghost{position:absolute;font-family:var(--serif);font-style:italic;font-size:clamp(300px,48vw,660px);font-weight:300;color:transparent;-webkit-text-stroke:.5px rgba(201,169,110,.07);line-height:1;top:50%;right:-3%;transform:translateY(-52%);pointer-events:none;user-select:none;z-index:1;animation:gfloat 14s ease-in-out infinite;}
@keyframes gfloat{0%,100%{transform:translateY(-52%) rotate(-2deg);}50%{transform:translateY(-48%) rotate(2deg);}}
.hero-content{position:relative;z-index:2;padding:0 52px 88px;max-width:880px;}
.hero-pre{font-size:14px;letter-spacing:.26em;text-transform:uppercase;color:var(--gold);margin-bottom:22px;display:flex;align-items:center;gap:14px;opacity:0;animation:fadeUp 1s var(--ease) .2s both;}
.hero-pre::before{content:'';width:28px;height:.5px;background:var(--gold);}
.hero-amp{font-family:var(--serif);font-style:italic;font-size:clamp(80px,15vw,180px);font-weight:300;color:var(--gold);line-height:.85;display:block;margin-bottom:2px;opacity:0;animation:fadeUp 1.1s var(--ease) .35s both;text-shadow:0 0 80px rgba(201,169,110,.16);}
.hero-title{font-family:var(--serif);font-size:clamp(42px,6vw,86px);font-weight:300;line-height:1.05;letter-spacing:-.01em;margin-bottom:26px;opacity:0;animation:fadeUp 1.1s var(--ease) .5s both;}
.hero-tagline{font-size:14px;letter-spacing:.18em;text-transform:uppercase;color:var(--mist);margin-bottom:44px;opacity:0;animation:fadeUp 1s var(--ease) .65s both;}
.hero-cta{display:inline-flex;align-items:center;gap:14px;font-size:14px;letter-spacing:.2em;text-transform:uppercase;color:var(--cream);background:none;border:none;border-bottom:.5px solid rgba(245,240,230,.22);padding-bottom:6px;cursor:pointer;transition:color .3s,border-color .3s,gap .35s var(--ease);opacity:0;animation:fadeUp 1s var(--ease) .8s both;-webkit-tap-highlight-color:transparent;}
.hero-cta:hover{color:var(--gold);border-color:var(--gold);gap:22px;}
.hero-scroll{position:absolute;right:52px;bottom:80px;z-index:2;font-size:14px;letter-spacing:.2em;text-transform:uppercase;color:var(--mist);writing-mode:vertical-lr;opacity:0;animation:fadeIn 1.2s var(--ease) 1.6s both;display:flex;align-items:center;gap:8px;}
.hero-scroll::before{content:'';width:.5px;height:28px;background:linear-gradient(to bottom,var(--gold-dk),transparent);}

/* ══════════ MARQUEE ══════════ */
.mq-bar{border-top:.5px solid var(--border);border-bottom:.5px solid var(--border);padding:12px 0;overflow:hidden;background:var(--deep);}
.mq-track{display:flex;white-space:nowrap;animation:mq 30s linear infinite;}
.mq-bar:hover .mq-track{animation-play-state:paused;}
.mq-item{font-family:var(--serif);font-style:italic;font-size:18px;color:var(--gold-dk);padding:0 34px;flex-shrink:0;}
.mq-dot{color:var(--gold);font-style:normal;}
@keyframes mq{to{transform:translateX(-50%);}}

/* ══════════════════════════════════
   MANIFESTO SECTION (Bek-style editorial)
══════════════════════════════════ */
.manifesto{
  padding:130px 52px;
  display:grid;grid-template-columns:1fr 520px;gap:80px;align-items:start;
  border-bottom:.5px solid var(--border);
}
.manifesto-kicker{font-size:14px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);margin-bottom:40px;display:flex;align-items:center;gap:14px;}
.manifesto-kicker::after{content:'';width:28px;height:.5px;background:var(--gold);}
.manifesto-headline{font-family:var(--serif);font-size:clamp(52px,6vw,96px);font-weight:300;line-height:1.0;letter-spacing:-.02em;}
.manifesto-headline em{font-style:italic;color:var(--gold);}
.manifesto-body p{font-size:18px;color:var(--faint);line-height:1.95;margin-bottom:16px;}
.manifesto-body p:last-child{margin-bottom:0;}
.manifesto-body strong{font-weight:400;color:var(--cream);font-family:var(--serif);font-style:italic;}

/* ══════════ METRICS BAND (Bek-inspired) ══════════ */
.metrics{display:grid;grid-template-columns:repeat(4,1fr);border-top:.5px solid var(--border);border-bottom:.5px solid var(--border);}
.metric-item{padding:52px 44px;border-right:.5px solid var(--border);transition:background .4s;}
.metric-item:last-child{border-right:none;}
.metric-item:hover{background:rgba(201,169,110,.02);}
.metric-num{font-family:var(--serif);font-size:clamp(46px,5vw,68px);font-weight:300;line-height:1;margin-bottom:10px;color:var(--cream);}
.metric-num sup{font-size:22px;vertical-align:super;}
.metric-label{font-size:14px;color:var(--mist);line-height:1.65;max-width:240px;}
.metric-sub{font-size:14px;color:var(--gold-dk);letter-spacing:.06em;margin-top:6px;}

/* ══════════ TRADITION MEETS LUXURY ══════════ */
.tradition{padding:130px 52px;display:grid;grid-template-columns:1fr 1fr;gap:0;border-bottom:.5px solid var(--border);}
.tradition-img{border-right:.5px solid var(--border);padding-right:64px;display:flex;align-items:center;}
.tradition-img .ph{width:100%;aspect-ratio:4/5;border-radius:1px;}
.tradition-text{padding-left:64px;display:flex;flex-direction:column;justify-content:center;}
.sec-kicker{font-size:14px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);margin-bottom:28px;display:flex;align-items:center;gap:14px;}
.sec-kicker::after{content:'';width:24px;height:.5px;background:var(--gold);}
.sec-heading{font-family:var(--serif);font-size:clamp(38px,4.5vw,60px);font-weight:300;line-height:1.1;margin-bottom:32px;}
.sec-heading em{color:var(--gold);font-style:italic;}
.luxury-lines{display:flex;flex-direction:column;gap:0;margin-bottom:36px;}
.luxury-line{
  font-family:var(--serif);font-size:clamp(18px,2.5vw,24px);font-weight:300;
  color:var(--faint);padding:14px 0;
  border-bottom:.5px solid var(--border2);
  display:flex;align-items:center;gap:16px;
  transition:color .35s,padding-left .35s var(--ease);
}
.luxury-line:first-child{border-top:.5px solid var(--border2);}
.luxury-line:hover{color:var(--cream);padding-left:8px;}
.luxury-line .ld{width:4px;height:4px;border-radius:50%;background:var(--gold-dk);flex-shrink:0;transition:background .35s;}
.luxury-line:hover .ld{background:var(--gold);}
.tradition-quote{
  font-family:var(--serif);font-style:italic;font-size:18px;
  color:var(--gold-lt);line-height:1.75;
  border-left:1px solid var(--gold-dk);padding-left:20px;
}

/* ══════════ BLESSING SECTION ══════════ */
.blessing{
  padding:120px 52px;
  background:var(--deep);
  border-bottom:.5px solid var(--border);
  display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;
}
.blessing-text{text-align:center;}
.blessing-icon{
  font-family:var(--serif);font-style:italic;
  font-size:52px;color:var(--gold);margin-bottom:24px;display:block;
  animation:bfloat 7s ease-in-out infinite;
}
@keyframes bfloat{0%,100%{transform:translateY(0);}50%{transform:translateY(-6px);}}
.blessing-title{font-family:var(--serif);font-size:clamp(32px,3.5vw,48px);font-weight:300;line-height:1.1;margin-bottom:20px;}
.blessing-title em{color:var(--gold);font-style:italic;}
.blessing-lines{display:flex;flex-direction:column;align-items:center;gap:2px;}
.bl{font-family:var(--serif);font-size:clamp(16px,2vw,20px);color:var(--faint);line-height:1.9;}
.bl.gold{color:var(--gold-lt);font-style:italic;}
.bl.small{font-size:16px;color:var(--mist);}
.blessing-separator{width:1px;height:200px;background:linear-gradient(to bottom,transparent,var(--gold-dk),transparent);margin:0 auto;}
.blessing-img .ph{width:100%;aspect-ratio:3/4;border-radius:1px;}

/* ══════════ OFFERINGS (Bek provocations-style list) ══════════ */
.offerings{padding:120px 52px;border-bottom:.5px solid var(--border);}
.offerings-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:0;padding-bottom:52px;border-bottom:.5px solid var(--border);}
.offerings-list{display:flex;flex-direction:column;}
.offering-row{
  display:grid;grid-template-columns:72px 1fr 1fr auto;gap:32px;align-items:start;
  padding:44px 0;border-bottom:.5px solid var(--border2);
  transition:background .35s;cursor:default;
}
.offering-row:hover{background:rgba(201,169,110,.025);padding-left:12px;transition:background .35s,padding-left .4s var(--ease);}
.offering-row:last-child{border-bottom:none;}
.o-num{font-family:var(--serif);font-size:16px;color:var(--gold-dk);padding-top:4px;font-style:italic;}
.o-name{font-family:var(--serif);font-size:clamp(26px,3vw,36px);font-weight:300;line-height:1.2;margin-bottom:8px;}
.o-tagline{font-size:14px;color:var(--gold-dk);letter-spacing:.06em;font-style:italic;font-family:var(--serif);}
.o-desc{font-size:16px;color:var(--mist);line-height:1.8;max-width:440px;padding-top:4px;}
.o-img .ph{width:120px;height:120px;border-radius:1px;flex-shrink:0;}

/* ══════════ PROMISE BAND ══════════ */
.promise{padding:100px 52px;text-align:center;border-bottom:.5px solid var(--border);}
.promise-amp{font-family:var(--serif);font-style:italic;font-size:66px;color:var(--gold);display:block;margin-bottom:20px;animation:pfloat 6s ease-in-out infinite;}
@keyframes pfloat{0%,100%{transform:translateY(0) rotate(-2deg);}50%{transform:translateY(-9px) rotate(2deg);}}
.promise p{font-family:var(--serif);font-size:clamp(20px,2.5vw,28px);font-weight:300;line-height:1.7;max-width:720px;margin:0 auto 10px;color:rgba(245,240,230,.75);}
.promise p em{color:var(--gold);font-style:italic;}
.promise-tagline{font-size:14px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold-dk);margin-top:28px;display:block;}

/* ══════════ FOOTER ══════════ */
footer{border-top:.5px solid var(--border);padding:44px 52px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;background:var(--deep);}
.ft-links{display:flex;gap:24px;list-style:none;flex-wrap:wrap;}
.ft-links a{font-size:14px;letter-spacing:.16em;text-transform:uppercase;color:var(--mist);text-decoration:none;cursor:pointer;transition:color .3s;}
.ft-links a:hover{color:var(--gold);}
.ft-logo{font-family:var(--serif);font-size:18px;text-align:center;white-space:nowrap;}
.ft-logo span{color:var(--gold);font-style:italic;}
.ft-r{display:flex;flex-direction:column;align-items:flex-end;gap:3px;}
.ft-tag{font-family:var(--serif);font-style:italic;font-size:14px;color:var(--gold-dk);}
.ft-copy{font-size:14px;color:var(--mist);letter-spacing:.07em;}

/* ════════════════════════════════
   ABOUT PAGE
════════════════════════════════ */
.about-hero{min-height:65vh;display:grid;grid-template-columns:1fr 1fr;padding-top:100px;}
.about-hero-text{padding:80px 56px 80px 52px;display:flex;flex-direction:column;justify-content:flex-end;border-right:.5px solid var(--border);}
.about-hero-img .ph{width:100%;height:100%;min-height:480px;border:none;}
.origin{padding:100px 52px;display:grid;grid-template-columns:72px 1fr;gap:44px;}
.ot{display:flex;flex-direction:column;align-items:center;padding-top:5px;}
.oy{font-family:var(--serif);font-size:14px;color:var(--gold);writing-mode:vertical-lr;letter-spacing:.12em;}
.ol{flex:1;width:.5px;background:linear-gradient(to bottom,var(--gold-dk),transparent);margin-top:14px;}
.letters-section{padding:0 0 100px;}
.letters-header{padding:0 52px 52px;display:flex;align-items:flex-end;justify-content:space-between;border-bottom:.5px solid var(--border);}
.letters-grid{display:grid;grid-template-columns:repeat(4,1fr);}
.letter-card{padding:48px 34px;border-right:.5px solid var(--border);transition:background .4s;}
.letter-card:last-child{border-right:none;}
.letter-card:hover{background:rgba(201,169,110,.025);}
.ln{font-size:14px;letter-spacing:.18em;color:var(--gold-dk);margin-bottom:18px;display:block;}
.ls{font-family:var(--serif);font-size:16px;font-style:italic;color:var(--gold);margin-bottom:12px;display:block;}
.lb{font-family:var(--serif);font-size:16px;font-weight:300;line-height:1.9;color:rgba(245,240,230,.64);margin-bottom:18px;}
.lsign{font-family:var(--serif);font-style:italic;font-size:16px;color:var(--gold);border-top:.5px solid var(--border);padding-top:13px;line-height:1.6;}
.values-section{display:grid;grid-template-columns:repeat(3,1fr);border-top:.5px solid var(--border);}
.value-item{padding:54px 42px;border-right:.5px solid var(--border);transition:background .4s;}
.value-item:last-child{border-right:none;}
.value-item:hover{background:rgba(201,169,110,.02);}
.vi{font-family:var(--serif);font-style:italic;font-size:32px;color:var(--gold);margin-bottom:16px;display:block;}
.vt{font-family:var(--serif);font-size:21px;font-weight:400;margin-bottom:11px;}
.vb{font-size:16px;color:var(--mist);line-height:1.8;}

/* ════════════════════════════════
   CONTACT PAGE
════════════════════════════════ */
.contact-page{min-height:100svh;display:grid;grid-template-columns:1fr 1fr;padding-top:100px;}
.contact-left{padding:72px 56px 72px 52px;border-right:.5px solid var(--border);display:flex;flex-direction:column;justify-content:space-between;}
.contact-heading{font-family:var(--serif);font-size:clamp(46px,5.5vw,76px);font-weight:300;line-height:1.05;margin-bottom:24px;}
.contact-heading em{color:var(--gold);font-style:italic;}
.contact-sub{font-size:16px;color:rgba(245,240,230,.48);line-height:1.85;max-width:460px;margin-bottom:44px;}
.cm-item{padding:16px 0;border-top:.5px solid var(--border);}
.cm-label{font-size:14px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-dk);margin-bottom:4px;}
.cm-val{font-family:var(--serif);font-size:18px;color:var(--cream);}
.cm-val a{color:inherit;text-decoration:none;transition:color .3s;}
.cm-val a:hover{color:var(--gold);}
.contact-right{padding:72px 52px 72px 56px;background:var(--surface);}
.fk{font-size:14px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin-bottom:32px;display:flex;align-items:center;gap:12px;}
.fk::before{content:'';width:20px;height:.5px;background:var(--gold);}
.fg{display:grid;grid-template-columns:1fr 1fr;gap:0 22px;}
.fgrp{margin-bottom:26px;}
.fgrp.full{grid-column:1/-1;}
label{display:block;font-size:14px;letter-spacing:.18em;text-transform:uppercase;color:var(--mist);margin-bottom:9px;}
input,select,textarea{width:100%;background:none;border:none;border-bottom:.5px solid rgba(201,169,110,.18);color:var(--cream);font-weight:300;font-size:18px;padding:9px 0;outline:none;appearance:none;transition:border-color .3s;}
input::placeholder,textarea::placeholder{color:rgba(156,149,144,.38);}
input:focus,select:focus,textarea:focus{border-color:var(--gold);}
select{cursor:pointer;}select option{background:var(--deep);}
textarea{resize:none;min-height:108px;}
.wa-row{display:flex;align-items:center;gap:9px;}
.wa-prefix{font-size:18px;flex-shrink:0;border-bottom:.5px solid rgba(201,169,110,.18);padding:9px 0;line-height:1;}
.fsub{display:inline-flex;align-items:center;gap:14px;background:none;border:.5px solid var(--gold);color:var(--gold);font-weight:300;font-size:14px;letter-spacing:.2em;text-transform:uppercase;padding:14px 34px;cursor:pointer;transition:background .35s,color .35s,gap .35s var(--ease);margin-top:6px;min-height:48px;-webkit-tap-highlight-color:transparent;}
.fsub:hover{background:var(--gold);color:var(--ink);}
#form-thanks{display:none;text-align:center;padding:56px 0;}
.ty-amp{font-family:var(--serif);font-style:italic;font-size:56px;color:var(--gold);margin-bottom:14px;display:block;}

/* ══════════ KEYFRAMES ══════════ */
@keyframes fadeUp{from{opacity:0;transform:translateY(28px);}to{opacity:1;transform:none;}}
@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}

/* ════════════════════════════════
   RESPONSIVE — MOBILE
════════════════════════════════ */
@media(max-width:900px){
  nav{padding:18px 24px;}
  nav.scrolled{padding:13px 24px;}
  .nav-links{display:none;}
  .burger{display:flex;}
  .logo-sub{display:none;}

  .hero-content{padding:0 24px 68px;}
  .hero-ghost{font-size:220px;right:-6%;}
  .hero-scroll{display:none;}

  .manifesto{grid-template-columns:1fr;gap:40px;padding:80px 24px;}
  .manifesto-headline{font-size:clamp(36px,8vw,60px);}

  .metrics{grid-template-columns:1fr 1fr;}
  .metric-item{padding:36px 24px;border-right:.5px solid var(--border);}
  .metric-item:nth-child(2){border-right:none;}
  .metric-item:nth-child(3){border-top:.5px solid var(--border);}
  .metric-item:nth-child(4){border-top:.5px solid var(--border);border-right:none;}

  .tradition{grid-template-columns:1fr;gap:0;padding:72px 24px;}
  .tradition-img{border-right:none;padding-right:0;padding-bottom:48px;border-bottom:.5px solid var(--border);}
  .tradition-text{padding-left:0;padding-top:48px;}

  .blessing{grid-template-columns:1fr;padding:72px 24px;gap:48px;}
  .blessing-separator{display:none;}

  .offerings{padding:72px 24px;}
  .offerings-header{flex-direction:column;gap:14px;align-items:flex-start;}
  .offering-row{grid-template-columns:44px 1fr;gap:16px;padding:32px 0;}
  .o-img{display:none;}
  .o-desc{grid-column:2;margin-top:-8px;}

  .promise{padding:72px 24px;}

  .about-hero{grid-template-columns:1fr;min-height:auto;}
  .about-hero-text{padding:96px 24px 44px;border-right:none;border-bottom:.5px solid var(--border);}
  .about-hero-img .ph{min-height:280px;}
  .origin{grid-template-columns:1fr;gap:24px;padding:64px 24px;}
  .ot{flex-direction:row;align-items:center;padding-top:0;}
  .ol{width:32px;height:.5px;background:linear-gradient(to right,var(--gold-dk),transparent);margin-top:0;margin-left:12px;flex:unset;}
  .oy{writing-mode:horizontal-tb;font-size:16px;}
  .letters-header{padding:0 24px 40px;flex-direction:column;gap:12px;align-items:flex-start;}
  .letters-header p{text-align:left;}
  .letters-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;border-bottom:.5px solid var(--border);}
  .letters-grid::-webkit-scrollbar{display:none;}
  .letter-card{min-width:84vw;scroll-snap-align:start;flex-shrink:0;padding:36px 22px;}
  .values-section{grid-template-columns:1fr;}
  .value-item{border-right:none;border-bottom:.5px solid var(--border);padding:40px 24px;}
  .value-item:last-child{border-bottom:none;}

  .contact-page{grid-template-columns:1fr;}
  .contact-left{padding:96px 24px 52px;border-right:none;border-bottom:.5px solid var(--border);}
  .contact-right{padding:44px 24px 60px;}
  .fg{grid-template-columns:1fr;}

  footer{grid-template-columns:1fr;padding:36px 24px;gap:20px;}
  .ft-logo{text-align:left;}
  .ft-r{align-items:flex-start;}

  /* Mobile Logo Size */
  .logo-svg { width: 70px; height: 70px; }

  /* Smooth scrolling fix for iOS Parallax & Mobile Image Swaps */
  .hero-slide { background-attachment: scroll; }
  .lifestyle-parallax-bg { background-attachment: scroll; }
  
  .slide-1 { background-image: url('../img/Hero__Section__1m.jpg'); }
  .slide-2 { background-image: url('../img/Hero__Section__2m.jpg'); }
  .slide-3 { background-image: url('../img/Hero__Section__3m.jpg'); }
  .slide-4 { background-image: url('../img/Hero__Section__4m.jpg'); }
}
@media(max-width:420px){
  .metrics{grid-template-columns:1fr;}
  .metric-item{border-right:none !important;border-top:.5px solid var(--border);}
  .metric-item:first-child{border-top:none;}
  .hero-amp{font-size:62px;}
  .hero-title{font-size:30px;}
}
/* PARALLAX HERO SLIDER */
.hero-slide { position: absolute; inset: 0; background-size: cover; background-position: center; background-attachment: fixed; opacity: 0; animation: crossfade 24s infinite; }
.slide-1 { background-image: url('../img/Hero__Section__1.jpg'); animation-delay: 0s; }
.slide-2 { background-image: url('../img/Hero__Section__2.jpg'); animation-delay: 6s; }
.slide-3 { background-image: url('../img/Hero__Section__3.jpg'); animation-delay: 12s; }
.slide-4 { background-image: url('../img/Hero__Section__4.jpg'); animation-delay: 18s; }
@keyframes crossfade { 0% { opacity: 0; transform: scale(1.05); } 10% { opacity: 1; transform: scale(1.03); } 25% { opacity: 1; transform: scale(1); } 35% { opacity: 0; transform: scale(0.98); } 100% { opacity: 0; } }

/* LIFESTYLE PARALLAX */
.lifestyle-parallax { position: relative; width: 100%; height: 60vh; display: flex; align-items: center; justify-content: center; overflow: hidden; border-radius: 1px; }
.lifestyle-parallax-bg { position: absolute; inset: 0; background-image: url('../img/Lifestyle-Section.jpg'); background-size: cover; background-position: center; background-attachment: fixed; filter: brightness(0.6); transform: scale(1.02); }
.lifestyle-quote-box { position: relative; z-index: 1; text-align: center; padding: 40px; font-family: var(--serif); font-size: clamp(24px, 3.5vw, 46px); color: var(--gold-lt); font-style: italic; line-height: 1.4; max-width: 900px; }
.lifestyle-author { display: block; margin-top: 24px; font-family: var(--sans); font-size: 14px; letter-spacing: 0.2em; text-transform: uppercase; color: var(--cream); font-style: normal; }