:root{--paper:#e5dfcf;--ink:#171e1d;--muted:#a8afa5;--line:#ffffff24}*{box-sizing:border-box}body{background:var(--ink);color:var(--paper);margin:0;font-family:Georgia,Times New Roman,serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible{outline-offset:6px;outline:2px solid #e8c88b}header{letter-spacing:.08em;justify-content:space-between;align-items:center;height:108px;padding:0 5%;font-family:monospace;font-size:12px;display:flex}.wordmark{letter-spacing:.12em;font-size:18px}.wordmark span{color:var(--muted);text-transform:uppercase;margin-top:9px;font-size:9px;display:block}.study{isolation:isolate;background:#263b3d;height:77svh;min-height:660px;position:relative;overflow:hidden}.sky,.glow,.sea,.shore,.grain{pointer-events:none;position:absolute;inset:0}.sky{background:radial-gradient(at 65% 45%,#b4b29b 0%,#657b77 23%,#344f53 48%,#16292d 90%)}.glow{background:radial-gradient(ellipse at var(--light) 47%,#f4dfbdbb,transparent 44%);mix-blend-mode:screen;filter:sepia(var(--warmth));animation:breathe var(--duration) ease-in-out infinite alternate;animation-play-state:var(--play)}.sea{top:53%;animation:tide var(--duration) ease-in-out infinite alternate;animation-play-state:var(--play);background:repeating-linear-gradient(176deg,#243f4180 0,#7d938438 2px,#162e3280 6px,#4f74723b 9px),linear-gradient(#587675,#152c30 70%);inset-inline:-8%;transform:rotate(-2deg)scale(1.12)}.shore{opacity:.9;background:linear-gradient(165deg,#0000 68%,#142422 69%,#101d1c 87%)}.grain{opacity:.16;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.7' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.scene-label,.scene-bottom{letter-spacing:.09em;justify-content:space-between;gap:20px;font-family:monospace;font-size:10px;display:flex;position:absolute;left:5.5%;right:5.5%}.scene-label{text-transform:uppercase;top:32px}.scene-title{text-shadow:0 2px 40px #10202080;position:absolute;top:24%;left:10%}.scene-title p{text-transform:uppercase;letter-spacing:.2em;font-family:monospace;font-size:10px}h1{letter-spacing:-.055em;margin:30px 0;font-size:clamp(54px,6.7vw,112px);font-weight:400;line-height:1.02}h1 em{color:#f1d9af;font-weight:400}.scene-bottom{align-items:center;bottom:30px}.scene-bottom button{color:inherit;font-family:inherit;font-size:inherit;background:0 0;border:0}.intro,.controls{grid-template-columns:1fr 2fr;gap:50px;padding:100px 10%;display:grid}.eyebrow{text-transform:uppercase;letter-spacing:.13em;color:#b5aa8f;font-family:monospace;font-size:10px}h2{letter-spacing:-.04em;margin:0 0 30px;font-size:clamp(36px,4vw,60px);font-weight:400;line-height:1.1}.intro p,.controls p{max-width:560px;line-height:1.8}.intro .eyebrow{font-size:10px}.muted,.controls p{color:var(--muted);font-size:15px}.text-link{border-bottom:1px solid #b5aa8f;margin-top:25px;padding-bottom:10px;font-size:15px;display:inline-block}footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:20px;padding:30px 5%;font-family:monospace;font-size:10px;display:flex}.controls{grid-template-columns:1fr 1fr}.sliders label{margin-bottom:25px;font:12px monospace;display:block}.sliders label span{justify-content:space-between;margin-bottom:16px;display:flex}input[type=range]{accent-color:#d5b77e;width:100%}.actions{flex-wrap:wrap;gap:10px;display:flex}.actions button{color:var(--paper);background:0 0;border:1px solid #ffffff40;padding:12px;font:11px monospace}.actions button:hover{background:#ffffff12}.plain .glow,.plain .grain{opacity:0}@keyframes breathe{0%{opacity:.45;transform:scale(1)}to{opacity:.9;transform:scale(1.15)}}@keyframes tide{0%{transform:rotate(-2deg)scale(1.12)translateY(-4px)}to{transform:rotate(-1deg)scale(1.16)translateY(8px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}@media (max-width:700px){header{height:90px;padding:0 6%;font-size:10px}.wordmark{font-size:14px}.study{height:75svh;min-height:570px}.scene-title{top:28%;left:7%}.scene-label{font-size:8px}.scene-label span:last-child{display:none}.scene-bottom{align-items:flex-end;font-size:9px}.scene-bottom>span{max-width:150px;line-height:1.6}.intro,.controls{grid-template-columns:1fr;gap:25px;padding:60px 7%}.intro p{font-size:16px}.intro .eyebrow{font-size:10px}footer{flex-direction:column;line-height:1.7}h1{font-size:clamp(48px,10vw,70px)}}