/* Hidden Laws cinematic homepage — approved 2026-09-25 visual direction */
:root{--cinema:#06111d;--cinema2:#0a1724;--gold:#c9a45d;--gold2:#f2d18c;--ivory:#f7f1e5}
body{background:var(--cinema)!important;color:var(--ivory)}
header{background:rgba(5,14,24,.88)!important;border-bottom:1px solid rgba(201,164,93,.16)!important}
header .wrap{width:min(1320px,calc(100% - 48px))}
.hero{min-height:760px!important;padding:0!important;background:#07121d!important;position:relative}
.hero:before{display:none!important}.hero:after{display:none!important}
.hero .wrap.hero-grid{width:100%!important;max-width:none!important;min-height:760px;grid-template-columns:50% 50%!important;gap:0!important;margin:0!important}
.hero .hero-grid>div:first-child{padding:100px max(46px,calc((100vw - 1280px)/2));padding-right:54px;position:relative;z-index:4;background:linear-gradient(90deg,#071522 0%,#0a1c2d 74%,rgba(10,28,45,.88) 100%)}
.hero .kicker{color:#d5b56f!important;letter-spacing:.22em!important;font-size:.7rem!important}
.hero h1{font-size:clamp(4.4rem,7.2vw,7.8rem)!important;line-height:.88!important;max-width:650px!important;margin:22px 0 28px!important;color:#f7f1e5!important}
.hero h1 span{display:block!important;color:#f7f1e5!important}
.hero .lead{max-width:600px!important;color:#c2cbd3!important;font-size:1.08rem!important}
.hero .hero-actions{margin-top:34px!important}
.hero .btn{border-radius:2px!important;text-transform:uppercase;font-size:.72rem;letter-spacing:.14em;min-height:46px;padding:12px 22px}
.hero .btn.primary{background:#c9a45d!important;color:#08111f!important}
.hero .hero-art{position:relative!important;width:100%!important;height:760px!important;min-height:760px!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:hidden!important;background:#13283a!important}
.hero .hero-art .art-media{height:100%!important;min-height:760px!important;aspect-ratio:auto!important}
.hero .hero-art img{width:100%!important;height:100%!important;object-fit:cover!important;filter:saturate(.88) contrast(1.04)!important}
.hero .hero-art:before{content:""!important;display:block!important;position:absolute!important;inset:0!important;z-index:4!important;background:linear-gradient(90deg,rgba(7,21,34,.55),transparent 34%),linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,0,0,.22))!important;animation:none!important}
.hero .hero-art:after{content:""!important;display:block!important;position:absolute!important;inset:10% 12%!important;z-index:5!important;border:1px solid rgba(230,196,121,.45)!important;border-radius:50%!important;box-shadow:0 0 0 1px rgba(230,196,121,.08)!important}
.hero .art-copy{display:none!important}

#start{padding:92px 0 110px!important;background:linear-gradient(180deg,#081624,#0a1928)!important}
#start .wrap{width:min(1240px,calc(100% - 48px))}
#start .section-head{display:block!important;margin-bottom:34px!important}
#start h2{font-size:clamp(3rem,5vw,5.2rem)!important;margin-bottom:14px!important}
#start .intro{max-width:760px!important}
.journey-grid{grid-template-columns:repeat(3,1fr)!important;gap:18px!important}
.journey-card{position:relative!important;min-height:310px!important;padding:0!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:0!important;overflow:hidden!important;background-size:cover!important;background-position:center!important;justify-content:flex-end!important;isolation:isolate}
.journey-card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,12,20,.04) 20%,rgba(4,12,20,.86) 74%,#07111b 100%);z-index:-1}
.journey-card:nth-child(1){background-image:url('/art/threshold.webp?v=cinematic-20260925')}
.journey-card:nth-child(2){background-image:url('/art/lotus.webp?v=cinematic-20260925')}
.journey-card:nth-child(3){background-image:url('/art/path.webp?v=cinematic-20260925')}
.journey-card:nth-child(4){background-image:url('/art/akharata.webp?v=cinematic-20260925')}
.journey-card:nth-child(5){background-image:url('/art/integration.webp?v=cinematic-20260925')}
.journey-card:nth-child(6){background-image:url('/art/tree.webp?v=cinematic-20260925')}
.journey-card .journey-icon{display:none!important}
.journey-card h3{margin:0!important;padding:0 22px 6px!important;font-size:1.05rem!important;letter-spacing:.16em!important;color:#fff!important}
.journey-card p{margin:0!important;padding:0 22px 22px!important;color:#d2d8de!important;font-size:.88rem!important;max-width:360px}
.journey-card:hover{transform:translateY(-5px)!important;border-color:rgba(242,209,140,.55)!important}

.trust{display:none!important}
#mission{padding:0!important;background:#07121d!important}
#mission>.wrap{width:100%!important;max-width:none!important}
#mission>.wrap>.eyebrow,#mission>.wrap>.statement{display:none!important}
#mission .split{grid-template-columns:1fr 1fr!important;gap:0!important;align-items:stretch!important}
#mission .split>p{order:2;display:flex;flex-direction:column;justify-content:center;max-width:none!important;margin:0!important;padding:90px max(48px,calc((100vw - 1280px)/2)) 90px 64px!important;background:linear-gradient(145deg,#311609,#8b3d12 52%,#df8a26)!important;color:#fff0d8!important;font-family:Georgia,serif;font-size:clamp(1.45rem,2.4vw,2.25rem)!important;line-height:1.42!important}
#mission .art-frame{order:1!important;border:0!important;border-radius:0!important;min-height:560px!important}
#mission .art-media{height:100%!important;aspect-ratio:auto!important}
#mission .art-frame img{object-fit:cover!important}
#mission .art-copy{position:absolute!important;left:9%;bottom:9%;max-width:480px;background:rgba(4,14,24,.72)!important;border:1px solid rgba(242,209,140,.2)!important;padding:24px!important}
#mission .art-copy h3{font-size:2rem!important}

#about{background:#091725!important}
#ascend{background:#07121d!important}
#ancestral{background:#0a1928!important}
#teachings{background:#07121d!important}

#work{position:relative!important;min-height:560px!important;background:linear-gradient(90deg,rgba(4,12,20,.90),rgba(4,12,20,.55)),url('/art/path.webp?v=cinematic-20260925') center/cover no-repeat!important;display:flex;align-items:center}
#work>.wrap{position:relative;z-index:2}
#work h2{font-size:clamp(3.4rem,6vw,6rem)!important;max-width:650px}
#work .art-frame{display:none!important}
#work .card{background:rgba(6,17,29,.72)!important;backdrop-filter:blur(8px)}

.axis-band{margin:0!important;border:0!important;grid-template-columns:repeat(4,1fr)!important;background:#050d16!important}
.axis-item{min-height:170px!important;display:flex;flex-direction:column;align-items:center;justify-content:center;border-right:1px solid rgba(255,255,255,.08)!important;padding:30px!important}
.axis-item:before{content:"◇";font-family:Georgia,serif;font-size:2.2rem;color:#d8b76e;margin-bottom:15px}
.axis-item:nth-child(2):before{content:"◎"}.axis-item:nth-child(3):before{content:"△"}.axis-item:nth-child(4):before{content:"◐"}
.axis-item strong{color:#f7f1e5!important;margin-bottom:8px}
.axis-item span{max-width:220px}

.card,.booking-shell,.art-frame{border-radius:2px!important}
.card{background:rgba(255,255,255,.035)!important}
section{border-bottom:1px solid rgba(255,255,255,.08)!important}
footer{background:#03080e!important}

@media(max-width:900px){
 .hero .wrap.hero-grid{grid-template-columns:1fr!important}
 .hero .hero-grid>div:first-child{padding:82px 28px 48px!important}
 .hero .hero-art{height:520px!important;min-height:520px!important}
 .hero .hero-art .art-media{min-height:520px!important}
 .journey-grid{grid-template-columns:repeat(2,1fr)!important}
 #mission .split{grid-template-columns:1fr!important}
 #mission .split>p{padding:58px 28px!important}
 #mission .art-frame{min-height:420px!important}
 .axis-band{grid-template-columns:repeat(2,1fr)!important}
}
@media(max-width:600px){
 header .wrap{width:calc(100% - 28px)}
 .hero h1{font-size:clamp(3.7rem,18vw,5.2rem)!important}
 .hero .hero-art{height:390px!important;min-height:390px!important}
 .hero .hero-art .art-media{min-height:390px!important}
 #start .wrap{width:calc(100% - 28px)}
 .journey-grid{grid-template-columns:1fr!important}
 .journey-card{min-height:260px!important}
 .axis-band{grid-template-columns:1fr!important}
}
@media(prefers-reduced-motion:reduce){.journey-card{transition:none!important}}