/* Page layout and palette refinements. */
.experience{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:64px;align-items:start;padding-block:64px}
.experience{border-top:1px solid var(--border)}
.experience h2{max-width:12ch}
.experience-copy{max-width:600px}
.experience-copy p{color:var(--text)}
.experience-copy p+p{margin-top:20px;color:var(--text-secondary)}


@media(max-width:900px){.experience{gap:32px}}
@media(max-width:699px){
 .experience{grid-template-columns:minmax(0,1fr);gap:24px;padding-block:40px}
 .experience h2{max-width:none}
 .experience-copy p+p{margin-top:16px}
}


/* White page canvas; warm tones stay within the example artwork. */
body,.sticky-header,#brief-dialog{background:#fff}
.hero-cta,.next-link{background:#fff}
.is-scroll .work-pin,.mobile-work-heading,.mobile-work-progress{background:#fff}
#brief-form input,#brief-form textarea,#brief-form select{background:#fff}

/* Preserve the sentence rhythm as the viewport changes. */
.hero-bottom p{max-width:44ch}
.hero-positioning-intro,.hero-positioning-channels{display:block}
.hero-positioning-channels{text-wrap:balance}
.footer-links{display:flex;align-items:center;gap:24px}
.form-privacy a,.privacy-page a{text-decoration:underline;text-underline-offset:3px}
.privacy-header .wordmark{color:var(--accent)}
.privacy-page{max-width:760px;padding-block:48px 80px}
.privacy-page h1{margin-bottom:16px}
.privacy-page .privacy-date{color:var(--text-secondary);margin-bottom:32px}
.privacy-page p{margin-top:16px}
.privacy-page h2{margin-top:40px}

@media(max-width:699px){.hero-bottom p{max-width:100%;}.hero-positioning-channels{max-width:100%}.footer-links{gap:16px}.site-footer{gap:12px}.privacy-page{padding-block:32px 48px}.privacy-header{gap:24px}}
@media(max-width:360px){.site-footer{flex-wrap:wrap}.footer-links{margin-left:auto}}

/* Approved hero balance. */
@media(min-width:700px){
 .hero h1>span+span{margin-top:32px}
 .hero-photo{width:44%;height:clamp(100px,14.35vw,202px);top:0}
}
@media(max-width:699px){
 .hero-photo{height:clamp(152px,46vw,224px)}
}