/* White, grey and gold studio redesign */
:root{--black:#ffffff;--panel:#f3f4f5;--gold:#856015;--light:#24262b;--muted:#565b63;--line:#d9dcdf}
body{background:#fff;color:var(--light)}
body>.site-header,.site-header,.site-header header,header{background:#fffffff7!important;border-bottom-color:#d8c28d;box-shadow:0 5px 24px #24262b0b}
.topbar{background:linear-gradient(100deg,#e9ebee,#f6f7f8 55%,#eee2c6);color:#50555c}
.brand-logo .division-line{color:#50555c}
nav a:hover,nav a[aria-current=page]:not(.button){color:#856015}
.lead,.hero .lead{color:#50555c}
.hero{background:linear-gradient(115deg,#fff 30%,#f0f1f3 68%,#e9d6a8)}
.hero-grid{padding:64px 0;min-height:470px;gap:48px}
.hero-copy{border-left:4px solid #c5a04b;padding-left:28px}
.hero h1{font-size:clamp(2rem,3.3vw,3rem);line-height:1.18}
.hero-note{color:#626771}
.hero-art{background:#fff;border:1px solid #d5bd83;border-radius:12px;transform:none;box-shadow:14px 14px 0 #dadddf}
.hero-art img{border-radius:11px}
.metal{color:#856015}
.eyebrow,.card-number,.steps span{color:#856015;font-size:.875rem}
.button{background:linear-gradient(120deg,#f1d998,#cfab58);border:1px solid #b28d39;color:#292316;border-radius:5px;min-height:46px}
.button:hover{background:#edcf81}
.button.secondary{background:#ffffffa6;border-color:#abb0b7;color:#30343a}
.button.secondary:hover{background:#fff;border-color:#856015;color:#856015}
.menu-toggle{background:#fff;border-color:#b6bbc2;color:#30343a;border-radius:5px}
.brand-band{background:linear-gradient(100deg,#e6e8eb,#f7f7f8 40%,#eddaaa);border-block:1px solid #d4c18f;color:#403820}
.brand-band .wrap{font-size:.875rem}
.section{padding:68px 0;background:#fff}
.section-heading{border-top-color:#d9dcdf}
.services-grid{gap:18px;border:0}
.service-card{background:linear-gradient(135deg,#fff,#f2f3f5);border:1px solid #d9dcdf;border-top:3px solid #c9aa62;border-radius:8px;padding:28px;min-height:260px;transition:background .2s,box-shadow .2s}
.service-card:hover{background:linear-gradient(135deg,#fff,#f3e8ce);box-shadow:0 8px 22px #30343a0c}
.service-card p{font-size:1rem}
.text-link,.silver-section .text-link{color:#856015}
.silver-section{background:linear-gradient(115deg,#eceef0,#f7f8f9 70%,#f0e6ce);color:#24262b}
.silver-section .eyebrow{color:#856015}
.silver-section .lead{color:#50555c}
.steps article{border-top:2px solid #c9aa62}
.audience,.related{background:linear-gradient(110deg,#eceef0,#f6f7f8);border-top:1px solid #d9dcdf}
.tags span{background:#fff;border:1px solid #c9ced4;border-radius:5px;color:#414750;font-size:.9375rem}
.closing{background:linear-gradient(110deg,#eceef0 5%,#f8f8f9 40%,#e6cb8c);border-block:1px solid #d4bc83;padding:48px 0}
footer{background:linear-gradient(120deg,#fff,#eff0f2 78%,#f1e5c9);border-top:1px solid #d9dcdf}
.footer-grid h3{color:#856015;font-size:.875rem}
address,.footer-bottom{color:#565b63}
.footer-grid p,.footer-grid a:not(.brand),address{font-size:.9375rem}
.footer-bottom{font-size:.875rem;border-top-color:#d9dcdf}
.page-intro{background:linear-gradient(115deg,#fff,#eef0f2 65%,#e8d4a3);border-bottom:1px solid #d6bf87;padding:56px 0}
.page-intro h1{font-size:clamp(1.9rem,3vw,2.8rem)}
.note,.brief-panel{background:linear-gradient(135deg,#f2f3f5,#fff);border-color:#d9dcdf;border-radius:7px}
.note{border-left-color:#c4a04c}
.brief-panel{border-top:3px solid #c4a04c}
.brief-panel p{color:#565b63}
hr,.brief-panel hr,.deliverables li,.related-link,.faq details{border-color:#d9dcdf}
.brand-image{background:#fff;border:1px solid #cfb570;border-radius:8px;overflow:hidden}
input,select,textarea{background:#fff;border:1px solid #aeb4bc;color:#24262b;border-radius:4px}
input:focus,select:focus,textarea:focus{border-color:#856015}
#brief-status{color:#74530e}
:focus-visible{outline-color:#856015}
@media(max-width:780px){nav{background:#f7f8f9;border-bottom-color:#d9dcdf;box-shadow:0 12px 24px #30343a18}.hero-grid{padding:40px 0;min-height:0;gap:32px}.hero-art{box-shadow:8px 8px 0 #dadddf}.section{padding:44px 0}.service-card{padding:24px;min-height:245px}.hero h1{font-size:2rem}.eyebrow{font-size:.875rem}.brand-band .wrap{font-size:.875rem}}
@media(max-width:480px){.hero-art{box-shadow:none}.service-card{min-height:0}.brand-band .wrap{font-size:.875rem}.hero h1{font-size:1.85rem}}
