:root{color-scheme:light;--charcoal:#202426;--chalk:#f2f0e9;--orange:#bd512d;--petrol:#174c53}*{box-sizing:border-box}html{scroll-padding-top:2rem}body{margin:0;background:var(--chalk);color:var(--charcoal);font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.55}a{color:inherit}a:focus-visible{outline:3px solid #df774b;outline-offset:4px}.skip-link{position:absolute;left:1rem;top:-5rem;background:white;color:#202426;padding:.75rem;z-index:10}.skip-link:focus{top:1rem}.site-header{background:var(--charcoal);color:var(--chalk);display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1.6rem max(5vw,calc((100vw - 1280px)/2));border-bottom:1px solid #ffffff1f}.site-brand{display:flex;align-items:center;gap:.8rem;font-size:1.1rem;font-weight:700;text-decoration:none;white-space:nowrap}.monogram{border:1px solid #acb3ae;padding:.25rem .4rem;letter-spacing:-.08em}.site-header nav{display:flex;align-items:center;gap:2rem;flex-wrap:wrap}.site-header nav a{text-decoration:none;font-size:.86rem}.site-header a:hover,.writing a:hover,.closing a:hover,footer a:hover{text-decoration:underline}.hero{background:var(--charcoal);color:var(--chalk);overflow:hidden}.hero-inner{max-width:1440px;margin:auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:600px}.hero-copy{padding:5rem 3rem 5rem max(5vw,calc((100vw - 1280px)/2));position:relative;z-index:1}.eyebrow,.category{text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;font-weight:700;color:var(--orange)}h1,h2,h3,p,figure{margin:0}h1{font-size:clamp(2.8rem,5vw,5rem);line-height:1.06;letter-spacing:-.045em;margin:1.3rem 0}.hero-intro{max-width:37rem;color:#d4d7d1;font-size:1.1rem}.actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2rem}.button{padding:.9rem 1.1rem;font-size:.85rem;font-weight:700;text-decoration:none;display:inline-flex;gap:1rem;align-items:center}.primary{background:var(--orange);color:white}.secondary{border:1px solid #aaa;color:white}.track{align-self:stretch;position:relative;min-width:0}.track img{width:100%;height:100%;min-height:600px;object-fit:cover;clip-path:polygon(14% 0,100% 0,100% 100%,0 100%)}.track figcaption{position:absolute;bottom:1.5rem;right:2rem;text-align:right;font-size:.72rem;color:white;text-shadow:0 1px 4px #000;background:#20242699;padding:.4rem}.wrap{max-width:1280px;margin:auto;padding-left:5vw;padding-right:5vw}.perspective{padding-top:6rem;padding-bottom:6rem}.section-intro{display:grid;grid-template-columns:1fr 3fr;gap:2rem}.section-intro h2,.writing h2{font-size:clamp(2rem,3.5vw,3.4rem);line-height:1.12;letter-spacing:-.04em}.section-intro div>p{max-width:48rem;margin-top:1.5rem;font-size:1.08rem;color:#4b5451}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem;margin-top:4rem}.principles article{border-top:1px solid #9da8a1;padding-top:1.4rem}.principles span{color:var(--orange);font-weight:700;font-size:.8rem}.principles h3{font-size:1.25rem;margin:1rem 0 .8rem}.principles p{color:#4b5451}.writing{background:#e5e5dc;padding:5rem 0}.writing-head{display:flex;justify-content:space-between;align-items:end;gap:2rem}.writing-head h2{margin-top:.8rem}.writing-head>a,.closing a{font-size:.85rem;font-weight:700;text-decoration:none;color:var(--petrol)}.articles{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-top:3rem}.articles article{border-top:1px solid #99a39d;padding-top:1.4rem}.articles h3{font-size:1.35rem;line-height:1.3;margin-top:.8rem}.articles h3 a{text-decoration:none}.articles h3 span{color:var(--orange)}.closing{padding-top:2.5rem;padding-bottom:2.5rem;display:flex;justify-content:space-between;gap:2rem;align-items:center}.closing p{font-size:.95rem}footer{background:var(--charcoal);color:#d4d7d1;font-size:.8rem}footer .wrap{padding-top:1.6rem;padding-bottom:1.6rem;display:flex;justify-content:space-between;gap:1rem}footer div div{display:flex;gap:1.5rem}footer a{text-decoration:none}@media(max-width:800px){.site-header{align-items:flex-start;flex-direction:column;gap:1rem}.site-header nav{gap:.8rem 1.2rem}.hero-inner{grid-template-columns:1fr}.hero-copy{padding:4rem 5vw 2rem}.track{height:330px}.track img{min-height:0;clip-path:polygon(0 10%,100% 0,100% 100%,0 100%)}.section-intro{grid-template-columns:1fr;gap:1rem}.principles{grid-template-columns:1fr;gap:2rem;margin-top:3rem}.perspective{padding-top:4rem;padding-bottom:4rem}.articles{grid-template-columns:1fr;gap:2rem}.writing-head,.closing{align-items:flex-start;flex-direction:column}.writing{padding:4rem 0}}
/* Darken small accent text on light sections and lighten it on charcoal. */
.perspective .eyebrow,.writing .eyebrow,.category,.principles span{color:#a33d1d}.hero .eyebrow{color:#eea282}
/* Align the homepage proportions with the approved Quiet Performance reference. */
.site-header{padding:0.6rem 4%;border:0}.monogram{border:0;border-right:1px solid var(--orange);padding:0 .9rem 0 0;font-size:1.5rem;letter-spacing:-.06em}.site-header nav a:last-child{border:1px solid var(--orange);color:#ef7048;padding:.3rem 1rem}.hero-inner{max-width:none;min-height:0;grid-template-columns:46% 54%}.hero-copy{padding:1.5rem 0 2rem 4vw}.hero-copy h1{font-size:clamp(2.5rem,4.4vw,4rem);line-height:1; margin:.8rem 0}.hero-intro{font-size:1rem;line-height:1.35;max-width:29rem}.actions{margin-top:1.3rem}.secondary{border:0;text-decoration:underline;font-weight:400}.track img{min-height:0;display:block;object-fit:cover}.track figcaption{background:none;font-style:italic}.perspective{padding-top:1.5rem;padding-bottom:1.2rem}.section-intro{display:block}.section-intro>.eyebrow{display:none}.section-intro h2{font-size:clamp(2rem,3.4vw,3rem)}.section-intro div>p{max-width:60rem;margin-top:.4rem;color:inherit;font-size:1rem;line-height:1.35}.principles{gap:2rem;margin-top:1.4rem}.principles article{border-top:2px solid var(--petrol);padding-top:.6rem}.principles span{display:none}.principles h3{margin:0 0 .3rem}.principles p{color:inherit;line-height:1.35}.writing{background:transparent;padding:0}.writing>.wrap{display:grid;grid-template-columns:1fr 3fr;gap:2rem}.writing-head{border-top:1px solid #888;padding-top:1rem}.writing-head .eyebrow,.writing-head>a{display:none}.writing-head h2{font-size:1.5rem;margin:0}.articles{border-top:1px solid #888;margin:0;gap:2rem}.articles article{border:0;padding-top:1rem;display:flex;flex-direction:column-reverse;justify-content:flex-end}.articles h3{font-size:1rem;margin:0}.articles h3 a{color:#a33d1d;text-decoration:underline}.category{text-transform:none;letter-spacing:0;color:inherit;font-weight:400}.closing{border-top:1px solid #888;margin-top:1.5rem;padding-top:.8rem;padding-bottom:1rem}.closing p{font-style:italic}.closing a{display:none}@media(max-width:800px){.hero-inner{grid-template-columns:1fr}.hero-copy{padding:3rem 5vw 2rem}.track{height:300px}.track img{width:100%;height:100%;clip-path:none}.writing>.wrap{display:block}.writing-head{padding-top:1rem}.articles{border:0;grid-template-columns:1fr;gap:0}.perspective{padding-top:2rem}.principles{grid-template-columns:1fr;gap:1.3rem}}

/* Preserve the approved wide track panel without constraining mobile. */
@media(min-width:801px){.track{align-self:center;aspect-ratio:2 / 1}.track img{position:absolute;inset:0;width:100%;height:100%}}

/* Keep the approved two-line headline within the desktop text column. */
@media(min-width:801px){.hero-copy h1{font-size:clamp(2.5rem,3.4vw,3.25rem)}}
