@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;600;700&family=Instrument+Serif:ital@0;1&display=swap');
:root{--bg:#080b10;--surface:#10151a;--text:#f0f0e8;--muted:#9ba5aa;--accent:#bce9cd;--line:#ffffff20;--serif:'Instrument Serif',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.7 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:2px solid var(--accent);outline-offset:7px}img{display:block;width:100%;object-fit:cover}h1,h2,h3,p{margin:0}h1,h2{font-family:var(--serif);font-weight:400;line-height:1.03;letter-spacing:-.035em}em{font-weight:400;color:var(--accent)}p{color:var(--muted)}.header{height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 5.5%;position:absolute;z-index:5;width:100%;border-bottom:1px solid #ffffff16}.brand{display:flex;align-items:center;font-size:21px;font-weight:500;letter-spacing:-.8px;gap:9px}.brand-symbol{font-size:34px;line-height:1;color:var(--accent)}.brand-dot{font-size:10px;align-self:flex-start;margin-top:7px}.header nav{display:flex;gap:34px;font-size:13px;color:#c8cdd1}.header a:hover,footer a:hover{color:var(--accent)}.contact-link{font-size:13px;border-bottom:1px solid #ffffff60;padding-bottom:5px}.contact-link span{margin-left:24px}.hero{position:relative;min-height:800px;height:100svh;max-height:1080px;overflow:hidden;display:flex;align-items:center;background:#07090e}.hero-art{position:absolute;width:77%;height:100%;right:-12%;top:0;object-fit:cover;opacity:.85;filter:saturate(.75)}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#080b10 4%,#080b10e8 23%,#080b1060 55%,#080b1000 85%),linear-gradient(0deg,#080b10 0%,transparent 28%);pointer-events:none}.hero-content{position:relative;z-index:2;width:100%;padding:80px 5.5% 40px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600;color:var(--accent);display:flex;align-items:center;gap:10px}.status-dot{display:inline-block;width:6px;height:6px;background:var(--accent);border-radius:50%;box-shadow:0 0 12px #bce9cd66}.hero h1{font-size:clamp(65px,7.5vw,116px);margin:30px 0}.hero-description{max-width:385px;font-size:16px;line-height:1.9;color:#b9c0c6}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;background:var(--accent);color:#13251e;border:1px solid var(--accent);padding:14px 23px;border-radius:3px;font-size:12px;font-weight:600;margin-top:33px;transition:background .2s,transform .2s}.button:hover{background:#dbfbe7;transform:translateY(-3px)}.button span{font-size:19px}.hero-bottom{position:absolute;bottom:32px;left:5.5%;right:5.5%;display:flex;justify-content:space-between;z-index:3;font-size:9px;letter-spacing:1.7px;color:#9aa4ac}.hero-bottom strong{color:#dce2e5;font-size:10px;margin-left:5px;font-weight:500}.hero-bottom a span{margin-left:12px}#dust{position:absolute;inset:0;z-index:1;pointer-events:none}.section{padding:100px 7%;max-width:1600px;margin:auto}.section-label{justify-content:space-between;border-top:1px solid var(--line);padding-top:24px}.section-label span:last-child{color:#74818a;font-size:9px}.intro{padding-top:65px}.intro-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:10%;margin:60px 0 70px}h2{font-size:clamp(45px,4.7vw,72px)}.intro-copy{max-width:450px;padding-top:5px}.large-copy{font-size:21px;line-height:1.5;color:var(--text);margin-bottom:22px}.intro-copy>p+p{margin-top:18px}.tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:28px}.tags span{border:1px solid #ffffff26;border-radius:30px;font-size:10px;padding:5px 12px;color:#c5ced1}.experience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.image-wrap{height:370px;position:relative;overflow:hidden;border-radius:4px;background:#030506}.image-wrap img{height:100%;transition:transform .6s}.experience-card:hover img{transform:scale(1.04)}.image-number{position:absolute;top:16px;left:16px;background:#080b1066;backdrop-filter:blur(10px);border:1px solid #ffffff40;width:30px;height:30px;display:grid;place-items:center;font-size:10px;border-radius:50%}.card-title{display:flex;align-items:center;justify-content:space-between;margin:22px 0 10px}.card-title h3{font-size:18px;font-weight:500;letter-spacing:-.3px}.card-title>span{color:var(--accent);font-size:22px}.experience-card p{font-size:13px;max-width:320px}.image-caption{font-size:10px;margin-top:25px;color:#718087}.film{padding-top:45px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:38px}.section-heading h2{font-size:clamp(40px,4vw,60px);margin-top:22px}.small-label{font-size:8px;color:#849099;letter-spacing:1.5px;white-space:nowrap;padding-bottom:8px}.video-slot{position:relative;aspect-ratio:16/8.2;overflow:hidden;background:#020507;border:1px solid var(--line);border-radius:4px}.video-slot>img{height:100%;object-position:center 40%;opacity:.7}.video-shade{position:absolute;inset:0;background:linear-gradient(0deg,#020507cc,transparent),#080b1026}.video-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:20px}.play-outline{height:65px;width:65px;display:grid;place-items:center;border:1px solid #ffffff60;border-radius:50%;font-size:26px;background:#ffffff08;backdrop-filter:blur(5px);padding-left:3px}.video-placeholder h3{font-family:var(--serif);font-size:36px;font-weight:400;margin-top:22px}.video-placeholder p{font-size:12px;margin-top:6px;color:#b8c3ca}.video-corner{position:absolute;bottom:22px;left:25px;font-size:9px;letter-spacing:1.8px;color:#c0cbd1}.video-slot iframe{width:100%;height:100%;border:0;position:absolute;inset:0}.video-play{cursor:pointer;color:inherit;font:inherit;background:none;border:0;width:100%}.video-play:focus-visible{outline:2px solid var(--accent);outline-offset:-5px}.vision{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(120deg,#10191c,#0a0e13);max-width:none}.vision-grid{display:grid;grid-template-columns:1fr 1fr;gap:12%;margin-top:40px}.vision-grid>div>p{max-width:350px;margin-top:25px}.development{display:flex;align-items:center;gap:9px;font-size:10px;color:var(--accent);margin-top:30px}.vision-list article{display:flex;gap:25px;border-bottom:1px solid var(--line);padding:24px 0}.vision-list article:first-child{padding-top:0}.vision-list article:last-child{border:0;padding-bottom:0}.vision-list article>span{font:italic 20px var(--serif);color:#7d9e92}.vision-list h3{font-size:18px;font-weight:500;margin-bottom:8px}.vision-list p{font-size:13px}.studio-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:10%;margin:55px 0}.studio-heading>div{max-width:430px}.text-link{display:inline-block;font-size:12px;border-bottom:1px solid #bce9cd66;padding-bottom:5px;color:var(--accent);margin-top:22px}.text-link span{margin-left:24px}.past-work{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.past-work article{display:flex;align-items:center;gap:20px;border-top:1px solid var(--line);padding-top:24px}.past-work img{width:90px;height:90px;border-radius:3px}.past-work h3{font-size:15px;font-weight:500}.past-work p{font-size:11px;margin-top:4px}.closing{text-align:center;padding-top:70px;padding-bottom:100px;border-top:1px solid var(--line);background:radial-gradient(ellipse at 50% 90%,#18312b55,transparent 60%)}.closing-star{font-size:48px;color:var(--accent)}.closing .eyebrow{justify-content:center;margin:25px 0}.closing h2{font-size:clamp(66px,8vw,110px)}footer{display:flex;align-items:center;justify-content:space-between;margin:0 5.5%;border-top:1px solid var(--line);padding:32px 0}footer>span,footer>a:last-child{color:#8e999f;font-size:11px}footer .brand{font-size:17px}footer .brand-symbol{font-size:26px}.skip-link{position:fixed;top:-100px;left:20px;padding:10px 20px;background:var(--accent);color:#000;z-index:20}.skip-link:focus{top:10px}::selection{background:var(--accent);color:#0a1812}
@media(min-width:1600px){.vision{padding-left:calc((100vw - 1376px)/2);padding-right:calc((100vw - 1376px)/2)}}
@media(max-width:900px){.header nav{gap:20px}.hero{min-height:740px}.hero-art{width:100%;right:-30%}.hero h1{font-size:80px}.section{padding:70px 6%}.intro-grid,.studio-heading{gap:6%}.image-wrap{height:290px}.experience-grid,.past-work{gap:18px}.small-label{display:none}.vision-grid{gap:7%}.past-work article{flex-direction:column;align-items:flex-start}.past-work img{width:100%;height:150px}.hero-bottom>span:last-child{display:none}}
@media(max-width:600px){.header{height:80px;padding:0 6%}.brand{font-size:18px}.brand-symbol{font-size:29px}.header nav{display:none}.contact-link{font-size:11px}.contact-link span{margin-left:10px}.hero{height:850px;min-height:0;max-height:none;align-items:flex-start}.hero-art{width:130%;height:78%;right:-37%;top:17%;opacity:.8}.hero:after{background:linear-gradient(90deg,#080b10a6,transparent),linear-gradient(0deg,#080b10,transparent 35%,#080b1088 70%,#080b10)}.hero-content{padding:150px 6% 0}.hero .eyebrow{font-size:8px;letter-spacing:1.2px}.hero h1{font-size:65px;margin:26px 0}.hero-description{max-width:300px;font-size:14px}.hero-bottom{bottom:28px;left:6%;right:6%;font-size:7px;letter-spacing:1px}.hero-bottom strong{font-size:8px}.section{padding:58px 6%}.section-label{font-size:8px;letter-spacing:1.2px}.section-label span:last-child{display:none}.intro-grid,.studio-heading,.vision-grid{grid-template-columns:1fr;gap:30px;margin-top:35px}.intro-grid{margin-bottom:40px}h2{font-size:48px}.large-copy{font-size:19px}.experience-grid{grid-template-columns:1fr;gap:38px}.image-wrap{height:390px}.experience-card p{max-width:none}.image-caption{font-size:9px}.section-heading h2{font-size:44px}.video-slot{aspect-ratio:4/3}.video-placeholder h3{font-size:29px}.video-corner{font-size:7px;left:16px;bottom:16px}.vision-list{margin-top:10px}.studio-heading{margin-bottom:35px}.past-work{grid-template-columns:1fr;gap:20px}.past-work article{flex-direction:row;align-items:center;padding-top:20px}.past-work img{width:85px;height:85px}.closing h2{font-size:68px}.closing .eyebrow{font-size:8px;letter-spacing:1.2px}footer{flex-wrap:wrap;gap:20px}footer .brand{width:100%}footer>span,footer>a:last-child{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}#dust{display:none}}