@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;700&display=swap');:root{--red:#c92f48;--ink:#111;--paper:#f7f3ed;--line:#d6cdc2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Space Grotesk',sans-serif}header{height:78px;border-bottom:1px solid var(--ink);display:flex;align-items:center;padding:0 5vw;gap:40px}.wordmark{font-weight:700;letter-spacing:-.08em;font-size:24px;color:var(--ink);text-decoration:none}.wordmark span{color:var(--red)}nav{display:flex;gap:28px;margin-left:auto;font:12px 'DM Mono';text-transform:uppercase}nav a{color:var(--ink);text-decoration:none}.outline,.button{border:1px solid var(--ink);background:var(--red);padding:13px 18px;font:12px 'DM Mono';text-transform:uppercase;cursor:pointer}.outline{background:transparent}.mast{min-height:650px;padding:7vw 10vw;border-bottom:1px solid var(--ink);position:relative;overflow:hidden;background:linear-gradient(90deg,var(--paper) 0 67%,var(--red) 67%)}.issue,.kicker,.section-head{font:11px 'DM Mono';letter-spacing:.08em}.issue{display:flex;gap:15px;align-items:center}.issue i{width:50px;border-top:1px solid}.mast h1{font-size:clamp(64px,10vw,154px);line-height:.83;letter-spacing:-.09em;margin:58px 0 35px;max-width:800px}.mast h1 em{color:var(--red);font-style:normal}.dek{max-width:340px;font-size:18px;line-height:1.45}.folio{position:absolute;right:5vw;bottom:40px;font:12px 'DM Mono';line-height:2}.folio small{font-size:9px}.desk,.identity,.timeline{padding:75px 10vw;border-bottom:1px solid var(--ink)}.section-head{display:flex;justify-content:space-between;border-bottom:1px solid var(--ink);padding-bottom:13px}.desk-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:9vw;margin-top:40px}label{display:block;font:11px 'DM Mono';text-transform:uppercase;margin-bottom:22px}input,textarea{display:block;width:100%;border:0;border-bottom:1px solid var(--ink);background:transparent;padding:13px 0;font:20px 'Space Grotesk';resize:vertical}.full{width:100%;margin-top:10px}.saved{font:11px 'DM Mono';color:var(--red)}.preview{background:white;padding:28px;min-height:340px;box-shadow:10px 10px 0 var(--red);position:relative}.paper-top{font:12px 'DM Mono';border-bottom:3px solid var(--ink);padding-bottom:10px}.paper-top span{float:right}.preview h2{font-size:48px;line-height:.95;letter-spacing:-.06em;max-width:500px;margin:45px 0 20px}.rule{border-top:1px solid var(--ink)}.preview p{max-width:400px;font-size:17px;line-height:1.4}.stamp{position:absolute;right:25px;bottom:55px;border:2px solid var(--red);color:var(--red);padding:11px;font:14px 'DM Mono';transform:rotate(-8deg)}.preview small{position:absolute;bottom:20px;font:10px 'DM Mono'}.identity{display:grid;grid-template-columns:1.1fr .9fr;gap:10vw}.logo-card{background:var(--red);min-height:400px;margin-top:40px;padding:35px;display:flex;flex-direction:column;justify-content:center}.logo-big{font-size:110px;line-height:.7;letter-spacing:-.1em}.logo-big b{color:white;font-weight:400}.swatches{margin-top:auto;display:flex;gap:8px}.swatches i{width:25px;height:25px;background:var(--red);border:1px solid var(--ink)}.swatches i:nth-child(2){background:white}.swatches i:nth-child(3){background:var(--ink)}.identity-copy{align-self:end;padding-bottom:20px}.identity-copy h2{font-size:58px;line-height:.9;letter-spacing:-.08em}.identity-copy p{line-height:1.5;max-width:300px}.milestones{margin-top:30px}.milestones label{border-bottom:1px solid var(--line);padding:20px 0;font-size:16px}.milestones input{display:inline;width:auto;margin-right:15px;accent-color:var(--red)}.milestones small{float:right;color:#777;font-size:10px}footer{padding:35px 10vw;display:flex;align-items:center;gap:30px}footer p{margin-right:auto;font:11px 'DM Mono'}@media(max-width:700px){header{padding:0 20px;height:64px}nav{display:none}.outline{margin-left:auto}.mast{padding:60px 25px;min-height:600px;background:linear-gradient(90deg,var(--paper) 0 82%,var(--red) 82%)}.mast h1{font-size:68px;margin-top:65px}.folio{right:20px}.desk,.identity,.timeline{padding:55px 25px}.desk-grid,.identity{grid-template-columns:1fr;gap:55px}.preview h2{font-size:38px}.logo-card{min-height:300px}.logo-big{font-size:80px}.identity-copy h2{font-size:48px}footer{padding:30px 25px;flex-wrap:wrap}footer p{order:3;flex-basis:100%}}