:root{color-scheme:dark;--bg:#0b0d0f;--surface:#101316;--text:#f1f0e9;--muted:#aaaeb1;--line:#303539;--accent:#d7ba8a;--max:1440px;font-family:Arial,Helvetica,sans-serif;font-synthesis:none}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-size:16px;line-height:1.5}
a{color:inherit;text-decoration:none}
button{font:inherit}
a,button,summary{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:7px}
button:disabled{cursor:wait;opacity:.6}
::selection{background:var(--accent);color:var(--bg)}
[hidden]{display:none!important}
.skip-link{position:fixed;top:-100px;left:20px;padding:12px 20px;background:var(--text);color:var(--bg);z-index:20}
.skip-link:focus{top:16px}
.site-header{position:relative;z-index:2;max-width:var(--max);margin:auto;padding:27px 5.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:32px}
.wordmark{font-size:23px;line-height:1;font-weight:700;letter-spacing:-1.15px}
.wordmark span{display:block;margin-top:7px;font-size:9px;line-height:1;letter-spacing:5.45px;text-transform:uppercase;font-weight:400}
.site-header nav{display:flex;gap:34px;font-size:13px;align-items:center}
.site-header nav a{padding:10px 0;color:#c9cbcb;position:relative}
.site-header nav a:hover,.site-header nav a[aria-current=page]{color:var(--text)}
.site-header nav a[aria-current=page]::after{content:"";position:absolute;bottom:2px;left:0;right:0;height:1px;background:var(--accent)}
.site-header nav span{margin-left:5px;color:var(--accent)}
.hero{position:relative;min-height:min(760px,calc(100svh - 95px));max-width:1800px;margin:0 auto;overflow:hidden;display:flex;align-items:center}
.hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:56% 50%;opacity:.7}
.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,7,9,.88),rgba(5,7,9,.2) 68%),linear-gradient(0deg,#0b0d0f 0,transparent 35%)}
.hero-content{position:relative;padding:80px 5.5% 130px;max-width:var(--max);width:100%;margin:auto}
.eyebrow{font-size:10px;font-weight:400;letter-spacing:2.2px;line-height:1.5;text-transform:uppercase;color:var(--muted);margin:0 0 30px}
.signal{display:inline-block;width:6px;height:6px;margin:0 10px 1px 0;background:var(--accent)}
h1,h2,h3,p{margin-top:0}
h1{font-size:clamp(48px,6.8vw,98px);font-weight:500;line-height:1.02;letter-spacing:-.065em;margin-bottom:42px}
h1 em{font-style:normal;color:#d1d2d0}
.hero h1{max-width:1000px;text-wrap:balance;text-shadow:0 2px 28px rgba(0,0,0,.35)}
.text-link{display:inline-flex;gap:34px;padding:9px 0;border-bottom:1px solid #686c6e;font-size:13px;align-items:center;transition:color .2s,border-color .2s}
.text-link span{font-size:20px;line-height:1;color:var(--accent)}
.text-link:hover{color:var(--accent);border-color:var(--accent)}
.hero-caption{position:absolute;bottom:40px;left:5.5%;right:5.5%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px;text-transform:uppercase;color:#b3b7ba}
.section-wrap{max-width:var(--max);margin:auto;padding-left:5.5%;padding-right:5.5%}
.studio-section{padding-top:105px;padding-bottom:110px;display:grid;grid-template-columns:1fr 2.2fr;gap:70px;border-bottom:1px solid var(--line)}
.section-label{padding-top:10px}
.studio-copy h2{font-size:clamp(25px,3.1vw,43px);font-weight:400;line-height:1.24;letter-spacing:-1.3px;max-width:840px;margin-bottom:35px}
.careers-banner{padding-top:67px;padding-bottom:70px;display:flex;justify-content:space-between;gap:30px;align-items:center}
.careers-banner .eyebrow{margin-bottom:23px}
.careers-banner h2{font-size:clamp(28px,3vw,42px);line-height:1.13;letter-spacing:-1.5px;font-weight:400;margin-bottom:0}
.button{display:inline-flex;justify-content:space-between;align-items:center;gap:45px;min-height:52px;padding:14px 23px;border:1px solid var(--text);background:var(--text);color:var(--bg);font-size:12px;cursor:pointer;transition:background .2s,border-color .2s}
.button span{font-size:18px;line-height:1}
.button:hover{background:var(--accent);border-color:var(--accent)}
.button.secondary{background:transparent;color:var(--text);border-color:#777d80}
.button.secondary:hover{background:var(--surface);border-color:var(--accent)}
.site-footer{max-width:var(--max);margin:auto;padding:30px 5.5%;display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}
.site-footer p{margin:0}
.site-footer a:hover{color:var(--text)}
.footer-name{color:var(--text);font-size:14px;letter-spacing:-.3px}
.inner-main{min-height:calc(100svh - 175px)}
.page-intro{padding-top:94px;padding-bottom:75px;background:radial-gradient(ellipse at 100% 0,rgba(66,74,80,.14),transparent 60%)}
.page-intro h1{font-size:clamp(58px,7.5vw,108px);margin-bottom:35px}
.intro-text{font-size:clamp(18px,2vw,24px);line-height:1.5;max-width:680px;font-weight:400;letter-spacing:-.3px;color:#d1d3d2;margin-bottom:0}
.intro-note{margin:17px 0 0;color:var(--muted);font-size:13px;letter-spacing:.1px}
.about-story{display:grid;grid-template-columns:1fr 2.2fr;gap:70px;padding-top:54px;padding-bottom:73px;border-top:1px solid var(--line)}
.about-story h2{margin-top:8px}
.about-story>p{font-size:clamp(21px,2.5vw,33px);line-height:1.4;letter-spacing:-.65px;margin:0}
.about-image{max-width:var(--max);margin:auto;height:320px;overflow:hidden}
.about-image img{width:100%;height:100%;object-fit:cover;object-position:50% 65%;opacity:.8}
.jobs-section{padding-top:40px;padding-bottom:62px;border-top:1px solid var(--line)}
.section-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:32px}
.section-heading h2{font-size:23px;font-weight:400;letter-spacing:-.5px;margin:0}
.section-heading .eyebrow{margin:0;flex-shrink:0}
.jobs-status{color:var(--muted);padding:39px 0 25px;max-width:620px}
.jobs-status h3{font-size:25px;font-weight:400;letter-spacing:-.6px;color:var(--text);margin-bottom:12px}
.jobs-status p{margin-bottom:14px;font-size:15px;line-height:1.7}
.jobs-list{border-top:1px solid var(--line)}
.jobs-list:empty{border:0}
.job{border-bottom:1px solid var(--line);scroll-margin-top:25px}
.job summary{list-style:none;cursor:pointer;position:relative;padding:28px 65px 28px 0}
.job summary::-webkit-details-marker{display:none}
.job summary::after{content:"+";position:absolute;right:7px;top:26px;color:var(--accent);font-size:29px;line-height:1}
.job[open] summary::after{content:"−"}
.job summary:hover .job-title{color:var(--accent)}
.job-title{display:block;font-size:25px;font-weight:400;letter-spacing:-.6px;line-height:1.25;overflow-wrap:anywhere}
.job-meta{display:flex;gap:9px 22px;flex-wrap:wrap;margin-top:11px;color:var(--muted);font-size:12px}
.job-meta span+span{position:relative}
.job-meta span+span::before{content:"/";position:absolute;left:-14px;color:#60666b}
.job-content{max-width:820px;padding-bottom:38px}
.job-summary{font-size:19px;line-height:1.5;margin:0 0 26px;color:#dbdcda;overflow-wrap:anywhere;white-space:pre-wrap}
.job-description{font-size:15px;line-height:1.8;color:#bfc4c6;white-space:pre-wrap;overflow-wrap:anywhere;margin-bottom:28px}
.job-apply-note{font-size:12px;color:var(--muted);margin:11px 0 0}
.application-dialog-open{overflow:hidden}
.application-dialog{width:min(620px,calc(100% - 32px));max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);padding:clamp(22px,5vw,36px);margin:auto;border:1px solid #71634e;background:var(--surface);color:var(--text);overflow:auto;box-shadow:0 25px 100px #0008}
.application-dialog::backdrop{background:rgba(0,0,0,.78)}
.application-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:22px}
.application-header h2{margin:0;font-size:clamp(25px,5vw,32px);font-weight:400;letter-spacing:-.7px;line-height:1.2;overflow-wrap:anywhere}
.application-close{flex:none;min-height:36px;padding:5px 0 5px 8px;color:var(--accent);border:0;background:none;font-size:13px;cursor:pointer}
.application-instructions{font-size:14px;line-height:1.7;color:#c8ccce;margin-bottom:25px}
.application-field{margin-bottom:22px}
.application-label{display:block;font-size:12px;color:var(--accent);margin-bottom:8px}
.application-value{display:block;width:100%;min-width:0;border:1px solid var(--line);border-radius:0;background:var(--bg);color:var(--text);padding:12px;font:14px/1.6 Arial,Helvetica,sans-serif;user-select:text}
textarea.application-value{resize:vertical;min-height:160px;white-space:pre-wrap;overflow-wrap:anywhere}
.application-value:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.application-copy{min-height:40px;margin-top:8px;padding:9px 13px;justify-content:center;gap:10px}
.application-copy-status{font-size:13px;line-height:1.6;color:var(--accent);overflow-wrap:anywhere}
.application-copy-status:empty{display:none}
.application-email-link{gap:20px}
.application-submission-note{border-top:1px solid var(--line);margin:24px 0 0;padding-top:18px;color:#c8ccce;font-size:13px;line-height:1.6}
.careers-note{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-top:35px;padding-bottom:40px;border-top:1px solid var(--line);color:var(--muted);font-size:14px}
.careers-note p{margin:0}
.careers-note .text-link{color:var(--text)}
.notice{color:var(--muted);font-size:15px}
.notice a{text-decoration:underline;text-underline-offset:4px}
.contact-intro{padding-bottom:95px}
.contact-intro .button{margin-top:35px}
@media(min-width:1600px){.hero-content{padding-left:79px;padding-right:79px}.hero-caption{left:calc((100% - 1282px)/2);right:calc((100% - 1282px)/2)}}
@media(max-width:800px){.site-header{padding:23px 6%}.site-header nav{gap:22px;font-size:12px}.wordmark{font-size:21px}.wordmark span{letter-spacing:4.8px}.hero{min-height:650px}.hero-content{padding:85px 6% 145px}.hero-art{object-position:65% 50%}.hero-shade{background:linear-gradient(90deg,rgba(5,7,9,.8),rgba(5,7,9,.28)),linear-gradient(0deg,#0b0d0f,transparent 50%)}.hero h1{font-size:clamp(50px,8vw,72px)}.hero-caption{left:6%;right:6%}.section-wrap{padding-left:6%;padding-right:6%}.studio-section,.about-story{grid-template-columns:1fr;gap:25px}.studio-section{padding-top:65px;padding-bottom:65px}.section-label{margin:0}.studio-copy h2{max-width:650px}.careers-banner{padding-top:50px;padding-bottom:50px}.page-intro{padding-top:65px;padding-bottom:60px}.about-story{padding-top:40px;padding-bottom:50px}.about-story h2{margin:0}.site-footer{padding:27px 6%}.about-image{height:250px}}
@media(max-width:480px){.site-header{gap:18px;align-items:center}.wordmark{font-size:18px;letter-spacing:-.8px}.wordmark span{font-size:8px;letter-spacing:4px}.site-header nav{gap:16px;font-size:11px}.site-header nav span{display:none}.hero{min-height:610px}.hero-content{padding-top:65px;padding-bottom:130px}.hero h1{font-size:clamp(43px,10.6vw,51px);letter-spacing:-.065em;line-height:1.07}.hero-content .eyebrow{font-size:9px;letter-spacing:1.6px}.hero-caption{font-size:8px;letter-spacing:1.5px;bottom:34px}.studio-copy h2{font-size:28px;letter-spacing:-.7px}.careers-banner{align-items:flex-start;flex-direction:column;gap:30px}.careers-banner h2{font-size:32px}.site-footer{flex-wrap:wrap;gap:20px}.footer-name{flex-basis:100%}.site-footer p{flex:1}.page-intro h1{font-size:64px}.intro-text{font-size:19px}.section-heading h2{font-size:21px}.section-heading .eyebrow{font-size:9px;letter-spacing:1.2px}.jobs-status h3{font-size:23px}.job-title{font-size:23px}.job summary{padding-right:45px}.careers-note{align-items:flex-start;flex-direction:column;gap:15px}.about-story>p{font-size:24px}.about-image{height:190px}.button{gap:35px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}