:root{--black:#0A0A0A;--coal:#1A1A1A;--graphite:#5A5A5A;--smoke:#E6E6E6;--white:#fff;--pad:clamp(22px,4vw,64px)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}main{min-height:70vh}.site-header{height:112px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #252525;position:relative;z-index:20;background:var(--black)}.brand img{width:164px;height:auto;display:block}.main-nav{display:flex;gap:30px;align-items:center}.main-nav a{font:600 12px Inter,sans-serif;letter-spacing:.08em;color:#aaa}.main-nav a:hover,.main-nav a.active{color:#fff}.menu-toggle{display:none;background:none;border:0;width:36px;height:36px;padding:8px}.menu-toggle span{display:block;height:1px;background:#fff;margin:7px 0}.intro{padding:clamp(80px,10vw,150px) var(--pad) clamp(70px,8vw,120px);border-bottom:1px solid #252525}.eyebrow{font-size:11px;font-weight:600;letter-spacing:.13em;color:#9b9b9b;margin:0 0 24px}.display{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:clamp(72px,13vw,210px);line-height:.79;letter-spacing:-.035em;text-transform:uppercase;margin:0;max-width:1450px}.intro-home .display{font-size:clamp(64px,10vw,155px);max-width:1250px}.intro-grid{margin-top:clamp(45px,7vw,90px);display:grid;grid-template-columns:minmax(0,650px) 1fr;gap:60px;align-items:end}.intro-grid p{font-size:clamp(17px,1.5vw,23px);line-height:1.5;color:#cfcfcf;margin:0}.text-button{display:inline-flex;align-items:center;gap:26px;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;justify-self:end;border-bottom:1px solid #6b6b6b;padding:0 0 9px}.text-button span{font-size:18px}.project-list{padding:0 var(--pad)}.project-row{display:grid;grid-template-columns:60px minmax(0,1fr) minmax(220px,340px);gap:25px;padding:28px 0;border-bottom:1px solid #2a2a2a;align-items:end}.project-index{font:600 12px Inter;color:#777;align-self:start;padding-top:3px}.project-plate{background:#151515;border:1px solid #252525;min-height:300px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background-image:linear-gradient(135deg,transparent 48%,#1b1b1b 49%,#1b1b1b 51%,transparent 52%)}.project-plate:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0,transparent 31px,rgba(255,255,255,.025) 32px)}.project-plate span{font-family:'Barlow Condensed';font-weight:800;font-size:clamp(28px,4vw,58px);letter-spacing:-.02em;z-index:1}.project-plate small{position:absolute;left:18px;bottom:16px;font-size:9px;letter-spacing:.15em;color:#666;z-index:1}.project-info h3,.card-meta h2{font-family:'Barlow Condensed';font-weight:800;font-size:clamp(30px,3vw,50px);line-height:.95;margin:0 0 8px}.project-info p,.card-meta p{margin:0;color:#777;font-size:10px;letter-spacing:.1em}.project-row:hover .project-plate{background:#1b1b1b}.project-grid{padding:0 var(--pad) clamp(90px,10vw,150px);display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,4vw,64px) clamp(18px,2.2vw,36px)}.project-card:nth-child(3n+1){grid-column:span 2}.ratio-wide{aspect-ratio:16/9;min-height:unset}.project-card:not(:nth-child(3n+1)) .ratio-wide{aspect-ratio:4/5}.card-meta{display:grid;grid-template-columns:1fr auto;grid-template-areas:'title year' 'service year';margin-top:16px;align-items:end}.card-meta h2{grid-area:title;font-size:clamp(28px,3vw,48px)}.card-meta p{grid-area:service}.card-meta>span{grid-area:year;font-size:10px;color:#777}.manifesto{padding:clamp(90px,12vw,180px) var(--pad);display:grid;grid-template-columns:1.3fr 1fr;column-gap:10vw;border-top:1px solid #252525}.manifesto .eyebrow{grid-column:1/-1}.manifesto h2{font-family:'Barlow Condensed';font-size:clamp(72px,11vw,175px);line-height:.78;margin:0;letter-spacing:-.04em}.manifesto>p:last-child{font-size:20px;line-height:1.5;color:#bbb;align-self:end;max-width:480px}.project-detail-head{padding:90px var(--pad) 55px}.project-detail-head .display{font-size:clamp(80px,12vw,180px)}.project-detail-meta{display:flex;gap:70px;margin-top:55px}.project-detail-meta div{display:flex;flex-direction:column;gap:8px}.project-detail-meta span{font-size:9px;letter-spacing:.12em;color:#666}.project-detail-meta strong{font-size:12px;letter-spacing:.07em}.project-hero-placeholder{margin:0 var(--pad);min-height:min(74vh,800px)}.project-description{padding:90px var(--pad);display:grid;grid-template-columns:1fr 1fr;gap:70px}.project-description h2{font-family:'Barlow Condensed';font-size:60px;margin:0}.project-description p{max-width:620px;font-size:20px;line-height:1.55;color:#bbb;margin:0}.media-layout{padding:0 var(--pad) 100px;display:grid;gap:24px}.media-large{aspect-ratio:16/9;min-height:unset}.media-two{display:grid;grid-template-columns:1fr 1fr;gap:24px}.media-square{aspect-ratio:1/1;min-height:unset}.media-portrait{aspect-ratio:4/5;min-height:unset}.project-pagination{border-top:1px solid #252525;border-bottom:1px solid #252525;padding:28px var(--pad);display:flex;justify-content:space-between;font-size:10px;letter-spacing:.1em}.studio-grid{display:grid;grid-template-columns:1.15fr .85fr}.studio-image{min-height:75vh;border-left:0}.studio-copy{padding:clamp(55px,7vw,110px) var(--pad);align-self:center}.studio-copy h2{font-family:'Barlow Condensed';font-size:clamp(60px,8vw,120px);line-height:.82;margin:0 0 35px}.studio-copy>p{font-size:18px;line-height:1.55;color:#bcbcbc}.values{margin-top:45px;border-top:1px solid #303030}.values span{display:block;padding:14px 0;border-bottom:1px solid #303030;font-size:11px;letter-spacing:.1em}.services-list{padding:0 var(--pad) 120px}.service-row{display:grid;grid-template-columns:60px minmax(220px,.9fr) 1.2fr 30px;gap:25px;align-items:center;border-top:1px solid #2c2c2c;padding:34px 0}.service-row:last-child{border-bottom:1px solid #2c2c2c}.service-row>span{color:#666;font-size:10px}.service-row h2{font-family:'Barlow Condensed';font-size:clamp(40px,5vw,72px);margin:0}.service-row p{color:#aaa;line-height:1.5;margin:0}.service-row b{font-size:22px}.site-footer{border-top:1px solid #272727}.footer-contact{padding:clamp(70px,9vw,130px) var(--pad);display:grid;grid-template-columns:1fr 1fr;gap:8vw}.footer-title-wrap h2{font-family:'Barlow Condensed';font-size:clamp(60px,8vw,120px);line-height:.85;margin:0}.footer-copy{color:#999}.contact-form{display:flex;flex-direction:column;gap:22px;align-self:start}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.contact-form input,.contact-form textarea{width:100%;background:transparent;color:#fff;border:0;border-bottom:1px solid #4a4a4a;padding:15px 2px;font:500 12px Inter;letter-spacing:.07em;outline:none}.contact-form textarea{resize:vertical}.contact-form input:focus,.contact-form textarea:focus{border-color:#fff}.contact-form .text-button{background:none;color:#fff;border-width:0 0 1px;cursor:pointer;margin-top:12px;align-self:flex-end}.hp{position:absolute!important;left:-9999px!important}.footer-bottom{padding:45px var(--pad) 26px;border-top:1px solid #272727}.footer-logo{width:min(520px,72vw);display:block;margin-bottom:50px}.footer-meta{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.07em}.socials{display:flex;gap:25px}.copyright{margin-top:50px;color:#5a5a5a;font-size:9px;letter-spacing:.1em}.thank-you{min-height:70vh}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:800px){.site-header{height:86px}.brand img{width:135px}.menu-toggle{display:block}.main-nav{position:fixed;inset:86px 0 auto 0;background:#0a0a0a;border-top:1px solid #222;border-bottom:1px solid #222;display:none;flex-direction:column;align-items:flex-start;padding:28px var(--pad);gap:22px}.main-nav.open{display:flex}.intro{padding-top:70px}.display{font-size:clamp(65px,22vw,118px)}.intro-home .display{font-size:clamp(54px,16vw,92px)}.intro-grid{grid-template-columns:1fr;gap:35px}.text-button{justify-self:start}.project-row{grid-template-columns:35px 1fr}.project-info{grid-column:2}.project-grid{grid-template-columns:1fr}.project-card:nth-child(3n+1){grid-column:auto}.project-card:not(:nth-child(3n+1)) .ratio-wide,.ratio-wide{aspect-ratio:4/5}.manifesto{grid-template-columns:1fr;gap:38px}.manifesto h2{font-size:22vw}.manifesto>p:last-child{font-size:17px}.project-description{grid-template-columns:1fr;padding-top:55px;padding-bottom:55px}.project-description h2{font-size:48px}.media-two{grid-template-columns:1fr}.project-pagination{gap:15px;flex-wrap:wrap}.project-pagination a:nth-child(2){order:3;width:100%;text-align:center}.studio-grid{grid-template-columns:1fr}.studio-image{min-height:60vh}.service-row{grid-template-columns:36px 1fr 25px}.service-row p{grid-column:2/4}.footer-contact{grid-template-columns:1fr;gap:55px}.form-row{grid-template-columns:1fr}.footer-meta{flex-direction:column;gap:18px}.socials{flex-wrap:wrap}.footer-logo{width:80vw}.project-detail-meta{gap:35px}}
/* ASAP full-screen video landing */
.home-with-video .site-header-overlay{position:absolute;top:0;left:0;right:0;background:transparent;border-bottom:0;z-index:30}.home-with-video .site-header-overlay .main-nav a{color:#fff;text-shadow:0 1px 12px rgba(0,0,0,.45)}
.video-hero{height:100svh;min-height:620px;position:relative;overflow:hidden;background:#000;display:flex;align-items:center;justify-content:center}.video-hero-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.video-hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.28) 0%,rgba(0,0,0,.08) 45%,rgba(0,0,0,.42) 100%)}.video-hero-content{position:relative;z-index:2;text-align:center;display:flex;flex-direction:column;align-items:center;transform:translateY(2vh)}.video-hero-logo{width:clamp(250px,34vw,590px);height:auto;display:block;filter:drop-shadow(0 3px 18px rgba(0,0,0,.35))}.video-hero-tagline{margin:24px 0 0;font-family:Inter,Arial,sans-serif;font-size:clamp(12px,1.05vw,17px);font-weight:600;line-height:1.45;letter-spacing:.22em;text-transform:uppercase;text-shadow:0 2px 14px rgba(0,0,0,.5)}.hero-instagram{position:absolute;z-index:3;left:var(--pad);bottom:34px;display:flex;align-items:center;gap:10px;font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.hero-instagram svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7}.hero-instagram:hover span{border-bottom-color:#fff}.hero-instagram span{padding-bottom:3px;border-bottom:1px solid transparent}.hero-scroll{position:absolute;z-index:3;right:var(--pad);bottom:30px;display:flex;align-items:center;gap:13px;font-size:9px;letter-spacing:.15em;writing-mode:vertical-rl}.hero-scroll b{font-size:18px;font-weight:400}.home-projects{padding-top:clamp(45px,6vw,90px)}
@media(max-width:800px){.home-with-video .site-header-overlay{height:86px}.home-with-video .site-header-overlay .main-nav{background:#0a0a0a}.video-hero{min-height:560px}.video-hero-logo{width:min(72vw,390px)}.video-hero-tagline{font-size:11px;letter-spacing:.17em;margin-top:18px}.hero-instagram{bottom:24px}.hero-instagram span{display:none}.hero-scroll{bottom:22px}}

/* Full-screen contact panel */
body.contact-open{overflow:hidden}.contact-overlay{position:fixed;inset:0;z-index:1000;background:#0A0A0A;color:#fff;overflow-y:auto;opacity:0;visibility:hidden;transform:translateY(-18px);transition:opacity .28s ease,transform .35s ease,visibility .35s}.contact-overlay.is-open{opacity:1;visibility:visible;transform:none}.contact-close{position:fixed;right:clamp(22px,4vw,64px);top:28px;z-index:1002;width:48px;height:48px;border:1px solid #4b4b4b;border-radius:50%;background:#0A0A0A;color:#fff;font:300 32px/1 Inter;cursor:pointer}.contact-close:hover{background:#fff;color:#0A0A0A}.contact-overlay-inner{width:min(920px,calc(100% - 44px));margin:0 auto;padding:clamp(100px,12vh,145px) 0 65px}.contact-kicker{display:flex;align-items:center;justify-content:center;gap:10px;color:#777;font-size:11px;letter-spacing:.13em;margin-bottom:24px}.contact-kicker span{width:7px;height:7px;border-radius:50%;background:#fff}.contact-overlay h2{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:clamp(78px,10vw,150px);line-height:.75;letter-spacing:-.035em;text-align:center;margin:0}.contact-lead{text-align:center;color:#8f8f8f;font-size:clamp(15px,1.5vw,20px);margin:38px 0 58px}.overlay-form{display:flex;flex-direction:column}.overlay-form label{font-size:10px;letter-spacing:.12em;color:#858585;padding-top:22px}.overlay-form input,.overlay-form textarea{display:block;width:100%;background:transparent;border:0;border-bottom:1px solid #292929;color:#fff;padding:16px 0 20px;font:400 clamp(16px,1.6vw,20px) Inter;outline:none;resize:none}.overlay-form input:focus,.overlay-form textarea:focus{border-color:#fff}.overlay-submit{align-self:center;margin:50px 0 65px;min-width:220px;padding:16px 32px;border:1px solid #fff;border-radius:999px;background:#fff;color:#0A0A0A;font:600 11px Inter;letter-spacing:.1em;cursor:pointer}.overlay-submit:hover{background:#0A0A0A;color:#fff}.contact-social{border-top:1px solid #242424;padding-top:35px;text-align:center;color:#555;font-size:9px;letter-spacing:.12em}.contact-social>a{margin:20px auto 0;display:inline-flex;align-items:center;gap:12px;color:#fff}.contact-social svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.5}.contact-social b{font-size:11px;letter-spacing:.05em}@media(max-width:800px){.contact-overlay-inner{padding-top:110px}.contact-overlay h2{font-size:23vw}.contact-lead{margin:28px auto 35px;max-width:300px}.contact-close{top:19px;width:42px;height:42px}.overlay-submit{margin:38px 0 50px}}
/* v4 stability + requested landing */
body.home-with-video{overflow-x:hidden}.home-with-video main{min-height:100vh}.home-with-video .site-header-overlay{position:absolute!important;inset:0 0 auto 0!important;width:100%!important;height:100px!important;background:transparent!important;border:0!important;z-index:50!important}.video-hero{width:100%;height:100vh;height:100svh;min-height:600px;position:relative;overflow:hidden;background:#000}.video-hero-media{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:center center!important;display:block!important}.video-hero-overlay{background:linear-gradient(180deg,rgba(0,0,0,.34),rgba(0,0,0,.16) 48%,rgba(0,0,0,.52))}.video-hero-content{position:absolute;inset:0;z-index:4;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:110px 20px 90px;transform:none}.video-hero-logo{width:clamp(280px,38vw,610px);max-width:82vw}.creative-studio-lockup{font:500 clamp(15px,1.7vw,25px) Inter,sans-serif;letter-spacing:.48em;margin:8px 0 0;padding-left:.48em}.video-hero-tagline{margin:32px 0 0;font-size:clamp(11px,1vw,15px);letter-spacing:.18em;line-height:1.3}.hero-socials{display:flex;align-items:flex-start;justify-content:center;gap:42px;margin-top:38px}.hero-socials a{display:flex;flex-direction:column;align-items:center;gap:10px;font-size:10px;letter-spacing:.06em}.hero-socials svg,.contact-social-links svg{width:48px;height:48px;padding:12px;border:1px solid rgba(255,255,255,.6);border-radius:50%;fill:none;stroke:#fff;stroke-width:1.5}.hero-socials a:hover svg{background:#fff;stroke:#000}.contact-overlay{display:block!important}.contact-overlay:not(.is-open){pointer-events:none}.contact-overlay.is-open{pointer-events:auto}.contact-overlay-inner{max-width:900px}.contact-overlay h2{font-size:clamp(72px,9vw,138px);line-height:.82}.contact-social-links{display:flex;justify-content:center;gap:22px;margin-top:20px}.contact-social-links a{display:flex;flex-direction:column;align-items:center;gap:8px}.contact-social-links b{font-size:9px;color:#aaa}.contact-social-links svg{width:44px;height:44px;padding:11px}.site-footer .footer-contact{display:none}
@media(max-width:800px){.home-with-video .site-header-overlay{height:82px!important}.video-hero-content{padding-top:95px}.creative-studio-lockup{font-size:12px;letter-spacing:.34em;padding-left:.34em}.video-hero-tagline{max-width:320px;margin-top:25px}.hero-socials{gap:25px;margin-top:30px}.hero-socials a span{font-size:8px}.hero-socials svg{width:44px;height:44px}.hero-scroll{display:none}.contact-overlay h2{font-size:20vw}.contact-social-links{gap:16px}}

/* v5 hero: logo + icon-only social buttons */
.video-hero-content{padding-top:100px}
.video-hero-logo{width:clamp(320px,42vw,680px);max-width:84vw}
.hero-socials{margin-top:38px;gap:28px;align-items:center}
.hero-socials a{width:58px;height:58px;border:1px solid rgba(255,255,255,.72);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s ease,transform .2s ease}
.hero-socials a svg{width:25px;height:25px;padding:0;border:0;border-radius:0}
.hero-socials a:hover{background:#fff;transform:translateY(-2px)}
.hero-socials a:hover svg{background:transparent;stroke:#000}
.home-with-video .main-nav .js-contact-open{border:1px solid rgba(255,255,255,.75);padding:13px 18px;color:#fff}
.home-with-video .main-nav .js-contact-open:hover{background:#fff;color:#0a0a0a;text-shadow:none}
@media(max-width:800px){.video-hero-logo{width:min(78vw,440px)}.hero-socials{margin-top:30px}.hero-socials a{width:52px;height:52px}.hero-socials a svg{width:23px;height:23px}.home-with-video .main-nav .js-contact-open{padding:0;border:0}}

/* v6: on the homepage the centered hero logo is the only ASAP mark. Internal pages keep the clickable header logo. */
.home-brand-spacer{width:164px;height:1px;display:block;flex:0 0 164px}
@media(max-width:800px){.home-brand-spacer{width:135px;flex-basis:135px}}

/* v7 — online quote request */
.budget-nav{border:1px solid rgba(255,255,255,.65);padding:13px 17px!important;color:#fff!important}.budget-nav:hover,.budget-nav.active{background:#fff;color:#0a0a0a!important}.budget-page{padding:clamp(135px,13vw,190px) var(--pad) 120px;max-width:1500px;margin:auto}.budget-head{max-width:1050px;margin-bottom:90px}.budget-head h1,.budget-thanks h1{font-family:'Barlow Condensed';font-weight:900;font-size:clamp(78px,10vw,155px);line-height:.78;letter-spacing:-.035em;margin:0}.budget-head>p:last-child,.budget-thanks>p{max-width:650px;color:#999;font-size:clamp(16px,1.4vw,20px);line-height:1.55;margin:38px 0 0}.budget-form fieldset{border:0;border-top:1px solid #292929;margin:0;padding:42px 0 65px}.budget-form legend{width:100%;font:700 14px Inter;letter-spacing:.08em}.budget-form legend span{color:#666;margin-right:18px}.budget-grid{display:grid;gap:32px;margin-top:38px}.budget-grid.two{grid-template-columns:1fr 1fr}.budget-grid.three{grid-template-columns:2fr 1fr 1fr}.budget-form label{display:block;font-size:10px;letter-spacing:.11em;color:#858585}.budget-form input:not([type=checkbox]):not([type=file]),.budget-form textarea{display:block;width:100%;background:transparent;border:0;border-bottom:1px solid #333;color:#fff;padding:16px 0 19px;font:400 18px Inter;outline:0;resize:vertical}.budget-form input:focus,.budget-form textarea:focus{border-color:#fff}.budget-form small{display:block;margin-top:9px;color:#555;font-size:9px;line-height:1.4}.check-line{display:flex!important;align-items:center;gap:10px;margin-top:28px;cursor:pointer}.check-line input{accent-color:#fff}.choice-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:38px}.choice-grid.compact{grid-template-columns:repeat(3,1fr);margin-bottom:38px}.choice input{position:absolute;opacity:0;pointer-events:none}.choice span{min-height:66px;border:1px solid #333;display:flex;align-items:center;justify-content:center;text-align:center;padding:12px;color:#aaa;transition:.2s;cursor:pointer}.choice input:checked+span,.choice span:hover{background:#fff;color:#0a0a0a;border-color:#fff}.file-label{margin-top:0}.file-label input{position:absolute;opacity:0;width:1px;height:1px}.file-button{display:inline-flex;margin-top:16px;border:1px solid #555;border-radius:999px;padding:13px 20px;color:#fff;cursor:pointer}.file-label:hover .file-button{background:#fff;color:#000}.budget-submit-wrap{display:flex;justify-content:space-between;align-items:center;gap:40px;border-top:1px solid #292929;padding-top:48px}.budget-submit-wrap p{max-width:520px;color:#777;font-size:12px;line-height:1.6}.budget-submit{display:inline-flex;align-items:center;gap:28px;border:1px solid #fff;border-radius:999px;padding:18px 28px;background:#fff;color:#0a0a0a;font:700 11px Inter;letter-spacing:.08em;cursor:pointer}.budget-submit:hover{background:#0a0a0a;color:#fff}.budget-submit span{font-size:18px}.budget-thanks{min-height:75vh;padding:clamp(160px,15vw,230px) var(--pad) 100px;max-width:1400px;margin:auto}.budget-thanks .budget-submit{margin-top:45px}@media(max-width:1000px){.main-nav{gap:18px}.budget-nav{padding:11px 12px!important}.choice-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:800px){.budget-nav{border:0;padding:0!important}.budget-page{padding-top:120px}.budget-head{margin-bottom:60px}.budget-grid.two,.budget-grid.three{grid-template-columns:1fr}.choice-grid,.choice-grid.compact{grid-template-columns:1fr 1fr}.budget-submit-wrap{align-items:flex-start;flex-direction:column}.budget-submit{width:100%;justify-content:space-between}.budget-form fieldset{padding:32px 0 50px}}@media(max-width:480px){.choice-grid,.choice-grid.compact{grid-template-columns:1fr}}

/* v11 — audiovisual project gallery + technical case sheet */
.projects-showcase-head{padding:clamp(120px,13vw,190px) var(--pad) clamp(50px,6vw,85px);max-width:1500px;margin:auto}.projects-showcase-head h1{font-family:'Barlow Condensed';font-weight:900;font-size:clamp(82px,12vw,180px);line-height:.78;letter-spacing:-.035em;margin:0}.projects-showcase-head>p:last-child{max-width:650px;color:#8d8d8d;font-size:16px;line-height:1.55;margin:34px 0 0}.projects-showcase-grid{padding:0 var(--pad) clamp(100px,12vw,180px);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(200px,24vw);gap:12px}.showcase-card{min-width:0;overflow:hidden}.showcase-card-1{grid-column:span 2;grid-row:span 2}.showcase-card-2{grid-column:span 2}.showcase-card-3,.showcase-card-4{grid-column:span 1}.showcase-card-5{grid-column:span 2}.showcase-card-6{grid-column:span 1}.showcase-card-7{grid-column:span 2}.showcase-card-8{grid-column:span 1}.showcase-media,.home-work-media{position:relative;width:100%;height:100%;overflow:hidden;background:#121212;border:1px solid #202020}.showcase-media>img,.showcase-media>video,.home-work-media>img,.home-work-media>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease,opacity .25s ease}.showcase-media>video,.home-work-media>video{opacity:0;z-index:2}.has-preview:hover video{opacity:1}.has-preview:hover img{opacity:0}.has-preview:hover .preview-play{opacity:0}.showcase-card:hover img,.home-work-card:hover img{transform:scale(1.025)}.showcase-shade{position:absolute;inset:0;z-index:3;background:linear-gradient(180deg,rgba(0,0,0,.03) 40%,rgba(0,0,0,.76) 100%);pointer-events:none}.showcase-copy{position:absolute;left:22px;right:22px;bottom:20px;z-index:4}.showcase-category{display:block;font-size:9px;letter-spacing:.13em;color:#c8c8c8;margin-bottom:8px}.showcase-copy h2{font-family:'Barlow Condensed';font-weight:800;font-size:clamp(28px,3vw,52px);line-height:.86;letter-spacing:-.02em;margin:0;text-transform:uppercase}.showcase-copy p{font-size:10px;letter-spacing:.08em;color:#b3b3b3;margin:8px 0 0}.preview-play{position:absolute;z-index:4;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:58px;height:58px;border:1px solid rgba(255,255,255,.55);border-radius:50%;font-size:13px;padding-left:3px;background:rgba(0,0,0,.18);transition:opacity .2s}.showcase-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background-image:linear-gradient(135deg,transparent 48%,#1c1c1c 49%,#1c1c1c 51%,transparent 52%)}.showcase-placeholder span{font-family:'Barlow Condensed';font-weight:900;font-size:clamp(45px,6vw,90px);color:#242424}.showcase-placeholder small{font-size:8px;letter-spacing:.15em;color:#4f4f4f}.home-selected-work{padding:clamp(80px,9vw,130px) var(--pad)}.home-selected-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:28px}.home-selected-head .eyebrow{margin:0}.home-selected-head a{font-size:10px;letter-spacing:.1em;color:#9a9a9a}.home-selected-grid{display:grid;grid-template-columns:2fr 1fr 1fr;grid-auto-rows:clamp(300px,35vw,590px);gap:12px}.home-work-card{min-width:0}.home-work-card:nth-child(2),.home-work-card:nth-child(3){grid-column:span 1}.home-work-card .showcase-copy h2{font-size:clamp(30px,4.3vw,68px)}
.case-hero{position:relative;min-height:clamp(620px,88vh,950px);overflow:hidden;background:#000}.case-hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.case-hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.26) 0%,rgba(0,0,0,.15) 42%,rgba(0,0,0,.88) 100%)}.case-hero-content{position:absolute;z-index:2;left:var(--pad);right:var(--pad);bottom:clamp(55px,8vw,110px);max-width:1200px}.case-hero-content .eyebrow{color:#d3d3d3;margin-bottom:14px}.case-hero-content h1{font-family:'Barlow Condensed';font-weight:900;font-size:clamp(78px,12vw,185px);line-height:.75;letter-spacing:-.04em;text-transform:uppercase;margin:0;max-width:1100px}.case-subtitle{font-size:clamp(17px,1.8vw,28px);color:#d6d6d6;margin:22px 0 0}.case-sound{margin-top:28px;border:1px solid rgba(255,255,255,.55);border-radius:999px;background:rgba(0,0,0,.22);color:#fff;padding:11px 16px;font:600 9px Inter;letter-spacing:.11em;cursor:pointer}.case-sheet{padding:clamp(85px,10vw,145px) var(--pad);display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.25fr);gap:clamp(60px,9vw,150px);border-bottom:1px solid #252525}.case-section-label{font:600 10px Inter;letter-spacing:.13em;color:#808080;margin:0 0 28px}.case-facts{margin:0}.case-facts div{display:grid;grid-template-columns:140px 1fr;gap:28px;padding:20px 0;border-top:1px solid #2a2a2a}.case-facts div:last-child{border-bottom:1px solid #2a2a2a}.case-facts dt{font-size:9px;letter-spacing:.11em;color:#717171}.case-facts dd{margin:0;font-size:14px;line-height:1.45}.case-about>p:not(.case-section-label){font-size:clamp(21px,2vw,32px);line-height:1.45;color:#dedede;margin:0;max-width:760px}.case-about .case-placeholder-note{font-size:11px!important;color:#626262!important;margin-top:32px!important;max-width:590px!important}.case-media-section{padding:var(--pad)}.case-video-frame{background:#000;aspect-ratio:16/9;overflow:hidden}.case-video-frame video{width:100%;height:100%;object-fit:contain;background:#000;display:block}
@media(max-width:1000px){.projects-showcase-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:minmax(220px,42vw)}.showcase-card-1{grid-column:span 2;grid-row:span 1}.showcase-card-2,.showcase-card-5,.showcase-card-7{grid-column:span 2}.home-selected-grid{grid-template-columns:1fr 1fr;grid-auto-rows:48vw}.home-work-card:first-child{grid-column:span 2}.case-sheet{grid-template-columns:1fr}}
@media(max-width:700px){.projects-showcase-grid{grid-template-columns:1fr;grid-auto-rows:72vw;gap:10px}.projects-showcase-grid .showcase-card{grid-column:span 1!important;grid-row:span 1!important}.showcase-copy{left:16px;right:16px;bottom:15px}.showcase-copy h2{font-size:38px}.preview-play{width:48px;height:48px}.home-selected-grid{grid-template-columns:1fr;grid-auto-rows:70vw}.home-work-card:first-child{grid-column:span 1}.case-hero{min-height:74vh}.case-hero-content h1{font-size:22vw}.case-sheet{padding-top:70px;padding-bottom:70px;gap:60px}.case-facts div{grid-template-columns:100px 1fr}.case-media-section{padding:12px}}