.test-controls{padding:14px 4.5%;background:var(--stone);display:flex;justify-content:center;align-items:center;gap:10px 14px;flex-wrap:wrap}.test-controls>span{font-size:10px;letter-spacing:.15em;margin-right:12px}.test-controls button{cursor:pointer;font:500 12px Manrope,Arial,sans-serif;border:1px solid var(--deep);color:var(--charcoal);background:transparent;border-radius:3px;padding:12px 18px;min-height:44px}.test-controls button[aria-pressed=true]{background:var(--deep);color:var(--white)}.test-controls p{margin:0;width:100%;text-align:center;font-size:11px;color:var(--deep)}button:focus-visible{outline:2px solid var(--charcoal);outline-offset:3px}
.brand-test{display:flex;align-items:center;gap:12px;flex-shrink:0}.mark-shell{display:block;width:61px;height:61px;filter:drop-shadow(1px 0 0 var(--bronze)) drop-shadow(-1px 0 0 var(--bronze)) drop-shadow(0 1px 0 var(--bronze)) drop-shadow(0 -1px 0 var(--bronze))}.brand-mark{display:block;width:100%;height:100%;background:var(--charcoal);mask:url('../assets/itb-monogram-original.png') center/contain no-repeat;-webkit-mask:url('../assets/itb-monogram-original.png') center/contain no-repeat}.brand-type{font:600 28px/1 'Cormorant Garamond',Georgia,serif;letter-spacing:.01em;color:var(--charcoal);display:flex;flex-direction:column;align-items:flex-start;gap:7px}.brand-test .brand-descriptor{font:400 13px/1.2 'Cormorant Garamond',Georgia,serif;letter-spacing:.16em;margin-top:0;text-align:left;color:var(--bronze)}[data-brand="1"] .brand-type{color:var(--bronze)}[data-brand="2"] .brand-test .brand-descriptor{font:500 9px/1.2 Manrope,Arial,sans-serif;color:var(--charcoal);letter-spacing:.16em}
@media(max-width:1050px){header{gap:18px}.brand-type{font-size:23px}.mark-shell{width:49px;height:49px}.brand-test{gap:10px}nav{gap:16px}}
@media(max-width:700px){.brand-type{font-size:20px}.mark-shell{width:37px;height:37px}.brand-test{gap:8px}.brand-test .brand-descriptor{font-size:10px;margin-top:0}.test-controls{padding:14px 5%;gap:9px}.test-controls>span{width:100%;text-align:center;margin:0}.test-controls button{padding:10px 13px;font-size:11px}.test-controls p{font-size:10px}header{gap:16px 8px}.reserve{font-size:9px;gap:6px;padding:10px}nav{gap:15px}}
@media(max-width:370px){.brand-type{font-size:17px}.mark-shell{width:31px}.brand-test{gap:6px}}

/* Header-only palette trials; the page retains its ivory background. */
[data-header="sage"] header{background:var(--sage);color:var(--white)}
[data-header="deep"] header{background:var(--deep);color:var(--white)}
[data-header="sage"] header,[data-header="deep"] header{border-bottom-color:transparent}
[data-header="sage"] header .brand-type,[data-header="deep"] header .brand-type,
[data-header="sage"] header .brand-test .brand-descriptor,[data-header="deep"] header .brand-test .brand-descriptor{color:var(--white)}
[data-header="sage"] header .brand-mark,[data-header="deep"] header .brand-mark{background:var(--white)}
[data-header="sage"] header .mark-shell,[data-header="deep"] header .mark-shell{filter:none}
[data-header="deep"][data-brand="1"] header .brand-type,
[data-header="deep"][data-brand="3"] header .brand-descriptor{color:var(--highlight)}
[data-header="sage"] header .reserve,[data-header="deep"] header .reserve{border-color:var(--white)}
[data-header="sage"] header .reserve:hover,[data-header="deep"] header .reserve:hover{background:var(--ivory);color:var(--deep)}
[data-header="sage"] header a:focus-visible,[data-header="deep"] header a:focus-visible{outline-color:var(--white)}