/* Two complete visual directions; common content and original photography. */
html[data-theme="graphit"] {
 --ground:#d8dfe1;--paper:#e9edee;--ink:#263137;--graphite:#37434b;
 --white:#f6f8f6;--muted:#4e5e66;--line:#2631372f;--copper:#a55230;
 background:var(--ground);color:var(--ink);
}
html[data-theme="graphit"] .site-header {background:#ecf0f1f5}
html[data-theme="graphit"] .hero {background:#37434b}
html[data-theme="graphit"] .hero::after {background:linear-gradient(90deg,#37434b 0%,#37434b 44%,#37434b10 65%),linear-gradient(0deg,#1b2b3560,transparent 50%)}
html[data-theme="graphit"] .future {background:#cbd5d9}
html[data-theme="graphit"] .location-map {background:#d6e0e2;border-color:#a4b7bf}
html[data-theme="graphit"] .location-map>#map-caption,
html[data-theme="graphit"] .map-switch {background:#e4ebed}
html[data-theme="black"] {
 --ground:#10161a;--paper:#1b2429;--ink:#f0f5f4;--graphite:#222e35;
 --white:#1e292f;--muted:#b9c8cd;--line:#dceef12e;
 --copper:#efb28b;--copper-light:#ffcea9;color-scheme:dark;
 background:var(--ground);color:var(--ink);
}
html[data-theme="black"] :focus-visible {outline-color:#ffcda8}
html[data-theme="black"] .site-header {background:#10171bee;border-color:#78929c45}
html[data-theme="black"] .brand,html[data-theme="black"] .footer-logo {background:#101010}
html[data-theme="black"] .hero {background:#0b1217}
html[data-theme="black"] .hero::after {background:linear-gradient(90deg,#0b1217 0%,#0b1217 44%,#0b121710 65%),linear-gradient(0deg,#07101790,transparent 50%)}
html[data-theme="black"] .button {background:#eef4f2;color:#16252c}
html[data-theme="black"] .button:hover {background:#d2e0e0;color:#16252c}
html[data-theme="black"] .button-copper {background:var(--metal);color:#15232b}
html[data-theme="black"] .button-copper:hover {background:#f0bc96;color:#15232b}
html[data-theme="black"] .button-outline {background:transparent;color:#f0f5f4;border-color:#adbec365}
html[data-theme="black"] .button-outline:hover {background:#ffffff12;color:white}
html[data-theme="black"] .button-light {background:#e5eeeb;color:#15232b}
html[data-theme="black"] .quick-planner {background:#1b252b;border-color:#91a6af60;box-shadow:0 18px 36px #0003}
html[data-theme="black"] .quick-planner input,
html[data-theme="black"] .quick-planner select {background:#1b252b;color:#f1f5f3;color-scheme:dark}
html[data-theme="black"] .filter.active {background:#efd3bc;color:#18262d;border-color:#efd3bc}
html[data-theme="black"] .filter:hover {border-color:#e1baa0}
html[data-theme="black"] .card-type {background:#172129ed;color:#eff4f3;border:1px solid #8eaaa255}
html[data-theme="black"] .camper-card {background:#1a252b;border-color:#91a6af4a}
html[data-theme="black"] .camper-card:hover {border-color:#cc9a79}
html[data-theme="black"] .included {background:#1d292f}
html[data-theme="black"] .shorttrip {background:#080e12;color:#eff5f3;border-block:1px solid #d3e7e72a}
html[data-theme="black"] .shorttrip-prices .button {color:#15232b}
html[data-theme="black"] .travel-panel {background:#1d2d36}
html[data-theme="black"] .process {background:#19252b}
html[data-theme="black"] .location-map {background:#1d2d32;border-color:#819ba26b}
html[data-theme="black"] .map-preview::before {border-color:#91ada34a;box-shadow:0 0 0 50px #91ada312,0 0 0 100px #91ada309}
html[data-theme="black"] .location-map>#map-caption,
html[data-theme="black"] .map-switch {background:#26383f;border-color:#819ba26b}
html[data-theme="black"] .map-switch button {background:#18262c;color:#edf4f2;border-color:#7f999f65}
html[data-theme="black"] .map-switch button[aria-pressed="true"] {background:#e9b591;color:#18252b}
html[data-theme="black"] .future {background:#25343b;border-color:#79919855}
html[data-theme="black"] .future-mark {border-color:#afc4c080}
html[data-theme="black"] .inquiry {background:#222f37;border-top:1px solid #9bb2b642}
html[data-theme="black"] .form-fields label>input,
html[data-theme="black"] .form-fields label>select,
html[data-theme="black"] .form-fields label>textarea {background:#111c22;color:#eff5f3;border-color:#91a7b07a;color-scheme:dark}
html[data-theme="black"] .form-fields input::placeholder,
html[data-theme="black"] .form-fields textarea::placeholder {color:#b7c8ce}
html[data-theme="black"] .message-preview pre {background:#0d171d;border-color:#76929d55}
html[data-theme="black"] .site-footer {background:#101a20}
html[data-theme="black"] .mobile-booking {background:#101b22f5;border-color:#859fa263;box-shadow:0 -8px 28px #0003}
html[data-theme="black"] .modal {background:#1b2931;border-color:#829aab}
html[data-theme="black"] .modal-close {background:#3c515d;color:#fff}
html[data-theme="black"] .price-table thead th {background:#30444f;color:#f3f7f5}
html[data-theme="black"] .price-table tbody th {background:transparent}
html[data-theme="black"] .price-page-table .compare-scroll {background:#1c2a32;border-color:#859fa255}
html[data-theme="black"] .price-panel {background:#203039;border-color:#7d99a755}
html[data-theme="black"] .gallery-image {background:#203139}
html[data-theme="black"] .legal-note {background:#443a2e;color:#fff3e5;border-color:#e4b28b}
.shared-front {display:block;margin-top:8px;font-size:10px;line-height:1.6;color:var(--muted)}
.design-switch {position:sticky;top:var(--header);z-index:65;display:flex;align-items:center;justify-content:center;gap:22px;min-height:43px;padding:7px 20px;background:#f5f7f4f5;backdrop-filter:blur(12px);border-bottom:1px solid #70808745;color:#25353e;font-size:11px;line-height:1.6}
.design-switch>span {font-size:10px;color:#4e6069;letter-spacing:.07em;text-transform:uppercase}
.design-switch>a {display:inline-flex;align-items:center;gap:7px;padding:3px 1px;border-bottom:1px solid transparent}
.design-switch>a.current {font-weight:700;border-color:#a45231}
.design-switch .theme-dot {width:9px;height:9px;display:inline-block;border-radius:50%;background:#8b9a9e;border:1px solid #42545b}
.design-switch .theme-dot-black {background:#111b23}
.design-switch>a:last-child {font-weight:600;letter-spacing:0}
html[data-theme="black"] .design-switch {background:#263640ee;color:#edf4f3;border-color:#75909a55}
html[data-theme="black"] .design-switch>span {color:#c2d0d3}
html[data-theme="black"] .design-switch>a.current {border-color:#efb28b}
html[data-theme="black"] .design-switch .theme-dot {border-color:#c8d6d7;background:#82959b}
html[data-theme="black"] .design-switch .theme-dot-black {background:#0c151c}
html:has(.design-switch) {scroll-padding-top:calc(var(--header) + 70px)}
.design-intro {padding-block:65px 40px;max-width:990px}
.design-intro h1 {font-size:clamp(46px,6.1vw,87px);margin-top:24px;line-height:1.03}
.design-intro h1 em {color:var(--copper)}
.design-intro>p:not(.eyebrow) {font-size:17px;max-width:650px;color:var(--muted);margin-top:25px}
.design-cards {display:grid;grid-template-columns:1fr 1fr;gap:30px;padding-bottom:75px}
.design-card {border:1px solid #8da0a456;background:#e8edef;overflow:hidden}
.design-card-black {background:#17232b;color:#f0f5f3;border-color:#314752}
.design-preview {position:relative;min-height:365px;padding:42px 30px;isolation:isolate;overflow:hidden;display:flex;align-items:center;}
.design-preview img {position:absolute;inset:0 0 0 auto;width:49%;height:100%;object-fit:cover;object-position:center 75%;z-index:-2}
.design-preview::after {content:"";position:absolute;inset:0;background:linear-gradient(90deg,#37434b 0%,#37434b 43%,#37434b05 80%);z-index:-1}
.design-card-black .design-preview::after {background:linear-gradient(90deg,#0b1217 0%,#0b1217 43%,#0b121705 80%)}
.design-preview-text {color:white;max-width:65%;}
.design-preview-text>span {font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:#ffcfaa}
.design-preview-text h3 {font-size:clamp(32px,3vw,46px);line-height:1.08;margin-top:20px}
.design-preview-text em {color:#ffd0ae;display:block;margin-top:6px;font-size:.93em}
.design-preview-text>.preview-button {display:inline-block;margin-top:23px;font-size:9px;font-weight:700;background:var(--metal);padding:10px 12px;color:#17232b}
.design-card-copy {padding:27px 30px 33px}
.design-card-copy .eyebrow {font-size:10px}
.design-card-copy h2 {font-size:32px;letter-spacing:-.035em;margin-top:14px;line-height:1.16}
.design-card-copy>p:not(.eyebrow) {font-size:14px;line-height:1.75;color:#4a5f68;margin-top:17px;max-width:410px}
.design-card-copy>.button {margin-top:23px}
.design-card-black .design-card-copy .eyebrow {color:#efb28b}
.design-card-black .design-card-copy>p:not(.eyebrow) {color:#c4d1d6}
.design-card-black .button-copper {color:#17232b}
.design-footnote {padding-bottom:68px;color:var(--muted);font-size:13px;max-width:1050px}
@media(max-width:900px) {.design-preview {min-height:310px;padding:32px 24px}.design-preview-text {max-width:70%}.design-card-copy {padding:25px}.design-card-copy h2 {font-size:28px}}
@media(max-width:760px) {
 html[data-theme="graphit"] .hero::after,html[data-theme="black"] .hero::after {display:none}
 .design-switch {gap:19px;padding-inline:18px;min-height:42px}
 .design-switch>span {display:none}
 .design-cards {grid-template-columns:1fr;gap:28px;padding-bottom:40px}
 .design-intro {padding-block:45px 33px}
 .design-intro h1 {font-size:clamp(43px,9.3vw,66px)}
 .design-intro>p:not(.eyebrow) {font-size:15px}
 .design-preview {min-height:355px;padding:35px}
 .design-preview-text h3 {font-size:clamp(39px,7.5vw,55px)}
 .design-card-copy h2 {font-size:32px}
 .design-card-copy {padding:29px}
 .design-footnote {padding-bottom:48px}
}
@media(max-width:450px) {
 .design-switch {font-size:10px;gap:18px;justify-content:space-around}
 .design-preview {min-height:310px;padding:26px}
 .design-preview-text h3 {font-size:35px}
 .design-preview-text>span {font-size:8px}
 .design-card-copy {padding:25px}
 .design-card-copy h2 {font-size:29px}
}
@media print {.design-switch {display:none}html[data-theme="black"] {background:white;color:black}}

/* In-place appearance controls for the main website. */
.logo-appearance.logo-black {display:none}
html[data-theme="black"] .logo-appearance.logo-graphit {display:none}
html[data-theme="black"] .logo-appearance.logo-black {display:block}
.theme-controls {min-height:55px;gap:9px;padding-block:5px}
.theme-controls>span {margin-right:12px}
.theme-controls>button {display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:8px 17px;color:inherit;background:transparent;border:1px solid transparent;border-radius:3px;font:inherit;cursor:pointer;line-height:1.5}
.theme-controls>button:hover {background:#2631370b}
.theme-controls>button[aria-pressed="true"] {background:#eaded4;color:#263137;border-color:#a66b4965;font-weight:700}
html[data-theme="black"] .theme-controls>button:hover {background:#ffffff12}
html[data-theme="black"] .theme-controls>button[aria-pressed="true"] {background:#4c4037;color:#fff4e7;border-color:#e8b89575}
.appearance-symbol {font-family:Arial,sans-serif;font-size:17px;line-height:1;color:var(--copper)}
html:not([data-appearance-ready]) .theme-controls>button {display:none}
@media(max-width:760px){.theme-controls {gap:8px;font-size:12px;justify-content:center}.theme-controls>button{padding-inline:19px}.theme-controls>span{display:none}}
@media print{.theme-controls {display:none}}
