:root{--black:#050505;--white:#f5f5f3;--gray:#989898;--line:#303030;--soft:#151515}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--black);color:var(--white);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased}
a{color:inherit}
img{display:block;max-width:100%}
.wrap-wide{width:min(1480px,calc(100% - 48px));margin:auto}
.site-header{background:#050505;position:relative;z-index:20;border-bottom:1px solid #222}
.top-social{min-height:82px;display:flex;justify-content:flex-end;align-items:center}
.social-bar{display:flex;align-items:center;gap:18px}
.social-bar a{display:flex;align-items:center;justify-content:center;text-decoration:none}
.social-bar svg{width:46px;height:46px;fill:none;stroke:#fff;stroke-width:3;transition:.2s}
.social-bar svg path:not(.fill){fill:#fff;stroke:none}.social-bar svg .fill{fill:#fff;stroke:none}
.social-bar a:hover svg{transform:scale(1.12)}
.social-bar a span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.brand-row{display:flex;justify-content:center;padding:6px 20px 20px}
.brand img{width:178px;height:178px;object-fit:cover}
.nav-row{border-top:1px solid #222;display:flex;justify-content:center;min-height:58px}
.main-nav{display:flex;align-items:center;justify-content:center;gap:54px}
.main-nav a{font-size:12px;letter-spacing:.22em;text-decoration:none;padding:22px 0 18px;color:#d8d8d8;border-bottom:3px solid transparent}
.main-nav a:hover,.main-nav a.active{color:#fff;border-color:#fff}
.menu-toggle,.mobile-nav{display:none}
.hero{height:min(780px,calc(100vh - 310px));min-height:510px;position:relative;overflow:hidden}
.hero-slides,.hero-slide,.hero-overlay{position:absolute;inset:0}
.hero-slide{background-size:cover;background-position:center;opacity:0;transform:scale(1.05);transition:opacity 1.2s ease,transform 6s linear}
.hero-slide.active{opacity:1;transform:scale(1.14)}
.hero-overlay{background:linear-gradient(90deg,rgba(0,0,0,.78),rgba(0,0,0,.22) 55%,rgba(0,0,0,.58)),linear-gradient(0deg,rgba(0,0,0,.55),transparent 60%)}
.hero-content{position:absolute;left:7vw;top:50%;transform:translateY(-50%);z-index:3}
.overline{font-size:11px;letter-spacing:.34em;color:#ddd;margin:0 0 18px}
.hero h1,.page-intro h1{font-family:"Arial Narrow",Impact,sans-serif;font-stretch:condensed;font-size:clamp(70px,11vw,170px);line-height:.78;letter-spacing:-.055em;margin:0;text-transform:uppercase}
.hero h1 span,.page-intro h1 span{font-weight:300;color:#8f8f8f}
.hero-tag{letter-spacing:.31em;font-size:13px;margin:24px 0 0}
.hero-actions{display:flex;gap:14px;margin-top:32px}
.outline-btn{display:inline-flex;padding:14px 19px;border:2px solid #fff;color:#fff;text-decoration:none;font-size:11px;letter-spacing:.16em;font-weight:700}
.outline-btn.solid{background:#fff;color:#000}.outline-btn.dark{border-color:#111;color:#111}
.scroll-mark{position:absolute;right:26px;bottom:25px;color:#fff;text-decoration:none;font-size:9px;letter-spacing:.25em;z-index:4;writing-mode:vertical-rl}
.scroll-mark i{display:inline-block;width:1px;height:52px;background:#fff;margin-top:12px}
.black-section{background:#050505}
.work-section{padding:90px 3vw 110px}
.section-title{text-align:center;margin-bottom:48px}
.section-title small{letter-spacing:.45em;font-size:10px}
.section-title h2{font:900 clamp(50px,8vw,115px)/.8 "Arial Narrow",Impact,sans-serif;letter-spacing:-.04em;margin:10px 0 0}
.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:#111}
.work-tile{height:400px;position:relative;overflow:hidden;background:#111;color:#fff;text-decoration:none}
.work-tile img{width:100%;height:100%;object-fit:cover;filter:grayscale(100%) contrast(1.06);transition:transform .7s ease,filter .35s ease}
.work-tile:hover img{transform:scale(1.055);filter:grayscale(0%)}
.tile-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.9),rgba(0,0,0,.05) 70%)}
.work-copy{position:absolute;left:24px;right:24px;bottom:23px}
.work-copy span{font-size:9px;letter-spacing:.28em;color:#ccc}.work-copy h3{font-size:21px;margin:7px 0 16px}.work-copy b{font-size:10px;letter-spacing:.18em}
.center{text-align:center;margin-top:42px}.text-link{font-size:11px;letter-spacing:.22em;text-decoration:none;border-bottom:1px solid #fff;padding-bottom:6px}
.statement-section{background:#f1f1ef;color:#0a0a0a;padding:110px 7vw}
.statement-wrap{max-width:1050px}.statement-wrap>span{font-size:10px;letter-spacing:.45em}.statement-wrap h2{font:900 clamp(45px,7vw,100px)/.86 "Arial Narrow",Impact,sans-serif;letter-spacing:-.04em;margin:20px 0 30px}.statement-wrap p{max-width:780px;font-size:18px;line-height:1.7;margin-bottom:32px}
.split-promo{display:grid;grid-template-columns:1fr 1fr}
.promo-panel{min-height:530px;display:flex;align-items:flex-end;padding:52px;background:#0d0d0d;text-decoration:none;position:relative;overflow:hidden}
.promo-panel:before{content:"";position:absolute;inset:0;background-size:cover;background-position:center;filter:grayscale(100%);opacity:.42;transition:.5s}
.youtube-panel:before{background-image:url('https://i.ytimg.com/vi/cfWOyLZuhis/hqdefault.jpg')}
.video-panel:before{background-image:url('https://i.ytimg.com/vi/CM_jREiP4hU/hqdefault.jpg')}
.promo-panel:hover:before{transform:scale(1.04);opacity:.6}
.promo-panel>div{position:relative;z-index:2;max-width:520px}.promo-panel small{letter-spacing:.3em;font-size:9px}.promo-panel h2{font:900 clamp(55px,7vw,100px)/.85 "Arial Narrow",Impact,sans-serif;margin:8px 0 15px}.promo-panel p{line-height:1.6;color:#ddd}.promo-panel b{font-size:10px;letter-spacing:.18em}
.connect-strip{padding:56px 25px;text-align:center;border-top:1px solid #222}.connect-strip>p{font-size:10px;letter-spacing:.4em;margin-bottom:24px}.social-connect{justify-content:center}.social-connect svg{width:54px;height:54px}
.page-intro{min-height:440px;display:flex;align-items:end;padding:70px 7vw;background:#080808;border-bottom:1px solid #222}.page-intro.compact{min-height:400px}.page-intro-inner{width:100%}.page-intro .intro-copy{max-width:760px;color:#bbb;line-height:1.7;font-size:16px}.youtube-head{min-height:510px}.yt-mark svg{width:64px;height:64px;fill:none;stroke:#fff;stroke-width:3}.yt-mark svg .fill{fill:#fff}
.about-block{background:#f2f2ef;color:#111;display:grid;grid-template-columns:.8fr 1.2fr;gap:6vw;align-items:center;padding:100px 7vw}.about-logo img{width:100%;max-width:430px;image-rendering:auto}.about-copy h2{font:900 clamp(42px,5vw,76px)/.88 "Arial Narrow",Impact,sans-serif;letter-spacing:-.03em;margin:0 0 28px}.about-copy p{font-size:17px;line-height:1.75;max-width:800px}.about-links{display:flex;gap:12px;margin-top:32px}
.legacy-strip{display:grid;grid-template-columns:repeat(3,1fr);background:#111}.legacy-strip>div{padding:48px 32px;border-right:1px solid #333;text-align:center}.legacy-strip strong{display:block;font:900 38px/1 "Arial Narrow",Impact,sans-serif}.legacy-strip span{display:block;font-size:9px;letter-spacing:.2em;color:#aaa;margin-top:10px}
.video-page{padding:60px 3vw 100px}.play-grid{display:grid;grid-template-columns:1fr 1fr;gap:42px 24px}.embed-wrap{aspect-ratio:16/9;background:#111}.embed-wrap iframe{width:100%;height:100%;border:0}.video-meta span{font-size:9px;letter-spacing:.25em;color:#888}.video-meta h3{margin:8px 0 0;font-size:18px}
.youtube-list{padding:4px 3vw 100px}
.photo-page{background:#efefec;color:#111;padding:90px 7vw}.photo-statement{max-width:1050px}.photo-statement h2{font:900 clamp(44px,6vw,88px)/.9 "Arial Narrow",Impact,sans-serif;margin:0 0 28px}.photo-statement p{max-width:800px;font-size:17px;line-height:1.7;margin-bottom:30px}.ig-archive{margin-top:80px;border-top:2px solid #111}.ig-archive h3{font-size:11px;letter-spacing:.25em;padding:28px 0}.ig-link{display:flex;justify-content:space-between;padding:25px 0;border-top:1px solid #999;text-decoration:none;font-size:12px;letter-spacing:.15em}
.contact-page{padding:100px 7vw 130px}.contact-big p{font-size:10px;letter-spacing:.3em;color:#aaa}.contact-big a{display:block;font:900 clamp(36px,6vw,90px)/1 "Arial Narrow",Impact,sans-serif;text-decoration:none;border-bottom:2px solid #fff;padding-bottom:15px}.contact-social{margin-top:90px}.contact-social h2{font-size:11px;letter-spacing:.25em;margin-bottom:24px}.social-contact svg{width:62px;height:62px}
.site-footer{border-top:1px solid #222;background:#050505;padding:62px 25px 28px;text-align:center}.footer-logo{display:inline-block}.footer-logo img{width:110px;height:110px;object-fit:cover;margin:auto}.social-bottom{justify-content:center;margin:28px 0}.social-bottom svg{width:52px;height:52px}.footer-nav{display:flex;justify-content:center;gap:28px;flex-wrap:wrap}.footer-nav a{font-size:9px;letter-spacing:.2em;text-decoration:none;color:#bbb}.footer-email{margin-top:28px}.footer-email a{font-size:12px;letter-spacing:.1em}.disclaimer{max-width:900px;margin:30px auto 0;color:#777;font-size:11px;line-height:1.5}.copyright{font-size:9px;letter-spacing:.15em;color:#666;margin-top:16px}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .65s ease,transform .7s cubic-bezier(.16,1,.3,1)}.reveal.visible{opacity:1;transform:none}
.hero-anim{opacity:0;transform:translateY(25px)}body.loaded .hero-anim{animation:intro .75s cubic-bezier(.16,1,.3,1) forwards}body.loaded .hero-anim:nth-child(2){animation-delay:.12s}body.loaded .hero-anim:nth-child(3){animation-delay:.23s}body.loaded .hero-anim:nth-child(4){animation-delay:.34s}@keyframes intro{to{opacity:1;transform:none}}
@media(max-width:900px){
  .top-social{justify-content:center;min-height:70px}.brand-row{padding-bottom:13px}.brand img{width:145px;height:145px}.main-nav{gap:26px}.work-grid{grid-template-columns:1fr 1fr}.work-tile{height:330px}.about-block{grid-template-columns:1fr}.about-logo img{max-width:300px}.play-grid{grid-template-columns:1fr}.split-promo{grid-template-columns:1fr}.promo-panel{min-height:430px}.legacy-strip{grid-template-columns:1fr}.legacy-strip>div{border-right:0;border-bottom:1px solid #333}
}
@media(max-width:620px){
  .top-social{min-height:64px}.social-top{gap:12px}.social-top svg{width:40px;height:40px}.brand img{width:118px;height:118px}
  .main-nav{display:none}.nav-row{min-height:50px;justify-content:flex-end;padding:0 16px}.menu-toggle{display:block;background:none;border:0;width:44px;height:44px}.menu-toggle span{display:block;width:25px;height:2px;background:#fff;margin:5px auto}.mobile-nav{background:#070707;border-top:1px solid #222;padding:4px 20px 15px}.mobile-nav a{display:block;text-decoration:none;padding:12px 2px;border-bottom:1px solid #222;font-size:11px;letter-spacing:.2em}.hero{height:590px;min-height:0}.hero-content{left:22px;right:22px}.hero h1,.page-intro h1{font-size:clamp(58px,21vw,92px)}.hero-tag{font-size:10px;line-height:1.5}.hero-actions{flex-direction:column;align-items:flex-start}.scroll-mark{display:none}
  .work-section{padding:60px 12px 75px}.work-grid{grid-template-columns:1fr}.work-tile{height:320px}.statement-section{padding:70px 22px}.statement-wrap p{font-size:16px}.promo-panel{min-height:380px;padding:30px 22px}.page-intro{min-height:330px;padding:50px 22px}.page-intro.compact{min-height:330px}.about-block,.photo-page,.contact-page{padding:65px 22px}.about-copy p,.photo-statement p{font-size:16px}.about-links{flex-direction:column;align-items:flex-start}.video-page{padding:35px 12px 70px}.youtube-list{padding:3px 12px 70px}.ig-link{gap:20px;flex-direction:column}.contact-big a{font-size:clamp(32px,10vw,54px);overflow-wrap:anywhere}.contact-social{margin-top:60px}.social-contact{gap:12px}.social-contact svg{width:48px;height:48px}.site-footer{padding-top:45px}.footer-nav{gap:14px 22px}.disclaimer{font-size:10px}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.reveal,.hero-anim{opacity:1!important;transform:none!important;animation:none!important;transition:none!important}.hero-slide{transition:opacity .5s ease!important;transform:none!important}}