/*! Copyright © 2026 Sajad Darabi. All rights reserved. */
:root{color-scheme:dark;--ink:#bbf7ea;--muted:#4ab5d2a6;--faint:#00e5e51f;--accent:#4ab5d2;--ui-accent:#00e5e5;--hill:#1d2522;--hill-deep:#111715;--ridge:#3d4848}*{box-sizing:border-box}html,body{background:#10161e;min-height:100%;margin:0}body{color:var(--ink);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;overflow:hidden}a{color:inherit}.world{isolation:isolate;background:#18212c;min-height:100svh;position:relative;overflow:hidden}#sky{z-index:-8;width:100%;height:100%;position:absolute;inset:0}.bird-quote,.sun-quote,.moon-quote,.cloud-quote{z-index:12;color:#e8e8e3c2;letter-spacing:.025em;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;background:#111715d1;border:1px solid #e8e8e321;padding:8px 10px;font-size:9px;line-height:1.4;transition:opacity .18s,visibility .18s;position:absolute}.scene-hotspot{z-index:9;cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:50%;width:64px;height:64px;padding:0;position:absolute;transform:translate(-50%,-50%)}.scene-hotspot:focus-visible{outline-offset:2px;outline:1px solid #e8e8e359}.bird-hotspot{width:56px;height:56px}.cloud-hotspot{z-index:11;cursor:help;width:clamp(150px,18vw,210px);height:clamp(54px,7vw,76px);display:none}.cloud-quote{width:max-content;max-width:calc(100vw - 24px);transform:translate(-50%,calc(-100% - 14px))}.cloud-hotspot:hover+.cloud-quote,.cloud-hotspot:focus+.cloud-quote{opacity:1;visibility:visible}.hiker-hotspot{z-index:13;width:70px;height:92px;display:none}.hiker-hotspot:after{content:"Tread nicely.";z-index:12;color:#bbf7ead1;letter-spacing:.025em;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;background:#000010e8;border:1px solid #00e5e542;box-shadow:3px 3px #0009;padding:8px 10px;font:9px/1.4 SFMono-Regular,Consolas,Liberation Mono,monospace;transition:opacity .22s,transform .22s,visibility .22s;position:absolute;bottom:76%;left:72%;transform:translateY(5px)}.hiker-hotspot:hover:after,.hiker-hotspot:focus:after{opacity:1;visibility:visible;transform:translateY(0)}.bird-quote.is-visible,.sun-quote.is-visible,.moon-quote.is-visible{opacity:1;visibility:visible}.grid{z-index:-2;opacity:.22;background-image:linear-gradient(var(--faint) 1px, transparent 1px), linear-gradient(90deg, var(--faint) 1px, transparent 1px);background-size:80px 80px;position:absolute;inset:0;mask-image:linear-gradient(#000 0,#0000 76%)}.world:after{content:"";z-index:10;pointer-events:none;background:linear-gradient(90deg,#00000024,#0000 35% 75%,#0000001f);border:1px solid #ffffff14;position:absolute;inset:0}.site-header{z-index:20;border-bottom:1px solid var(--faint);justify-content:space-between;align-items:center;height:56px;margin:0 clamp(22px,4vw,64px);display:flex;position:relative}.monogram{color:var(--ui-accent);letter-spacing:.18em;font-size:14px;font-weight:600;text-decoration:none}nav{gap:clamp(18px,2.5vw,34px);display:flex}nav a{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:11px;text-decoration:none;position:relative}nav a:before{content:"./";color:#e8e8e347}.intro{z-index:8;width:min(540px,100vw - 44px);margin:clamp(8vh,13vh,130px) 0 0 clamp(22px,8vw,128px);position:relative}.eyebrow{color:var(--muted);letter-spacing:.13em;text-transform:uppercase;align-items:center;gap:8px;margin:0 0 14px;font-size:6.5px;display:flex}h1{letter-spacing:-.055em;margin:0;font-family:inherit;font-size:clamp(30px,4.25vw,58px);font-weight:400;line-height:1.08}h1 span{color:#e8e8e39e;letter-spacing:-.04em;margin-top:8px;font-size:.72em;display:block}.lede{border-left:1px solid var(--faint);width:min(430px,82vw);color:var(--muted);margin:28px 0 24px;padding-left:14px;font-size:clamp(11px,.95vw,13px);line-height:1.7}.sun-glow{z-index:-5;aspect-ratio:1;opacity:.08;filter:blur(70px);pointer-events:none;background:#d7b57c;width:28vw;position:absolute;transform:translate(-50%,-50%)}.landscape{z-index:2;pointer-events:none;position:absolute;inset:0}.ridge,.hill{width:104%;position:absolute;left:-2%}.ridge-far{background:var(--ridge);clip-path:polygon(0 70%,15% 43%,29% 58%,43% 31%,57% 60%,73% 37%,86% 61%,100% 41%,100% 100%,0 100%);opacity:.35;height:27%;bottom:10%}.ridge-near{background:color-mix(in srgb, var(--hill) 75%, #68716b);clip-path:polygon(0 56%,19% 34%,37% 60%,55% 39%,72% 66%,88% 43%,100% 59%,100% 100%,0 100%);opacity:.62;height:22%;bottom:3%}.hill{background:linear-gradient(180deg, var(--hill), var(--hill-deep));clip-path:polygon(0 35%,13% 25%,31% 33%,49% 17%,68% 29%,84% 22%,100% 35%,100% 100%,0 100%);width:108%;height:24%;bottom:-6%;left:-4%}.grass{display:none}.tumbleweed-track{z-index:3;visibility:hidden;pointer-events:auto;cursor:help;width:52px;height:52px;position:absolute;bottom:7.5%;left:0}.tumbleweed-track:after{content:"Some look for the needle, others buy the haystack.";left:var(--quote-left,50%);color:#e8e8e3c2;letter-spacing:.025em;text-align:center;opacity:0;visibility:hidden;pointer-events:none;background:#111715e0;border:1px solid #e8e8e321;width:min(290px,72vw);padding:10px 12px;font-size:9px;line-height:1.6;transition:opacity .22s,transform .22s,visibility .22s;position:absolute;bottom:calc(100% + 14px);transform:translateY(5px)}.tumbleweed-track:hover:after,.tumbleweed-track.show-quote:after{opacity:1;visibility:visible;transform:translateY(0)}.tumbleweed{width:100%;height:100%;color:color-mix(in srgb, var(--accent) 28%, #594832);opacity:.86;display:block;overflow:visible}.tumbleweed circle,.tumbleweed path{fill:none;stroke:currentColor;stroke-width:2.35px;stroke-linecap:round;stroke-linejoin:round}.chair-figure{z-index:4;opacity:.82;pointer-events:auto;cursor:help;width:clamp(82px,9vw,128px);position:absolute;bottom:4%;right:clamp(9vw,16vw,250px);overflow:visible}.chair-shadow{fill:#00000047}.chair-frame,.chair-leg{fill:color-mix(in srgb, var(--accent) 34%, #59452c)}.chair-slat{fill:color-mix(in srgb, var(--hill) 38%, #59675d)}.chair-quote{z-index:5;color:#e8e8e3c2;letter-spacing:.025em;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;background:#111715e0;border:1px solid #e8e8e321;padding:8px 10px;font-size:9px;line-height:1.4;transition:opacity .22s,transform .22s,visibility .22s;position:absolute;bottom:calc(4% + clamp(82px,9vw,128px) + 12px);right:clamp(9vw,16vw,250px);transform:translateY(5px)}.chair-figure:hover+.chair-quote,.chair-quote.show-quote{opacity:1;visibility:visible;transform:translateY(0)}.time-indicator{z-index:20;color:var(--muted);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:12px;font-size:9px;display:flex;position:absolute;bottom:24px;left:clamp(22px,4vw,64px)}.time-indicator:before{content:"[";color:#e8e8e34d}.time-indicator:after{content:"]";color:#e8e8e34d}#clock{color:#e8e8e3cc;font-variant-numeric:tabular-nums}.sound-toggle{z-index:20;color:var(--muted);font:inherit;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;padding:3px 0;font-size:9px;position:absolute;bottom:21px;right:clamp(22px,4vw,64px)}.sound-toggle:focus-visible{outline:1px solid var(--ui-accent);outline-offset:5px}@media (width<=720px){.site-header{height:62px}nav{gap:15px}nav a{font-size:10px}.intro{margin-top:9vh}h1{font-size:clamp(29px,9.5vw,43px)}.lede{width:min(380px,88vw)}.chair-figure{width:78px;bottom:5%;right:12%}.chair-quote{bottom:calc(5% + 90px);right:12%}.tumbleweed-track{width:40px;height:40px;bottom:7%}.ridge-far{height:22%}.grid{background-size:48px 48px}.sound-toggle{bottom:18px}}.world{background:#000010}.world:before{content:"";z-index:9;pointer-events:none;opacity:.18;background:repeating-linear-gradient(#0000 0 3px,#000 4px);position:absolute;inset:0}.grid{opacity:.3;background-size:64px 64px;mask-image:linear-gradient(#0000 4%,#000 28%,#0000 79%)}.ridge-far{filter:drop-shadow(0 -1px #00e5e526)}.ridge-near,.hill{filter:drop-shadow(0 -1px #4ab5d224)}.monogram{color:#00e5e5}nav a{color:#4ab5d2b8}nav a:before{color:#00e5e55c}nav a:hover{color:#f2a900}.eyebrow,.lede,.time-indicator{color:#4ab5d2a6}.intro h1{color:#bbf7eacc}.intro h1 span{color:#4ab5d28a}.bird-quote,.sun-quote,.moon-quote,.cloud-quote,.chair-quote,.tumbleweed-track:after{color:#bbf7ead1;background:#000010e8;border-color:#00e5e542;box-shadow:3px 3px #0009}.sound-toggle{color:#4ab5d291}.sound-toggle:hover,.sound-toggle[aria-pressed=true]{color:#f2a900}#clock{color:#00e5e5d6}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.intro h1{color:#bbf7eabf;letter-spacing:-.045em;font-size:clamp(17px,2vw,28px)}.intro h1 span{color:#4ab5d27a;margin-top:6px;font-size:.6em}@media (width<=720px){.intro h1{font-size:clamp(16px,5vw,23px)}}