@font-face{font-family:Anton;src:url('../../public/fonts/anton-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Oswald;src:url('../../public/fonts/oswald-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Bodoni;src:url('../../public/fonts/bodonimoda-400.woff2') format('woff2');font-weight:400;font-display:swap}
:root{--red:#ef3034;--paper:#eeeae6;--muted:#a9a4a2;--line:#302c2d;--surface:#121112;--edge:clamp(22px,5vw,88px);color-scheme:dark;--sans:Arial,Helvetica,sans-serif;--display:Anton,Impact,sans-serif;--label:Oswald,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#090909;color:var(--paper);font:16px/1.65 var(--sans);-webkit-font-smoothing:antialiased}body.menu-open,body:has(dialog[open]){overflow:hidden}::selection{background:var(--red);color:#fff}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{color:inherit}button,a{touch-action:manipulation}button{cursor:pointer}img{display:block;max-width:100%;height:auto}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--red);outline-offset:6px}p,h1,h2,h3{margin-top:0}p{max-width:65ch}h1,h2,h3{font-weight:400}h1,h2{font-family:var(--display);line-height:1.05;text-transform:uppercase}h1{font-size:clamp(3.8rem,10.4vw,10rem);letter-spacing:-.025em}h2{font-size:clamp(2.7rem,5.3vw,5.5rem)}h3{font-size:clamp(1.45rem,2.3vw,2.1rem);line-height:1.2}em.editorial{font-family:Bodoni,Georgia,serif;font-weight:400;text-transform:none;color:var(--red)}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip{position:fixed;top:8px;left:20px;z-index:300;background:var(--red);padding:12px 20px;transform:translateY(-160%)}.skip:focus{transform:none}.wrap{max-width:1600px;margin:auto;padding-inline:var(--edge)}.eyebrow,.label{font:400 .875rem/1.6 var(--label);text-transform:uppercase;letter-spacing:.18em}.eyebrow{color:var(--red);margin-bottom:24px}.muted,.intro{color:var(--muted)}.intro{font-size:clamp(1rem,1.6vw,1.25rem);max-width:47ch}.site-header{height:96px;display:flex;align-items:center;gap:30px;border-bottom:1px solid var(--line);padding-inline:var(--edge);position:relative;z-index:100;background:#090909}.brand{font:2.65rem/1 var(--display);letter-spacing:-.04em}.brand-dot{color:var(--red)}.brand-role{font:12px/1.6 var(--label);color:var(--muted);letter-spacing:.08em;text-transform:uppercase;border-left:1px solid var(--line);padding-left:24px}.site-nav{margin-left:auto;display:flex;align-items:center;gap:30px;font:14px var(--label);letter-spacing:.09em;text-transform:uppercase}.site-nav a{padding:10px 0;position:relative}.site-nav a:after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--red);transition:width .25s}.site-nav a:hover:after,.site-nav [aria-current=page]:after{width:100%}.site-nav .nav-contact{border:1px solid #6b3032;padding:12px 20px}.menu-toggle{display:none;margin-left:auto;background:none;border:1px solid var(--line);padding:10px 16px}.page-hero{padding-block:90px 65px;position:relative}.page-hero h1{margin-bottom:25px}.hero-bottom{display:flex;justify-content:space-between;align-items:end;gap:40px}.hero-bottom p{margin-bottom:0}.index-mark{font:13px var(--label);letter-spacing:.18em;color:var(--muted);white-space:nowrap}.section{padding-block:90px;border-top:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:42px}.section-heading h2{margin-bottom:0}.text-link{font:14px var(--label);text-transform:uppercase;letter-spacing:.12em;border-bottom:1px solid var(--red);padding-bottom:8px}.text-link:hover{color:var(--red)}.arrow{display:inline-block;margin-left:12px;transition:transform .25s}a:hover .arrow,button:hover .arrow{transform:translate(3px,-3px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:52px;padding:16px 25px;border:1px solid var(--red);background:var(--red);color:#fff;font:14px var(--label);letter-spacing:.13em;text-transform:uppercase;transition:background .2s,transform .2s}.btn:hover{background:#ca2429;transform:translateY(-2px)}.btn.secondary{background:transparent;border-color:#4e4849}.btn.secondary:hover{border-color:var(--paper);background:#1a1718}.actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}.filter-bar{position:sticky;top:0;z-index:10;display:flex;gap:10px;align-items:center;padding:20px 0;background:#090909f5;border-block:1px solid var(--line);flex-wrap:wrap}.filter{background:transparent;border:1px solid transparent;padding:10px 17px;font:14px var(--label);letter-spacing:.06em}.filter:hover{border-color:#605051}.filter[aria-pressed=true]{background:var(--paper);color:#111}.work-count{margin-left:auto;font:13px var(--label);color:var(--muted)}.work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:60px 35px;padding-block:44px 90px}.work-card{min-width:0}.work-card[hidden]{display:none}.work-card:nth-child(4n+2){padding-top:80px}.card-image{overflow:hidden;position:relative;background:var(--surface);aspect-ratio:4/3}.card-image img{width:100%;height:100%;object-fit:contain;transition:transform .65s cubic-bezier(.2,.7,.2,1),filter .5s}.work-card a:hover img{transform:scale(1.045);filter:brightness(1.1)}.card-arrow{position:absolute;right:18px;bottom:18px;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#141212e8;border:1px solid #716362;color:white;font-size:22px;transition:background .25s}.work-card a:hover .card-arrow{background:var(--red);border-color:var(--red)}.card-meta{display:flex;align-items:start;justify-content:space-between;gap:20px;padding-top:20px}.card-meta h2,.card-meta h3{font:clamp(1.5rem,2.5vw,2.1rem)/1.2 var(--label);text-transform:none;letter-spacing:0;margin:0 0 8px}.card-meta p{font-size:14px;color:var(--muted);margin:0}.card-index{font:12px var(--label);letter-spacing:.12em;color:var(--red);padding-top:7px}.tag{font:12px var(--label);letter-spacing:.08em;color:var(--muted);text-transform:uppercase}.breadcrumb{font-size:14px;color:var(--muted);display:flex;gap:12px;flex-wrap:wrap;margin-bottom:40px}.breadcrumb a:hover{color:white}.project-hero{padding-block:55px 55px}.project-hero h1{font-size:clamp(3rem,8.7vw,8.4rem);overflow-wrap:anywhere;margin-bottom:35px}.project-topline{display:flex;justify-content:space-between;gap:35px;align-items:end}.project-tagline{font:italic clamp(1.6rem,3.2vw,3.1rem)/1.2 Bodoni,Georgia,serif;max-width:23ch;margin:0}.project-meta{display:flex;gap:55px;margin:0}.project-meta dt{font:12px var(--label);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.project-meta dd{margin:9px 0 0;font-size:14px}.project-cover{background:#111;max-height:760px;overflow:hidden}.project-cover img{width:100%;max-height:760px;object-fit:contain}.project-story{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px}.project-story h2{font-size:clamp(2.5rem,4.5vw,4.5rem)}.project-story .intro{max-width:60ch}.project-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;align-items:start}.artwork{margin:0;background:#111;min-width:0}.artwork button{width:100%;display:block;border:0;padding:0;background:none;overflow:hidden}.artwork img{width:100%;max-height:830px;object-fit:contain;transition:filter .3s}.artwork button:hover img{filter:brightness(1.1)}.artwork figcaption{display:flex;justify-content:space-between;gap:16px;padding:17px 20px;font:13px var(--label);letter-spacing:.06em;color:var(--muted)}.artwork.full-page{grid-column:1/-1}.full-page .web-scroll{max-height:680px;overflow:auto;scrollbar-color:var(--red) #171717}.full-page img{max-height:none}.video-piece{grid-column:1/-1;background:#111;padding:clamp(16px,3vw,40px)}.video-piece video{width:100%;max-height:720px;display:block}.video-piece p{margin:20px 0 0}.next-project{display:flex;align-items:center;justify-content:space-between;gap:25px}.next-project h2{margin-bottom:0}.next-project .big-arrow{font-size:clamp(40px,7vw,90px);color:var(--red)}.lightbox{width:min(1400px,96vw);height:94dvh;max-width:none;max-height:none;border:1px solid var(--line);padding:64px 25px 25px;background:#101010;color:var(--paper)}.lightbox::backdrop{background:#000e}.lightbox img{max-width:100%;max-height:none;margin:auto}.lightbox-scroll{height:100%;overflow:auto}.lightbox-bar{position:absolute;top:12px;left:24px;right:20px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:14px}.lightbox-bar button{background:#262122;border:1px solid #655;padding:8px 16px}.services-list{border-top:1px solid var(--line)}.service-row{display:grid;grid-template-columns:70px 1.1fr 1fr 45px;gap:35px;padding:42px 0;border-bottom:1px solid var(--line);align-items:center;transition:padding .25s,color .25s}.service-row:hover{padding-inline:14px;color:var(--red)}.service-number{color:var(--red);font:14px var(--label)}.service-row h2{font:clamp(1.8rem,3vw,3.1rem)/1.15 var(--label);text-transform:none;margin:0}.service-row p{font-size:16px;line-height:1.6;color:var(--muted);margin:0}.service-row .arrow{font-size:26px}.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(35px,6vw,110px);align-items:start}.deliverables{list-style:none;margin:0;padding:0}.deliverables li{display:flex;gap:24px;padding:22px 0;border-bottom:1px solid var(--line);font-size:18px}.deliverables li span{color:var(--red);font:13px var(--label);padding-top:6px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:35px}.step{border-top:1px solid #6a3335;padding-top:24px}.step .label{color:var(--red)}.step h3{margin:24px 0 16px;font-family:var(--label)}.step p{font-size:16px;color:var(--muted)}.faq details{border-bottom:1px solid var(--line);padding:25px 0}.faq summary{cursor:pointer;font:1.2rem var(--label);padding-right:30px}.faq details p{color:var(--muted);padding-top:24px;margin-bottom:0}.about-statement{font:clamp(1.9rem,3.6vw,3.6rem)/1.3 var(--label);max-width:26ch}.about-art{aspect-ratio:4/4.2;background:#080808;position:relative;overflow:hidden;border-bottom:1px solid #672327}.about-art img{height:100%;width:100%;object-fit:cover;object-position:50% 50%}.about-art figcaption{position:absolute;bottom:25px;left:25px;font:14px var(--label);letter-spacing:.13em}.about-bio p{color:var(--muted);font-size:18px}.about-bio h2{margin-top:40px}.capability-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.capability-tags span{border:1px solid var(--line);padding:10px 15px;font-size:14px}.industry-line{font:clamp(1.7rem,3vw,2.8rem)/1.65 var(--label);color:#c7bfc0;max-width:1000px}.industry-line span{color:var(--red);padding-inline:13px}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(40px,7vw,120px)}.contact-details{padding-block:15px}.contact-link{display:block;margin-bottom:34px}.contact-link .label{display:block;color:var(--muted);margin-bottom:12px}.contact-link strong{font:clamp(1.1rem,2.15vw,2rem)/1.4 var(--label);overflow-wrap:anywhere}.contact-link:hover strong{color:var(--red)}.contact-note{padding-top:25px;border-top:1px solid var(--line)}.brief-form{padding:clamp(22px,4vw,48px);border:1px solid var(--line);background:#111}.brief-form h2{font:2rem var(--label);text-transform:none}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.field{display:grid;gap:9px;margin-bottom:23px}.field label{font-size:14px;color:#d1c9ca}.field input,.field select,.field textarea{width:100%;min-height:48px;padding:12px 14px;background:#181617;border:1px solid #4b4244;border-radius:0;color:white}.field textarea{resize:vertical;min-height:140px}.field input::placeholder,.field textarea::placeholder{color:#a59b9e}.field-wide{grid-column:1/-1}.form-note{font-size:13px;color:var(--muted);margin-top:20px}.form-status{font-size:14px;color:#ddd;margin-top:20px}.form-status:empty{display:none}.site-cta{padding-block:80px;border-top:1px solid var(--line);background:radial-gradient(ellipse at 95% 100%,#35101488,transparent 55%)}.site-cta .wrap{display:flex;align-items:end;justify-content:space-between;gap:35px}.site-cta h2{margin:0;max-width:12ch}.site-cta .eyebrow{margin-bottom:20px}.site-footer{padding:40px var(--edge) 24px;border-top:1px solid var(--line)}.footer-top,.footer-bottom{display:flex;justify-content:space-between;gap:30px;align-items:center}.footer-top{padding-bottom:40px}.footer-links{display:flex;gap:30px;flex-wrap:wrap;font-size:14px}.footer-bottom{font:12px var(--label);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding-top:20px;border-top:1px solid var(--line)}.footer-bottom p{margin:0}.legal{max-width:900px;padding-block:80px}.legal h1{font-size:clamp(3rem,7vw,6rem)}.legal h2{font:1.6rem var(--label);text-transform:none;margin-top:35px}.legal p{color:var(--muted)}.home-content{position:relative;z-index:3;background:#090909;font-family:var(--sans)}.home-content .work-grid{grid-template-columns:repeat(3,minmax(0,1fr));padding-bottom:0;gap:24px}.home-content .work-card:nth-child(4n+2){padding-top:0}.home-content .section{border-top:0}.home-content .card-meta h3{font-size:1.5rem}.home-content .intro{font-family:var(--sans)}.home-services{padding-bottom:60px}.home-profile{display:grid;grid-template-columns:1fr 1fr;gap:60px}.home-profile h2{max-width:12ch}.home-profile .intro{padding-top:8px}.home-shortcuts{position:fixed;right:24px;bottom:22px;z-index:90;display:flex;gap:2px;background:#0b090ae8;border:1px solid #613337;padding:5px}.home-shortcuts a{font:13px var(--label);text-transform:uppercase;letter-spacing:.09em;padding:10px 15px}.home-shortcuts a:last-child{background:#d9272d}.home-shortcuts a:hover{color:#fff;background:#942328}.home-skip{z-index:200}.no-results{padding:40px 0}.reveal{animation:rise-in .7s both}@keyframes rise-in{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}
@media(min-width:1600px){.site-header,.site-footer{padding-inline:max(var(--edge),calc((100vw - 1424px)/2))}}
@media(max-width:1000px){.brand-role{display:none}.site-nav{gap:20px}.service-row{grid-template-columns:40px 1fr 1fr 30px;gap:20px}.project-topline{align-items:start;flex-direction:column}.project-meta{gap:40px}.steps{grid-template-columns:repeat(2,1fr)}.work-card:nth-child(4n+2){padding-top:45px}.home-content .work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){h1{font-size:clamp(3.4rem,14vw,6rem)}.site-header{height:78px}.menu-toggle{display:block}.site-nav{display:none;position:absolute;top:77px;left:0;right:0;background:#111;border-bottom:1px solid var(--line);padding:25px var(--edge);flex-direction:column;align-items:stretch;gap:13px}.site-nav.is-open{display:flex}.site-nav a{font-size:20px}.page-hero{padding-block:60px 40px}.hero-bottom{align-items:start;flex-direction:column;gap:25px}.section{padding-block:60px}.section-heading{align-items:start;flex-direction:column}.work-grid{grid-template-columns:1fr;gap:38px;padding-bottom:60px}.work-card:nth-child(4n+2){padding-top:0}.filter-bar{gap:3px;padding-block:12px}.filter{padding:8px 10px;font-size:13px;min-height:42px}.work-count{width:100%;padding-top:5px;margin:0}.project-hero{padding-top:32px}.project-hero h1{font-size:clamp(2.8rem,12vw,5.8rem)}.project-meta{gap:25px;flex-wrap:wrap}.project-story,.split,.contact-grid,.home-profile{grid-template-columns:1fr;gap:28px}.project-gallery{gap:16px}.artwork figcaption{padding:12px;font-size:12px;line-height:1.5}.artwork.full-page{grid-column:1/-1}.full-page .web-scroll{max-height:65svh}.service-row{grid-template-columns:27px 1fr 25px;gap:14px;padding-block:30px}.service-row p{grid-column:2;grid-row:2}.service-row .arrow{grid-column:3;grid-row:1}.service-row h2{font-size:1.65rem}.steps{gap:25px}.step h3{font-size:1.4rem}.site-cta{padding-block:60px}.site-cta .wrap{align-items:start;flex-direction:column}.site-footer{padding-bottom:90px}.footer-top,.footer-bottom{flex-direction:column;align-items:start;gap:25px}.footer-links{gap:22px}.form-grid{grid-template-columns:1fr;gap:0}.form-grid .field-wide{grid-column:auto}.brief-form{padding:22px}.home-content .work-grid{grid-template-columns:1fr}.home-shortcuts{right:12px;bottom:12px}.home-shortcuts a{font-size:12px;padding:9px 12px}.home-profile{gap:10px}.about-art{margin:0}.lightbox{padding:65px 12px 15px}.lightbox-bar{left:15px;font-size:12px}.project-story .intro{font-size:17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.card-image img{transform:none!important}}

/* Keep intrinsic media proportions and give touch controls room to breathe. */
.video-piece video{height:auto;max-width:100%;object-fit:contain;background:#000}
.page-hero h1,.section-heading h2,.site-cta h2{overflow-wrap:anywhere}
.home-shortcuts{bottom:calc(12px + env(safe-area-inset-bottom))}
.home-shortcuts a{min-height:44px;display:flex;align-items:center}
@media(max-width:700px){
  .about-art{aspect-ratio:1816/866}
  .about-art img{object-fit:contain}
  .about-art figcaption{position:static;padding:15px 20px;background:#0b0909}
  .about-art:has(figcaption){aspect-ratio:auto;overflow:visible}
  .about-art:has(figcaption) img{height:auto;aspect-ratio:1816/866}
  .site-nav{max-height:calc(100dvh - 78px);overflow-y:auto;overscroll-behavior:contain}
  .next-project h2{font-size:clamp(2rem,9vw,3.5rem);overflow-wrap:anywhere}
}
@media(max-width:480px){
  .project-gallery{grid-template-columns:1fr}
  .steps{grid-template-columns:1fr}
  .brief-form .btn{width:100%;gap:10px;padding-inline:12px}
  .home-shortcuts{left:12px;right:12px;justify-content:center}
  .home-shortcuts a{justify-content:center;flex:1;padding:9px 8px}
}
