/* Hendijan palette: deep tidal green, sunset copper and warm sand. */
:root{--tide:#103f43;--deep:#092c31;--sand:#f5ead4;--sun:#edbd7d;--copper:#d88f66}
.landing{--gold:var(--sun);background:var(--deep)}
.shade{background:linear-gradient(180deg,#182d3947 0%,#392b4038 34%,#11343d75 74%,#082b36dc 100%)}
.landing::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 79% 15%,#ffb65b30,transparent 52%),radial-gradient(ellipse at 5% 85%,#1c8c9b24,transparent 55%);mix-blend-mode:screen}
.landing h1{color:#fff3dd;text-shadow:0 3px 45px #ffad733b,0 5px 35px #18354155}
.overline{color:#ffe0aa}.tagline{color:#fff3df}.intro-description{color:#fff3e7}
.wordmark{color:#fff0d6}.masthead-caption{color:#ffebcd}
.discover-button{position:relative;isolation:isolate;overflow:hidden;border-color:#f4d4a277;background:linear-gradient(110deg,#17474b99,#7f594b66);box-shadow:0 12px 44px #06252d4d,inset 0 1px 0 #ffe0ba26}
.discover-button::before{content:"";position:absolute;inset:-100% -50%;z-index:-1;pointer-events:none;background:linear-gradient(110deg,transparent 38%,#fff3d433 49%,transparent 60%);transform:translateX(90%)}
.discover-button:hover::before{transform:translateX(-90%);transition:transform .8s ease}
.discover-button:hover{background:#315e5e99;border-color:#ffe0a9;box-shadow:0 12px 45px #ffc37c26}
.button-icon{background:linear-gradient(145deg,#ffe0a8,#dba169);box-shadow:0 2px 15px #ffc57d40;color:#173b40}
.ambient-glow{position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:0;transition:opacity .4s;background:radial-gradient(350px circle at var(--glow-x,50%) var(--glow-y,50%),#ffce8c27,transparent 75%);mix-blend-mode:screen}
.ambient-glow.is-visible{opacity:1}
.motion-ready .landscape{animation:harbor-drift 16s cubic-bezier(.2,.5,.4,1) both}
.motion-ready .overline{animation:soft-arrival .9s ease both}
.motion-ready h1{animation:soft-arrival 1s .08s ease both}
.motion-ready .tagline{animation:soft-arrival 1s .16s ease both}
.motion-ready .intro-description{animation:soft-arrival 1s .24s ease both}
.motion-ready .discover-button{animation:soft-arrival 1s .32s ease both}
.entering .landscape{animation:into-landscape .8s ease both}
.entering .ambient-glow{opacity:0}
@keyframes harbor-drift{from{transform:scale(1.045)}to{transform:scale(1.10)}}
@keyframes soft-arrival{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
.categories-page{color:var(--sand);background:radial-gradient(ellipse at 95% 0%,#27676180,transparent 55%),radial-gradient(ellipse at 0% 65%,#1b535180,transparent 60%),var(--deep);min-height:100svh}
.categories-page .discover{position:relative;isolation:isolate}
.categories-page .section-top{border-bottom:1px solid #edbd7d30;padding-bottom:26px;color:#d8c7a9}
.categories-page .return-home{color:#f0cd98;transition:color .2s}.categories-page .return-home:hover{color:#fff3db}
.categories-page .section-kicker{color:var(--sun);display:flex;align-items:center;gap:12px}
.categories-page .section-kicker::before{content:"";width:30px;height:1px;background:var(--sun)}
.categories-page h2{color:#fff0d6}.categories-page .section-description{color:#bad0c8}
.categories-page .chapter{overflow:hidden;isolation:isolate;background:linear-gradient(135deg,#29605d88,#153d4188);border:1px solid #d9d1a52b;border-radius:16px;box-shadow:0 10px 25px #001d271c;transition:transform .25s,border-color .25s,background .25s,box-shadow .25s}
.categories-page .chapter::before{content:"";position:absolute;z-index:-1;width:140px;height:140px;left:-65px;bottom:-80px;border:1px solid #ecc68c17;border-radius:50%;box-shadow:0 0 0 17px #ecc68c08,0 0 0 34px #ecc68c05;pointer-events:none}
.categories-page .chapter:hover{transform:translateY(-5px);background:linear-gradient(135deg,#396f668f,#234c4b);border-color:#edbd7d80;box-shadow:0 15px 35px #001a2a40}
.categories-page .chapter-number{color:#efbd7e;background:#edbd7d12;border:1px solid #edbd7d24;border-radius:50%;width:34px;height:34px;display:inline-grid;place-items:center;font-size:11px}
.categories-page .chapter h3{color:#fff0d9}.categories-page .chapter p{color:#c0d2ca}
.categories-page .chapter-arrow{color:#e9bd83;transition:transform .25s}.categories-page .chapter:hover .chapter-arrow{transform:translate(-3px,-3px)}
.categories-page footer{color:#c1cbb9;border-color:#edbd7d30}
@media(prefers-reduced-motion:reduce){.motion-ready .landscape,.motion-ready .intro>*{animation:none!important;transform:none!important;opacity:1!important}.ambient-glow{display:none}.discover-button::before{display:none}.categories-page .chapter:hover{transform:none}}