:root{--bg:#f3f2f2;--surface:#eae9e9;--ink:#201e1d;--muted:#605d5d;--cyan:#0088b0;--cyan7:#006786;--cyan8:#004961;--mag:#d6006c;--mag7:#aa0b56;--serif:"Source Serif 4",Georgia,serif;--mono:"IBM Plex Mono",ui-monospace,monospace;--r:2px}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{overflow-x:clip;margin:0;background:var(--bg);color:var(--ink);font:18px/1.6 var(--serif);-webkit-font-smoothing:antialiased;position:relative}
body::after{content:"";position:fixed;inset:0;z-index:50;pointer-events:none;mix-blend-mode:multiply;opacity:.4;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .3 0 0 0 0 .28 0 0 0 0 .25 0 0 0 .5 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}
a{color:var(--cyan7)}a:hover{color:var(--mag7)}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}
.wrap{width:min(1160px,calc(100% - 48px));margin:auto;position:relative}
.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;background:#fff;padding:10px;z-index:100}
.site-head{position:sticky;top:0;z-index:20;background:var(--bg)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:84px}
.logo{font-weight:600;font-size:1.5rem;letter-spacing:-.02em;text-decoration:none;color:var(--ink)}.logo b{color:var(--cyan);font-weight:600}.logo:hover{color:var(--ink)}
.links{display:flex;align-items:center;gap:30px}
.links a{font:500 .78rem/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;text-decoration:none;color:var(--muted)}
.links a:hover,.links a[aria-current]{color:var(--ink)}
.links .nav-cta{background:var(--cyan7);color:#fff;padding:12px 16px;border-radius:var(--r)}.links .nav-cta:hover{background:var(--cyan8);color:#fff}
.menu-toggle{display:none;border:0;background:var(--surface);font:500 .8rem var(--mono);text-transform:uppercase;padding:12px 14px;border-radius:var(--r);cursor:pointer}
.eyebrow{font:500 .78rem/1.4 var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--mag7)}
h1,h2,h3{font-weight:600;line-height:1.02;letter-spacing:-.025em;margin:0}
h2{font-size:clamp(2.2rem,4.4vw,3.6rem);margin:12px 0 20px}h3{font-size:1.5rem;line-height:1.15;margin-bottom:12px}
em{color:var(--cyan7)}
.lead{font-size:1.3rem;line-height:1.55;max-width:640px;margin:0}.muted{color:var(--muted)}
.button{display:inline-flex;align-items:center;min-height:50px;padding:14px 24px;background:var(--cyan7);color:#fff;border:0;border-radius:var(--r);font:600 1.02rem var(--serif);text-decoration:none;cursor:pointer}
.button:hover{background:var(--cyan8);color:#fff}.button:active{background:var(--cyan8)}
.button.alt{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink)}.button.alt:hover{background:var(--surface);color:var(--ink)}
.actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:36px}
section{padding:104px 0;position:relative}
.hero{position:relative;overflow:hidden;padding:56px 0 130px}
.ghost{position:absolute;right:clamp(0px,6vw,80px);top:0;transform:rotate(-90deg);transform-origin:right top;font-weight:600;text-transform:uppercase;font-size:clamp(9rem,17vw,15rem);line-height:.8;letter-spacing:-.02em;color:transparent;-webkit-text-stroke:2px var(--ink);opacity:.14;white-space:nowrap;pointer-events:none}
.dots{position:absolute;left:46%;top:60px;width:300px;height:300px;border-radius:50%;background-image:radial-gradient(circle,var(--mag) 32%,transparent 36%);background-size:11px 11px;opacity:.45;pointer-events:none}
.hero h1{position:relative;font-size:clamp(4.6rem,14.5vw,12rem);line-height:.88;letter-spacing:-.045em;margin:26px 0 0}
.hero h1 .d{display:inline-block;margin-left:14%;color:var(--cyan);transform:rotate(-4deg);transform-origin:left bottom;font-style:italic;text-shadow:5px 4px 0 var(--mag)}
.hero-copy{position:relative;display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:32px 48px;margin-top:64px}.hero-copy .lead{flex:1 1 380px}.hero-copy .actions{flex:none}
.tape{display:inline-block;background:var(--ink);color:var(--bg);font:500 .78rem var(--mono);letter-spacing:.08em;text-transform:uppercase;padding:8px 14px;transform:rotate(-2deg)}
.hero .tape{position:absolute;left:0;bottom:-50px;margin:0}
.story-head{display:flex;align-items:baseline;gap:24px;margin-bottom:72px;flex-wrap:wrap}
.story-head h2{font-size:clamp(2.8rem,6.4vw,5.4rem);max-width:780px;transform:rotate(-1.5deg);margin:0;line-height:.98}
.story{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:48px 24px;align-items:start}
.beat{display:flex;flex-direction:column;gap:14px;position:relative}
.beat .tape{align-self:flex-start;margin-left:-8px;background:var(--cyan7)}
.beat h3{font-size:2.3rem;line-height:1.02;text-wrap:balance}.beat p{margin:0;max-width:44ch}
.beat.b1{grid-column:1/span 5;transform:rotate(-1.5deg)}
.beat.b2{grid-column:6/span 7;background:var(--surface);padding:34px;transform:translate(30px,26px) rotate(1.2deg);z-index:2}.beat.b2 .tape{background:var(--ink)}
.beat.b3{grid-column:2/span 5;transform:translate(-18px,-6px) rotate(1.6deg);z-index:3}
.beat.b4{grid-column:7/span 6;background:var(--ink);color:var(--bg);padding:38px;transform:translate(16px,40px) rotate(-1.4deg);z-index:4}.beat.b4 .tape{background:var(--mag7)}
.beat.b5{grid-column:1/span 6;transform:translate(10px,8px) rotate(1deg)}.beat.b5 h3{font-size:2rem}
.beat.b6{grid-column:8/span 5;background:var(--cyan7);color:#fff;padding:38px;transform:translate(-20px,-14px) rotate(-2deg);z-index:5}.beat.b6 .tape{background:#fff;color:var(--ink)}.beat.b6 h3{font-size:2.6rem}
.quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:44px}
.quote{font-style:italic;font-size:1.7rem;line-height:1.2;letter-spacing:-.015em}.quote:nth-child(2){margin-top:32px;transform:rotate(1deg)}.quote:nth-child(3){transform:rotate(-1.2deg)}
.quote small{display:block;margin-top:12px;font:400 1rem/1.5 var(--serif);font-style:normal;color:var(--muted)}
.section-head{max-width:760px;margin-bottom:48px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.card{background:var(--surface);padding:32px;border-radius:var(--r)}
.card p{margin:0;color:var(--muted)}.card a{display:inline-block;margin-top:16px;font-weight:600}
.card:nth-child(3n+2){transform:translateY(22px) rotate(.6deg)}.card:nth-child(3n){transform:rotate(-.6deg)}
.band{background:var(--ink);color:var(--bg)}.band .lead,.band .muted{color:var(--bg)}.band .eyebrow{color:#ff90b1}.band em{color:#62c5ee}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.checklist{padding:0;margin:0;list-style:none;font-size:1.3rem}.checklist li{padding:12px 0 12px 38px;position:relative}
.checklist li:before{content:"→";position:absolute;left:0;font-family:var(--mono);color:var(--cyan)}
.band .checklist li:before{color:#ff90b1}
.process{counter-reset:p;display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.process .card:before{counter-increment:p;content:"0" counter(p);display:block;font:500 .9rem var(--mono);color:var(--mag7);margin-bottom:18px}
.callout{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:56px;background:var(--surface);transform:rotate(-.8deg);border-radius:var(--r)}
.callout h2{margin-top:10px}.callout p{margin:0;max-width:520px}
.page-title{position:relative;overflow:hidden;padding:56px 0 72px}
.page-title:after{content:"";position:absolute;right:6%;top:30px;width:240px;height:240px;border-radius:50%;background-image:radial-gradient(circle,var(--mag) 32%,transparent 36%);background-size:10px 10px;opacity:.35}
.page-title h1{position:relative;font-size:clamp(3rem,7vw,6rem);line-height:.95;letter-spacing:-.04em;max-width:900px;margin:18px 0 26px}
.page-title h1 em{font-style:italic;display:inline-block;transform:rotate(-2deg)}
.service{display:grid;grid-template-columns:1fr 1.3fr;gap:64px;padding:44px 0}
.service:nth-child(even){transform:translateX(24px)}.service p{color:var(--muted)}.service ul{padding-left:20px}.service li{padding:4px 0}.service .button{margin-top:18px}
.note{background:var(--surface);padding:18px 22px;border-radius:var(--r);color:var(--muted);font-size:1rem;margin-top:24px}
.form{background:var(--surface);padding:38px;border-radius:var(--r)}
.field{margin-bottom:22px}label{display:block;font:500 .78rem var(--mono);letter-spacing:.07em;text-transform:uppercase;margin-bottom:8px}
input,textarea,select{width:100%;font:inherit;border:0;box-shadow:inset 0 0 0 1.5px #9b9797;background:var(--bg);border-radius:var(--r);padding:13px 14px;color:var(--ink)}
textarea{min-height:150px;resize:vertical}.fine{font-size:.9rem;color:var(--muted)}
footer{background:var(--ink);color:var(--bg);padding:56px 0}footer a{color:var(--bg)}footer a:hover{color:#ff90b1}
.footer-row{display:flex;justify-content:space-between;gap:24px;align-items:flex-end}
footer strong{font-size:1.5rem;letter-spacing:-.02em}footer p{margin:6px 0 0;font:400 .8rem var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#bab6b6}
footer nav{display:flex;flex-wrap:wrap;gap:22px;font:500 .78rem var(--mono);letter-spacing:.08em;text-transform:uppercase}
@media(max-width:1040px){body{font-size:17px}.two-col,.service{grid-template-columns:1fr;gap:32px}.grid,.process,.quotes{grid-template-columns:1fr 1fr}.hero-copy{flex-direction:column;align-items:flex-start}.story{display:flex;flex-direction:column;gap:40px}.beat{transform:none!important}.beat.b2,.beat.b4,.beat.b6{margin:0}.service:nth-child(even){transform:none}.card:nth-child(n){transform:none}.dots{left:55%}
.links{display:none;position:absolute;top:84px;left:0;right:0;background:var(--bg);padding:20px 24px 28px;flex-direction:column;align-items:stretch;gap:20px}.links.open{display:flex}.menu-toggle{display:block}.callout{flex-direction:column;align-items:flex-start;transform:none;padding:36px}}
@media(max-width:560px){.grid,.process,.quotes{grid-template-columns:1fr}section{padding:72px 0}.hero h1 .d{margin-left:6%}.hero{padding-bottom:100px}.footer-row{flex-direction:column;align-items:flex-start}.quote:nth-child(n){transform:none;margin-top:0}}