@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--ink:#102b2a;--mint:#b7dfd2;--cream:#eff1e8;--dark:#081b1b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}button,a{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #b6dfba;outline-offset:4px}.header{height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;position:absolute;z-index:3;top:0;left:0;right:0;color:white;border-bottom:1px solid #ffffff33}.brand{font:700 11px/1.05 'Space Grotesk',sans-serif;letter-spacing:.08em;display:flex;gap:10px;align-items:center}.brand-mark{font-size:38px;font-weight:400;line-height:1}.header nav{display:flex;gap:37px;font-size:10px;font-weight:700;letter-spacing:.14em}.header nav a:hover,.text-link:hover{color:var(--mint)}.header-cta{font-size:10px;letter-spacing:.11em;border:1px solid #ffffff80;padding:15px 17px}.header-cta span{margin-left:25px}.hero{height:min(930px,100vh);min-height:760px;position:relative;color:white;overflow:hidden;background:#071817}.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,18,18,.95) 0%,rgba(4,18,18,.72) 40%,rgba(4,18,18,.08) 80%),linear-gradient(0deg,#081b1bd9,transparent 24%),url('assets/hero.webp') center/cover}.hero-content{position:absolute;top:50%;left:8%;transform:translateY(-43%);max-width:790px}.eyebrow,.overline,.section-kicker,.hero-index,.hero-side,.photo-caption,.small,.signature,.scene-top,.scene-footer,.scene-label>span,.tag-row,footer{font-size:10px;letter-spacing:.16em;font-weight:700}.eyebrow{display:flex;align-items:center;gap:9px;color:#d2e5d9}.pulse{width:7px;height:7px;background:#b9e4cc;border-radius:50%;box-shadow:0 0 16px #b9e4cc}.hero h1,h2,.manifesto p{font-family:'Space Grotesk',Arial,sans-serif;font-weight:600;letter-spacing:-.065em;line-height:.9}.hero h1{font-size:clamp(65px,7.8vw,126px);margin:32px 0}.hero h1 em,h2 em,.manifesto em{font-style:normal;font-weight:400;color:#b7dfd2}.dot{color:#ccebd9}.hero-content>p{max-width:405px;color:#d4e2dc;font-size:16px;line-height:1.6}.hero-actions{display:flex;align-items:center;gap:32px;margin-top:34px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:48px;padding:18px 21px;font-size:10px;font-weight:700;letter-spacing:.12em;border:0;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-light{background:#e8f3e8;color:#102b2a}.button-dark{background:#153c37;color:white}.text-link{font-size:10px;font-weight:700;letter-spacing:.13em}.text-link span{margin-left:10px}.hero-index{position:absolute;bottom:35px;left:6%;right:6%;display:flex;justify-content:space-between;color:#d5e7dc}.hero-side{position:absolute;right:2%;top:40%;writing-mode:vertical-rl;color:#cce1d7}.story,.experience,.about{padding:100px 8%}.section-kicker{display:flex;justify-content:space-between;border-bottom:1px solid #8da49b;padding-bottom:17px;color:#56716a}.story-grid,.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding:84px 0}.overline{color:#6c8e80;margin:0 0 24px}h2{font-size:clamp(55px,6.5vw,105px);margin:0}h2 em{color:#81aa9a}.story-copy{max-width:440px;padding-top:20px}.story-copy p,.about p,.experience-heading>p{font-size:16px;line-height:1.7;color:#597168}.story-copy .lead{font-size:24px;line-height:1.35;color:var(--ink)}.signature{margin-top:44px;color:#416960!important}.wide-photo{height:450px;background:linear-gradient(0deg,#001b19ad,transparent 40%),url('assets/hero.webp') center 57%/cover;position:relative}.photo-caption{position:absolute;bottom:28px;left:30px;right:30px;color:#fff;display:flex;justify-content:space-between}.manifesto{text-align:center;background:#0d2926;color:#eef3e9;padding:120px 24px}.manifesto-symbol{font-size:48px;color:#b7dfd2}.manifesto p{font-size:clamp(50px,6.5vw,96px);margin:32px 0}.manifesto>span:last-child{font-size:10px;letter-spacing:.17em;color:#a7c5b7}.experience{background:#dee8df}.experience-heading{display:flex;justify-content:space-between;align-items:end;margin:80px 0 55px}.experience-heading>p{max-width:330px}.studio{display:grid;grid-template-columns:1.3fr 1fr;min-height:550px;background:#f5f6ef}.scene{position:relative;overflow:hidden;min-height:550px;color:#fff;background:#0b2422}.scene-bg,.scene-shade,.scene-grain{position:absolute;inset:0;transition:transform .6s,filter .6s,background .6s}.scene-bg{background:url('assets/hero.webp') center/cover}.scene[data-place="horizon"] .scene-bg{transform:scale(1.3) translateX(9%)}.scene[data-place="highlands"] .scene-bg{transform:scale(1.5) translateX(-8%)}.scene[data-mood="day"] .scene-bg{filter:brightness(1.35) saturate(.8)}.scene[data-mood="night"] .scene-bg{filter:brightness(.53) hue-rotate(18deg)}.scene-shade{background:linear-gradient(0deg,#051d1df2 0%,transparent 55%),linear-gradient(180deg,#051d1d99,transparent 24%)}.scene-top,.scene-footer{position:absolute;left:28px;right:28px;display:flex;justify-content:space-between}.scene-top{top:28px}.scene-footer{bottom:28px}.scene-label{position:absolute;left:28px;bottom:80px;display:grid;gap:15px}.scene-label strong{font:500 clamp(32px,3vw,47px)/.95 'Space Grotesk',sans-serif;letter-spacing:-.05em}.scene-label>span{color:#c7e5d2}.controls{padding:42px;display:flex;flex-direction:column}.control-header{display:flex;justify-content:space-between;align-items:start}.control-header h3{font:600 30px 'Space Grotesk',sans-serif;letter-spacing:-.05em;margin:0 0 25px}.control-number{font-size:35px;color:#769e8e}fieldset{border:0;border-top:1px solid #cedbd1;padding:20px 0;margin:0}legend{font-size:10px;letter-spacing:.12em;font-weight:700;padding:0 8px 0 0}.options{display:flex;gap:7px;flex-wrap:wrap}.option{font-size:9px;letter-spacing:.08em;border:1px solid #c8d8ce;background:transparent;color:#385b50;padding:10px 12px}.option.active{background:#153c37;color:white;border-color:#153c37}.reaction{font-style:italic;font-size:13px;color:#53776a;min-height:36px}.studio-actions{display:flex;align-items:center;gap:22px;margin-top:auto}.reset{border:0;background:none;font-size:10px;letter-spacing:.1em;color:#53776a}.small{font-weight:400;letter-spacing:0;color:#748c81;line-height:1.5}.about{background:#eef1e8}.about-grid{padding-bottom:10px}.about-grid>div{max-width:440px}.tag-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:30px}.tag-row span{border:1px solid #a4bbb0;padding:9px;font-size:9px}footer{padding:40px 8%;display:flex;justify-content:space-between;align-items:center;gap:30px;background:#0b2422;color:#c9ded0}footer p{font-size:10px;line-height:1.6;font-weight:400;letter-spacing:0;max-width:360px;color:#9bb6a8}.contract{margin-top:25px;padding:14px;border:1px solid #b6dfba;max-width:600px;font-size:10px;letter-spacing:.08em}.contract code{display:block;font-size:13px;overflow-wrap:anywhere;margin:8px 0}.contract button{background:none;color:white;border:0;padding:0;font-size:10px;letter-spacing:.1em}@media(max-width:800px){.header{padding:0 6%;height:70px}.header nav{display:none}.header-cta{padding:12px}.header-cta span{margin-left:8px}.hero{min-height:700px}.hero-content{left:6%;right:6%}.hero h1{font-size:clamp(52px,11vw,80px)}.hero-bg{background:linear-gradient(90deg,#061a1ae8,#061a1a50),url('assets/hero.webp') 66%/cover}.hero-side{display:none}.story,.experience,.about{padding:65px 6%}.story-grid,.about-grid{grid-template-columns:1fr;gap:25px;padding:55px 0}.wide-photo{height:300px}.experience-heading{display:block;margin:55px 0 35px}.studio{grid-template-columns:1fr}.scene{min-height:450px}.controls{padding:30px}.manifesto{padding:80px 15px}footer{align-items:flex-start;flex-direction:column}.hero-index{font-size:8px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.scene-item{position:absolute;right:35px;bottom:73px;width:65px;color:#e4f5e8;filter:drop-shadow(0 2px 5px #0008)}.scene-item svg{width:100%;height:auto}