*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:#02080d;color:#f4dfba;font-family:Georgia,serif}.site-header{height:68px;display:flex;align-items:center;gap:24px;padding:6px 3%;background:#02090e;position:sticky;top:0;z-index:20;border-bottom:1px solid #71300f}.brand{font-size:28px;font-weight:900;color:#ffab35;text-decoration:none;line-height:.8}.brand span{color:#f5c361}.brand small{display:block;text-align:center;font-size:9px;letter-spacing:2px;color:#f3d191;margin-top:6px}nav{display:flex;justify-content:center;gap:22px;flex:1}nav a{color:#f5c361;text-decoration:none;font-size:13px}.cta,.button{padding:12px 18px;color:#ffe196;text-decoration:none;border:1px solid #ffc44d;background:#6d0908}.menu{display:none}.hero{height:calc(100vh - 144px);min-height:440px;max-height:540px;background:url('Web Page Layout.png') center 21%/cover no-repeat;position:relative}.hotspot{position:absolute;top:76%;height:13%;width:27%}.shoplink{left:19.5%}.missionlink{left:53%}.doorways{display:grid;grid-template-columns:repeat(5,1fr);background:#03090f;border-block:1px solid #64280d}.doorways a{display:flex;min-height:76px;flex-direction:column;justify-content:center;text-align:center;color:#efbd5e;text-decoration:none;border-right:1px solid #39210f;padding:10px}.doorways strong{font-size:15px}.doorways span{margin-top:5px;color:#bba17d;font:11px Arial}.section{text-align:center;padding:48px 6%;background:radial-gradient(circle,#0a2948,#030a11 70%);border-bottom:1px solid #6c2d0c}.section h2,.topic-hero h1{color:#ffc050;font-size:44px;margin:5px}.section>h3,.topic-hero h2{letter-spacing:3px;color:#f4d39a}.intro{max-width:800px;margin:18px auto;font-size:18px;line-height:1.55}.three,.four,.contact,.topic-grid,.product-grid{display:grid;gap:18px;max-width:1200px;margin:28px auto}.three{grid-template-columns:repeat(3,1fr)}.four{grid-template-columns:repeat(2,1fr)}.contact{grid-template-columns:1fr 1fr}.three article,.four article,.contact article,.topic-grid article,.product-grid article{padding:26px;border:1px solid #6e3515;background:#09131d}.section h3,.topic-grid h2,.product-grid h3{color:#ffb339}.section p,.topic-grid p,.product-grid p{font:15px/1.55 Arial;color:#dec9a7}.section a,.four a{color:#ffd474}.scripture{text-align:center;padding:15px;background:linear-gradient(90deg,#b87936,#edc77f,#b87936);color:#20140d}.site-footer{text-align:center;padding:30px;background:#02070b}.site-footer .brand{display:inline-block}.site-footer p{color:#efbd5e}.topic-hero{text-align:center;padding:60px 6%;background:radial-gradient(circle,#0a2948,#030a11 70%)}.topic-grid{grid-template-columns:1fr 1fr;padding:20px}.topic-cta{text-align:center;padding:30px}.logos{display:flex;justify-content:center;gap:50px;padding:30px}.logos img{width:180px;height:130px;object-fit:contain}.product-grid{grid-template-columns:repeat(4,1fr);padding:20px}.collection img{width:100%;display:block}@media(max-width:850px){.site-header{height:auto;min-height:75px;flex-wrap:wrap}.menu{display:block;margin-left:auto}.cta{display:none}nav{display:none;order:3;flex-basis:100%;flex-direction:column}nav.open{display:flex}.hero{height:520px;min-height:0}.doorways{grid-template-columns:1fr 1fr}.three,.four,.contact,.topic-grid,.product-grid{grid-template-columns:1fr}.topic-hero h1{font-size:36px}}@media(max-width:480px){.doorways{grid-template-columns:1fr}.hero{height:440px}}
@media(min-width:851px) and (max-height:850px){.site-header{height:64px;min-height:64px;padding-top:4px;padding-bottom:4px}.brand{font-size:26px}.brand small{font-size:8px;margin-top:4px}.hero{height:calc(100vh - 136px);min-height:420px;max-height:520px}.doorways a{min-height:72px;padding:8px}.doorways strong{font-size:14px}.doorways span{font-size:10.5px;margin-top:4px}}
/* Final home viewport balance: hero + full doorway row only; next section begins below fold. */
@media(min-width:851px){
  .hero{height:calc(100vh - 142px)!important;min-height:465px!important;max-height:565px!important}
  .doorways a{min-height:74px!important;padding-top:9px!important;padding-bottom:9px!important}
}
@media(min-width:851px) and (max-height:850px){
  .hero{height:calc(100vh - 134px)!important;min-height:445px!important;max-height:545px!important}
  .doorways a{min-height:70px!important;padding-top:8px!important;padding-bottom:8px!important}
}