@charset "UTF-8";
:root{color-scheme:dark;--bg:#080a12;--text:#f5f2ee;--muted:#b4b3be;--accent:#ffad51}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:2px solid var(--accent);outline-offset:7px}
.skip{position:fixed;top:-100px;left:20px;z-index:5;background:var(--bg);padding:16px}.skip:focus{top:12px}
.header{height:94px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;background:#080a12;border-bottom:1px solid #ffffff12}
.wordmark{font-size:20px;letter-spacing:5px;font-weight:500;display:flex;align-items:center;gap:14px}.wordmark span{font-size:10px;letter-spacing:3px;color:var(--accent);border-left:1px solid #ffffff30;padding:5px 0 5px 16px}
.nav-link{font-size:13px;color:#dedce3}.nav-link span{margin-left:16px;color:var(--accent)}
.hero{position:relative;isolation:isolate;min-height:590px;height:min(76vw,800px);max-height:calc(100svh - 94px);overflow:hidden;background:#060a1e}
.hero-art{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#080a12 0%,transparent 25%,transparent 85%,#080a1230)}
.hero-bottom{position:absolute;z-index:1;bottom:34px;left:6%;right:6%;display:flex;align-items:center;justify-content:space-between;font-size:12px;letter-spacing:2px}
.hero-bottom>span{font-size:10px;color:#cbc9d5}.hero-bottom a{letter-spacing:.4px}.hero-bottom a span{display:inline-block;margin-left:24px;color:var(--accent)}
.studio{max-width:1440px;margin:auto;padding:110px 6% 120px;display:grid;grid-template-columns:1fr 2fr;gap:60px}
.section-label{font-size:10px;letter-spacing:2px;display:flex;align-items:flex-start;gap:10px;padding-top:16px;color:var(--muted)}
.dot{width:6px;height:6px;margin-top:2px;border-radius:50%;background:var(--accent);box-shadow:0 0 14px #ffa54a55}
h1{font-size:clamp(34px,4.2vw,64px);line-height:1.12;letter-spacing:-2px;font-weight:400;margin:0 0 30px}h1 span{color:var(--accent)}
p{font-size:17px;line-height:1.8;max-width:510px;color:var(--muted);margin:0 0 18px}.signature{color:var(--text);font-size:14px}
footer{border-top:1px solid #ffffff17;padding:28px 6%;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:var(--muted)}footer a:hover,.nav-link:hover{color:var(--accent)}
.company{max-width:1440px;margin:auto;padding:50px 6% 64px;display:grid;grid-template-columns:1fr 2fr;gap:60px;border-top:1px solid #ffffff17}.company h2{font-size:23px;font-weight:400;margin:8px 0 20px}.company address{font-style:normal;font-size:14px;line-height:1.9;color:var(--muted)}
.contact-email{display:inline-block;margin-top:24px;font-size:15px;color:var(--accent);overflow-wrap:anywhere}.contact-email:hover{text-decoration:underline;text-underline-offset:5px}.contact-email span{margin-left:12px}
.legal-links{display:flex;flex-direction:column;gap:0;max-width:510px}.legal-links a{padding:18px 0;border-bottom:1px solid #ffffff17;display:flex;justify-content:space-between;gap:24px;font-size:15px}.legal-links a:hover{color:var(--accent)}.legal-links span{color:var(--accent);font-size:11px;white-space:nowrap}
@media(max-width:700px){.company{grid-template-columns:1fr;gap:20px;padding:36px 6% 45px}}
@media(min-width:1700px){.hero-art{object-fit:contain}}
@media(max-width:700px){.header{height:76px}.wordmark{font-size:15px;letter-spacing:3px;gap:10px}.wordmark span{font-size:8px;letter-spacing:2px;padding-left:10px}.nav-link{font-size:11px}.nav-link span{margin-left:6px}.hero{height:72svh;min-height:440px;max-height:700px}.hero-art{object-fit:contain;object-position:center 42%;background:#05091b}.hero:after{background:linear-gradient(0deg,#080a12,transparent 30%,transparent 80%,#080a1230)}.hero-bottom{bottom:28px;font-size:11px}.hero-bottom>span{font-size:8px;letter-spacing:1px}.hero-bottom a span{margin-left:10px}.studio{padding:54px 6% 65px;grid-template-columns:1fr;gap:28px}.section-label{padding-top:0}h1{letter-spacing:-1px;font-size:36px}p{font-size:15px}footer{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}