@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600&family=Playfair+Display:ital,wght@0,500;1,500&display=swap');
:root{--ink:#111827;--paper:#fbfaf7;--coral:#ff6f61;--blue:#dbeafe;--pink:#fde2e4}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}
a{color:inherit;text-decoration:none}.nav{height:72px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;background:rgba(251,250,247,.92);position:sticky;top:0;z-index:10;backdrop-filter:blur(10px)}
.brand{font-size:13px;letter-spacing:.28em;font-weight:600}.nav nav{display:flex;gap:28px;font-size:13px}
.hero{min-height:78vh;display:grid;grid-template-columns:44% 56%;position:relative;overflow:hidden}.hero-copy{padding:8vh 5vw 5vh;z-index:2}.eyebrow,.tags{font-size:11px;letter-spacing:.24em;font-weight:600}.hero h1,.manifesto h2,.collab h2{font-family:'Playfair Display',serif;font-weight:500;line-height:.95;margin:22px 0;font-size:clamp(58px,7vw,112px)}em{color:var(--coral);font-weight:500}.lead{font-size:18px;line-height:1.55;max-width:520px}.button{display:inline-block;margin-top:22px;border:1px solid var(--ink);padding:14px 22px;text-transform:uppercase;font-size:10px;letter-spacing:.18em}.tags{margin-top:44px}.hero-image{background:linear-gradient(135deg,rgba(255,111,97,.16),rgba(219,234,254,.25)),url('hero.jpg') center/cover no-repeat}.hero-note{position:absolute;right:4vw;top:16vh;font-family:'Playfair Display',serif;font-style:italic;font-size:24px;transform:rotate(-6deg);line-height:1.25}
.practice{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #ddd;border-bottom:1px solid #ddd}.practice article{min-height:310px;padding:38px 3vw;border-right:1px solid #ddd;background:linear-gradient(180deg,#fff,var(--blue))}.practice article:nth-child(2){background:linear-gradient(180deg,#fff,var(--pink))}.practice article:nth-child(3){background:linear-gradient(180deg,#fff,#e8e7ff)}.practice article:nth-child(4){background:linear-gradient(180deg,#fff,#ffe7dc)}.practice span{font-size:10px}.practice h2{font-family:'Playfair Display',serif;font-size:42px;margin:25px 0 18px}.practice p{line-height:1.6;color:#46505f}
.manifesto{padding:9vh 6vw;display:grid;grid-template-columns:1fr 2.4fr 1.1fr;gap:5vw;align-items:center}.manifesto h2{font-size:clamp(42px,5vw,76px)}.manifesto>p:last-child{line-height:1.65;color:#4b5563}.scribble{font-family:'Playfair Display',serif;font-style:italic;font-size:26px;transform:rotate(-7deg)}
.visual-band{min-height:460px;padding:7vh 6vw;display:flex;justify-content:space-between;align-items:end;color:white;background:linear-gradient(90deg,rgba(5,10,20,.78),rgba(20,10,35,.35)),url('visual.jpg') center/cover no-repeat}.band-copy{letter-spacing:.18em;line-height:2;font-size:11px}.visual-band blockquote{font-family:'Playfair Display',serif;font-size:40px;max-width:520px}
.collab{padding:10vh 8vw;background:linear-gradient(120deg,#fff0e8,#e8f1ff);display:grid;grid-template-columns:1.3fr 1fr;gap:2vw}.collab .eyebrow{grid-column:1/-1}.collab h2{font-size:clamp(48px,6vw,82px);margin:0}.collab>p:not(.eyebrow){max-width:520px;line-height:1.65}.dark{background:#111827;color:white;width:max-content}
footer{padding:32px 5vw;display:flex;justify-content:space-between;gap:20px;font-size:11px;letter-spacing:.12em}
@media(max-width:800px){.nav nav{display:none}.hero{grid-template-columns:1fr;min-height:auto}.hero-copy{padding-top:8vh}.hero-image{height:48vh;order:-1}.hero-note{display:none}.practice{grid-template-columns:1fr 1fr}.manifesto{grid-template-columns:1fr}.scribble{display:none}.collab{grid-template-columns:1fr}footer{flex-direction:column}.visual-band{align-items:flex-start;flex-direction:column}.visual-band blockquote{font-size:30px}}
@media(max-width:520px){.practice{grid-template-columns:1fr}.hero h1{font-size:58px}.manifesto h2{font-size:44px}}