:root { --ink:#11141c; --paper:#f8f4ed; --blue:#0fa3b1; --pink:#e0218a; --mist:#e4eff0; --line:rgba(17,20,28,.19); } * { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; color:var(--ink); background:var(--paper); font-family:"Instrument Sans",Arial,sans-serif; -webkit-font-smoothing:antialiased; } a { color:inherit; } .search-nav { min-height:86px; padding:18px clamp(20px,5vw,76px); display:flex; align-items:center; justify-content:space-between; gap:22px; border-bottom:1px solid var(--line); } .search-brand { display:flex; align-items:center; gap:12px; text-decoration:none; } .search-mark { font:24px/.9 "Archivo Black",sans-serif; letter-spacing:-2px; } .search-mark span { color:var(--blue); } .search-name,.search-nav-link,.eyebrow { font:500 10px/1.2 "IBM Plex Mono",monospace; letter-spacing:.1em; text-transform:uppercase; } .search-name { font-weight:700; } .search-nav-link { text-decoration:none; } .search-nav-link:hover { color:var(--pink); } .hero { min-height:min(780px,calc(100svh - 86px)); padding:clamp(66px,10vw,150px) clamp(20px,8vw,130px) clamp(58px,7vw,110px); display:grid; grid-template-columns:minmax(0,1fr) minmax(270px,390px); gap:clamp(40px,8vw,140px); align-items:end; background:var(--ink); color:var(--paper); } .eyebrow { margin:0 0 26px; color:#70d1d9; } h1 { max-width:850px; margin:0; font:clamp(52px,8vw,124px)/.83 "Archivo Black",sans-serif; letter-spacing:-.075em; text-transform:uppercase; } h1 em { color:var(--pink); font-style:normal; } .hero-copy { max-width:680px; margin:32px 0 0; color:#dce1e4; font-size:clamp(18px,2vw,23px); line-height:1.45; } .hero-aside { align-self:stretch; display:flex; flex-direction:column; justify-content:flex-end; padding:30px; color:var(--ink); background:var(--blue); box-shadow:13px 13px 0 var(--pink); } .hero-aside b { display:block; margin-bottom:22px; font:clamp(30px,3.5vw,52px)/.9 "Archivo Black",sans-serif; letter-spacing:-.06em; text-transform:uppercase; } .hero-aside p { margin:0; font-size:17px; line-height:1.4; } .cta { display:inline-flex; align-items:center; justify-content:space-between; gap:44px; margin-top:36px; padding:18px 21px; color:var(--paper); background:var(--pink); text-decoration:none; font:700 12px "IBM Plex Mono",monospace; letter-spacing:.04em; text-transform:uppercase; } .cta:hover { background:#f2419c; transform:translateX(4px); } .statement { padding:clamp(65px,10vw,142px) clamp(20px,8vw,130px); } .statement-grid { max-width:1250px; display:grid; grid-template-columns:minmax(220px,.55fr) minmax(0,1.45fr); gap:clamp(32px,8vw,120px); } .statement h2,.practice h2 { margin:0; font:clamp(42px,6vw,88px)/.87 "Archivo Black",sans-serif; letter-spacing:-.07em; text-transform:uppercase; } .statement p { max-width:670px; margin:0 0 22px; font-size:clamp(18px,2vw,22px); line-height:1.48; } .statement p strong { color:var(--pink); } .practice { padding:clamp(66px,9vw,125px) clamp(20px,8vw,130px); background:var(--mist); } .practice-top { max-width:1250px; display:grid; grid-template-columns:minmax(0,1fr) minmax(250px,430px); gap:50px; align-items:end; } .practice-top p { margin:0; color:#435057; font-size:18px; line-height:1.5; } .practice-list { max-width:1250px; margin:58px 0 0; padding:0; display:grid; grid-template-columns:repeat(3,1fr); list-style:none; border-top:1px solid var(--line); } .practice-list li { min-height:230px; padding:26px 26px 26px 0; border-right:1px solid var(--line); } .practice-list li+li { padding-left:26px; } .practice-list b { display:block; margin-bottom:38px; color:var(--blue); font:500 11px "IBM Plex Mono",monospace; } .practice-list strong { display:block; margin-bottom:10px; font-size:23px; letter-spacing:-.035em; } .practice-list span { color:#59666d; line-height:1.48; } .next { padding:clamp(65px,9vw,125px) clamp(20px,8vw,130px); background:var(--paper); } .next-inner { max-width:900px; } .next h2 { margin:0; font:clamp(48px,7vw,104px)/.84 "Archivo Black",sans-serif; letter-spacing:-.075em; text-transform:uppercase; } .next p { max-width:560px; margin:28px 0 0; font-size:19px; line-height:1.5; } .micro { color:#59666d; font-size:13px!important; } footer { padding:34px clamp(20px,5vw,76px); display:flex; justify-content:space-between; gap:24px; border-top:1px solid var(--line); font:500 10px "IBM Plex Mono",monospace; letter-spacing:.05em; text-transform:uppercase; } footer a { text-decoration:none; } @media(max-width:760px) { .search-name{display:none}.hero,.statement-grid,.practice-top{grid-template-columns:1fr}.hero{min-height:0}.hero-aside{min-height:230px}.practice-list{grid-template-columns:1fr}.practice-list li,.practice-list li+li{min-height:0;padding:24px 0;border-right:0;border-bottom:1px solid var(--line)}.practice-list b{margin-bottom:18px}footer{display:block;line-height:1.8}.cta{width:100%;}.nbs-measurement-notice{font-size:14px} } @media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}