:root{--black:#0b0b0d;--panel:#171719;--paper:#f2f0eb;--white:#f5f5f3;--muted:#a6a6a6;--red:#b51f2b;--ink:#141414;--edge:rgba(245,245,243,.16);--gutter:clamp(22px,6.4vw,100px);--sans:'Arial',sans-serif;--display:'Arial',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--black);color:var(--white);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font:inherit}.skip-link{position:fixed;top:8px;left:8px;z-index:100;background:var(--paper);color:var(--ink);padding:12px 16px;transform:translateY(-150%)}.skip-link:focus{transform:none}.site-header{height:82px;position:sticky;top:0;z-index:10;margin-bottom:-82px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--gutter);border-bottom:1px solid rgba(255,255,255,.14);background:rgba(11,11,13,.86);backdrop-filter:blur(14px)}.wordmark{display:inline-flex;align-items:center;position:relative;font:800 15px var(--display);letter-spacing:.09em}.wordmark span{font-weight:500;margin-left:5px}.wordmark i{width:5px;height:5px;border-radius:50%;background:var(--red);margin-left:5px;align-self:flex-start;margin-top:1px}.site-nav{display:flex;gap:clamp(24px,3.5vw,54px);align-items:center}.site-nav a{font-size:12px;color:#dededb;letter-spacing:.04em;transition:color .2s}.site-nav a:hover,.site-nav a:focus-visible{color:#fff}.menu-toggle{display:none}
.hero{min-height:700px;height:min(100svh,1000px);position:relative;overflow:hidden;background:#111}.hero-photo{position:absolute;inset:0 0 0 37%;}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center 38%;filter:contrast(1.04)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0b0b0d 0%,#0b0b0d 25%,rgba(11,11,13,.92) 39%,rgba(11,11,13,.1) 76%),linear-gradient(0deg,rgba(11,11,13,.6),transparent 30%)}.hero-copy{position:absolute;left:var(--gutter);top:50%;transform:translateY(-41%);z-index:1}.eyebrow,.section-label,.project-number,.gallery-count,.hero-index,.back-top{font-size:10px;letter-spacing:.16em;text-transform:uppercase}.eyebrow{display:flex;gap:10px;align-items:center;color:#d1d1ce;margin:0 0 23px}.red-dot{display:inline-block;width:7px;height:7px;background:var(--red);border-radius:50%;vertical-align:middle}.hero h1{font:800 clamp(90px,16vw,238px)/.77 var(--display);letter-spacing:-.095em;margin:0 0 27px;position:relative}.hero h1 span{color:transparent;-webkit-text-stroke:1px rgba(245,245,243,.84)}.hero-sub{font-size:14px;color:#c6c6c3;letter-spacing:.015em;margin:0 0 36px}.hero-actions{display:flex;align-items:center;gap:29px}.button{min-height:48px;padding:0 19px;display:inline-flex;align-items:center;gap:27px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em}.button-light{background:var(--paper);color:var(--ink);transition:background .2s,transform .2s}.button-light:hover{background:white;transform:translateY(-2px)}.button-light span{color:var(--red);font-size:17px}.text-link{font-size:11px;letter-spacing:.08em;text-transform:uppercase}.text-link span{margin-left:9px;color:var(--red);font-size:16px}.hero-index{position:absolute;right:var(--gutter);bottom:46px;color:#d4d4d1}.scroll-cue{position:absolute;bottom:0;left:50%;height:68px;width:30px;display:flex;justify-content:center}.scroll-cue span{width:1px;height:48px;background:rgba(255,255,255,.65)}
.section-pad{padding-left:var(--gutter);padding-right:var(--gutter)}.about{background:var(--paper);color:var(--ink);padding-top:clamp(90px,12vw,174px);padding-bottom:clamp(105px,14vw,200px)}.section-label{color:#777670}.section-label>span{color:var(--red);margin-right:8px}.about-body{display:grid;grid-template-columns:1.05fr 1fr;gap:8vw;align-items:end;margin-top:72px}.about h2{font:700 clamp(60px,9.3vw,132px)/.91 var(--display);letter-spacing:-.085em;margin:0}.about h2 em,.contact h2 em{font-style:normal;color:transparent;-webkit-text-stroke:1px #222}.about-text{max-width:520px;padding-bottom:7px}.about-text p{font-size:15px;line-height:1.85;color:#5f5e5a;margin:0 0 18px}.about-text p.lead{font-size:clamp(17px,1.6vw,21px);line-height:1.65;color:#191919}.about-text strong{color:#111}.about-note{display:flex;align-items:center;gap:12px;margin-top:35px;color:#777670;font-size:10px;text-transform:uppercase;letter-spacing:.14em}.note-line{width:28px;height:1px;background:var(--red)}
.projects{background:var(--black);padding-top:clamp(90px,12vw,164px);padding-bottom:clamp(100px,13vw,178px)}.projects-head h2,.gallery-head h2{font:700 clamp(56px,8.5vw,118px)/1 var(--display);letter-spacing:-.08em;margin:50px 0 13px}.projects-head h2 .red-dot,.gallery-head h2 .red-dot{width:10px;height:10px;margin:0 0 10px 9px}.projects-head>p,.gallery-head>p{font-size:13px;color:var(--muted);margin:0}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:54px}.project-card{min-height:420px;position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:26px 30px 27px;overflow:hidden;background:#202023;isolation:isolate;transition:transform .32s ease,background .32s}.project-card:hover{transform:translateY(-4px)}.project-card:focus-visible{outline:2px solid var(--red);outline-offset:3px}.project-card:before{content:"";position:absolute;z-index:-1;width:370px;height:370px;right:-85px;top:-130px;border:1px solid rgba(255,255,255,.09);border-radius:50%;transition:transform .45s}.project-card:hover:before{transform:scale(1.13)}.card-top{display:flex;justify-content:space-between;align-items:center}.project-number{color:rgba(255,255,255,.63);font-size:9px}.external{font-size:19px;color:rgba(255,255,255,.74);transition:transform .2s}.project-card:hover .external{transform:translate(3px,-3px)}.project-logo{position:absolute;top:48%;left:50%;transform:translate(-50%,-50%);width:min(54%,390px);max-height:115px;object-fit:contain}.logo-r48{width:min(52%,330px)}.logo-podcast{width:165px;max-height:165px}.card-bottom{position:relative;margin-top:auto}.card-bottom h3{font:700 22px var(--display);letter-spacing:-.04em;margin:0 0 7px}.card-bottom p{font-size:12px;color:rgba(255,255,255,.68);max-width:390px;line-height:1.55;margin:0 0 20px}.card-cta{border-top:1px solid rgba(255,255,255,.22);padding-top:15px;display:flex;justify-content:space-between;font-size:9px;text-transform:uppercase;letter-spacing:.14em}.card-cta b{font-size:15px;color:#fff}.card-r48{background:#17353a}.card-r48:before{border-color:rgba(137,211,209,.17)}.card-parchant{background:#25201f}.card-parchant:before{border-color:rgba(255,255,255,.1)}.card-vopecburt{background:#30302b}.card-vopecburt:before{border-color:rgba(218,195,144,.18)}.card-podcast{background:#1e1d21}.card-podcast:before{border-color:rgba(255,255,255,.12)}
.gallery{background:var(--paper);color:var(--ink);padding-top:clamp(90px,11vw,158px);padding-bottom:clamp(90px,11vw,158px)}.gallery-head{display:flex;align-items:end;justify-content:space-between;gap:20px}.gallery-head h2{margin-top:45px;margin-bottom:0}.gallery-head>p{padding-bottom:13px;color:#696863}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-flow:dense;grid-auto-rows:clamp(115px,14vw,205px);gap:10px;margin-top:49px}.gallery-item{border:0;padding:0;position:relative;overflow:hidden;background:#d8d6d1;cursor:zoom-in}.gallery-item:nth-child(6n+1){grid-row:span 2}.gallery-item:nth-child(8n+3){grid-column:span 2}.gallery-item img{height:100%;width:100%;object-fit:cover;transition:transform .5s cubic-bezier(.2,.7,.2,1),filter .3s}.gallery-item:hover img,.gallery-item:focus-visible img{transform:scale(1.035);filter:contrast(1.04)}.gallery-item:focus-visible{outline:3px solid var(--red);outline-offset:2px;z-index:2}.gallery-item:after{content:"↗";position:absolute;right:12px;bottom:9px;color:white;font-size:18px;opacity:0;transition:opacity .2s;text-shadow:0 1px 6px #000}.gallery-item:hover:after,.gallery-item:focus-visible:after{opacity:1}.gallery-count{display:flex;align-items:center;gap:12px;color:#71706b;margin:25px 0 0}.gallery-count span{color:var(--ink);font-size:13px}.gallery-count i{width:25px;height:1px;background:var(--red)}
.contact{padding-top:clamp(90px,11vw,160px);padding-bottom:clamp(100px,13vw,188px);display:grid;grid-template-columns:1fr 2fr;gap:4vw}.contact-main h2{font:700 clamp(55px,8.6vw,120px)/.91 var(--display);letter-spacing:-.085em;margin:0 0 27px}.contact-main>p{color:var(--muted);font-size:14px;max-width:420px;line-height:1.7}.contact-links{display:flex;gap:30px;flex-wrap:wrap;margin-top:34px}.contact-links a{font-size:11px;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--edge);padding-bottom:8px}.contact-links span{color:var(--red);margin-left:12px}.site-footer{min-height:86px;border-top:1px solid var(--edge);display:flex;align-items:center;justify-content:space-between;padding:0 var(--gutter);color:#999;font-size:9px;letter-spacing:.15em}.site-footer .wordmark{color:white}.back-top{font-size:9px;color:#c2c2bf}.back-top:hover{color:#fff}
.lightbox{width:100%;height:100%;max-width:none;max-height:none;border:0;padding:20px 74px;background:rgba(8,8,9,.97);color:white}.lightbox::backdrop{background:rgba(0,0,0,.96)}.lightbox-bar{position:absolute;left:var(--gutter);right:var(--gutter);top:24px;display:flex;justify-content:space-between;align-items:center}.lightbox-counter{font-size:11px;letter-spacing:.12em}.lightbox-close{border:0;background:none;color:white;font-size:10px;letter-spacing:.14em;cursor:pointer}.lightbox-close b{font-size:23px;margin-left:9px;font-weight:400;vertical-align:-2px}.lightbox figure{height:100%;margin:30px 0 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.lightbox figure img{max-width:100%;max-height:calc(100% - 30px);object-fit:contain}.lightbox figcaption{font-size:11px;color:#aaa}.lightbox-prev,.lightbox-next{position:absolute;top:50%;transform:translateY(-50%);border:1px solid rgba(255,255,255,.4);border-radius:50%;color:white;background:transparent;width:42px;height:42px;font-size:20px;cursor:pointer}.lightbox-prev{left:20px}.lightbox-next{right:20px}.lightbox button:hover{background:rgba(255,255,255,.13)}
@media(min-width:1500px){.hero-copy{left:max(var(--gutter),calc((100vw - 1450px)/2))}.hero h1{font-size:238px}.gallery-grid{grid-auto-rows:205px}}
@media(max-width:900px){.hero{min-height:680px;height:88svh}.hero-photo{left:25%}.hero-shade{background:linear-gradient(90deg,#0b0b0d 0%,rgba(11,11,13,.94) 26%,rgba(11,11,13,.45) 62%,rgba(11,11,13,.08)),linear-gradient(0deg,rgba(11,11,13,.65),transparent 35%)}.hero h1{font-size:clamp(96px,18vw,170px)}.about-body{grid-template-columns:1fr;gap:44px;margin-top:52px}.about-text{max-width:650px}.project-card{min-height:385px;padding:23px}.project-logo{width:min(60%,340px)}.gallery-grid{grid-template-columns:repeat(3,1fr);grid-auto-rows:clamp(150px,22vw,220px)}}
@media(max-width:620px){:root{--gutter:22px}html{scroll-padding-top:78px}.site-header{height:68px;margin-bottom:-68px}.wordmark{font-size:13px}.menu-toggle{display:flex;width:44px;height:44px;border:0;background:transparent;flex-direction:column;align-items:center;justify-content:center;gap:6px;z-index:12}.menu-toggle span{width:21px;height:1px;background:white;transition:transform .2s}.menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.site-nav{position:absolute;display:none;top:68px;left:0;right:0;padding:12px var(--gutter) 25px;background:rgba(11,11,13,.98);border-bottom:1px solid var(--edge);flex-direction:column;align-items:stretch;gap:0}.site-nav.is-open{display:flex}.site-nav a{font-size:15px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.09)}.hero{height:88svh;min-height:650px;max-height:850px}.hero-photo{inset:0 0 0 0}.hero-photo img{object-position:62% center}.hero-shade{background:linear-gradient(90deg,rgba(11,11,13,.88) 0%,rgba(11,11,13,.28) 70%,rgba(11,11,13,.12)),linear-gradient(0deg,#0b0b0d 0%,rgba(11,11,13,.75) 12%,transparent 65%)}.hero-copy{top:auto;bottom:105px;transform:none}.eyebrow{font-size:9px;margin-bottom:20px}.hero h1{font-size:clamp(88px,21vw,132px);margin-bottom:19px}.hero-sub{font-size:12px;margin-bottom:26px;max-width:240px}.hero-actions{gap:20px}.button{min-height:45px;padding:0 14px;gap:17px;font-size:9px}.text-link{font-size:9px}.hero-index{right:var(--gutter);bottom:35px;font-size:8px}.scroll-cue{display:none}.about{padding-top:82px;padding-bottom:92px}.section-label{font-size:9px}.about-body{margin-top:45px;gap:34px}.about h2{font-size:clamp(64px,17vw,100px)}.about-text p{font-size:13px}.about-text p.lead{font-size:16px}.about-note{margin-top:25px}.projects{padding-top:83px;padding-bottom:92px}.projects-head h2,.gallery-head h2{font-size:clamp(58px,15vw,84px);margin-top:38px}.projects-head>p,.gallery-head>p{font-size:12px}.project-grid{grid-template-columns:1fr;gap:12px;margin-top:35px}.project-card{min-height:360px;padding:22px}.project-logo{top:45%;max-height:95px}.logo-podcast{width:130px;max-height:130px}.card-bottom h3{font-size:20px}.card-bottom p{font-size:11px}.gallery{padding-top:83px;padding-bottom:90px}.gallery-head{display:block}.gallery-head>p{padding:13px 0 0}.gallery-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:clamp(130px,40vw,205px);gap:6px;margin-top:30px}.gallery-item:nth-child(8n+3){grid-column:span 1}.gallery-item:nth-child(6n+1){grid-row:span 2}.gallery-count{font-size:8px;gap:9px;margin-top:20px}.contact{grid-template-columns:1fr;gap:45px;padding-top:84px;padding-bottom:94px}.contact-main h2{font-size:clamp(56px,14.5vw,83px)}.contact-main>p{font-size:13px}.contact-links{gap:20px;margin-top:25px}.contact-links a{font-size:10px}.site-footer{min-height:75px}.site-footer>span{font-size:8px}.back-top{font-size:8px}.lightbox{padding:22px 46px}.lightbox figure{margin-top:35px}.lightbox-prev{left:5px}.lightbox-next{right:5px}.lightbox-prev,.lightbox-next{width:34px;height:34px;font-size:17px}.lightbox-bar{left:22px;right:22px;top:23px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}