/* A cinematic studio with HTML navigation and an optional depth effect. */
.studio-hotspot{min-height:44px}
.studio-hotspots{position:absolute;inset:0;pointer-events:none}.studio-hotspot{pointer-events:auto}
:root{--bg:#0d1012;--surface:#171b1e;--text:#f0efeb;--muted:#a5abad;--accent:#e9b66f;--line:#2c3235}
.header{position:absolute;inset:0 0 auto;z-index:30;width:100%;height:104px;max-width:none;padding-inline:5%}
.brand{font-size:23px;font-weight:550}.header nav{gap:36px;font-size:13px}.header nav a{color:#d1d0cd}.header .nav-contact{border-color:#ae9a7b65;border-radius:3px;background:#10141750}.menu-toggle{display:none}
.skip:focus{z-index:50}.button:hover{background:#f7ce99}.feature,.contact-section{background:#14191c}.contact-orbit{border-color:#a38b68}.contact-orbit:before{border-color:#a38b6830}.contact-orbit:after{border-color:#a38b681c}
.studio{position:relative;height:100svh;min-height:780px;max-height:1300px;overflow:hidden;isolation:isolate;background:#101318;color:var(--text)}
.studio-art,.studio-picture,.studio-picture img,.studio-art canvas,.studio-shade{position:absolute;inset:0;width:100%;height:100%}
.studio-art{z-index:-3;background:#14191f}.studio-picture img{object-fit:cover;object-position:center;transition:opacity .5s}.studio-art canvas{display:block;opacity:0;transition:opacity .65s;cursor:grab;touch-action:pan-y;outline-offset:-6px}.studio-art canvas[hidden]{display:none}.studio-art canvas:active{cursor:grabbing}.studio-art.ready canvas{opacity:1}.studio-art.ready .studio-picture{visibility:hidden}
.studio-shade{z-index:-2;pointer-events:none;background:linear-gradient(90deg,#070c125e,transparent 65%),linear-gradient(0deg,#080d12 0%,#080d1278 14%,transparent 34%,transparent 82%,#05080c50)}
.studio-copy{position:absolute;left:5%;top:24%;width:50%;max-width:760px;transition:opacity .45s,transform .6s,visibility .45s}
.studio-copy .eyebrow{display:flex;align-items:center;gap:12px;font-size:10px;letter-spacing:.2em;color:#dfb885;margin-bottom:27px}.studio-rule{display:inline-block;width:25px;height:1px;background:var(--accent)}
.studio-copy h1{font-size:clamp(47px,4.35vw,78px);line-height:1.12;font-weight:460;letter-spacing:-.052em;text-shadow:0 2px 22px #0004}.studio-copy h1 em{color:#edbc7b;font-weight:400;letter-spacing:-.055em;white-space:nowrap}
.studio-description{font-size:14px;line-height:1.9;color:#bdc0c0;margin-top:25px;max-width:430px;text-shadow:0 2px 15px #000}
.studio-actions{display:flex;align-items:center;gap:29px;margin-top:29px}.studio-primary{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;padding:14px 20px;background:#e6b474;color:#171b20;border:1px solid #edc18a;border-radius:3px;text-decoration:none;font-size:12px;font-weight:600;box-shadow:0 4px 28px #bc792b15;transition:background .2s,transform .2s}.studio-primary:hover{background:#f4ca93;transform:translateY(-2px)}.studio-primary>span{font-size:19px;line-height:1}
#studio-explore{display:flex;align-items:center;gap:10px;padding:10px 0;min-height:44px;color:#d2d2cd;background:none;border:0;font-size:12px}#studio-explore[hidden]{display:none}.explore-symbol{display:grid;place-items:center;height:28px;width:28px;border:1px solid #aaa49260;border-radius:50%;font-size:21px;color:#e7c496}#studio-explore:hover{color:#ffd69f}
.studio-signature{margin-top:28px;font-size:10px;color:#9da3a8;letter-spacing:.03em}
.studio-hotspot{position:absolute;display:flex;align-items:center;gap:11px;text-decoration:none;transition:opacity .4s,transform .4s;color:#f5ead9;z-index:3}.hotspot-showcase{left:63%;top:60%}.hotspot-dot{width:30px;height:30px;flex-shrink:0;display:grid;place-items:center;border:1px solid #f2bc75;border-radius:50%;background:#1d1b16b3;color:#f8cc8c;font-size:20px;font-weight:300;box-shadow:0 0 0 5px #e0af6330,0 0 26px #eda85140;transition:background .25s,transform .25s}.hotspot-label{font-size:11px;line-height:1.8;display:block;padding:7px 12px;background:#0b1319d4;border:1px solid #ba98794d;backdrop-filter:blur(12px);border-radius:3px;white-space:nowrap;box-shadow:0 7px 20px #0002}.hotspot-label small{display:block;font:7px/1.6 Consolas,monospace;letter-spacing:.12em;color:#b5a18c}.hotspot-label>span{margin-left:16px;color:#efbd7b}.studio-hotspot:hover .hotspot-dot,.studio-hotspot:focus-visible .hotspot-dot{background:#eabc7b;color:#172029;transform:scale(1.12)}.studio-hotspot:hover .hotspot-label{border-color:#eabc7b}
.studio-meta{position:absolute;left:5%;bottom:123px;font:9px/1.7 Consolas,monospace;letter-spacing:.015em;color:#a2aaad;display:flex;align-items:center;gap:9px}.location-mark{width:5px;height:5px;border-radius:50%;background:#d7b382}.meta-divider{color:#5f6870;margin:0 4px}
.studio-controls{position:absolute;right:5%;bottom:116px;display:flex;align-items:center;gap:8px}.studio-controls p{color:#b3b7b9;font:9px/1.7 Consolas,monospace;margin-right:12px}.studio-controls button{display:grid;place-items:center;width:38px;height:38px;border:1px solid #8a8c8850;border-radius:3px;padding:10px;color:#e1c5a1;background:#0a1118a3;backdrop-filter:blur(8px)}.studio-controls button[hidden]{display:none}.studio-controls button:hover{background:#2b2c2b;border-color:#cba372}.studio-controls svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.studio-controls .play-icon{display:none}.studio-controls [aria-pressed=true] .play-icon{display:block}.studio-controls [aria-pressed=true] .pause-icon{display:none}
.studio-index{position:absolute;left:5%;right:5%;bottom:0;display:grid;grid-template-columns:1.25fr 1fr 1fr;border-top:1px solid #c3c0b52b}.studio-index a{display:flex;align-items:center;gap:19px;padding:25px 28px 25px 0;text-decoration:none;transition:background .2s}.studio-index a+a{padding-left:29px;border-left:1px solid #c3c0b518}.index-number{font:10px/1.5 Consolas,monospace;color:#c3a47c;align-self:flex-start;margin-top:5px}.studio-index strong{display:block;font-size:13px;font-weight:450;color:#e6e5e0;letter-spacing:-.01em}.studio-index small{display:block;font-size:10px;color:#8c969e;margin-top:4px}.index-arrow{margin-left:auto;color:#b8b9b3;font-size:19px;transition:transform .2s,color .2s}.studio-index a:hover .index-arrow{transform:translate(3px,-3px);color:var(--accent)}.studio-index a:hover strong{color:var(--accent)}
.studio-exit{position:absolute;right:5%;top:130px;display:flex;align-items:center;gap:13px;border:1px solid #aa9c8266;border-radius:3px;background:#0b111bcc;backdrop-filter:blur(10px);padding:12px 16px;color:#e5c9a4;font-size:12px}.studio-exit[hidden]{display:none}.studio-exit kbd{border:1px solid #d1b38a4a;border-radius:2px;padding:0 5px;font-size:9px;color:#aaa8a2}.studio.is-exploring .studio-copy{opacity:0;transform:translateY(12px);visibility:hidden;pointer-events:none}.studio.is-exploring .studio-meta{opacity:0}.studio-static-note{position:absolute;bottom:111px;right:5%;color:var(--muted);font-size:10px}
.asset-credit{margin:-9px 0 24px;color:#7e898f;font-size:9px}.asset-credit a{text-decoration:none}.asset-credit a:hover{color:var(--accent)}
@media(min-width:1700px){.studio-copy{top:25%}.studio-description{font-size:16px}.studio-primary{font-size:14px;padding:16px 23px}.studio-copy .eyebrow{font-size:11px}.hotspot-label{font-size:13px}.hotspot-label small{font-size:8px}.studio-signature{font-size:11px}}
@media(max-width:1150px){.studio-copy{width:57%;top:25%}.studio-copy h1{font-size:48px}.studio-description{font-size:13px}.studio-actions{gap:20px}.hotspot-showcase{left:64%;top:66%}.studio-meta{font-size:8px}.studio-meta .meta-divider,.studio-meta .meta-divider+span{display:none}.studio-controls p{font-size:8px}.studio-index strong{font-size:12px}.studio-index small{font-size:9px}}
@media(max-width:900px) and (orientation:portrait){
 .studio{min-height:820px;max-height:none}.studio-copy{top:16%;left:6%;right:6%;width:auto;text-align:center;max-width:none}.studio-copy .eyebrow{justify-content:center;margin-bottom:22px}.studio-copy h1{font-size:clamp(40px,6.1vw,58px)}.studio-description{margin:20px auto 0;font-size:14px}.studio-actions{justify-content:center;margin-top:24px}.studio-signature{margin-top:22px}.studio-shade{background:linear-gradient(0deg,#080d12 0%,#080d12b8 9%,transparent 25%,transparent 46%,#040b1230 63%,#06090c50)}.hotspot-showcase{left:50%;top:64%;transform:translateX(-50%)}.studio-meta{display:none}.studio-controls{bottom:115px;left:6%;right:6%;justify-content:flex-end}.studio-controls p{margin-right:auto;font-size:9px}.studio-controls button{width:44px;height:44px}.studio-index{left:6%;right:6%}.studio-index a{gap:10px;padding:24px 14px 24px 0}.studio-index a+a{padding-left:16px}.studio-index small{display:none}.studio-exit{top:105px;right:6%}
}
@media(max-width:620px){
 .header{height:82px;padding-inline:6%}.brand{font-size:20px}.menu-toggle{display:flex;align-items:center;gap:13px;min-width:78px;min-height:44px;padding:10px 12px;color:#e3cfb3;background:#0c131aa3;border:1px solid #a6987c50;border-radius:3px;font:11px/1.5 Consolas,monospace}.menu-toggle span{font-size:17px;line-height:1}.menu-toggle[hidden]{display:none}.header nav{display:none;position:absolute;left:6%;right:6%;top:76px;flex-direction:column;align-items:stretch;gap:0;padding:9px 19px;background:#10171ef5;backdrop-filter:blur(16px);border:1px solid #9f8f7566;border-radius:4px;box-shadow:0 18px 40px #0005}.header.menu-open nav{display:flex}.header.menu-open nav>a[href]{display:block;margin:0;padding:14px 0;font-size:13px;border:0;border-radius:0;background:none}.header nav>a+a{border-top:1px solid #a6987c30!important}.header .nav-contact span{float:right}.header.menu-open .menu-toggle span{transform:rotate(45deg)}
 .studio{min-height:760px}.studio-copy{top:15.5%;left:6%;right:6%}.studio-copy .eyebrow{font-size:8px;letter-spacing:.13em;margin-bottom:20px;gap:9px}.studio-rule{width:18px}.studio-copy h1{font-size:clamp(33px,8.7vw,48px);line-height:1.14}.studio-description{font-size:12px;line-height:1.8;max-width:300px;margin-top:19px}.desktop-break{display:none}.studio-actions{gap:19px;margin-top:23px}.studio-primary{padding:12px 15px;gap:24px;font-size:11px}#studio-explore{font-size:11px;gap:8px}.explore-symbol{height:25px;width:25px;font-size:19px}.studio-signature{display:none}.hotspot-showcase{top:62%;gap:9px}.hotspot-dot{width:32px;height:32px}.hotspot-label{font-size:10px;padding:7px 10px}.hotspot-label small{font-size:6px;letter-spacing:.08em}.studio-hotspot{min-height:44px}.studio-controls{bottom:94px;gap:7px}.studio-controls p{font-size:8px;max-width:180px}.studio-index{grid-template-columns:1.2fr .8fr 1fr}.studio-index a{padding:19px 12px 23px 0;gap:0;align-items:center}.studio-index a+a{padding-left:15px}.index-number{display:none}.studio-index strong{font-size:10px;line-height:1.5}.index-arrow{font-size:15px;margin-left:9px}.studio-exit{font-size:11px;padding:10px 13px;min-height:44px;top:104px}.studio-exit kbd{display:none}.studio-static-note{bottom:98px;left:6%;right:6%;text-align:center;font-size:9px}
}
@media(max-width:620px){.studio{min-height:740px}.studio-shade{background:linear-gradient(180deg,#070b1140,#070b1166 28%,#070b1155 43%,transparent 57%),linear-gradient(0deg,#080d12 0%,#080d12a8 10%,transparent 26%)}.studio-description{color:#d0d2d0;text-shadow:0 2px 10px #000}}
@media(max-width:360px){.studio-copy h1{font-size:30px}.studio-copy .eyebrow{font-size:7px}.studio-description{font-size:11px;max-width:260px}.studio-actions{gap:14px}.studio-primary{gap:15px;padding-inline:13px}#studio-explore{font-size:10px}.studio-index strong{font-size:9px}.studio-index a+a{padding-left:11px}.studio-controls p{font-size:7px;max-width:148px}}
@media(max-height:650px) and (min-width:621px) and (orientation:landscape){.studio{min-height:650px}.studio-copy{top:23%}.studio-copy h1{font-size:42px}.studio-copy .eyebrow{margin-bottom:18px}.studio-description{margin-top:17px}.studio-actions{margin-top:20px}.studio-signature{display:none}.hotspot-showcase{top:64%}.studio-meta{display:none}}
.hotspot-labs{right:7%;top:38%}.hotspot-experience{left:35%;top:74%}.hotspot-contact{right:6%;top:72%}
@media(max-width:1150px) and (orientation:landscape){.hotspot-labs{right:6%;top:36%}.hotspot-experience{top:71%}.hotspot-contact{top:71%}.hotspot-showcase{left:60%;top:56%}}
@media(max-height:650px) and (min-width:621px) and (orientation:landscape){.hotspot-contact{top:65%}.hotspot-experience{top:71%}.hotspot-showcase{top:53%;left:59%}}
@media(max-width:900px) and (orientation:portrait){
 .studio-hotspots{inset:auto 6% 173px;display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:510px;margin-inline:auto;transform:none!important}
 .studio-hotspot{position:static;transform:none;min-width:0;gap:10px;padding:10px 12px;border:1px solid #ba987966;border-radius:4px;background:#0b1319db;backdrop-filter:blur(12px);min-height:58px}
 .studio-hotspot .hotspot-label{min-width:0;white-space:normal;padding:0;border:0;background:none;box-shadow:none;backdrop-filter:none;font-size:12px;line-height:1.45}
 .studio-hotspot .hotspot-label small{display:none}.studio-hotspot .hotspot-label>span{display:none}.studio-hotspot .hotspot-dot{width:26px;height:26px;font-size:18px;box-shadow:none}
 .studio-hotspot:hover,.studio-hotspot:focus-visible{border-color:#eabc7b;background:#182026ed}
}
@media(max-width:620px) and (orientation:portrait){.studio-hotspots{bottom:155px;gap:8px}.studio-hotspot{min-height:53px;padding:9px;gap:8px}.studio-hotspot .hotspot-label{font-size:11px}.studio-hotspot .hotspot-dot{width:24px;height:24px}}
@media(max-width:360px) and (orientation:portrait){.studio-hotspot .hotspot-label{font-size:10px}.studio-hotspot{padding:8px;gap:7px}}
@media(prefers-reduced-motion:reduce){.studio-art canvas,.studio-copy,.studio-picture img,.studio-hotspot{transition:none}.studio-primary:hover,.feature-visual,.feature:hover .feature-visual{transform:none}}