:root{--paper:#eeeae1;--ink:#161616;--red:#e9432f;--line:rgba(22,22,22,.22)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;background-image:radial-gradient(rgba(20,20,20,.04) .7px,transparent .7px);background-size:5px 5px}a{color:inherit;text-decoration:none}header{height:88px;padding:0 4vw;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;background:rgba(238,234,225,.94);backdrop-filter:blur(10px)}header img{display:block}header .back{text-transform:uppercase;font-size:.6rem;letter-spacing:.14em}header>span{justify-self:end;text-transform:uppercase;font-size:.55rem;letter-spacing:.14em;color:#777}.caseHero{min-height:calc(100vh - 88px);padding:6vh 4vw 5vh;position:relative;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.kicker,.label{text-transform:uppercase;font-size:.6rem;letter-spacing:.17em}.caseHero h1{font-size:clamp(5rem,14vw,14rem);line-height:.72;letter-spacing:-.09em;margin:0;position:relative;z-index:2}.caseHero h1 em,.section h2 em{font-family:Georgia,serif;font-weight:400;color:var(--red)}.intro{max-width:600px;font-size:clamp(1rem,1.5vw,1.25rem);line-height:1.55;margin:0;position:relative;z-index:2}.heroMark{position:absolute;right:4vw;top:17%;width:min(42vw,650px);aspect-ratio:1;background:#ded7ca;display:grid;place-items:center;overflow:hidden}.heroMark span{font-size:clamp(7rem,20vw,20rem);font-weight:900;letter-spacing:-.12em;z-index:2}.heroMark i,.heroMark b{position:absolute;border-radius:50%}.heroMark i{width:65%;height:65%;background:var(--red);left:-25%;bottom:-25%}.heroMark b{width:45%;height:45%;border:2px solid var(--ink);right:-12%;top:-10%}.section{padding:clamp(5rem,9vw,9rem) 4vw;display:grid;grid-template-columns:24% 1fr;gap:4vw}.section h2{font-size:clamp(3rem,7vw,7rem);line-height:.87;letter-spacing:-.065em;margin:0 0 3rem}.section>div>p{max-width:720px;font-size:1.05rem;line-height:1.7;color:#605c56}.dark{background:var(--ink);color:var(--paper);background-image:radial-gradient(rgba(255,255,255,.04) .7px,transparent .7px)}.dark .label{color:#888}.dark>div>p{color:#aaa}.roleGrid{border-top:1px solid #444;display:grid;grid-template-columns:1fr 1fr}.roleGrid article{padding:2rem 2rem 2rem 0;border-bottom:1px solid #444}.roleGrid article:nth-child(odd){border-right:1px solid #444}.roleGrid article:nth-child(even){padding-left:2rem}.roleGrid span{color:var(--red);font-size:.6rem}.roleGrid h3{font-size:1.7rem;margin:.8rem 0}.roleGrid p{color:#aaa;line-height:1.55;max-width:420px}.visuals{display:block}.visuals>.label{margin-bottom:3rem}.visualGrid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.visual{min-height:430px;padding:2rem;position:relative;overflow:hidden}.visual small{text-transform:uppercase;letter-spacing:.15em;font-size:.55rem}.logoVisual{grid-row:span 2;background:var(--ink);color:var(--paper);display:flex;flex-direction:column;justify-content:space-between}.logoVisual strong{align-self:center;font-size:clamp(9rem,22vw,21rem);letter-spacing:-.15em}.logoVisual span{color:var(--red);font-weight:800;letter-spacing:.18em}.webVisual{background:#d7cfbf}.browser{margin-top:2rem;padding:1.2rem;background:var(--paper);min-height:310px;box-shadow:0 20px 50px rgba(0,0,0,.12)}.browser i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--red);margin-right:4px}.browser h3{font-size:3rem;line-height:.9;letter-spacing:-.06em;margin:4rem 0 2rem}.browser button{border:0;background:var(--red);color:white;padding:.8rem 1rem;text-transform:uppercase;font-size:.55rem}.socialVisual{background:var(--red);display:grid;place-items:center}.socialVisual small{position:absolute;left:2rem;top:2rem}.socialCard{width:72%;aspect-ratio:1;background:var(--paper);padding:1.5rem;display:flex;flex-direction:column;justify-content:center;transform:rotate(-4deg);box-shadow:15px 18px 0 var(--ink)}.socialCard b,.socialCard em{font-size:clamp(2.5rem,5vw,5rem);line-height:.82;letter-spacing:-.07em}.socialCard em{font-family:Georgia,serif;color:var(--red)}.socialCard span{margin-top:auto;text-transform:uppercase;font-size:.55rem;letter-spacing:.12em}.outcome a{display:inline-flex;margin-top:2rem;padding:1.2rem 1.5rem;background:var(--red);color:white;text-transform:uppercase;font-size:.6rem;font-weight:700;letter-spacing:.12em;gap:2rem}footer{padding:2rem 4vw;display:flex;justify-content:space-between;border-top:1px solid var(--line);text-transform:uppercase;font-size:.55rem;letter-spacing:.12em}@media(max-width:700px){header{height:74px;padding:0 20px;grid-template-columns:1fr auto}header>span{display:none}.caseHero{min-height:800px;padding:2rem 20px 3rem}.caseHero h1{font-size:22vw;margin-top:2rem}.heroMark{width:85vw;right:-18vw;top:39%;opacity:.92}.intro{max-width:92%;font-size:1rem}.section{padding:5rem 20px;grid-template-columns:1fr;gap:2rem}.section h2{font-size:14vw}.roleGrid{grid-template-columns:1fr}.roleGrid article:nth-child(odd){border-right:0}.roleGrid article:nth-child(even){padding-left:0}.visualGrid{grid-template-columns:1fr}.logoVisual{grid-row:auto}.visual{min-height:360px}.logoVisual strong{font-size:50vw}.socialCard{width:78%}footer{padding:2rem 20px;gap:1rem;flex-direction:column}}