*{box-sizing:border-box}html{background:#f7f3ef;color:#100f0e}body{margin:0;font:clamp(17px,1.7vw,25px)/1.42 Georgia,serif;--pad:clamp(20px,4.6vw,88px);--gold:#dfb979}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:.22em}a:focus-visible{outline:3px solid #c58121;outline-offset:5px}header{margin:0 var(--pad);height:clamp(64px,5.9vw,94px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #68645f}nav{display:flex;gap:2.5em}.brand,h1 text,h2 b{font-family:"Arial Black","Segoe UI",Arial,sans-serif;font-weight:900;letter-spacing:-.055em}.hero{padding:6.3vw var(--pad) 4.5vw}h1,h2,p{margin:0}h1 svg{width:100%;display:block;fill:#060606}h1 text{font-size:221px}.definition{display:flex;align-items:flex-start;gap:3vw;margin-top:1.8vw;font-size:clamp(18px,2.1vw,32px);line-height:1.25}.definition i{padding-right:3vw}.definition span{border-left:1px solid;padding-left:3vw;max-width:54ch}.definition{gap:0}
#audio{isolation:isolate;position:relative;overflow:hidden;background:radial-gradient(ellipse at 70% 10%,#383736,#191c20 49%,#101215);color:#f4ece3;padding:6vw var(--pad);min-height:36vw;display:flex;align-items:center}.audio-copy{border-left:2px solid var(--gold);padding:1.3vw 0 1.3vw 3.5vw;width:54%}#audio h2{font:300 clamp(30px,4.7vw,74px)/1.1 "Segoe UI",Arial,sans-serif;letter-spacing:-.045em}.tag{font-style:italic;margin:.5em 0;font-size:clamp(19px,2.35vw,36px)}.summary{max-width:41ch;font-size:clamp(16px,1.72vw,25px)}.explore{display:inline-block;margin-top:1.65em;padding-bottom:.3em;border-bottom:1px solid var(--gold)}a span{color:var(--gold);margin-left:.4em}.hardware{position:absolute;z-index:-1;width:54%;right:-8%;top:16%;transform:perspective(850px) rotateY(-18deg) rotateZ(-8deg);box-shadow:-3px -2px 5px #bf996e70,-12px 15px 45px #060708;border-radius:8px;overflow:hidden}.hardware img{display:block;width:100%;height:auto;filter:brightness(.88) sepia(.13)}
#founder{min-height:54vw;display:grid;place-items:center;text-align:center;padding:6vw var(--pad);color:#f5eee2;background:linear-gradient(180deg,#11141b22,#15161a18 55%,#10111638),url("assets/lookout.webp") center/cover}#founder img{width:min(48vw,740px);display:block;margin:auto}#founder p{margin:.15em 0 1.6em;letter-spacing:.13em;text-shadow:0 2px 4px black}.visit{display:inline-block;border:1px solid var(--gold);background:#101212cc;padding:.55em 1.5em}footer{background:#101413;color:#babbb4;text-align:center;padding:30px var(--pad);font:14px/1.6 "Segoe UI",sans-serif}footer nav{justify-content:center;flex-wrap:wrap;gap:8px 22px}footer p{margin-top:14px}
@media(max-width:650px){.hero{padding-block:52px 32px}.definition{margin-top:18px}.audio-copy{width:100%;padding:0 0 0 18px}.hardware{width:75%;right:-8%;top:auto;bottom:-38vw}#audio{display:block;padding-top:36px;padding-bottom:48vw}.summary{max-width:34ch}.explore{margin-top:1em}#founder{min-height:420px}#founder img{width:76vw}#founder p{font-size:16px;letter-spacing:.055em}header nav{gap:20px}}
@media(max-width:650px){.hardware{width:68%;bottom:-23vw}#audio{padding-bottom:51vw}}

#founder{align-items:start;padding-top:6.4vw}

#founder img{filter:grayscale(1) brightness(1.65) contrast(.83) drop-shadow(0 2px 3px rgba(0,0,0,.42));width:min(47vw,720px)}
@media(max-width:650px){#founder{padding-top:65px;background-position:58% center}#founder img{width:76vw}}

body:has(.studio-footer) {display:flex; flex-direction:column; min-height:100vh; min-height:100dvh;}
body:has(.studio-footer) > main {flex:1;}
.studio-footer {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:1rem; margin:0; border-top:1px solid #595449;}
.studio-footer p {margin:0;}
.studio-footer .brand {display:inline-flex; align-items:center; gap:.8em; color:#f5f1ea;}
.brand-slashes {display:inline-flex; gap:3px; transform:skewX(-24deg);}
.brand-slashes i {width:4px; height:15px; background:#e25665;}
.brand-slashes i:nth-child(2) {background:#51a883;}
.brand-slashes i:nth-child(3) {background:#5497e1;}
.brand-slashes i:nth-child(4) {background:#e2bc53;}
.intro:has(.park-stamp) {position:relative;}
.park-stamp {position:absolute; right:7vw; top:3.2vw; width:min(20vw,17rem); color:#675947; opacity:.17; transform:rotate(-7deg);}
@media (max-width:900px) {.park-stamp {width:clamp(44px,12vw,100px); right:5vw; top:2rem;}}
@media (max-width:650px) {.studio-footer {justify-content:center;}}