:root{--ink:#07100f;--paper:#f2f0e9;--muted:#a8aaa4;--red:#e3261b;--line:rgba(242,240,233,.18);--serif:"Playfair Display",Georgia,serif;--sans:Manrope,"Helvetica Neue",Arial,sans-serif;--mono:"DM Mono",monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--sans);font-weight:500}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}img{display:block;max-width:100%}.eyebrow,.section-number,.hero-topline,.hero-bottom,.filters,.licensing,.image-tag,.flip-hint,footer,.contact-meta{font-family:var(--mono);text-transform:uppercase;letter-spacing:.13em;font-size:10px}.site-header{position:fixed;z-index:20;top:0;left:0;width:100%;height:78px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(rgba(7,16,15,.86),transparent);mix-blend-mode:normal}.wordmark{font-weight:700;font-size:14px;letter-spacing:.22em}.wordmark span{display:block;font-family:var(--mono);font-size:7px;letter-spacing:.31em;font-weight:400;margin-top:5px;color:#c7c9c3}.nav{display:flex;gap:30px;font-size:12px}.nav a,.header-cta{position:relative}.nav a:after,.header-cta:after{content:"";position:absolute;left:0;right:100%;bottom:-6px;height:1px;background:var(--red);transition:.3s}.nav a:hover:after,.header-cta:hover:after{right:0}.header-cta{font-size:11px}.menu-btn{display:none;background:none;border:0}.mobile-nav{display:none}
.hero{min-height:100svh;position:relative;display:flex;align-items:flex-end;overflow:hidden}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 48%;filter:saturate(.86)}.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.34),rgba(0,0,0,.12) 35%,rgba(0,0,0,.82)),linear-gradient(100deg,rgba(0,0,0,.68) 0%,rgba(0,0,0,.4) 38%,rgba(0,0,0,0) 68%)}.hero-topline{position:absolute;top:110px;left:4vw;right:4vw;display:flex;justify-content:space-between;color:#ddd}.hero-copy{position:relative;z-index:2;padding:0 4vw 9vh;max-width:920px}.hero-copy .eyebrow{color:#ddd;margin-bottom:20px}.hero h1{font-size:clamp(52px,8.5vw,128px);line-height:.88;letter-spacing:-.065em;margin:0 0 28px;font-weight:600;text-shadow:0 3px 28px rgba(0,0,0,.5)}.hero h1 em,.manifesto h2 em,.section-head h2 em,.services h2 em,.about h2 em,.statement p,.card-copy h2 em,.contact h2 em{font-family:var(--serif);font-weight:500}.hero-deck{max-width:520px;font-size:15px;line-height:1.65;color:#e4e3dc;margin:0 0 28px;text-shadow:0 2px 14px rgba(0,0,0,.5)}.button{display:inline-flex;gap:34px;align-items:center;padding:13px 18px;border:1px solid rgba(255,255,255,.65);font-size:11px;text-transform:uppercase;letter-spacing:.1em}.button:hover{background:var(--paper);color:var(--ink)}.hero-bottom{position:absolute;bottom:28px;left:4vw;right:4vw;display:flex;justify-content:space-between;color:#ddd}.manifesto{background:var(--paper);color:var(--ink);padding:12vw 9vw;display:grid;grid-template-columns:1fr 3fr 1.2fr;gap:4vw}.manifesto .section-number{color:#555}.manifesto-copy{max-width:800px}.manifesto h2,.section-head h2,.services h2,.about h2,.card-copy h2,.contact h2{font-size:clamp(44px,6vw,86px);line-height:.95;letter-spacing:-.055em;margin:0 0 28px;font-weight:600}.manifesto-copy>p:not(.eyebrow){font-size:18px;line-height:1.65;max-width:650px}.manifesto-note{display:flex;flex-direction:column;gap:10px;align-self:end;font-family:var(--mono);font-size:11px;letter-spacing:.15em}.manifesto-note span:first-child{color:var(--red)}
.work{padding:9vw 4vw 11vw;background:#0a1211}.section-head{display:flex;justify-content:space-between;gap:6vw;align-items:end;margin-bottom:46px}.section-head h2{margin:8px 0 0}.section-intro{max-width:360px;line-height:1.65;color:var(--muted);font-size:13px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px}.filter{background:transparent;border:1px solid var(--line);padding:9px 13px;cursor:pointer;font-size:9px}.filter.active,.filter:hover{border-color:var(--red);background:var(--red);color:white}.work-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-flow:dense;gap:9px}.work-item{position:relative;border:0;padding:0;background:#121b19;overflow:hidden;cursor:pointer;min-height:300px;grid-column:span 4}.work-item.wide{grid-column:span 8}.work-item.tall{min-height:560px}.work-item img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .4s;position:absolute;inset:0}.work-item:hover img{transform:scale(1.035);filter:saturate(1.08)}.work-meta{position:absolute;left:16px;right:16px;bottom:14px;display:flex;justify-content:space-between;align-items:center;opacity:0;transform:translateY(8px);transition:.35s;color:white;text-shadow:0 2px 12px #000;font-family:var(--mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase}.work-item:hover .work-meta,.work-item:focus-visible .work-meta{opacity:1;transform:none}.work-item:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 50%,rgba(0,0,0,.7));opacity:0;transition:.35s}.work-item:hover:after{opacity:1}.work-meta{z-index:2}.services{background:var(--paper);color:var(--ink);padding:10vw 9vw}.services-head{margin-left:12%;max-width:800px}.services-head h2{margin-top:8px}.service-list{margin:7vw 0 0 12%;border-top:1px solid #b8b7af}.service{display:grid;grid-template-columns:60px 1fr 220px;gap:24px;padding:30px 0;border-bottom:1px solid #b8b7af;align-items:start}.service-num{font-family:var(--mono);font-size:10px;color:#777}.service h3{margin:0 0 10px;font-size:23px;letter-spacing:-.03em}.service p{margin:0;max-width:620px;color:#4c4c47;line-height:1.6;font-size:14px}.service strong{text-align:right;font-size:12px}.licensing{margin:25px 0 0 12%;color:#696963}.statement{background:var(--red);color:white;padding:5vw 8vw;display:grid;grid-template-columns:1fr auto 1fr;gap:30px;align-items:center}.statement p{font-size:clamp(25px,3vw,42px);line-height:1.05;text-align:center;max-width:760px;margin:0}.statement-line{height:1px;background:rgba(255,255,255,.45)}
.about{background:#0b1412;display:grid;grid-template-columns:1.1fr 1fr;min-height:750px}.about-image-wrap{position:relative;min-height:700px;overflow:hidden}.about-image-wrap img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.image-tag{position:absolute;bottom:20px;left:22px;color:#fff}.about-copy{padding:10vw 9vw;align-self:center}.about-copy h2{margin-top:10px}.about-copy>p:not(.eyebrow){color:#b7bbb5;line-height:1.75;font-size:15px;max-width:560px}.text-link{display:inline-flex;gap:20px;border-bottom:1px solid #777;padding:10px 0;margin-top:12px;font-size:12px;text-transform:uppercase;letter-spacing:.1em}.card-section{background:var(--paper);color:var(--ink);display:grid;grid-template-columns:1fr 1fr;gap:7vw;padding:9vw}.card-copy{align-self:center}.card-copy h2{margin-top:10px}.card-copy>p:not(.eyebrow){max-width:480px;line-height:1.65;color:#565650}.business-card-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;perspective:1400px}.business-card{width:min(100%,620px);aspect-ratio:1.777/1;background:none;border:0;padding:0;cursor:pointer;position:relative;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.2,.7,.2,1)}.business-card.flipped{transform:rotateY(180deg)}.card-face{position:absolute;inset:0;backface-visibility:hidden;border-radius:3px;overflow:hidden;box-shadow:0 25px 70px rgba(0,0,0,.22);display:block}.card-face img{width:100%;height:100%;object-fit:cover}.card-back{transform:rotateY(180deg)}.flip-hint{margin-top:18px;color:#777}.contact{background:var(--ink);color:var(--paper);padding:12vw 9vw 8vw}.contact h2{margin-top:10px;max-width:900px}.contact-email{font-family:var(--mono);font-size:clamp(16px,2vw,24px);display:inline-block;border-bottom:1px solid #666;padding-bottom:10px;margin:20px 0 60px}.contact-meta{display:flex;gap:30px;flex-wrap:wrap;color:#8e948d}.contact-meta a{color:#ddd}.contact-meta a:hover{color:var(--red)}footer{border-top:1px solid var(--line);padding:30px 4vw;display:flex;justify-content:space-between;align-items:end;color:#8d928c}footer a:hover{color:var(--red)}.footer-brand{font-family:var(--sans);font-size:20px;font-weight:700;letter-spacing:.18em;line-height:.85;color:var(--paper)}.footer-brand span{font-family:var(--mono);font-size:7px;letter-spacing:.32em;font-weight:400}
.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.95);z-index:100;display:none;align-items:center;justify-content:center;padding:6vw}.lightbox.open{display:flex}.lightbox figure{margin:0;max-width:92vw;max-height:88vh;display:flex;flex-direction:column;align-items:center}.lightbox img{max-width:90vw;max-height:78vh;object-fit:contain}.lightbox figcaption{width:100%;display:flex;justify-content:space-between;gap:20px;font-family:var(--mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;padding-top:14px;color:#bbb}.lb-close,.lb-prev,.lb-next{position:absolute;border:0;background:transparent;color:#fff;cursor:pointer;font-size:34px;line-height:1}.lb-close{right:28px;top:22px}.lb-prev{left:25px;top:50%}.lb-next{right:25px;top:50%}
@media(max-width:800px){.site-header{height:66px;padding:0 20px}.nav,.header-cta{display:none}.menu-btn{display:block;font-family:var(--mono);text-transform:uppercase;font-size:9px;letter-spacing:.1em}.mobile-nav{position:fixed;z-index:19;inset:0;background:#07100f;padding:100px 24px 40px;display:flex;flex-direction:column;gap:24px;transform:translateY(-100%);visibility:hidden;transition:transform .45s,visibility 0s .45s}.mobile-nav.open{transform:none;visibility:visible;transition:transform .45s,visibility 0s}.mobile-nav a{font-size:44px;letter-spacing:-.05em}.hero-topline{top:92px;left:20px;right:20px;font-size:8px}.hero-topline span{display:none}.hero-copy{padding:0 20px 70px}.hero h1{font-size:56px}.hero-deck{font-size:14px}.hero-bottom{left:20px;right:20px}.manifesto{display:block;padding:90px 22px}.manifesto .section-number{margin-bottom:50px}.manifesto h2{font-size:48px}.manifesto-note{margin-top:45px;display:grid;grid-template-columns:1fr 1fr}.work{padding:80px 16px}.section-head{display:block;margin-bottom:35px}.section-intro{margin-top:18px}.work-grid{grid-template-columns:1fr 1fr;gap:6px}.work-item,.work-item.wide,.work-item.tall{grid-column:span 1;min-height:210px}.work-item.wide{grid-column:span 2;min-height:270px}.services{padding:90px 22px}.services-head{margin:0}.services h2{font-size:50px}.service-list{margin:60px 0 0}.service{grid-template-columns:35px 1fr;gap:12px;padding:25px 0}.service strong{grid-column:2;text-align:left}.licensing{margin:25px 0}.statement{display:block;padding:55px 22px}.statement-line{margin:25px 0}.about{display:block}.about-image-wrap{min-height:500px}.about-copy{padding:75px 22px}.about h2{font-size:50px}.card-section{display:block;padding:80px 22px}.business-card-stage{margin-top:50px}.contact{padding:90px 22px}.contact h2{font-size:50px}.contact-meta{display:block}.contact-meta>*{display:block;margin:12px 0}footer{padding:25px 20px;display:block}footer>div,footer>a{display:block;margin:12px 0}.lightbox{padding:20px}.lb-prev{left:10px}.lb-next{right:10px}.lb-close{right:16px}}
a:focus-visible,button:focus-visible{outline:2px solid var(--red);outline-offset:3px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}