@font-face{font-family:"Space Grotesk";src:url("assets/SpaceGrotesk.woff2") format("woff2");font-weight:300 700;font-display:swap}
:root{--paper:oklch(95% .023 83);--ink:oklch(28% .022 71);--accent:oklch(59% .146 38);--light:oklch(85% .057 65);--muted:oklch(44% .022 71)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Space Grotesk","Avenir Next",sans-serif;font-size:18px;line-height:1.5}a{color:inherit;text-underline-offset:5px}a:focus-visible{outline:3px solid var(--ink);outline-offset:6px}img{display:block;max-width:100%;height:auto}.skip{position:absolute;left:24px;top:-100px;background:var(--ink);color:var(--paper);padding:12px;z-index:2}.skip:focus{top:12px}.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1600px;margin:auto;padding:24px 4.5vw}.logo{width:246px}.header-link{font-size:15px;text-decoration:none}.header-link:hover{text-decoration:underline}.hero{max-width:1600px;margin:auto;display:grid;grid-template-columns:.95fr 1.05fr;gap:4vw;align-items:center;padding:44px 4.5vw 90px}.hero-copy{padding-block:36px}h1{font-size:clamp(48px,5.15vw,82px);font-weight:650;line-height:1.04;letter-spacing:-.065em;margin:0 0 28px}h1 span{display:block;white-space:nowrap}.hero-copy>p{font-size:clamp(18px,1.45vw,22px);margin:0 0 32px;line-height:1.5}.button{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:14px 24px;background:var(--ink);color:var(--paper);text-decoration:none;border-radius:8px;font-size:16px;font-weight:500}.button:hover{background:oklch(36% .025 71)}.hero-copy .quiet{font-size:14px;margin:16px 0 0;color:var(--muted)}.hero-art{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:center}.hero-art figure{margin:0;overflow:hidden;border-radius:130px 130px 12px 12px;background:var(--light)}.hero-art figure:first-child{transform:translateY(-22px)}.hero-art figure:last-child{transform:translateY(22px)}.hero-art img{width:100%;aspect-ratio:.55;object-fit:cover;object-position:52% 70%}.ordinary{display:grid;grid-template-columns:.7fr 1.3fr;gap:7vw;max-width:1600px;margin:auto;padding:80px 4.5vw 110px;background:var(--light)}.ordinary-intro img{width:146px;margin-bottom:24px}.ordinary h2{font-size:clamp(34px,3vw,48px);font-weight:650;line-height:1.1;letter-spacing:-.045em;max-width:320px;margin:0}.ordinary-copy>p{font-size:23px;line-height:1.5;max-width:680px;margin:0 0 36px}.subjects{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-bottom:32px}.subjects h3{font-size:20px;margin:0 0 10px;font-weight:650}.subjects p{font-size:15px;line-height:1.6;margin:0}.text-link{font-size:16px}footer{max-width:1600px;padding:28px 4.5vw 40px;margin:auto;display:flex;gap:24px;align-items:center;justify-content:space-between;font-size:13px;color:var(--muted)}footer p{margin:0}
@media(min-width:1600px){.hero,.site-header,.ordinary,footer{padding-inline:72px}}
@media(max-width:1000px){.hero{gap:24px;padding-top:25px}h1{font-size:clamp(40px,5.2vw,60px)}.hero-art{gap:8px}.ordinary{gap:40px}.subjects{gap:20px}.ordinary-copy>p{font-size:20px}}
@media(max-width:700px){.site-header{padding:20px}.logo{width:190px}.header-link{font-size:12px;max-width:88px;text-align:right;line-height:1.4}.hero{grid-template-columns:1fr;padding:20px 20px 60px;gap:32px}.hero-copy{padding:14px 0 0}h1{font-size:clamp(40px,10.5vw,68px);letter-spacing:-.06em;margin-bottom:22px}.hero-copy>p{font-size:18px;margin-bottom:25px}.hero-art{max-width:600px;margin-inline:auto;width:100%;gap:10px}.hero-art img{aspect-ratio:.72;object-position:50% 72%}.hero-art figure:first-child{transform:translateY(-8px)}.hero-art figure:last-child{transform:translateY(8px)}.ordinary{grid-template-columns:1fr;padding:45px 24px 55px;gap:30px}.ordinary-intro{display:flex;align-items:center;gap:22px}.ordinary-intro img{width:88px;margin:0}.ordinary h2{font-size:34px;max-width:220px}.ordinary-copy>p{font-size:19px}.subjects{grid-template-columns:1fr;gap:24px}.subjects>div{display:grid;grid-template-columns:70px 1fr;gap:12px}.subjects h3{font-size:19px}.subjects p{font-size:15px}footer{padding:26px 24px 35px;display:block}footer>*{display:block;margin-bottom:12px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Keep closing phrases intact, with balanced headings and readable short lines. */
.keep{white-space:nowrap}
h1,h2,h3{text-wrap:balance}
p{text-wrap:pretty}
.intro-line{display:block;text-wrap:balance}
.ordinary h2{max-width:340px}
.hero-art img{aspect-ratio:2/3;object-position:center}
@media(max-width:700px){
  .ordinary-intro{display:block}
  .ordinary-intro img{width:88px;margin-bottom:22px}
  .ordinary h2{max-width:100%}
}