/* Review controls sit outside the visitor-facing website. */
[data-screen="gallery"] body>:is(.site-header,main,footer,.skip,#reviewControls){display:none}
[data-screen="preview"] #designGallery{display:none}
#designGallery{min-height:100vh;background:#f2eee5;color:#292b29;--gold:#80623a;padding-bottom:45px}
.review-mast,.review-content{width:min(1530px,100%);margin:auto;padding:0 clamp(20px,4.9vw,82px)}
.review-mast{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #c8c5b9}
.review-mast .brand{color:#927040;gap:8px}.review-mast .brand strong{color:#262d2a}.review-mast .brand small{color:#725c36}
.mast-label{color:#635e53;font:11px var(--mono);letter-spacing:.09em;text-transform:uppercase}
.review-intro{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:20px;padding:clamp(28px,4vw,62px) 0 25px}
.review-intro h1{font:400 clamp(51px,6.1vw,92px)/1 var(--serif);letter-spacing:-.035em;margin:0 0 10px;color:#292b29}
.review-intro h1 em{color:#80623b}.review-intro p{color:#625f55;font-size:14px;max-width:620px}
.review-toggle{display:flex;gap:3px;padding:3px;background:#e5ded1;border:1px solid #c9c0af;border-radius:30px}
.review-toggle button{padding:7px 17px;font-size:12px;border-radius:22px;color:#4a463f}
.review-toggle button[aria-pressed=true]{background:#333b36;color:#f7f3e9}
.concept-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2.1vw,34px)}
.concept-card{min-width:0;display:flex;flex-direction:column;border-top:1px solid #aca99c;padding-top:12px}
.concept-figure{position:relative;display:block;overflow:hidden;background:var(--card-base);width:100%;aspect-ratio:1.17;padding:0;border-radius:2px}
.concept-figure img{display:block;width:100%;height:100%;object-fit:cover}
.concept-figure:focus-visible{outline-color:#594324}
.concept-figure .corner-arrow{position:absolute;right:11px;bottom:11px;width:29px;height:29px;border-radius:50%;font:18px/1 var(--sans);display:grid;place-items:center;background:#fffdf0dd;color:#273029;border:1px solid #ffffffa3;transition:transform .18s}
.concept-figure:hover .corner-arrow{transform:translate(2px,-2px)}
.concept-kicker{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:16px 0 5px;color:#676358;font-size:10px;letter-spacing:.12em;text-transform:uppercase}
.swatches{display:inline-flex;gap:4px;align-items:center}.swatches b{display:block;width:21px;height:9px;background:var(--swatch);border:1px solid #726b582e;border-radius:1px}
.concept-card h2{font:400 clamp(31px,3vw,48px)/1.08 var(--serif);letter-spacing:-.025em;color:#282b27}
.concept-desc{margin-top:9px;color:#595a50;font-size:13px;line-height:1.65;max-width:44ch;flex:1}
.concept-action{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:17px;padding:12px 0 0;border-top:1px solid #cac3b7;color:#3c4037}
.concept-action button{font-size:12px;font-weight:650;padding:2px 0;display:inline-flex;align-items:center;gap:9px}
.palette-name{font-size:11px;color:#615d53}
.review-photo-site .concept-figure{aspect-ratio:1.36}.review-photo-site .concept-figure img{object-fit:contain}
#reviewControls{background:#eae6dc;color:#2c322d;border-bottom:1px solid #bdb9aa;font:12px/1.4 var(--sans)}
.review-tools{max-width:1560px;margin:auto;padding:7px clamp(17px,5.2vw,92px);display:flex;align-items:center;justify-content:space-between;gap:10px}
.back-design{color:#414a40;font-size:12px;display:inline-flex;align-items:center;gap:9px;white-space:nowrap}
.look-controls{display:flex;align-items:center;gap:17px}.look-controls label{display:flex;align-items:center;gap:7px;color:#5a5e52;font-size:11px}
.look-controls select{color-scheme:light;background:#f9f6ef;border:1px solid #c4c0b3;padding:4px 6px;height:30px;border-radius:4px;color:#2e362d;font-size:12px}
#designStatus:not(:empty){color:#812c1e;padding:5px 12px}
@media(max-width:800px){.review-mast{height:62px}.concept-grid{gap:14px}.review-intro{padding-top:24px}.concept-kicker{margin-top:12px}.concept-desc{font-size:12px}.concept-action{align-items:flex-start;flex-direction:column-reverse;gap:5px}.mast-label{font-size:9px}}
@media(max-width:640px){.concept-grid{grid-template-columns:1fr}.review-intro{display:block}.review-toggle{margin-top:16px;width:max-content}.concept-figure{aspect-ratio:1.55}.concept-figure img{object-fit:contain}.concept-card{padding-top:10px;margin-bottom:9px}.concept-card h2{font-size:36px}.concept-action{flex-direction:row;align-items:center}.review-tools{align-items:stretch;gap:6px;flex-wrap:wrap}.look-controls{gap:6px;flex:1;justify-content:flex-end}.look-controls label{font-size:0;gap:0}.look-controls select{max-width:124px;font-size:11px}.back-design{font-size:11px;gap:5px}.review-tools{padding:6px 10px}.mast-label{max-width:100px;text-align:right}}
@media(max-width:390px){.look-controls select{max-width:106px}.look-controls{gap:3px}.review-tools{padding:6px}.back-design{font-size:10px}}

/* All client-facing surfaces, including menus, validation forms, charts and
   drawers, share the same semantic colours as the chosen globe. */
[data-design=true]{color-scheme:dark}
[data-palette=graphite]{color-scheme:light}
[data-design=true] .site-header{background:var(--deep);border-color:var(--line)}
[data-design=true] .atlas{background:radial-gradient(ellipse at 67% 45%,var(--hero),var(--page) 69%,var(--deep))}
[data-design=true] .map-frame:before{background:color-mix(in srgb,var(--page) calc(var(--veil)*100%),transparent)}
[data-design=true] .brand{color:var(--accent)}[data-design=true] .site-header .brand strong{color:var(--text)}
[data-design=true] .brand small,[data-design=true] .field-text label,[data-design=true] .field-symbol,[data-design=true] .contact-link,[data-design=true] .card-bottom .amount{color:var(--accent)}
[data-design=true] :is(nav a,.introduction p,.price-note,.mode-desc,.collection-description,.map-meta,.map-coords,.legend,.map-hint,.card-detail,.card-bottom small,.info-page .lead,.drawer-sub,.drawer-note,.summary dt,.credits,.touch-facts,.map-picker p,footer,.picker-toggle,.icon-button){color:var(--muted)}
[data-design=true] nav a:hover,[data-design=true] nav a.active{color:var(--accent)}
[data-design=true] .gold-rule,[data-design=true] .live-mark:before,[data-design=true] .demo-tag span{background:var(--accent)}
[data-design=true] .live-mark,[data-design=true] .contact-link{border-color:color-mix(in srgb,var(--accent) 63%,var(--line))}
[data-design=true] .modes{background:var(--deep);border-color:var(--line)}
[data-design=true] .modes button{color:var(--muted)}[data-design=true] .modes button[aria-pressed=true]{background:var(--raised);border-color:var(--line);color:var(--accent)}
[data-design=true] :is(.route-fields,.flight-card,.options,.map-picker,.tooltip,.drawer,.map-tools,.demo-tag){background:var(--panel);border-color:var(--line)}
[data-design=true] :is(.city-field+.city-field,.card-bottom,.map-tools button+button){border-color:var(--line)}
[data-design=true] .field-symbol{background:var(--raised);border-color:var(--line)}
[data-design=true] .field-text input::placeholder{color:var(--muted)}
[data-design=true] .city-field:focus-within{box-shadow:inset 2px 0 var(--accent)}
[data-design=true] .primary{background:var(--button);border-color:var(--button);color:var(--onButton)}
[data-design=true] .primary:hover{background:color-mix(in srgb,var(--button) 86%,var(--text))}
[data-design=true] :is(.options button:hover,.options button[aria-selected=true],.quick-flight:hover,.map-tools button:hover){background:var(--raised);color:var(--text)}
[data-design=true] :is(.options button,.quick-flight,.map-picker .option){border-color:var(--line)}
[data-design=true] .demo-tag,[data-design=true] .map-tools button{color:var(--text)}
[data-design=true] .line-gold{border-color:var(--route)}[data-design=true] .line-blue{border-color:var(--custom)}
[data-design=true] .tooltip p,[data-design=true] .inquiry-form label{color:var(--text)}
[data-design=true] :is(.tooltip small,.touch-facts small,.inquiry-form .drawer-note){color:var(--muted)}
[data-design=true] .map-guidance,[data-design=true] .notice{background:var(--raised);color:var(--text);border-color:var(--line)}
[data-design=true] .receipt{background:var(--raised)}
[data-design=true] :is(.inquiry-form input,.inquiry-form select,.inquiry-form textarea){background:var(--deep);border-color:var(--line);color:var(--text)}
[data-design=true] .flight-card:hover{border-color:var(--accent)}
[data-design=true] .map-tools button:hover{color:var(--accent)}
[data-design=true] .review-mast .brand small{color:#725c36}[data-design=true] .review-mast .brand{color:#927040}
@media(max-width:800px){[data-design=true] nav{background:var(--panel);border-color:var(--line)}}