:root{--paper:#f2efe2;--glass:#176dd2;--ice:#b9dded;--citron:#e6e73e;--ink:#111b23;--quiet:#687b82;--line:#9eaaa8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,sans-serif;overflow-x:hidden}a,button,input{font:inherit}header{height:78px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:20;background:#f2efe2ef;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:13px;color:var(--ink);text-decoration:none;font:900 11px monospace;letter-spacing:.13em}.brand b{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--glass);color:white;box-shadow:inset 0 0 0 8px #ffffff31}.brand i{font-style:normal;color:var(--glass)}nav{display:flex;gap:30px}nav a,header small{color:var(--quiet);text-decoration:none;text-transform:uppercase;font:10px monospace;letter-spacing:.12em}.hero{min-height:calc(100vh - 78px);display:flex;align-items:center;background-image:linear-gradient(90deg,var(--paper) 0%,#f2efe2f1 38%,#f2efe200 65%),url('../assets/images/glasslake-jump.png');background-size:cover;background-position:center}.hero-copy{margin-left:7vw;width:min(650px,86vw)}.hero-copy>p,.studio-head p,.notes>p{font:900 10px monospace;letter-spacing:.22em;color:var(--glass)}.hero h1{font:900 clamp(67px,9.5vw,137px)/.77 Arial Black,sans-serif;letter-spacing:-.065em;margin:24px 0}.hero h1 em{font-style:normal;color:var(--glass);-webkit-text-stroke:2px var(--ink)}.hero-copy>span{display:block;max-width:500px;color:#53696f;font-size:17px;line-height:1.65}.hero a{display:inline-block;margin-top:26px;background:var(--ink);color:white;text-decoration:none;padding:17px 23px;font:900 11px monospace;box-shadow:7px 7px 0 var(--citron)}.studio{padding:100px max(4vw,15px);background:var(--ink);color:var(--paper)}.studio-head{max-width:1200px;margin:auto;display:flex;align-items:end;justify-content:space-between}.studio-head h2{margin:10px 0;font:900 clamp(42px,6vw,77px)/.87 Arial Black;letter-spacing:-.05em}.counter{display:flex;gap:8px}.counter span{padding:12px;border:1px solid #ffffff2c;color:#8ea4ad;font:9px monospace}.counter b{display:block;margin-top:4px;color:var(--citron);font-size:18px}.camera{max-width:1200px;margin:35px auto 0;display:grid;grid-template-columns:1fr 270px;border:1px solid #71828a;background:#0a1218}.scene{height:630px;position:relative;overflow:hidden;background:url('../assets/images/glasslake-jump.png') center/cover}.scene:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,#111b2318 0 1px,transparent 1px 4px)}.fish{position:absolute;z-index:2;left:var(--fish-x,15%);top:var(--fish-y,48%);transform:translate(-50%,-50%) scaleX(-1);font-size:64px;color:var(--ink);filter:drop-shadow(0 2px var(--citron));transition:top .3s}.lens{position:absolute;z-index:4;left:var(--pan,50%);top:50%;width:240px;height:240px;transform:translate(-50%,-50%) scale(var(--focus-scale,1));border-radius:50%;border:5px solid var(--glass);background:#176dd22b;backdrop-filter:saturate(1.6) contrast(var(--clarity,1.15));box-shadow:inset 0 0 0 2px #f2efe2,0 0 0 12px #111b232a;transition:left .12s,transform .12s}.lens i{position:absolute;inset:18%;border:1px solid var(--citron);border-radius:50%}.lens small{position:absolute;bottom:17px;left:0;right:0;text-align:center;color:white;font:9px monospace}.reticle{position:absolute;z-index:5;inset:50% auto auto 50%;width:30px;height:30px;transform:translate(-50%,-50%);pointer-events:none}.reticle i:first-child{position:absolute;left:14px;top:-15px;width:1px;height:60px;background:#fff9}.reticle i:last-child{position:absolute;top:14px;left:-15px;width:60px;height:1px;background:#fff9}.film{position:absolute;z-index:6;left:18px;bottom:15px;color:white;font:9px monospace;letter-spacing:.1em}.camera aside{padding:25px;display:flex;flex-direction:column;gap:24px}.camera aside div{border-bottom:1px solid #ffffff20;padding-bottom:20px}.camera aside small{font:9px monospace;color:#8499a1;letter-spacing:.12em}.camera output{float:right;color:var(--citron);font:900 17px monospace}.camera input{width:100%;margin-top:16px;accent-color:var(--citron)}.camera aside p{min-height:70px;color:#9aabb0;font:11px/1.6 monospace}.camera button{min-height:54px;border:1px solid #778991;background:transparent;color:white;font:900 10px monospace}.camera #shutter{background:var(--citron);border-color:var(--citron);color:var(--ink)}.camera button:disabled{opacity:.3}.notes{padding:120px 7vw}.notes h2{font:900 clamp(49px,7vw,92px)/.88 Arial Black;letter-spacing:-.05em}.notes>div{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--ink)}.notes article{padding:30px;border-right:1px solid var(--line)}.notes article>b{font-size:44px;color:var(--glass)}.notes h3{font:900 17px monospace}.notes article p{line-height:1.65;color:#607277}footer{padding:38px 5vw;background:#0b141a;color:#899aa1;display:flex;justify-content:space-between;font:10px monospace}footer b{color:white}footer a{color:inherit}dialog{border:0;background:transparent}dialog::backdrop{background:#09131be3}dialog>div{width:min(510px,90vw);padding:48px;background:var(--paper);box-shadow:12px 12px 0 var(--citron);text-align:center;color:var(--ink)}dialog small{font:9px monospace;color:var(--glass)}dialog h2{font:900 48px Arial Black;letter-spacing:-.04em}dialog button{background:var(--glass);color:white;border:0;padding:15px 24px;font-weight:bold}