/* H.O.M.S. engagement upgrade — 2026-08-09
   Scoped to H.O.M.S. surfaces so the rest of FOUNTAIN+ remains untouched. */

:root{--homs-ink:#050505;--homs-bone:#eeeae0;--homs-warm:#c99b63;--homs-rust:#8f2f25;--homs-line:rgba(255,255,255,.13)}

/* ---------- Homepage H.O.M.S. feature ---------- */
.homs-home-experience{position:relative;overflow:hidden;background:#050505;color:#f4f1ea;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);padding:clamp(70px,9vw,130px) 0}
.homs-home-experience:before{content:"";position:absolute;inset:-20% 48% -30% -12%;background:radial-gradient(circle at 50% 40%,rgba(201,155,99,.12),transparent 62%);pointer-events:none}
.homs-home-kicker{display:flex;align-items:center;gap:12px;font-size:9px;letter-spacing:.28em;font-weight:850;color:#c99b63;text-transform:uppercase}
.homs-home-kicker:before{content:"";display:block;width:28px;height:1px;background:#c99b63}
.homs-home-grid{position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);gap:clamp(38px,6vw,90px);align-items:center}
.homs-home-copy h2{font-size:clamp(68px,8.8vw,142px);line-height:.78;letter-spacing:-.07em;margin:22px 0 28px;max-width:850px}
.homs-home-copy h2 span{display:block;color:var(--homs-bone)}
.homs-home-copy h2 em{display:block;color:#c99b63;font-style:normal}
.homs-home-copy>p{font-size:clamp(16px,1.5vw,21px);line-height:1.6;color:rgba(244,241,234,.72);max-width:590px;margin:0 0 30px}
.homs-home-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:35px}
.homs-home-actions .homs-enter{background:var(--homs-bone);color:#050505;border-color:var(--homs-bone)}
.homs-home-actions .homs-shop{background:transparent;color:#f3eee4;border:1px solid rgba(255,255,255,.25)}
.homs-home-manifest{display:grid;grid-template-columns:repeat(4,1fr);max-width:610px;border-top:1px solid var(--homs-line);border-bottom:1px solid var(--homs-line)}
.homs-home-manifest span{padding:14px 8px 14px 0;font-size:8px;letter-spacing:.16em;color:rgba(255,255,255,.56);text-transform:uppercase}
.homs-home-visual{position:relative;min-height:650px;display:grid;grid-template-columns:1.08fr .72fr;grid-template-rows:1fr 1fr;gap:12px}
.homs-home-visual figure{position:relative;margin:0;overflow:hidden;border:1px solid rgba(255,255,255,.11);background:#111}
.homs-home-visual figure:first-child{grid-row:1 / span 2;border-radius:2px 28px 2px 2px}
.homs-home-visual figure:nth-child(2){border-radius:2px 2px 2px 20px;background:#eeeae0}
.homs-home-visual figure:nth-child(3){border-radius:2px 2px 20px 2px;background:#eeeae0}
.homs-home-visual img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .75s cubic-bezier(.2,.7,.2,1),filter .75s ease}
.homs-home-visual figure:first-child img{object-position:center top}
.homs-home-visual figure:nth-child(2) img,.homs-home-visual figure:nth-child(3) img{object-fit:cover}
.homs-home-visual figure:hover img{transform:scale(1.035);filter:contrast(1.05)}
.homs-home-visual figcaption{position:absolute;left:18px;bottom:16px;right:18px;padding-top:12px;border-top:1px solid rgba(255,255,255,.28);font-size:8px;letter-spacing:.16em;text-transform:uppercase;color:#fff;text-shadow:0 1px 12px #000}
.homs-home-visual figure:not(:first-child) figcaption{color:#111;border-color:rgba(0,0,0,.18);text-shadow:none}
.homs-home-stamp{position:absolute;right:-20px;top:-28px;width:122px;height:122px;border-radius:50%;background:#070707;border:1px solid rgba(255,255,255,.18);display:grid;place-items:center;text-align:center;font-size:8px;line-height:1.5;letter-spacing:.16em;color:#d4b180;transform:rotate(7deg);box-shadow:0 18px 50px rgba(0,0,0,.4)}

/* ---------- Dedicated H.O.M.S. page ---------- */
.homs-engagement-page{background:#050505;color:#f3efe6}
.homs-engagement-page .homs-page{overflow:hidden}
.homs-e-hero{position:relative;min-height:min(900px,92svh);display:grid;align-items:stretch;background:#050505;border-bottom:1px solid var(--homs-line)}
.homs-e-hero-grid{width:min(1500px,100%);margin:auto;display:grid;grid-template-columns:minmax(0,.92fr) minmax(460px,1.08fr);min-height:inherit}
.homs-e-hero-copy{display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(110px,13vh,170px) clamp(34px,6vw,90px) clamp(70px,10vh,110px) max(24px,calc((100vw - 1500px)/2 + 40px));position:relative;z-index:2;background:linear-gradient(125deg,#050505 0%,#080706 70%,#0e0b08 100%)}
.homs-e-hero-copy .eyebrow{color:#c99b63}
.homs-e-hero-copy h1{font-size:clamp(72px,9vw,156px);line-height:.77;letter-spacing:-.075em;margin:18px 0 28px;max-width:820px}
.homs-e-hero-copy h1 span{display:block;color:#c99b63}
.homs-e-hero-copy p{max-width:590px;font-size:clamp(17px,1.45vw,22px);line-height:1.58;color:rgba(243,239,230,.72);margin:0 0 30px}
.homs-e-hero-copy .hero-actions{margin-top:0}
.homs-e-hero-visual{position:relative;overflow:hidden;min-height:680px;background:#111}
.homs-e-hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#050505 0%,transparent 25%),linear-gradient(to top,rgba(5,5,5,.55),transparent 40%)}
.homs-e-hero-visual img{width:100%;height:100%;object-fit:cover;object-position:center 18%;display:block;filter:saturate(.88) contrast(1.03)}
.homs-e-monogram{position:absolute;z-index:2;right:24px;bottom:25px;width:98px;height:98px;border-radius:50%;background:rgba(5,5,5,.82);border:1px solid rgba(255,255,255,.25);display:grid;place-items:center;font-size:10px;letter-spacing:.18em;text-align:center;backdrop-filter:blur(9px)}
.homs-e-strip{display:grid;grid-template-columns:repeat(4,1fr);background:#0a0908;border-bottom:1px solid var(--homs-line)}
.homs-e-strip span{padding:18px 10px;text-align:center;border-right:1px solid var(--homs-line);font-size:8px;font-weight:800;letter-spacing:.2em;color:#c8b69f;text-transform:uppercase}
.homs-e-strip span:last-child{border-right:0}

.homs-e-section{padding:clamp(72px,9vw,128px) 0}
.homs-e-section.alt{background:#0a0908}
.homs-e-intro{display:grid;grid-template-columns:minmax(0,.8fr) minmax(340px,1.2fr);gap:clamp(40px,8vw,120px);align-items:end;margin-bottom:44px}
.homs-e-intro h2{font-size:clamp(58px,7.7vw,118px);line-height:.82;letter-spacing:-.065em;margin:12px 0 0}
.homs-e-intro p{font-size:clamp(16px,1.35vw,20px);line-height:1.65;color:rgba(243,239,230,.64);max-width:590px;margin:0}

.homs-e-products{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.homs-e-product{position:relative;display:block;overflow:hidden;background:#eeeae0;color:#080808;min-height:620px;border:1px solid rgba(255,255,255,.1);isolation:isolate}
.homs-e-product:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(to top,rgba(0,0,0,.92),transparent);z-index:1}
.homs-e-product img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .7s ease}
.homs-e-product:hover img{transform:scale(1.04);filter:contrast(1.05)}
.homs-e-product-copy{position:absolute;z-index:2;left:24px;right:24px;bottom:22px;color:#fff}
.homs-e-product-copy small{display:block;font-size:8px;letter-spacing:.19em;color:#d0ad82;margin-bottom:9px}
.homs-e-product-copy h3{font-size:clamp(29px,3vw,47px);line-height:.92;letter-spacing:-.045em;margin:0 0 10px}
.homs-e-product-copy p{font-size:13px;line-height:1.45;color:rgba(255,255,255,.72);margin:0 0 14px}
.homs-e-product-copy span{font-size:8px;letter-spacing:.16em;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.65);padding-bottom:5px}

.homs-e-meaning{position:relative;background:#eeeae0;color:#080808;padding:clamp(80px,10vw,150px) 0}
.homs-e-meaning-head{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end;margin-bottom:40px}
.homs-e-meaning-head h2{font-size:clamp(58px,7.5vw,116px);line-height:.8;letter-spacing:-.068em;margin:12px 0 0}
.homs-e-meaning-head p{font-size:clamp(18px,1.8vw,28px);line-height:1.4;max-width:560px;margin:0 0 4px;color:#37322d}
.homs-e-letters{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(0,0,0,.2);border-bottom:1px solid rgba(0,0,0,.2)}
.homs-e-letter{position:relative;padding:32px 18px 38px;border-right:1px solid rgba(0,0,0,.18);min-height:240px;transition:background .35s ease,color .35s ease,transform .35s ease}
.homs-e-letter:last-child{border-right:0}
.homs-e-letter b{display:block;font-size:clamp(72px,8vw,126px);line-height:.78;letter-spacing:-.07em;font-weight:800}
.homs-e-letter strong{display:block;margin-top:32px;font-size:13px;letter-spacing:.2em;text-transform:uppercase}
.homs-e-letter span{display:block;margin-top:9px;font-size:12px;line-height:1.45;color:#6a625a;opacity:.84}
.homs-e-letter:hover{background:#080808;color:#f3efe6;transform:translateY(-6px)}
.homs-e-letter:hover span{color:#b9aa98}
.homs-e-meaning-line{font-size:clamp(25px,3vw,46px);letter-spacing:-.035em;margin:45px 0 0;font-weight:600}

.homs-e-film{background:#050505}
.homs-e-film .homs-film-layout{min-height:680px}
.homs-e-film .homs-film-copy h2{font-size:clamp(55px,8vw,120px)}
.homs-e-film .homs-film-copy p{max-width:620px}

.homs-e-lifestyle{position:relative;min-height:700px;display:flex;align-items:flex-end;overflow:hidden;background:#080808}
.homs-e-lifestyle>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.88)}
.homs-e-lifestyle:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.95),rgba(0,0,0,.35) 58%,rgba(0,0,0,.12)),linear-gradient(to top,rgba(0,0,0,.85),transparent 45%)}
.homs-e-lifestyle-copy{position:relative;z-index:2;padding-bottom:70px;max-width:880px}
.homs-e-lifestyle-copy h2{font-size:clamp(58px,8vw,128px);line-height:.8;letter-spacing:-.07em;margin:14px 0 23px}
.homs-e-lifestyle-copy h2 span{color:#c99b63}
.homs-e-lifestyle-copy p{max-width:610px;font-size:18px;line-height:1.6;color:rgba(255,255,255,.7)}

.homs-e-faithwalker{padding:clamp(75px,9vw,125px) 0;background:#0a0908}
.homs-e-faithwalker-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:14px}
.homs-e-faithwalker-hero{position:relative;min-height:650px;overflow:hidden}
.homs-e-faithwalker-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.homs-e-faithwalker-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.92),transparent 60%)}
.homs-e-faithwalker-copy{position:absolute;z-index:2;left:34px;right:34px;bottom:32px}
.homs-e-faithwalker-copy h3{font-size:clamp(42px,5vw,76px);line-height:.87;letter-spacing:-.055em;margin:10px 0 15px}
.homs-e-faithwalker-copy p{max-width:530px;color:rgba(255,255,255,.7);line-height:1.55}
.homs-e-faithwalker-side{display:grid;grid-template-rows:1fr 1fr;gap:14px}
.homs-e-faithwalker-side figure{position:relative;margin:0;min-height:318px;overflow:hidden;background:#111}
.homs-e-faithwalker-side img{width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform .6s ease}
.homs-e-faithwalker-side figure:hover img{transform:scale(1.035)}
.homs-e-faithwalker-side figcaption{position:absolute;bottom:14px;left:14px;background:rgba(0,0,0,.68);padding:9px 11px;font-size:8px;letter-spacing:.16em}

.homs-e-final{background:#eeeae0;color:#080808;text-align:center;padding:clamp(90px,12vw,165px) 0}
.homs-e-final .homs-home-kicker{justify-content:center;color:#8e6740}
.homs-e-final h2{font-size:clamp(66px,10vw,156px);line-height:.8;letter-spacing:-.075em;margin:20px auto 25px;max-width:1100px}
.homs-e-final p{font-size:clamp(17px,1.55vw,22px);max-width:600px;margin:0 auto 30px;line-height:1.55;color:#4f4942}
.homs-e-final .btn{background:#070707;color:#f2eee6;border-color:#070707}

/* Scroll-in motion. Progressive enhancement only. */
[data-homs-reveal]{opacity:1;transform:none}
.homs-motion-ready [data-homs-reveal]{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .8s cubic-bezier(.2,.7,.2,1)}
.homs-motion-ready [data-homs-reveal].is-visible{opacity:1;transform:none}
.homs-motion-ready [data-homs-reveal][data-delay="1"]{transition-delay:.08s}
.homs-motion-ready [data-homs-reveal][data-delay="2"]{transition-delay:.16s}
.homs-motion-ready [data-homs-reveal][data-delay="3"]{transition-delay:.24s}

@media(max-width:1050px){
  .homs-home-grid{grid-template-columns:1fr}.homs-home-copy{max-width:800px}.homs-home-visual{min-height:620px}
  .homs-e-hero-grid{grid-template-columns:1fr}.homs-e-hero{min-height:0}.homs-e-hero-copy{min-height:620px;padding-top:150px}.homs-e-hero-visual{min-height:680px}.homs-e-hero-visual:after{background:linear-gradient(to top,#050505 0%,transparent 26%)}
  .homs-e-intro{grid-template-columns:1fr}.homs-e-products{grid-template-columns:1fr 1fr}.homs-e-product:last-child{grid-column:1 / span 2;min-height:540px}
  .homs-e-meaning-head{grid-template-columns:1fr}.homs-e-faithwalker-grid{grid-template-columns:1fr}.homs-e-faithwalker-side{grid-template-columns:1fr 1fr;grid-template-rows:none}
}
@media(max-width:700px){
  .homs-home-experience{padding:64px 0 76px}.homs-home-grid{gap:42px}.homs-home-copy h2{font-size:clamp(56px,17vw,84px)}.homs-home-copy>p{font-size:15px}.homs-home-manifest{grid-template-columns:1fr 1fr}.homs-home-visual{grid-template-columns:1fr 1fr;grid-template-rows:420px 240px;min-height:0}.homs-home-visual figure:first-child{grid-column:1 / span 2;grid-row:auto;border-radius:2px 20px 2px 2px}.homs-home-stamp{width:94px;height:94px;right:2px;top:-32px;font-size:7px}
  .homs-e-hero-copy{min-height:600px;padding:140px 24px 62px}.homs-e-hero-copy h1{font-size:clamp(60px,18vw,88px)}.homs-e-hero-copy p{font-size:15px}.homs-e-hero-visual{min-height:600px}.homs-e-monogram{width:82px;height:82px}
  .homs-e-strip{grid-template-columns:1fr 1fr}.homs-e-strip span:nth-child(2){border-right:0}.homs-e-strip span:nth-child(-n+2){border-bottom:1px solid var(--homs-line)}
  .homs-e-section{padding:70px 0}.homs-e-intro h2,.homs-e-meaning-head h2{font-size:clamp(52px,15vw,78px)}
  .homs-e-products{grid-template-columns:1fr}.homs-e-product,.homs-e-product:last-child{grid-column:auto;min-height:540px}
  .homs-e-meaning{padding:75px 0}.homs-e-letters{grid-template-columns:1fr 1fr}.homs-e-letter{min-height:210px}.homs-e-letter:nth-child(2){border-right:0}.homs-e-letter:nth-child(-n+2){border-bottom:1px solid rgba(0,0,0,.18)}.homs-e-letter b{font-size:80px}.homs-e-letter:hover{transform:none}
  .homs-e-film .homs-film-layout{min-height:0}.homs-e-lifestyle{min-height:720px}.homs-e-lifestyle>img{object-position:62% center}.homs-e-lifestyle-copy{padding-bottom:48px}.homs-e-lifestyle-copy h2{font-size:clamp(52px,15vw,82px)}
  .homs-e-faithwalker-hero{min-height:620px}.homs-e-faithwalker-side{grid-template-columns:1fr}.homs-e-faithwalker-side figure{min-height:520px}.homs-e-final h2{font-size:clamp(56px,17vw,92px)}
}
@media(prefers-reduced-motion:reduce){.homs-motion-ready [data-homs-reveal]{opacity:1;transform:none;transition:none}.homs-home-visual img,.homs-e-product img,.homs-e-faithwalker-side img{transition:none}}