@import url('https://fonts.googleapis.com/css2?family=Archivo+Narrow:wdth,wght@75..100,400;75..100,500;75..100,600&family=IBM+Plex+Mono:wght@400;500&display=swap');

:root { --paper:#efeee9; --ink:#080808; --red:#e1261c; --grey:#878681; --line:rgba(8,8,8,.2); --max:1440px; }
* { box-sizing:border-box; } html { background:var(--paper); } body { min-width:320px; margin:0; color:var(--ink); background:var(--paper); font-family:'Archivo Narrow',Arial Narrow,Arial,sans-serif; } body::before { content:""; position:fixed; inset:0; z-index:5; pointer-events:none; opacity:.035; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); } a { color:inherit; text-decoration:none; } img { display:block; max-width:100%; } ::selection { background:var(--red); color:#fff; }
main { min-height:100svh; width:min(var(--max),calc(100% - 64px)); margin:auto; display:grid; grid-template-rows:minmax(430px,1.45fr) minmax(260px,.76fr) 60px; position:relative; }.registration { position:absolute; top:26px; z-index:2; display:flex; align-items:center; gap:10px; color:#52514d; font:9px 'IBM Plex Mono',monospace; letter-spacing:.13em; }.registration i { width:7px; height:7px; background:var(--red); }.top-left { left:0; }.top-right { right:0; }.top-right i { background:var(--ink); }
.plate { position:relative; display:flex; flex-direction:column; justify-content:center; border-bottom:1px solid var(--line); overflow:hidden; }.plate-rule { position:absolute; top:0; bottom:0; left:18.5%; width:3px; background:var(--red); box-shadow:0 0 18px rgba(225,38,28,.19); }.plate-label { position:absolute; top:27px; left:calc(18.5% + 25px); margin:0; color:#53524e; font:9px 'IBM Plex Mono',monospace; letter-spacing:.14em; }.wordmark { position:relative; z-index:1; width:min(1120px,88%); margin:30px auto 0; mix-blend-mode:multiply; }.statement { position:absolute; bottom:27px; left:calc(18.5% + 25px); right:0; display:flex; gap:20px; color:#353430; font:10px 'IBM Plex Mono',monospace; letter-spacing:.12em; }.statement span + span::before { content:'+'; color:var(--red); margin-right:20px; }.plate-note { position:absolute; right:0; bottom:26px; width:175px; margin:0; font-size:19px; line-height:.95; letter-spacing:-.025em; }
.lower { position:relative; display:grid; grid-template-columns:18.5% 1fr auto; align-items:start; padding-top:25px; overflow:hidden; }.lower-intro { padding-right:22px; }.lower-intro span,footer { color:#5b5a56; font:9px 'IBM Plex Mono',monospace; letter-spacing:.13em; }.lower-intro p { margin:12px 0 0; max-width:145px; font-size:17px; line-height:.95; letter-spacing:-.025em; }.lower-word { align-self:end; min-width:0; margin-left:23px; color:var(--ink); font-size:clamp(115px,17.7vw,260px); font-weight:600; letter-spacing:-.095em; line-height:.64; white-space:nowrap; transform:translateY(-.044em); }.contact { align-self:start; white-space:nowrap; display:flex; gap:13px; align-items:center; padding-top:1px; color:#252421; font:11px 'IBM Plex Mono',monospace; letter-spacing:.03em; border-bottom:1px solid var(--red); padding-bottom:6px; }.contact i { color:var(--red); font-size:18px; font-style:normal; line-height:0; transition:transform .2s ease; }.contact:hover i { transform:translate(3px,-3px); } footer { display:flex; align-items:end; justify-content:space-between; padding-bottom:18px; border-top:1px solid var(--line); }
@media (max-width:850px) { main { grid-template-rows:minmax(450px,1.35fr) minmax(240px,.65fr) 84px; }.plate-rule { left:12%; }.plate-label,.statement { left:calc(12% + 22px); }.plate-note { right:0; }.lower { grid-template-columns:16% 1fr; }.lower-intro { grid-column:1; }.lower-word { grid-column:2; margin-left:16px; }.contact { position:absolute; top:26px; right:0; }.wordmark { width:100%; } }
@media (max-width:560px) { main { width:calc(100% - 32px); grid-template-rows:minmax(430px,1.45fr) minmax(250px,.7fr) 105px; }.registration { top:18px; font-size:7px; }.plate { justify-content:center; }.plate-rule { left:0; width:2px; }.plate-label { top:58px; left:18px; font-size:7px; }.wordmark { width:100%; max-width:100%; margin-left:0; }.statement { left:18px; right:18px; bottom:23px; gap:8px; flex-wrap:wrap; font-size:7px; }.statement span + span::before { margin-right:8px; }.plate-note { display:none; }.lower { grid-template-columns:1fr; padding-top:20px; }.lower-intro { display:flex; justify-content:space-between; padding:0; }.lower-intro span { font-size:7px; }.lower-intro p { margin:0; max-width:122px; font-size:14px; text-align:right; }.lower-word { grid-column:1; margin:0; font-size:clamp(80px,26vw,145px); transform:translateY(-.044em); }.contact { position:relative; top:auto; right:auto; grid-column:1; justify-self:start; align-self:end; margin-bottom:16px; font-size:9px; } footer { flex-wrap:wrap; gap:11px; align-content:end; padding-bottom:15px; font-size:7px; } footer span:nth-child(2) { width:100%; order:-1; } }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { transition:none !important; } }