:root{--bg:#e5e0da;--ink:#583b1f;--card:#efebe6;--line:#cfc6bb}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 Almarai,sans-serif}
h1,h2,h3{font-family:"Libre Baskerville",serif;font-weight:400;line-height:1.2}
h1{font-size:clamp(32px,5vw,50px);margin:0 0 .5em}h2{font-size:clamp(24px,3.2vw,31px)}h3{font-size:21px;margin:.4em 0}h4{font-size:16px;margin:.2em 0 .6em;font-weight:700}
a{color:inherit}img{max-width:100%;display:block}
header{display:flex;align-items:center;justify-content:space-between;padding:14px 5vw;position:sticky;top:0;background:var(--bg);z-index:5;border-bottom:1px solid var(--line)}
.logo img{height:64px}
nav{display:flex;gap:28px;align-items:center}nav a{text-decoration:none}nav a.on{border-bottom:1px solid var(--ink)}
.btn{display:inline-block;background:var(--ink);color:#eae6e1!important;padding:12px 26px;border-radius:999px;text-decoration:none;border:0;font:inherit;cursor:pointer}
.burger{display:none;font-size:28px;cursor:pointer}
main{max-width:1200px;margin:0 auto;padding:0 5vw;overflow-x:clip}
section{padding:56px 0}.c{text-align:center}.lead{max-width:760px;margin-inline:auto}.small{font-size:13px;max-width:700px;margin-inline:auto;opacity:.85}
.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:13px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.split.rev>div{order:1}
.split img{width:100%;border-radius:4px}
.hero{position:relative;display:grid;grid-template-columns:1.1fr 1fr;gap:56px;align-items:center;min-height:calc(100vh - 93px);padding:48px 0 72px;overflow:visible}
.hero .crest{position:absolute;right:-6vw;top:-4vh;width:min(62vw,760px);opacity:.055;pointer-events:none;z-index:0;will-change:transform}
.hero-text{position:relative;z-index:2;will-change:transform;animation:rise .9s cubic-bezier(.2,.7,.2,1) both}
.hero-art{position:relative;z-index:1;will-change:transform;animation:rise 1.1s .15s cubic-bezier(.2,.7,.2,1) both}
.hero-art img{width:100%;border-radius:6px;box-shadow:0 30px 60px -30px rgba(60,40,20,.55),0 12px 24px -16px rgba(60,40,20,.4)}
.hero-art::before{content:"";position:absolute;inset:14px -14px -14px 14px;border:1px solid var(--ink);opacity:.25;border-radius:6px;z-index:-1}
.ticker{position:absolute;left:18px;right:18px;bottom:-16px;background:var(--ink);color:#eae6e1;font-size:12px;letter-spacing:.12em;text-transform:uppercase;padding:9px 0;border-radius:999px;overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.ticker-track{display:flex;width:max-content;animation:tick 28s linear infinite}.ticker:hover .ticker-track{animation-play-state:paused}
.ticker-track span{padding:0 18px;white-space:nowrap}.ticker-track span::after{content:"\00b7";margin-left:36px;opacity:.6}
@keyframes tick{to{transform:translateX(-50%)}}
.scroll-cue{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);width:26px;height:42px;border:1.5px solid var(--ink);border-radius:14px;opacity:.5}
.scroll-cue span{position:absolute;left:50%;top:7px;width:3px;height:8px;margin-left:-1.5px;background:var(--ink);border-radius:2px;animation:cue 1.8s infinite}
@keyframes rise{from{opacity:0;transform:translate3d(0,22px,0)}to{opacity:1;transform:none}}
@keyframes cue{0%{transform:translateY(0);opacity:1}70%{transform:translateY(14px);opacity:0}100%{opacity:0}}
@media(prefers-reduced-motion:reduce){.hero-text,.hero-art,.scroll-cue span,.ticker-track{animation:none}}
.three,.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:32px}
.card,.step{background:var(--card);padding:28px;border-radius:4px}.step img{width:100%;aspect-ratio:4/3;object-fit:cover;margin-bottom:14px;border-radius:3px}
.band{text-align:center;background:var(--ink);color:#eae6e1;margin:0 calc(50% - 50vw);padding:64px 5vw}
.cta{text-align:center;border-top:1px solid var(--line)}
.grid{columns:3;column-gap:16px}.grid img{width:100%;margin:0 0 16px;border-radius:3px;break-inside:avoid}
.narrow{max-width:760px;margin:0 auto}
details{border-bottom:1px solid var(--line);padding:16px 0}summary{cursor:pointer;font-family:"Libre Baskerville",serif;font-size:19px}details p{margin:.8em 0 0}
form{display:grid;gap:18px;margin-top:28px}label{display:grid;gap:6px;font-size:15px}.row{display:grid;grid-template-columns:1fr 1fr;gap:18px}
input:not([type=checkbox]),select,textarea{font:inherit;color:var(--ink);background:#f4f1ed;border:1px solid var(--line);padding:10px 12px;border-radius:3px;width:100%}
.chk{display:flex;gap:10px;align-items:center}fieldset{border:1px solid var(--line);padding:14px 16px;border-radius:3px;display:grid;gap:8px}
footer{border-top:1px solid var(--line);text-align:center;padding:36px 5vw;font-size:14px}.nav2{display:flex;gap:18px;justify-content:center;flex-wrap:wrap}.nav2 a{text-decoration:none}
@media(max-width:820px){.hero,.split{grid-template-columns:1fr;gap:28px}.hero{min-height:0;padding:32px 0 56px}.hero .crest{width:90vw;right:-30vw;top:0}.hero-art{margin-top:8px}.scroll-cue{display:none}.split.rev>div{order:0}.three,.steps{grid-template-columns:1fr}.grid{columns:2}.row{grid-template-columns:1fr}
.burger{display:block}nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--bg);flex-direction:column;padding:20px;gap:16px;border-bottom:1px solid var(--line)}#mt:checked~nav{display:flex}}