:root{--surface-ink:#2c170c;--night:0}body{background:#f5ecdd}h1,h2,h3,h4,.eyebrow,nav,.button,.text-link{text-transform:lowercase}.surface-header{height:108px;padding:18px 4%;display:flex;justify-content:space-between;align-items:center;background:#f5ecdd;border:0;position:relative;z-index:20}.surface-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit;flex-shrink:0}.surface-brand img{width:90px;height:62px;object-fit:contain}.surface-brand>span{font-family:Georgia,serif;font-size:38px;line-height:1}.surface-brand small{display:block;font:12px/1.6 Georgia,serif;letter-spacing:3px;margin-top:6px}.surface-header nav{gap:28px}.surface-header nav a{font:17px Georgia,serif;color:inherit}.surface-home .surface-header{position:absolute;top:0;left:0;right:0;background:transparent;color:#2c170c}.day-journey{height:220vh;position:relative}.scene-sticky{position:sticky;top:0;height:100vh;min-height:650px;overflow:hidden;color:var(--surface-ink)}.scene-art{position:absolute;inset:0;background:#0a1a2c}.scene{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center;inset:0}.afternoon,.evening{opacity:0}.surface-intro{position:relative;text-align:center;padding:125px 24px 0;z-index:2}.surface-intro h1{font:clamp(45px,5.6vw,88px)/.98 Georgia,serif;letter-spacing:-3px;margin:0 0 17px}.surface-intro p{font:clamp(16px,1.55vw,23px)/1.4 Georgia,serif;margin:0}.surface-actions{display:flex;gap:18px;justify-content:center;margin-top:23px}.surface-actions a{border:1px solid currentColor;border-radius:40px;padding:13px 25px;font:17px Georgia,serif;color:inherit}.surface-actions a:first-child{background:#b94720;border-color:#b94720;color:#fff5e5}.surface-actions span{margin-left:18px}.land-shadow{position:absolute;left:0;top:44%;width:100%;height:11%;background:repeating-linear-gradient(105deg,transparent 0 7%,#120c0644 9%,transparent 12% 20%);filter:blur(8px);transform-origin:50% 50%;mix-blend-mode:multiply;opacity:.45;pointer-events:none}.day-controls{position:absolute;bottom:20px;left:4%;right:4%;display:flex;align-items:center;gap:16px;color:#fff3dc;font:13px/1.4 sans-serif;text-shadow:0 1px 4px #000;z-index:3}.day-controls label{margin-left:auto}.day-controls input{width:140px;accent-color:#efac64}.day-controls a{color:inherit}.surface-categories{position:relative;z-index:5;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:0 3%;margin:-6px auto 0;background:#120f0d;padding-top:26px;padding-bottom:40px}.surface-card{min-height:250px;position:relative;background:#f5e8d3;border-radius:13px;overflow:hidden;color:#25180f;padding:30px 26px;isolation:isolate}.surface-card>div:first-child{position:relative;z-index:2;width:64%}.surface-card h2{font:36px/1 Georgia,serif;margin:0}.category-sub{font:23px Georgia,serif}.surface-card p{font:17px/1.4 Georgia,serif;max-width:220px;margin:16px 0}.category-picture{position:absolute;right:0;bottom:0;width:58%;height:80%;z-index:0;opacity:.9;mask-image:linear-gradient(100deg,transparent,#000 50%)}.habitat .category-picture{background:url('/assets/surface/afternoon.png') 20% 88%/auto 280px}.supplies .category-picture{background:linear-gradient(115deg,transparent 30%,#cdbda266 31% 36%,transparent 37%),linear-gradient(70deg,transparent 45%,#a8906866 46% 51%,transparent 52%);border-bottom:30px solid #c9ac76;border-radius:50%}.food .category-picture{background:radial-gradient(ellipse at 50% 60%,#a36932 0 6%,transparent 7%),radial-gradient(ellipse at 65% 45%,#deb772 0 7%,transparent 8%),radial-gradient(ellipse at 80% 70%,#8a4d20 0 7%,transparent 8%),radial-gradient(ellipse at 35% 80%,#c1924c 0 8%,transparent 9%);background-size:60px 55px;transform:rotate(-10deg)}.surface-home .meet,.surface-home .section,.surface-home .newsletter{margin-top:70px}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #d16732;outline-offset:5px}@media(min-width:1600px){.scene{object-position:center 57%}}@media(max-width:900px){.surface-header nav{gap:17px}.surface-brand img{width:70px}.surface-brand>span{font-size:30px}.surface-brand small{font-size:10px;letter-spacing:2px}.surface-header{height:90px}.surface-intro{padding-top:115px}.surface-categories{gap:10px}.surface-card{padding:25px 18px}.surface-card h2{font-size:29px}.surface-card p{font-size:15px}.surface-card>div:first-child{width:90%}}@media(max-width:700px){.surface-header{padding:14px 5%;height:90px}.surface-brand img{width:58px;height:45px}.surface-brand>span{font-size:28px}.surface-brand small{font-size:9px;letter-spacing:1.8px}.surface-header nav.open{display:flex;background:#f7eddf;color:#2c170c;position:absolute;left:0;right:0;top:90px;padding:24px}.surface-intro{padding:130px 14px 0}.surface-intro h1{font-size:46px;letter-spacing:-1.5px}.surface-intro p{font-size:17px;max-width:350px;margin:auto}.surface-actions{gap:8px;margin-top:18px}.surface-actions a{font-size:14px;padding:12px}.surface-actions span{margin-left:5px}.scene-sticky{min-height:720px}.scene{object-fit:cover;object-position:50% center}.day-journey{height:190vh}.day-controls{flex-wrap:wrap;gap:8px;font-size:11px}.day-controls label{display:none}.day-controls input{margin-left:auto;width:110px}.day-controls a{width:100%;text-align:center}.surface-categories{grid-template-columns:1fr;padding:20px 5%}.surface-card{min-height:205px}.surface-card>div:first-child{width:65%}.surface-card h2{font-size:34px}.surface-card p{font-size:17px}.category-picture{width:50%}.surface-header .menu{color:inherit}}@media(prefers-reduced-motion:reduce){.day-journey{height:100vh;min-height:720px}.scene-sticky{position:relative}.land-shadow{display:none}}
.surface-header{min-height:0!important;height:100px!important;box-sizing:border-box}.surface-intro{padding-top:108px}.surface-intro h1{font-size:clamp(44px,5.1vw,78px)}.surface-intro p{display:table;margin:0 auto;padding:5px 14px;border-radius:8px;background:rgba(249,237,217,.9);color:#2c170c}.surface-actions a:nth-child(2){background:rgba(249,237,217,.94);color:#2c170c}.scene{object-fit:fill}.surface-home p{text-transform:capitalize}.surface-card p{text-transform:none}.surface-home footer .brand .logo-art{display:none}@media(max-width:700px){.surface-header{height:90px!important}.surface-intro{padding-top:112px}.surface-intro h1{font-size:43px}.scene{object-fit:cover;object-position:center}.surface-intro p{font-size:15px;max-width:310px}.surface-intro{background:linear-gradient(#f7e4bdce,transparent);padding-bottom:28px}.surface-actions a{font-size:13px}.surface-header nav.open{top:85px}}

/* A single-screen hero picks its scene from the visitor's local time. */
.day-journey{height:100svh;min-height:560px;position:relative}
.scene-sticky{position:absolute;inset:0;height:100%;min-height:0}
.scene{opacity:0;transition:opacity .8s ease}
.scene-art[data-state="morning"] .morning,.scene-art[data-state="afternoon"] .afternoon,.scene-art[data-state="evening"] .evening{opacity:1}
.surface-home[data-scene="evening"]{--surface-ink:#fff0d8}
.surface-home[data-scene="evening"] .surface-header{color:#fff0d8}
.day-controls{bottom:24px;left:4%;right:4%;justify-content:space-between;text-shadow:0 1px 5px #0008}
.day-picker{display:flex;gap:7px}
.day-picker button{border:1px solid #fff7;border-radius:99px;padding:8px 14px;color:#fff4df;background:#16140e42;font:12px/1.2 Georgia,serif;text-shadow:none}
.day-picker button[aria-pressed="true"]{background:#f5e8d3;color:#2c170c;border-color:#f5e8d3}
@media(max-width:700px){.day-journey{height:100svh;min-height:560px}.scene-sticky{height:100%;min-height:0}.day-controls{bottom:18px;left:5%;right:5%;gap:8px;flex-direction:column;align-items:center}.day-controls>span{font-size:12px}.day-picker{gap:6px}.day-picker button{padding:8px 12px;font-size:11px}.surface-intro{padding-top:112px}.surface-intro h1{font-size:clamp(38px,10vw,48px)}}
@media(prefers-reduced-motion:reduce){.scene{transition:none}}

/* Keep category descriptions lowercase regardless of the homepage text styling. */
.surface-home .surface-card p{text-transform:lowercase}

/* Keep each approved category photo isolated so neighboring card artwork never leaks in. */
.habitat .category-picture{background:url('/assets/surface/categories/habitats.png') right bottom/auto 100% no-repeat}
.supplies .category-picture{background:url('/assets/surface/categories/supplies.png') right bottom/auto 100% no-repeat;border:0;border-radius:0}
.food .category-picture{background:url('/assets/surface/categories/food.png') right bottom/auto 100% no-repeat}
.surface-home .surface-intro>p{text-transform:lowercase}
.surface-home .surface-card p{text-transform:lowercase}