/* Isolated business system. The existing curiosity page keeps its own stylesheet. */
:root{--graphite:#1c1d1f;--text:#f2f0e9;--body:#d4d3cf;--muted:#a6a7aa;--line:#393b3e}
*{box-sizing:border-box}
html{background:var(--graphite);color-scheme:dark;scroll-padding-top:28px}
body.business-page{margin:0;background:var(--graphite);color:var(--text);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:2px solid var(--text);outline-offset:6px}
main:focus{outline:none}
::selection{background:var(--text);color:var(--graphite)}
.skip-link{position:absolute;top:12px;left:12px;background:var(--text);color:var(--graphite);padding:14px 20px;z-index:2;transform:translateY(-160%)}
.skip-link:focus{transform:none}
.business-shell{width:min(1240px,calc(100% - 96px));margin-inline:auto}
.business-header{min-height:106px;display:flex;align-items:center;justify-content:space-between;gap:36px}
.wordmark{font-size:23px;letter-spacing:-1px;font-weight:700;padding-block:12px}
.business-header nav{display:flex;flex-wrap:wrap;gap:30px;font-size:13px;color:var(--muted)}
.business-header nav a{padding-block:12px}
.business-header nav a:hover,.quiet-link:hover{text-decoration:underline;text-underline-offset:5px}
.business-hero{padding-block:68px 108px}
.business-hero h1{font-size:clamp(52px,6.5vw,94px);line-height:1.04;letter-spacing:-.055em;font-weight:600;max-width:1170px;margin:0;text-wrap:balance}
.hero-lower{display:grid;grid-template-columns:1fr 1.2fr;gap:100px;align-items:end;margin-top:58px}
.hero-actions{display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.primary-link{display:inline-flex;gap:24px;align-items:center;background:var(--text);color:var(--graphite);font-size:14px;font-weight:600;line-height:1.5;padding:18px 22px}
.primary-link:hover{background:#d9d8d1}
.primary-link span,.text-link span{font-size:20px;flex:none}
.quiet-link{display:inline-block;font-size:13px;line-height:1.7;color:var(--muted);padding-block:12px}
.hero-copy p{font-size:18px;line-height:1.75;color:var(--body);margin:0 0 18px}
.hero-copy p:first-child{font-weight:600;color:var(--text)}
.hero-copy p:last-child{margin:0}
.business-section{padding-block:88px;border-top:1px solid var(--line)}
h2{font-size:clamp(30px,3vw,44px);line-height:1.14;letter-spacing:-1.5px;font-weight:600;margin:0 0 32px}
h3{font-size:20px;line-height:1.4;letter-spacing:-.4px;font-weight:600;margin:0 0 20px}
p{font-size:18px;line-height:1.75;color:var(--body);margin:0 0 20px}
p:last-child{margin-bottom:0}
.split-section{display:grid;grid-template-columns:1fr 1.6fr;gap:110px}
.split-section h2{max-width:380px}
.reading-copy{max-width:680px;min-width:0}
.service-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;margin-top:52px}
.service-item{padding-top:28px;border-top:1px solid var(--line);min-width:0}
.service-item p{font-size:16px;line-height:1.8}
.process-list{list-style:none;margin:0;padding:0}
.process-list li{display:grid;grid-template-columns:40px 1fr;gap:28px;padding-block:24px;border-bottom:1px solid var(--line)}
.process-list li:first-child{padding-top:0}
.process-list li:last-child{border:0;padding-bottom:0}
.step-number{font-size:12px;color:var(--muted);line-height:1.5;padding-top:6px;font-variant-numeric:tabular-nums}
.process-list h3{font-size:21px;margin-bottom:10px}
.process-list p{font-size:16px;line-height:1.8;margin:0}
.proof-section{max-width:none;padding-left:37%}
.proof-section h2{max-width:680px}
.text-link{display:inline-flex;align-items:center;gap:22px;font-size:18px;line-height:1.6;padding-block:12px;border-bottom:1px solid var(--muted);margin-top:14px}
.text-link:hover{border-color:var(--text)}
.sector-list{display:grid;grid-template-columns:1fr 1fr;list-style:none;gap:12px 24px;margin:32px 0 0;padding:0;font-size:16px;line-height:1.6;color:var(--muted)}
.contact-section h2{font-size:clamp(36px,4.4vw,62px);letter-spacing:-2px;max-width:850px}
.contact-section p{max-width:660px}
.contact-actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px 32px;margin-top:36px}
.business-footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:24px;padding-block:30px 38px;color:var(--muted);font-size:12px;line-height:1.7}
.agency-hero{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:80px;align-items:end;padding-block:68px 104px}
.agency-hero h1{font-size:clamp(52px,6.5vw,94px);font-weight:600;letter-spacing:-.055em;line-height:1.04;max-width:950px;margin:0;text-wrap:balance;min-width:0}
.agency-page .unbroken-term{white-space:nowrap}
.agency-opening p{font-size:18px;line-height:1.7;margin:0 0 12px;color:var(--muted)}
.agency-opening p:first-child{color:var(--text);font-weight:600;margin-bottom:24px}
.agency-opening p:last-child{color:var(--body);margin:0}
.agency-story{width:min(790px,100%);margin-left:auto}
.agency-section{padding-block:64px;border-top:1px solid var(--line)}
.agency-section h2{font-size:36px;letter-spacing:-1.1px;max-width:730px}
.practice-list{display:grid;grid-template-columns:1fr 1fr;gap:36px 48px;margin-top:38px}
.practice-step h3{font-size:20px;margin-bottom:16px}
.practice-step p{font-size:17px;line-height:1.8}
.agency-contact{padding-bottom:104px}
.agency-contact .primary-link{margin-top:18px}
@media(max-width:1100px){
 .business-shell{width:calc(100% - 64px)}
 .hero-lower{gap:56px}
 .split-section{gap:56px;grid-template-columns:1fr 1.5fr}
 .service-list{gap:28px}
 .business-hero{padding-block:56px 84px}
 .agency-hero{grid-template-columns:minmax(0,1fr) 210px;gap:42px;padding-block:56px 84px}
 .agency-hero h1{font-size:clamp(44px,6vw,72px)}
 .agency-story{width:86%}
}
@media(max-width:700px){
 .business-shell{width:calc(100% - 40px)}
 .business-header{min-height:126px;align-items:flex-start;justify-content:center;flex-direction:column;gap:2px;padding-block:16px}
 .wordmark{font-size:21px}
 .business-header nav{width:100%;justify-content:space-between;gap:12px;font-size:12px}
 .business-header nav a{padding-block:12px}
 .business-hero{padding-block:38px 64px}
 .business-hero h1{font-size:clamp(34px,9.7vw,62px);line-height:1.08;letter-spacing:-.05em;text-wrap:initial}
 .hero-lower{grid-template-columns:1fr;gap:28px;margin-top:32px}
 .hero-copy{grid-row:1}
 .hero-copy p,p{font-size:17px;line-height:1.75}
 .hero-actions{gap:8px}
 .primary-link{font-size:13px;gap:18px;padding:17px 18px;max-width:100%}
 .business-section{padding-block:52px}
 .split-section{grid-template-columns:1fr;gap:4px}
 h2{font-size:30px;letter-spacing:-1px;margin-bottom:28px}
 .split-section h2{max-width:none}
 .service-list{grid-template-columns:1fr;gap:34px;margin-top:34px}
 .service-item{padding-top:25px}
 .service-item h3{font-size:21px}
 .service-item p,.process-list p{font-size:17px}
 .process-list li{grid-template-columns:28px 1fr;gap:18px}
 .process-list h3{font-size:20px}
 .proof-section{padding-left:0}
 .text-link{font-size:17px;gap:12px}
 .sector-list{font-size:15px;gap:12px 20px}
 .contact-section h2{font-size:36px;letter-spacing:-1.5px}
 .contact-actions{align-items:flex-start;flex-direction:column;gap:12px;margin-top:30px}
 .business-footer{font-size:12px;padding-block:26px}
 .agency-hero{grid-template-columns:1fr;gap:32px;padding-block:38px 64px}
 .agency-hero h1{font-size:clamp(34px,9.9vw,62px);line-height:1.08;letter-spacing:-.05em;text-wrap:initial}
 .agency-opening p{font-size:17px;line-height:1.7;margin-bottom:8px}
 .agency-opening p:first-child{margin-bottom:18px}
 .agency-story{width:100%}
 .agency-section{padding-block:48px}
 .agency-section h2{font-size:29px;letter-spacing:-.9px}
 .practice-list{grid-template-columns:1fr;gap:30px;margin-top:30px}
 .practice-step h3{font-size:20px}
 .agency-contact{padding-bottom:64px}
}