:root{color-scheme:dark;--bg:#101719;--ink:#fffdf4;--dim:#c9d2cd;--accent:#c7f05b}*{box-sizing:border-box}html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{margin:0;background:var(--bg);color:var(--ink)}a{color:inherit}.shell{width:min(1340px,100%);min-height:100svh;margin:auto;padding:clamp(22px,4vw,64px);display:flex;flex-direction:column}.top,footer{display:flex;align-items:center;justify-content:space-between;gap:20px}.top{padding-bottom:25px;border-bottom:1px solid #33403d}.brand{text-decoration:none;font-size:clamp(22px,2.7vw,36px);font-weight:950;letter-spacing:-.07em;line-height:1}.brand span{color:var(--accent)}.brand .brand-dot{font-size:17px;vertical-align:top;margin-left:8px}.top nav{display:flex;gap:10px;font-size:13px;font-weight:700;letter-spacing:.08em}.top nav a{text-decoration:none;color:#a7b6ad}.top nav a:hover{color:var(--accent)}.sep{color:#53605b}.hero{flex:1;display:grid;grid-template-columns:.93fr 1.07fr;align-items:center;gap:clamp(25px,5vw,85px);padding:clamp(40px,6vw,100px) 0}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.17em;color:var(--accent);line-height:1.6}.hero-copy{max-width:570px}h1{font-size:clamp(48px,6.2vw,103px);letter-spacing:-.075em;line-height:.99;margin:24px 0 26px;font-weight:900}h1 em{font-style:normal;color:var(--accent)}.lead{font-size:clamp(17px,1.5vw,21px);line-height:1.55;color:#edf0e7}.sub{font-size:15px;line-height:1.6;color:var(--dim);margin:22px 0 27px}.cta{display:inline-flex;align-items:center;gap:28px;padding:17px 23px;background:var(--accent);border-radius:7px;color:#12200c;text-decoration:none;font-weight:850;font-size:15px}.cta:hover{background:#d9ff88}.hero-visual{position:relative;min-height:440px;align-self:stretch;border-radius:16px;overflow:hidden;background:linear-gradient(140deg,#2a3940,#0e2322 65%,#3c4520)}.hero-visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.fallback{display:none;position:absolute;inset:0;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:35px;background:radial-gradient(circle at 68% 40%,#526b3e,transparent 48%)}.missing .fallback{display:flex}.fallback span{font-size:18px;font-weight:900;letter-spacing:.16em}.fallback strong{margin-top:28px;font-size:clamp(34px,4vw,67px);font-weight:900;line-height:1.02;letter-spacing:-.06em}.fallback small{margin-top:30px;color:#b0c0b8;font-size:11px}footer{border-top:1px solid #33403d;padding-top:22px;color:#bac7c0;font-size:12px;line-height:1.6}footer p{margin:0}footer a{text-decoration:none}.social{display:flex;gap:20px}footer a:hover{color:var(--accent)}@media(max-width:820px){.hero{grid-template-columns:1fr;padding:42px 0}.hero-visual{min-height:390px;order:-1}.hero-copy{max-width:650px}h1{font-size:clamp(48px,11vw,80px)}footer{flex-direction:column;align-items:flex-start}.top{align-items:flex-start}}@media(max-width:460px){.hero-visual{min-height:300px}.shell{padding:20px}.social{gap:15px}}

.brand img{display:block;width:clamp(150px,20vw,200px);height:auto;aspect-ratio:1210 / 533;object-fit:contain;background:transparent}

/* Approved header/footer refinement; hero styles above are unchanged. */
.shell{--shell-padding:clamp(22px,4vw,64px)}
.top,footer{position:relative;isolation:isolate;color-scheme:light;color:#202020;border-color:#dedbd5}
.top::before,footer::before{content:"";position:absolute;z-index:-1;background:#f7f5f1;box-shadow:0 0 0 100vmax #f7f5f1;clip-path:inset(0 -100vmax);pointer-events:none}
.top::before{inset:calc(-1 * var(--shell-padding)) 0 0}
footer::before{inset:0 0 calc(-1 * var(--shell-padding))}
.top nav a,.sep{color:#454541}
.top nav a:hover,footer a:hover{color:#36520b;text-decoration:underline}
@media(max-width:460px){.shell{--shell-padding:20px}}
