:root { --ink:#0d0d0f; --paper:#f2efe8; --lime:#d9ff42; --red:#ff493d; --line:rgba(13,13,15,.18); --font-sans:Arial,Helvetica,sans-serif; --font-mono:"Courier New",monospace; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:var(--font-sans),Arial,sans-serif; -webkit-font-smoothing:antialiased; }
a { color:inherit; text-decoration:none; }
img { display:block; max-width:100%; }
.site-header { position:absolute; z-index:10; inset:0 0 auto; display:flex; align-items:center; justify-content:space-between; padding:24px 4vw; color:#fff; }
.brand { display:flex; gap:11px; align-items:center; font-weight:700; font-size:13px; line-height:1.05; letter-spacing:.08em; text-transform:uppercase; }
.brand-mark { display:grid; place-items:center; width:38px; height:38px; border-radius:50%; background:var(--lime); color:var(--ink); letter-spacing:-.08em; }
nav { display:flex; gap:32px; align-items:center; font-size:13px; }
nav > a:not(.nav-cta) { opacity:.72; }
nav a:hover { opacity:1; }
.nav-cta { padding:13px 18px; border:1px solid rgba(255,255,255,.45); border-radius:99px; }
.hero { position:relative; min-height:760px; height:100svh; max-height:980px; overflow:hidden; background:var(--ink); color:#fff; }
.hero-media { position:absolute; inset:0 0 0 52%; background:url('/posters/last-call.jpg') center 20%/cover no-repeat; }
.hero-shade { position:absolute; inset:0; background:linear-gradient(90deg,#0d0d0f 0%,#0d0d0f 43%,rgba(13,13,15,.78) 57%,rgba(13,13,15,.05) 100%),linear-gradient(0deg,rgba(0,0,0,.65),transparent 45%); }
.hero-copy { position:relative; z-index:2; width:64%; padding:clamp(155px,20vh,205px) 4vw 90px; }
.eyebrow,.kicker { font-family:var(--font-mono),monospace; font-size:10px; line-height:1.4; letter-spacing:.16em; text-transform:uppercase; }
.hero h1,.contact h2 { margin:42px 0 35px; font-size:clamp(65px,8.5vw,138px); font-weight:530; line-height:.84; letter-spacing:-.075em; }
.hero h1 em,.contact h2 em { color:var(--lime); font-family:Georgia,serif; font-weight:400; }
.hero-intro { max-width:570px; color:rgba(255,255,255,.67); font-size:clamp(16px,1.35vw,21px); line-height:1.58; }
.hero-actions { display:flex; gap:30px; align-items:center; margin-top:42px; font-size:13px; }
.button { padding:16px 21px; border-radius:99px; background:#fff; color:var(--ink); }
.line-link { padding-bottom:5px; border-bottom:1px solid rgba(255,255,255,.45); }
.hero-foot { position:absolute; z-index:3; left:4vw; bottom:25px; display:flex; gap:28px; color:rgba(255,255,255,.42); font:10px var(--font-mono); letter-spacing:.12em; text-transform:uppercase; }
.statement { display:grid; grid-template-columns:1fr 3fr; gap:5vw; padding:140px 4vw; border-bottom:1px solid var(--line); }
.statement h2,.section-heading h2,.cap-intro h2,.feature-copy h2 { margin:0; font-size:clamp(47px,6.6vw,100px); font-weight:520; line-height:.94; letter-spacing:-.065em; }
.statement h2 span { color:#aaa69e; }
.statement div > p { max-width:650px; margin:42px 0 0 auto; color:#57544f; font-size:17px; line-height:1.75; }
.slate { padding:125px 4vw 150px; }
.section-heading { display:flex; justify-content:space-between; align-items:end; margin-bottom:68px; }
.section-heading .kicker,.cap-intro .kicker { margin-bottom:24px; }
.section-heading > p { max-width:360px; color:#625f59; line-height:1.65; }
.poster-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:52px 18px; }
.poster-wrap { position:relative; aspect-ratio:3/4; overflow:hidden; background:#d3cec4; }
.poster-wrap img { width:100%; height:100%; object-fit:cover; transition:transform .6s cubic-bezier(.2,.7,.2,1); }
.poster-card:hover img { transform:scale(1.035); }
.poster-number { position:absolute; top:13px; left:13px; display:grid; place-items:center; width:32px; height:32px; border-radius:50%; background:rgba(0,0,0,.62); color:#fff; font:9px var(--font-mono); backdrop-filter:blur(6px); }
.poster-card h3 { margin:15px 0 5px; font-size:16px; line-height:1.2; letter-spacing:-.02em; }
.poster-card p { margin:0; color:#777169; font:10px var(--font-mono); text-transform:uppercase; letter-spacing:.05em; }
.capabilities { padding:125px 4vw 145px; background:var(--ink); color:#fff; }
.cap-intro { display:grid; grid-template-columns:1fr 3fr; margin-bottom:80px; }
.cap-list { border-top:1px solid rgba(255,255,255,.22); }
.cap-list article { display:grid; grid-template-columns:.45fr 1.2fr 1.4fr; align-items:center; min-height:145px; border-bottom:1px solid rgba(255,255,255,.22); }
.cap-list span { color:var(--lime); font:10px var(--font-mono); }
.cap-list h3 { margin:0; font-size:clamp(26px,3vw,44px); font-weight:520; letter-spacing:-.045em; }
.cap-list p { max-width:470px; margin:0; color:rgba(255,255,255,.55); line-height:1.65; }
.feature { display:grid; grid-template-columns:1fr 1fr; min-height:760px; background:var(--red); }
.feature-image { overflow:hidden; }
.feature-image img { width:100%; height:100%; object-fit:cover; }
.feature-copy { display:flex; flex-direction:column; justify-content:center; padding:80px 6vw; }
.feature-copy h2 { margin:35px 0 45px; }
.feature-copy > p:not(.kicker) { max-width:570px; font-size:17px; line-height:1.7; }
.story-meta { display:flex; gap:10px; margin-top:36px; }
.story-meta span { padding:9px 13px; border:1px solid var(--ink); border-radius:99px; font:9px var(--font-mono); text-transform:uppercase; }
.contact { padding:115px 4vw 45px; background:var(--lime); }
.contact h2 { margin:52px 0 70px; color:var(--ink); }
.contact h2 em { color:#6a56ff; }
.contact-link { display:flex; align-items:center; justify-content:space-between; padding:24px 0; border-top:1px solid; border-bottom:1px solid; font-size:clamp(20px,3vw,42px); font-weight:550; letter-spacing:-.04em; }
.contact-bottom { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:5vw; align-items:start; margin-top:58px; padding-top:30px; border-top:1px solid var(--ink); }
.contact-info { display:grid; grid-template-columns:minmax(330px,1.45fr) repeat(2,minmax(170px,1fr)); gap:3vw; }
.contact-bottom p:not(.kicker) { font-size:12px; line-height:1.7; }
.contact-info .kicker { margin-bottom:17px; }
.company-card { margin-top:-18px; padding:24px 26px 25px; border:2px solid var(--ink); background:rgba(255,255,255,.16); box-shadow:7px 7px 0 var(--ink); }
.company-card .kicker { font-weight:700; }
.company-card p:not(.kicker) { font-size:14px; line-height:1.8; }
.company-card .company-summary { max-width:520px; margin:0 0 22px; padding:0 0 20px; border-bottom:1px solid rgba(13,13,15,.35); font-size:16px; font-weight:550; line-height:1.55; letter-spacing:-.015em; }
.identity-line { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:11px 0; border-bottom:1px solid rgba(13,13,15,.2); }
.identity-line strong { font-size:14px; line-height:1.35; letter-spacing:-.01em; }
.identity-line.identity-brand strong { font-size:24px; letter-spacing:-.03em; }
.identity-line span { flex:none; display:inline-block; padding:4px 7px; border:1px solid rgba(13,13,15,.55); border-radius:99px; font:8px var(--font-mono); letter-spacing:.08em; line-height:1; text-transform:uppercase; }
.company-card .registration-details { margin:18px 0 0; font-size:13px; line-height:1.75; }
.contact-legal { display:block; }
.contact-legal .kicker { margin-bottom:17px; }
.contact-legal > div { margin-bottom:8px; }
.contact-legal a { display:inline-block; padding-bottom:2px; border-bottom:1px solid rgba(13,13,15,.35); font-size:12px; line-height:1.45; }
.contact-legal a:hover { border-color:var(--ink); }
.contact-bottom>strong { min-width:150px; text-align:right; font-size:clamp(58px,6vw,92px); line-height:.8; letter-spacing:-.1em; }
.contact-bottom>strong span { font-size:10px; vertical-align:top; margin-left:8px; }
footer { display:flex; align-items:flex-start; justify-content:space-between; gap:32px; padding:25px 4vw; background:var(--ink); color:rgba(255,255,255,.56); font:10px/1.65 var(--font-mono); letter-spacing:.04em; }
.company-disclosure { max-width:1050px; }
footer>a { flex:none; letter-spacing:.1em; text-transform:uppercase; }
footer a:hover { color:#fff; }
@media(max-width:900px){nav>a:not(.nav-cta){display:none}.hero{height:auto;max-height:none;min-height:900px}.hero-media{inset:45% 0 0 30%}.hero-shade{background:linear-gradient(180deg,#0d0d0f 0%,#0d0d0f 42%,rgba(13,13,15,.62) 65%,rgba(13,13,15,.18))}.hero-copy{width:100%;padding-top:145px}.statement,.cap-intro{grid-template-columns:1fr;gap:34px}.poster-grid{grid-template-columns:repeat(3,1fr)}.feature{grid-template-columns:1fr}.feature-image{height:760px}.feature-copy{min-height:620px}.section-heading{align-items:start;flex-direction:column;gap:30px}.contact-info{grid-template-columns:minmax(300px,1.4fr) 1fr}.contact-legal{grid-column:2}.contact-bottom>strong{display:none}}
@media(max-width:620px){.site-header{padding:18px 5vw}.nav-cta{font-size:11px;padding:11px 13px}.hero{min-height:820px}.hero-copy{padding:135px 5vw 80px}.hero h1{font-size:19vw}.hero-media{inset:48% 0 0 13%}.hero-actions{align-items:flex-start;flex-direction:column}.hero-foot{display:none}.statement,.slate,.capabilities,.contact{padding-left:5vw;padding-right:5vw}.statement{padding-top:95px;padding-bottom:95px}.slate{padding-top:95px;padding-bottom:105px}.poster-grid{grid-template-columns:repeat(2,1fr);gap:42px 12px}.poster-card h3{font-size:14px}.cap-list article{grid-template-columns:35px 1fr;padding:26px 0}.cap-list p{grid-column:2;margin-top:12px}.feature-image{height:560px}.feature-copy{min-height:600px;padding:75px 5vw}.contact{padding-top:85px}.contact-link{font-size:15px}.contact-bottom{grid-template-columns:1fr;margin-top:45px}.contact-info{grid-template-columns:1fr;gap:32px 24px}.company-card{margin-top:0;padding:21px 20px;box-shadow:5px 5px 0 var(--ink)}.identity-line{align-items:flex-start;flex-direction:column;gap:7px}.contact-legal{grid-column:1}.contact-bottom>strong{display:none}footer{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.poster-wrap img{transition:none}}
