:root{--red:#fe0000;--black:#080808;--paper:#f1f0eb;--white:#fff;--line:#bbb9b0;--display:'Arial Black','Helvetica Neue',Arial,sans-serif;--condensed:'DIN Condensed','Avenir Next Condensed','Arial Narrow',Arial,sans-serif;--copy:Arial,'Helvetica Neue',Helvetica,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--black);font-family:var(--copy);-webkit-font-smoothing:antialiased}img{display:block;max-width:100%;height:auto}a{color:inherit}.svg-defs{position:absolute}.skip{position:fixed;left:16px;top:-60px;z-index:100;padding:12px;background:#fff}.skip:focus{top:16px}.eyebrow{font-size:9px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
.topbar{position:sticky;z-index:40;top:0;display:grid;grid-template-columns:220px 1fr auto;align-items:center;min-height:66px;padding:0 32px;background:var(--black);color:#fff;border-bottom:1px solid #333}.topbar-brand{font-family:var(--display);font-size:15px;text-decoration:none}.topbar-brand span{display:block;margin-top:3px;color:#888;font-family:var(--copy);font-size:7px;letter-spacing:.2em}.topbar nav{display:flex;justify-content:center;gap:28px}.topbar nav a,.topbar>span,.menu{font-size:8px;font-weight:800;letter-spacing:.12em;text-decoration:none}.topbar nav a:hover{color:var(--red)}.topbar>span{color:#777}.menu{display:none;padding:10px;border:1px solid #555;background:none;color:#fff}
.cover{position:relative;min-height:calc(100vh - 66px);overflow:hidden;background:var(--black);color:#fff}.cover:after{content:'';position:absolute;left:0;right:0;bottom:0;height:8px;background:var(--red)}.cover-number{position:absolute;right:-.04em;top:-.17em;color:var(--red);font-family:var(--display);font-size:58vw;line-height:1;letter-spacing:-.12em;opacity:.95}.cover-top,.cover-foot{position:absolute;z-index:2;left:4vw;right:4vw;display:flex;justify-content:space-between;font-size:8px;font-weight:800;letter-spacing:.14em}.cover-top{top:36px}.cover-foot{bottom:34px;color:#999}.cover-copy{position:absolute;z-index:2;left:4vw;bottom:95px;max-width:920px}.cover-copy .eyebrow{color:#fff}.cover h1{margin:25px 0 32px;font-family:var(--display);font-size:clamp(58px,8vw,118px);line-height:.8;letter-spacing:-.075em}.cover-copy>p:last-child{max-width:580px;margin:0;color:#bbb;font-size:17px;line-height:1.6}
.brief,.comparison{padding:105px max(48px,calc((100% - 1320px)/2))}.section-label{display:flex;align-items:center;gap:15px;margin-bottom:70px;padding-bottom:14px;border-bottom:1px solid #111}.section-label span,.option-index{display:grid;place-items:center;width:31px;height:25px;background:var(--red);color:#fff;font-size:8px;font-weight:800}.section-label p{margin:0;font-size:8px;font-weight:800;letter-spacing:.15em}.brief-grid,.option-intro{display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(50px,8vw,115px)}.brief h2,.option-intro h2,.comparison h2{margin:0;font-family:var(--display);font-size:clamp(47px,6vw,87px);line-height:.85;letter-spacing:-.065em}.lead{margin-top:0;font-size:clamp(21px,2.2vw,30px);font-weight:700;line-height:1.25;letter-spacing:-.03em}.brief-grid>div>p:not(.lead),.option-intro>div>p:not(.lead){color:#555;font-size:15px;line-height:1.75}.criteria{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:35px 0 0;padding:0;list-style:none;border-top:1px solid #111}.criteria li{padding:16px 12px 16px 0;border-bottom:1px solid #bbb;font-size:10px;font-weight:800;letter-spacing:.08em}.criteria li:nth-child(even){padding-left:12px;border-left:1px solid #bbb}
.brand-option{padding:95px max(48px,calc((100% - 1320px)/2)) 125px;background:#fff;border-top:1px solid #bbb}.option-two,.option-four{background:var(--paper)}.option-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:75px;padding-bottom:15px;border-bottom:1px solid #111}.option-head>div{display:flex;align-items:center;gap:16px}.option-head p{margin:0;font-size:9px;font-weight:800;letter-spacing:.15em}.option-tag{padding:9px 11px;background:#111;color:#fff}.option-two .option-tag{background:var(--red)}.option-three .option-tag{background:#fff;color:#111;border:1px solid #111}.option-four .option-tag{background:#d8d6cf;color:#111}.option-intro{align-items:start}.option-intro>div{max-width:580px}
.logo-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:85px}.logo-stage{position:relative;display:grid;place-items:center;min-height:380px;padding:55px 35px;overflow:hidden}.logo-stage>span{position:absolute;left:18px;top:16px;font-size:7px;font-weight:800;letter-spacing:.14em}.light-stage{background:#fff;border:1px solid #cac8c0}.dark-stage{background:#090909;color:#fff}.dark-stage>span{color:#777}.proposal-logo{display:flex;align-items:center;justify-content:center;width:min(100%,540px)}.p4-mark{flex:none;width:42%;overflow:visible}.p4-outer{fill:var(--red);stroke:#080808;stroke-width:180;stroke-linejoin:round;paint-order:stroke}.p4-white{fill:var(--red);stroke:#fff;stroke-width:130;stroke-linejoin:round;paint-order:stroke}.p4-inner{fill:var(--red);stroke:#080808;stroke-width:45;stroke-linejoin:round;paint-order:stroke}.p4-red{fill:var(--red)}
.redline-logo{gap:29px}.redline-logo .word{min-width:0;flex:1}.redline-logo strong{display:block;font:900 clamp(37px,4.4vw,68px)/.82 var(--condensed);letter-spacing:-.035em}.redline-logo .word i{display:block;width:100%;height:7px;margin-top:11px;background:var(--red)}.redline-logo small{display:block;margin-top:9px;font-size:7px;font-weight:800;letter-spacing:.17em}.redline-logo.reverse strong{color:#fff}.redline-logo.reverse small{color:#999}
.option-facts{display:grid;grid-template-columns:repeat(3,1fr);margin-top:18px;border-top:1px solid #111;border-bottom:1px solid #111}.option-facts p{margin:0;padding:18px 20px 18px 0;border-right:1px solid #bbb;color:#555;font-size:11px;line-height:1.55}.option-facts p+ p{padding-left:20px}.option-facts p:last-child{border:0}.option-facts b{display:block;margin-bottom:8px;color:#111;font-size:8px;letter-spacing:.12em}
.forward-logo{gap:21px;transform:skewX(-8deg)}.forward-logo .p4-solid{width:35%;fill:var(--red)}.forward-word{display:flex;align-items:flex-end;gap:13px;min-width:0}.forward-word strong{font:900 clamp(37px,4.5vw,70px)/.82 var(--display);letter-spacing:-.06em}.forward-word i{display:block;width:18px;height:90px;background:var(--red);clip-path:polygon(40% 0,100% 0,60% 100%,0 100%)}.forward-logo.reverse .forward-word strong{color:#fff}
.block-logo{display:grid;grid-template-columns:.86fr 1.14fr;grid-template-rows:1fr auto;width:min(82%,410px);padding:22px 25px 17px;background:var(--red);color:#fff}.block-logo .p4-mark{grid-row:1/3;width:100%;fill:#fff}.block-logo strong{align-self:end;font:900 clamp(34px,4vw,60px)/.82 var(--condensed);letter-spacing:.015em}.block-logo small{margin-top:9px;font-size:7px;font-weight:800;letter-spacing:.15em}.block-logo.white-block{background:#fff;color:#111}.block-logo.white-block .p4-mark{fill:#111}
.edition-logo{position:relative;gap:30px}.edition-logo .p4-mark{width:37%;fill:#111}.edition-logo>div{min-width:0;flex:1}.edition-logo strong{display:block;font:900 clamp(30px,3.5vw,52px)/1 var(--condensed);letter-spacing:.2em}.edition-logo small{display:block;margin-top:14px;font-size:7px;font-weight:800;letter-spacing:.12em}.edition-logo>i{position:absolute;right:-4px;top:50%;width:10px;height:10px;background:var(--red)}.edition-logo.reverse{color:#fff}.edition-logo.reverse .p4-mark{fill:#fff}.edition-logo.reverse small{color:#888}
.applications{display:grid;grid-template-columns:1.35fr .65fr;gap:32px;align-items:start;margin-top:80px}.applications>article{min-width:0;box-shadow:0 20px 55px rgba(0,0,0,.13)}.browser{display:flex;align-items:center;gap:6px;height:31px;padding:0 12px;background:#222;color:#888}.browser i{width:6px;height:6px;border-radius:50%;background:#777}.browser span{margin-left:7px;font-size:7px}.web-mock{display:grid;grid-template-columns:1.18fr .82fr;background:#fff}.web-mock .browser,.web-mock .mock-head{grid-column:1/-1}.mock-head{display:flex;align-items:center;min-height:73px;padding:12px 20px;background:#090909;color:#fff}.mock-head b{color:var(--red);font:900 37px/.8 var(--display);letter-spacing:-.08em}.mock-head strong{margin-left:12px;padding-left:12px;border-left:1px solid #777;font:900 22px/1 var(--condensed);letter-spacing:.08em}.mock-head nav{margin-left:auto;font-size:6px;letter-spacing:.08em}.web-mock>img{width:100%;height:100%;min-height:300px;object-fit:cover}.web-mock>h3{align-self:end;margin:0;padding:30px 25px;font-family:var(--display);font-size:clamp(24px,2.6vw,39px);line-height:.92;letter-spacing:-.055em}.cover-mock{position:relative;aspect-ratio:4/5;overflow:hidden;background:#111;color:#fff}.cover-mock:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.82))}.cover-mock>img{width:100%;height:100%;object-fit:cover}.cover-brand,.cover-mock>span,.cover-mock>h3{position:absolute;z-index:2;left:22px}.cover-brand{top:20px;display:flex;align-items:center}.cover-brand b{color:var(--red);font:900 34px/.8 var(--display)}.cover-brand strong{margin-left:8px;font:900 17px/1 var(--condensed);letter-spacing:.05em}.cover-mock>span{bottom:132px;padding:7px 8px;background:var(--red);font-size:7px;font-weight:800;letter-spacing:.12em}.cover-mock>h3{right:18px;bottom:20px;margin:0;font-family:var(--display);font-size:clamp(31px,3.7vw,53px);line-height:.84;letter-spacing:-.06em}
.theme-forward .mock-head,.theme-forward.cover-mock>span{background:var(--red)}.theme-forward .mock-head b,.theme-forward.cover-mock .cover-brand b{color:#fff}.theme-forward .mock-head{transform:skewY(-1deg);transform-origin:left}.theme-forward.cover-mock .cover-brand{transform:skewX(-8deg)}.theme-block .mock-head b,.theme-block .mock-head strong,.theme-block.cover-mock .cover-brand{padding:8px;background:var(--red);color:#fff}.theme-block.cover-mock>span{background:#fff;color:#111}.theme-edition .mock-head{background:#f4f2ed;color:#111;border-bottom:1px solid #111}.theme-edition .mock-head b{color:#111}.theme-edition .mock-head strong{border-color:#aaa}.theme-edition.cover-mock .cover-brand b{color:#fff}.theme-edition.cover-mock>span{background:#fff;color:#111}
.comparison{background:#0a0a0a;color:#fff}.comparison .section-label{border-color:#555}.comparison h2{max-width:900px}.comparison-table{margin-top:75px;border-top:1px solid #666}.row{display:grid;grid-template-columns:2fr repeat(4,1fr);align-items:center;min-height:70px;border-bottom:1px solid #444}.row span,.row strong{font-size:11px}.row strong{font-family:var(--display);font-size:17px}.row.head{min-height:44px;color:#777}.row.head span{font-size:7px;font-weight:800;letter-spacing:.12em}.next-step{display:grid;grid-template-columns:.55fr 1fr;gap:30px 80px;margin-top:95px;padding:50px;background:var(--red)}.next-step .eyebrow{grid-column:1/-1;margin:0}.next-step h3{margin:0;font-family:var(--display);font-size:clamp(37px,5vw,68px);line-height:.85;letter-spacing:-.06em}.next-step>p:last-child{max-width:520px;margin:0;align-self:end;font-size:15px;line-height:1.65}
footer{display:flex;justify-content:space-between;gap:24px;padding:25px 4vw;background:#000;color:#777;font-size:8px;font-weight:800;letter-spacing:.13em}footer a{color:#fff;text-decoration:none}
@media(max-width:900px){.topbar{grid-template-columns:1fr auto;padding:0 18px}.topbar>span{display:none}.menu{display:block}.topbar nav{position:absolute;left:0;right:0;top:66px;display:none;flex-direction:column;gap:0;padding:10px 18px 20px;background:#090909}.topbar nav[data-open=true]{display:flex}.topbar nav a{padding:13px 0;border-bottom:1px solid #333}.cover-number{right:-.08em;top:.05em;font-size:85vw}.cover-copy{left:18px;right:18px;bottom:90px}.cover-top,.cover-foot{left:18px;right:18px}.cover h1{font-size:12.5vw}.cover-copy>p:last-child{font-size:15px}.brief,.comparison,.brand-option{padding:70px 18px}.section-label,.option-head{margin-bottom:48px}.brief-grid,.option-intro{grid-template-columns:1fr;gap:35px}.brief h2,.option-intro h2,.comparison h2{font-size:12vw}.logo-pair,.applications{grid-template-columns:1fr}.logo-stage{min-height:310px}.option-facts{grid-template-columns:1fr}.option-facts p,.option-facts p+ p{padding:15px 0;border-right:0;border-bottom:1px solid #bbb}.option-facts p:last-child{border-bottom:0}.applications{margin-top:55px}.comparison-table{overflow-x:auto}.row{min-width:650px}.next-step{grid-template-columns:1fr;padding:32px 24px}.next-step .eyebrow{grid-column:auto}footer{flex-direction:column}.redline-logo{gap:17px}.redline-logo .p4-mark{width:41%}.forward-logo .p4-solid{width:34%}.block-logo{width:92%}}
@media(max-width:520px){.cover-number{font-size:110vw;top:12%}.cover h1{font-size:13.5vw}.cover-copy>p:last-child{max-width:32ch}.criteria{grid-template-columns:1fr}.criteria li:nth-child(even){padding-left:0;border-left:0}.option-head{align-items:flex-start}.option-tag{max-width:130px;text-align:right;line-height:1.4}.logo-stage{min-height:250px;padding:45px 18px}.redline-logo strong{font-size:10vw}.redline-logo small{display:none}.redline-logo .word i{height:5px}.forward-word strong{font-size:10vw}.forward-word i{width:12px;height:60px}.block-logo{padding:16px}.block-logo strong{font-size:9vw}.edition-logo{gap:15px}.edition-logo strong{font-size:7.5vw;letter-spacing:.1em}.edition-logo small{font-size:5px}.web-mock{grid-template-columns:1fr}.web-mock>img{min-height:240px}.mock-head nav{display:none}.cover-mock>h3{font-size:12vw}.row{min-width:590px}}
@media print{.topbar,.skip{display:none}.cover{min-height:100vh;break-after:page}.brief,.brand-option,.comparison{break-before:page}.logo-stage,.cover,.comparison,.next-step{-webkit-print-color-adjust:exact;print-color-adjust:exact}}
