:root{--navy:#101b2c;--ink:#080c12;--paper:#e9e8df;--steel:#9eafc2;--line:#ffffff30}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--navy);color:var(--paper);font-family:Arial,Helvetica,sans-serif}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}button,a,input,label,summary{touch-action:manipulation}button{color:inherit;cursor:pointer;background:none;border:0}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--paper);outline-offset:5px}button:disabled{cursor:not-allowed;opacity:.45}header{height:88px;margin:0 3.5%;display:flex;align-items:center;gap:45px;border-bottom:1px solid var(--line)}.brand{font-size:23px;font-weight:900;letter-spacing:-1.5px}.brand span{font-size:10px;vertical-align:top;letter-spacing:0}.location,.eyebrow,.meta,nav,.button,.text-link,.sound,footer p,.footer-bottom,.filters,.notice,.file-label{font-family:'Courier New',monospace;font-size:11px;line-height:1.5;letter-spacing:.06em}.location{color:var(--steel);margin-right:auto}nav{display:flex;gap:23px}nav a{padding:12px 0;position:relative}nav a[aria-current=page]:after{content:'';position:absolute;bottom:3px;left:0;width:100%;height:2px;background:var(--paper)}.menu-toggle{display:none}.skip{position:absolute;top:-100px;background:var(--paper);color:var(--ink);z-index:9;padding:15px}.skip:focus{top:0}.page{padding:40px 3.5% 110px;animation:enter .35s ease-out}.eyebrow{display:flex;justify-content:space-between;color:var(--steel);text-transform:uppercase}.wordmark{font-size:clamp(85px,18.15vw,300px);font-weight:900;letter-spacing:-.085em;line-height:1.05;margin:3px 0 10px;transform:scaleX(1.035);transform-origin:left;max-width:96%}.hero-grid{display:grid;grid-template-columns:1fr 1.06fr;gap:6%;align-items:stretch;border-top:1px solid var(--line);padding-top:30px}.hero-copy{padding:27px 0 15px;display:flex;flex-direction:column;align-items:flex-start}.hero-copy h1{font-size:clamp(30px,4.2vw,70px);letter-spacing:-.055em;line-height:.98;margin:0 0 24px;font-weight:800}.hero-copy p{max-width:355px;color:#b7c1cc;font-size:16px;line-height:1.6}.button{display:inline-flex;justify-content:space-between;gap:35px;align-items:center;border:1px solid var(--paper);padding:16px 23px;transition:background .2s,color .2s}.button:hover{background:var(--paper);color:var(--ink)}.hero-copy .button{margin-top:auto}.media{background:#0a101a;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:260px;isolation:isolate}.media img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.media .placeholder{width:100%;height:100%;min-height:inherit;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:35px;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(25% - 1px),#8ba2c00a 25%)}.placeholder:before,.placeholder:after{content:'+';position:absolute;font-size:22px;font-weight:300;color:#8293aa;top:14px;left:18px}.placeholder:after{top:auto;left:auto;right:18px;bottom:14px}.placeholder b{font-size:clamp(52px,8vw,125px);letter-spacing:-.09em;font-weight:900;color:#34455d;line-height:1}.placeholder span{font:10px/1.5 'Courier New',monospace;text-transform:uppercase;letter-spacing:.12em;margin-top:25px;color:var(--steel);text-align:center}.hero-media{min-height:350px}.media-caption{position:absolute;left:18px;bottom:15px;font:10px 'Courier New',monospace}.hero-bottom{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:28px 0;font:10px 'Courier New',monospace;letter-spacing:.06em;color:var(--steel)}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin:95px 0 32px}.section-head h2,.page-title{font-size:clamp(44px,6.5vw,100px);font-weight:500;letter-spacing:-.065em;line-height:1;margin:20px 0 0}.section-head .text-link{border-bottom:1px solid var(--paper);padding-bottom:8px}.projects{display:grid;grid-template-columns:1.2fr 1fr;gap:7%}.project:nth-child(2){padding-top:100px}.project .media{min-height:370px}.project:nth-child(2) .media{min-height:290px;background:#16243b}.project h3{font-size:24px;font-weight:500;letter-spacing:-.035em;margin:19px 0 7px}.project .meta{color:var(--steel);display:flex;justify-content:space-between}.project-link:hover .media{outline:1px solid var(--steel);outline-offset:6px}.project-link:hover h3{color:var(--steel)}.big-quote{margin:110px 0 0;border-top:1px solid var(--line);padding:40px 0;display:grid;grid-template-columns:1fr 2fr;gap:10%}.big-quote h2{font-size:clamp(35px,4.3vw,68px);line-height:1.1;letter-spacing:-.045em;font-weight:400;margin:0}.big-quote p{font-size:16px;line-height:1.65;color:var(--steel);max-width:600px}.text-link{display:inline-block;margin-top:20px}.intro{max-width:700px;color:var(--steel);line-height:1.65;font-size:19px;margin:30px 0 55px}.page-title{font-size:clamp(60px,10vw,155px);margin-top:45px}.split{display:grid;grid-template-columns:1fr 1fr;gap:10%;margin-top:65px}.prose h2{font-size:38px;letter-spacing:-.04em;font-weight:400;line-height:1.08}.prose p{font-size:17px;line-height:1.75;color:var(--steel)}.timeline{margin-top:80px}.timeline article{display:grid;grid-template-columns:1fr 1.4fr 1.7fr;gap:35px;padding:30px 0;border-top:1px solid var(--line)}.timeline h3{font-size:23px;font-weight:400;margin:0}.timeline p{margin:0;color:var(--steel);line-height:1.6}.recognition{background:var(--paper);color:var(--navy);padding:45px;margin-top:75px}.recognition h2{font-size:36px;letter-spacing:-.04em;font-weight:400;max-width:650px}.recognition p{line-height:1.6}.filters{display:flex;gap:20px;border-bottom:1px solid var(--line);margin:40px 0;padding-bottom:15px;flex-wrap:wrap}.filters button{padding:9px 12px;border:1px solid transparent}.filters button.active{border-color:var(--paper)}.empty{padding:45px;border:1px dashed #899bb35a;color:var(--steel);line-height:1.7}.work-list{display:grid;gap:50px}.work-item{display:grid;grid-template-columns:1.1fr 1fr;gap:6%;align-items:center;border-bottom:1px solid var(--line);padding-bottom:45px}.work-item h2{font-size:44px;letter-spacing:-.05em;font-weight:400;margin:15px 0}.work-item p{color:var(--steel);line-height:1.6}.stats{font-size:clamp(65px,10vw,140px);font-weight:500;letter-spacing:-.065em;margin:15px 0}.case-hero{min-height:470px;margin-top:50px}.case-facts{display:flex;justify-content:space-between;gap:35px;flex-wrap:wrap;padding:30px 0;border-bottom:1px solid var(--line)}.case-facts p{font-size:20px;letter-spacing:-.025em}.case-story{max-width:800px;margin:70px 0 30px auto}.case-story h2{font-size:42px;letter-spacing:-.04em;font-weight:400}.case-story p{font-size:18px;line-height:1.7;color:var(--steel)}.music-band{display:grid;grid-template-columns:1fr 1.1fr;gap:10%;align-items:center;margin:60px 0 80px}.music-band h2{font-size:50px;letter-spacing:-.04em;font-weight:400}.music-band p{color:var(--steel);line-height:1.7}.record{aspect-ratio:1;border:1px solid #8197b14d;display:grid;place-items:center;border-radius:50%;background:repeating-radial-gradient(circle at center,#101b2c 0,#101b2c 8px,#203149 9px,#101b2c 10px);max-width:430px}.record div{border-radius:50%;width:40%;height:40%;background:var(--paper);color:var(--navy);display:grid;place-content:center;text-align:center;font:11px/1.8 'Courier New',monospace;transform:rotate(-12deg)}.social-row{display:grid;grid-template-columns:70px 1fr auto;gap:25px;padding:28px 0;border-top:1px solid var(--line);align-items:center}.social-row h2{font-size:clamp(30px,5vw,65px);font-weight:400;letter-spacing:-.06em;margin:0}.social-row span{color:var(--steel)}.social-row a{font-size:28px}.contact{padding:65px 0}.contact h2{font-size:clamp(40px,6vw,90px);font-weight:400;letter-spacing:-.05em}.vision-line{display:grid;grid-template-columns:80px 1fr 1fr;gap:25px;align-items:start;border-top:1px solid var(--line);padding:36px 0}.vision-line h2{font-weight:400;font-size:32px;letter-spacing:-.035em;margin:0}.vision-line p{color:var(--steel);line-height:1.7;margin:0}.muted{color:var(--steel)}footer{background:var(--paper);color:var(--navy);padding:65px 3.5% 90px;display:grid;grid-template-columns:2fr 1fr;gap:40px}.footer-title{font-size:clamp(50px,8vw,120px);line-height:.9;font-weight:700;letter-spacing:-.07em}.footer-title i{font-family:Georgia,serif;font-weight:400}.footer-bottom{grid-column:1/-1;display:flex;justify-content:space-between;gap:25px;border-top:1px solid #101b2c40;padding-top:25px;margin-top:20px}.footer-bottom button{font:inherit}.sound{position:fixed;bottom:0;left:0;right:0;height:48px;background:var(--ink);border-top:1px solid var(--line);z-index:10;display:flex;align-items:center;gap:18px;padding:0 3.5%;font-size:10px}.sound button{font-size:16px}.volume{margin-left:auto;display:flex;align-items:center;gap:12px}.volume input{width:85px;accent-color:var(--steel)}dialog{width:min(740px,95vw);max-height:90vh;border:1px solid var(--steel);padding:30px;background:var(--navy);color:var(--paper)}dialog::backdrop{background:#000b}.dialog-head{display:flex;justify-content:space-between;align-items:center}.dialog-head h2{font-size:42px;letter-spacing:-.04em;margin:5px 0}.notice{color:var(--steel);font-size:12px;line-height:1.7}.field{display:block;margin:20px 0;font:12px 'Courier New',monospace}.field input,.field textarea,.field select{display:block;width:100%;margin-top:9px;background:var(--ink);border:1px solid #708198;color:var(--paper);padding:12px}.field input[type=file]{font-size:11px}.editor-actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin-top:30px}.editor-actions button{font-size:11px}.file-label{cursor:pointer}.file-label input{display:block;width:180px;margin-top:8px}details{border-top:1px solid var(--line);padding:18px 0}summary{cursor:pointer;font-size:17px}iframe{width:100%;border:0;min-height:352px}video{width:100%;max-height:650px;background:var(--ink)}@keyframes enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1600px){header,.page,footer{padding-left:max(3.5%,calc((100vw - 1500px)/2));padding-right:max(3.5%,calc((100vw - 1500px)/2))}header{margin:0}.wordmark{font-size:280px}}@media(max-width:1000px){header{gap:20px}.location{display:none}nav{margin-left:auto;gap:17px}.project .media{min-height:280px}.project:nth-child(2) .media{min-height:240px}.hero-media{min-height:320px}.hero-copy h1{font-size:44px}.timeline article{grid-template-columns:1fr 2fr}.timeline article p{grid-column:2}.wordmark{margin-top:20px}}@media(max-width:650px){header{height:72px;margin:0 6%}.menu-toggle{display:block;margin-left:auto;font:12px 'Courier New',monospace}nav{display:none;position:absolute;top:72px;left:0;right:0;background:var(--ink);z-index:20;padding:24px 6%;border-bottom:1px solid var(--line);flex-wrap:wrap}nav.open{display:flex}nav a{flex-basis:28%;font-size:12px}.page{padding:28px 6% 65px}.eyebrow{font-size:9px}.wordmark{font-size:17.1vw;letter-spacing:-.08em;margin:15px 0 24px}.hero-grid,.projects,.split,.work-item,.music-band,.big-quote{grid-template-columns:1fr;gap:30px}.hero-copy{padding:5px 0 0}.hero-copy h1{font-size:40px}.hero-copy p{font-size:15px}.hero-copy .button{margin-top:20px}.hero-media{min-height:290px}.hero-bottom{gap:20px;font-size:9px;line-height:1.5}.section-head{margin-top:65px;align-items:flex-start}.section-head .text-link{font-size:9px}.section-head h2{font-size:43px}.projects{gap:40px}.project:nth-child(2){padding-top:0}.project .media,.project:nth-child(2) .media{min-height:290px}.project h3{font-size:24px}.project .meta{font-size:9px}.big-quote{margin-top:65px}.page-title{margin-top:35px;font-size:68px}.intro{font-size:17px;margin-bottom:40px}.timeline{margin-top:50px}.timeline article{grid-template-columns:1fr;gap:15px}.timeline article p{grid-column:auto}.recognition{padding:28px}.recognition h2{font-size:30px}.work-item h2{font-size:36px}.case-hero{min-height:300px}.case-story{margin-top:40px}.music-band{margin:40px 0}.record{max-width:320px;width:100%;margin:auto}.vision-line{grid-template-columns:30px 1fr;gap:15px}.vision-line p{grid-column:2}.vision-line h2{font-size:28px}.social-row{grid-template-columns:28px 1fr auto;gap:10px}.social-row .meta{font-size:9px;max-width:80px}footer{padding:50px 6% 80px;grid-template-columns:1fr;gap:30px}.footer-title{font-size:65px}.footer-bottom{flex-wrap:wrap;font-size:9px}.sound{font-size:8px;gap:10px;padding:0 6%}.volume{font-size:0}.volume input{width:58px}.placeholder b{font-size:85px}.placeholder span{font-size:9px}.filters{gap:7px;font-size:10px}.filters button{padding:8px}dialog{padding:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.page{animation:none}*{transition:none!important}}

/* The Missing Peace production case study */
.missing-peace-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:45px 0 55px}
.missing-peace-gallery img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;background:#101318;border:1px solid #ffffff20;transition:filter .3s ease,transform .3s ease}
.missing-peace-gallery img:hover{filter:brightness(1.08);transform:translateY(-2px)}
.missing-peace-story{margin-bottom:35px}
@media(max-width:650px){.missing-peace-gallery{gap:9px;margin:28px 0 40px}.missing-peace-gallery img{aspect-ratio:4/3}}
@media(prefers-reduced-motion:reduce){.missing-peace-gallery img{transition:none}}

/* Fight Night Studios / Hyde Park production feature */
.fightnight-poster{width:100%;min-height:inherit;aspect-ratio:3/2;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:clamp(24px,5vw,62px);overflow:hidden;background:radial-gradient(ellipse at 78% 20%,#b4472c66,transparent 38%),linear-gradient(135deg,#211b1a 0%,#101318 58%,#4b211b 100%);color:#eee5d8;border:1px solid #d6b9a238;position:relative}
.fightnight-poster:after{content:"";position:absolute;inset:12px;border:1px solid #eee5d833;pointer-events:none}
.fightnight-poster span,.fightnight-poster small{font:10px 'Courier New',monospace;letter-spacing:.16em;text-transform:uppercase;position:relative;z-index:1}
.fightnight-poster strong{font-size:clamp(70px,12vw,170px);line-height:.72;letter-spacing:-.09em;font-weight:700;position:relative;z-index:1}
.fightnight-feature{margin:45px 0 30px;min-height:420px;max-width:1000px}
.fightnight-feature .fightnight-poster{aspect-ratio:16/8;min-height:420px}
.fightnight-link{display:inline-flex;margin-top:15px}
@media(max-width:650px){.fightnight-feature{margin:28px 0 20px;min-height:260px}.fightnight-feature .fightnight-poster{min-height:260px}.fightnight-poster strong{font-size:clamp(68px,18vw,112px)}}

.home-featured-projects{grid-template-columns:minmax(0,760px);justify-content:center}

.fightnight-gallery-section{margin:52px 0 60px;padding-top:30px;border-top:1px solid #ffffff20}.fightnight-gallery-section h2{margin:14px 0 8px;font-size:clamp(30px,4vw,48px);font-weight:500;letter-spacing:-.04em}.fightnight-gallery-intro{max-width:560px;color:#aaa;margin:0 0 24px}.fightnight-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.fightnight-gallery figure{margin:0;min-width:0}.fightnight-gallery img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;object-position:center;background:#101318;border:1px solid #ffffff20;transition:filter .3s ease,transform .3s ease}.fightnight-gallery img:hover{filter:brightness(1.08);transform:translateY(-2px)}.fightnight-gallery figcaption{padding-top:10px;color:#aaa;font:9px/1.5 'Courier New',monospace;letter-spacing:.1em}@media(max-width:650px){.fightnight-gallery-section{margin:38px 0 45px;padding-top:23px}.fightnight-gallery{gap:9px}.fightnight-gallery figcaption{font-size:7px}}@media(prefers-reduced-motion:reduce){.fightnight-gallery img{transition:none}}

/* The Missing Peace / Aeonia production credit sheet */
.missing-credits{position:relative;margin:54px 0 48px;padding:clamp(22px,4vw,48px);border:1px solid #a9bed13d;background:linear-gradient(135deg,#111c2bd9,#080d15ed 72%);box-shadow:0 18px 50px #0005;overflow:hidden}
.missing-credits:before{content:'';position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,#d6e4f362,transparent)}
.missing-credits-head{display:grid;grid-template-columns:1fr auto;gap:10px 22px;align-items:end;padding-bottom:25px;border-bottom:1px solid #a9bed12e}
.missing-credits-head .eyebrow{grid-column:1/-1;justify-content:center;color:#9aacc2;letter-spacing:.16em}
.missing-credits-head h2{margin:0;font:italic clamp(32px,4vw,52px)/1 Georgia,serif;letter-spacing:-.04em;color:#e5ebf3}
.missing-credits-head>.meta{color:#9aaac0;text-align:right;letter-spacing:.13em}
.credits-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 9%;padding-top:10px}
.credit-group{padding:21px 0 19px;border-bottom:1px solid #a9bed122;min-width:0}
.credit-group h3{margin:0 0 13px;font:italic 20px/1.2 Georgia,serif;color:#c7d5e7;letter-spacing:-.02em}
.credit-group dl{display:grid;gap:8px;margin:0}
.credit-group dl>div{display:grid;grid-template-columns:minmax(130px,.85fr) minmax(0,1.15fr);gap:12px;align-items:baseline}
.credit-group dt{font:10px/1.5 'Courier New',monospace;letter-spacing:.06em;text-transform:uppercase;color:#93a5bc}
.credit-group dd{margin:0;font-size:14px;line-height:1.5;color:#e0e6ee}
.credit-self dd{color:#fff;font-weight:600}
.credit-featured{grid-column:1/-1;display:grid;grid-template-columns:minmax(180px,.7fr) 1.3fr;gap:20px;align-items:start;border-bottom:0;padding-bottom:0}
.credit-featured h3{margin:0}
.credit-featured dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 18px}
.credit-featured dl>div{display:block}
.credit-featured dt{margin-bottom:3px}
@media(max-width:700px){.missing-credits{margin:38px 0;padding:22px 18px}.missing-credits-head{grid-template-columns:1fr;gap:9px;align-items:start}.missing-credits-head .eyebrow{justify-content:flex-start}.missing-credits-head>.meta{text-align:left}.credits-grid{grid-template-columns:1fr;padding-top:3px}.credit-group{padding:18px 0 16px}.credit-group dl>div{grid-template-columns:minmax(120px,.8fr) minmax(0,1.2fr);gap:10px}.credit-group h3{font-size:19px}.credit-featured{grid-column:auto;display:block}.credit-featured dl{grid-template-columns:1fr;gap:8px}.credit-group dd{font-size:14px}}
