@charset "UTF-8";
/* The shared layout is followed by the complete five-theme palette below. */
:root{color-scheme:dark;--bg:#08090b;--paper:#e8e6df;--muted:#95979c;--dim:#777b83;--line:rgba(226,229,238,.13);--serif:"Songti SC","Noto Serif SC","STSong","SimSun",serif;--sans:Inter,"Helvetica Neue","PingFang SC","Microsoft YaHei",sans-serif;--gutter:clamp(24px,5.15vw,96px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:36px}body{margin:0;background:var(--bg);color:var(--paper);font-family:var(--sans);font-size:1rem;-webkit-font-smoothing:antialiased}body::before{content:"";position:fixed;inset:0;z-index:20;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.45' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid #b6c9cc;outline-offset:7px}::selection{background:#a6adb0;color:#08090b}img{display:block;width:100%;height:100%;object-fit:cover}p,h1,h2,h3{margin:0}svg{display:block}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:12px;left:20px;padding:16px;background:var(--paper);color:var(--bg);z-index:99;transform:translateY(-150%)}.skip-link:focus{transform:none}.section-shell{padding-inline:var(--gutter);max-width:1800px;margin-inline:auto}.site-header{height:103px;padding-inline:var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative;z-index:5;max-width:1800px;margin-inline:auto}.site-header::after{content:"";position:absolute;bottom:0;left:var(--gutter);right:var(--gutter);height:1px;background:var(--line)}.brand{display:flex;align-items:center;gap:13px;flex-shrink:0}.brand-mark{width:38px;height:38px;margin-right:2px}.brand-name{font-family:var(--serif);font-size:1.75rem;letter-spacing:5px;line-height:1}.brand-roman{font-size:0.75rem;letter-spacing:3.6px;margin-left:2px;color:#b4b5b7}.main-nav{display:flex;align-items:center;gap:43px;margin-left:40px}.main-nav a{font-size:0.875rem;color:#b3b3b5;transition:color .2s}.main-nav a:hover{color:#fff}.nav-number{font-size:0.75rem;color:#72767d;position:relative;top:-5px;margin-left:7px}.header-note{font-size:0.75rem;letter-spacing:1.8px;color:#a1a1a8;display:flex;align-items:center;gap:21px}.header-note span{font-size:1.312rem;color:#c1c3c6}.hero{min-height:710px;height:calc(100svh - 103px);max-height:940px;max-width:1800px;margin-inline:auto;position:relative;isolation:isolate;overflow:hidden}.hero-aura{position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse at 75% 49%,#19232640,transparent 50%),radial-gradient(ellipse at 45% 36%,#24202b20,transparent 56%)}.hero-art{position:absolute;right:-8%;width:88%;top:-2%;height:100%;z-index:-1;transform:translate3d(var(--art-x,0px),var(--art-y,0px),0);transition:transform 1.3s cubic-bezier(.2,.65,.2,1);will-change:transform}.roof-art{object-position:center;mix-blend-mode:lighten;opacity:.95;animation:art-arrive 1.5s ease-out both}.art-shade{position:absolute;inset:-1px;background:linear-gradient(90deg,var(--bg) 0%,rgba(8,9,11,.9) 8%,rgba(8,9,11,.52) 26%,transparent 48%),linear-gradient(180deg,var(--bg),transparent 13%,transparent 80%,var(--bg)),linear-gradient(270deg,var(--bg),transparent 13%)}.hero-content{padding:103px var(--gutter) 130px;position:relative;width:100%;pointer-events:none}.hero-content a{pointer-events:auto}.eyebrow{font-size:0.75rem;line-height:1.6;letter-spacing:2.1px;font-weight:400;color:#a6a8ae}.hero-eyebrow{display:flex;align-items:center;gap:17px;margin-bottom:37px;color:#a8abb0;font-size:0.75rem;letter-spacing:2.45px}.small-line{width:25px;height:1px;display:inline-block;background:#adafb3}.hero h1{font-family:var(--serif);font-size:clamp(68px,6.95vw,120px);font-weight:500;letter-spacing:-.065em;line-height:1.31;max-width:760px}.hero h1>span{display:block}.iridescent-type{color:#bac0c2;background:linear-gradient(103deg,#e0ded9 3%,#a1afad 22%,#babacb 48%,#949da4 68%,#d0c4b2 96%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-description{color:#a4a6ad;line-height:1.95;letter-spacing:2px;font-size:0.9375rem;margin-top:30px}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:33px}.explore-button{display:inline-flex;align-items:center;gap:25px;border:1px solid #c3c8c84d;padding:17px 23px;color:#dcddd9;position:relative;overflow:hidden;font-size:0.875rem;letter-spacing:1px;background:linear-gradient(110deg,#ffffff09,#ffffff02);transition:background .3s,border-color .3s}.explore-button svg{width:23px;height:23px;transition:transform .3s}.explore-button:hover{background:#e2e4e514;border-color:#bac8cb99}.explore-button:hover svg{transform:translateX(5px)}.hero-action-note{color:#777b81;font-size:0.75rem;letter-spacing:1px}.quick-entries{display:flex;align-items:center;gap:19px;margin-top:27px;font-size:0.8125rem;color:#989ca3}.quick-entries a{padding-block:6px;transition:color .2s}.quick-entries a:hover{color:var(--paper)}.quick-entries a>span[aria-hidden]{padding-left:10px;color:#727b83}.entry-separator{height:12px;width:1px;background:#45484f}.art-caption{position:absolute;bottom:160px;right:var(--gutter);display:flex;align-items:flex-start;gap:13px;color:#a7afb7;font-size:0.8125rem;letter-spacing:2px}.caption-plus{font-size:1.188rem;font-weight:200;line-height:1.1}.art-caption small{display:block;font-family:var(--sans);font-size:0.75rem;letter-spacing:1.7px;margin-top:8px;color:#696f7a}.hero-bottom{position:absolute;bottom:33px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:24px;font-size:0.75rem;color:#858990;letter-spacing:1.2px}.hero-index{font-size:0.75rem;letter-spacing:1.7px}.scroll-cue{display:flex;align-items:center;gap:20px}.scroll-cue span{font-size:1.125rem;line-height:1;transition:transform .3s}.scroll-cue:hover span{transform:translateY(4px)}.spaces{padding-top:83px;padding-bottom:80px}.section-topline{display:flex;justify-content:space-between;gap:20px;align-items:center}.section-topline .eyebrow{font-size:0.75rem;letter-spacing:2px;color:#90959e}.section-count{font-size:0.75rem;color:#747982;letter-spacing:1px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-top:23px;margin-bottom:41px}.section-heading h2{font-family:var(--serif);font-weight:400;font-size:2.562rem;letter-spacing:-1.6px;line-height:1.4}.section-heading>p{font-size:0.8125rem;color:#898e95;letter-spacing:1.3px;padding-bottom:6px}.destination-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.destination{display:block;border:1px solid var(--line);background:#0d0e10;transition:transform .45s,border-color .45s,background .45s;overflow:hidden}.destination:hover{transform:translateY(-7px);border-color:#89929d66;background:#111316}.destination-art{height:clamp(230px,23vw,370px);position:relative;overflow:hidden;background:#111214}.destination-art::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.3),transparent 35%,rgba(0,0,0,.03) 50%,rgba(0,0,0,.78));pointer-events:none}.destination-art img{filter:brightness(.8) saturate(.35);transition:transform 1.2s cubic-bezier(.2,.7,.2,1),filter .7s}.museum .destination-art img{object-position:50% 46%}.french .destination-art img{object-position:50% 55%;filter:brightness(.64) saturate(.2)}.destination:hover .destination-art img{transform:scale(1.045);filter:brightness(.9) saturate(.45)}.card-category,.card-index{position:absolute;top:25px;z-index:1;font-size:0.75rem;letter-spacing:2px;color:#d6d5d3}.card-category{left:28px}.card-index{right:28px;color:#c7c5c2}.image-caption{position:absolute;inset:auto 28px 25px;z-index:1;display:flex;flex-direction:column;gap:10px}.image-caption>span:first-child{font-size:0.75rem;color:#b2b3b3;letter-spacing:2px}.art-roman{font-family:Georgia,"Times New Roman",serif;font-size:clamp(45px,4.6vw,75px);letter-spacing:-2.6px;line-height:1.06;font-weight:400;color:#e4e1d7}.french .art-roman{font-style:italic;letter-spacing:-3px}.destination-description{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:29px 29px 27px}.destination-domain{font-size:0.75rem;letter-spacing:1.65px;color:#8b8f97}.destination h3{font-family:var(--serif);font-size:1.75rem;line-height:1.4;font-weight:400;margin-top:11px;letter-spacing:1px}.destination h3 .french-title-detail{font-family:var(--sans);font-size:0.875rem;color:#959aa3;letter-spacing:1px;margin-left:8px}.destination-description p{font-size:0.875rem;margin-top:12px;color:#91949c;letter-spacing:1px}.entry-arrow{flex:0 0 48px;display:grid;place-items:center;border:1px solid #7f859438;border-radius:50%;height:48px;transition:background .3s,color .3s,transform .4s;color:#aeb3b7}.entry-arrow svg{width:21px;height:21px}.destination:hover .entry-arrow{background:#d5d9d6;color:#111316;transform:rotate(5deg)}.destination-footer{margin:0 29px;border-top:1px solid #a0a8b31a;padding-block:18px 20px;display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:0.75rem;color:#858b94;letter-spacing:.6px}.destination-footer>span:last-child{color:#b6b9c0}.destination-footer>span:last-child>span{margin-left:9px}.worlds-note{display:flex;align-items:center;gap:17px;margin-top:31px;color:#787e86}.open-mark{font-size:1.438rem;font-weight:200}.worlds-note p{font-size:0.75rem;letter-spacing:1px}.worlds-line{height:1px;flex:1;background:var(--line);margin-inline:15px}.worlds-en{font-size:0.75rem;letter-spacing:1.6px;white-space:nowrap}.about{display:grid;grid-template-columns:1fr 2.65fr;gap:34px;padding-block:90px 100px;position:relative;background:radial-gradient(ellipse at 80% 70%,rgba(71,79,83,.07),transparent 70%)}.about::before{content:"";position:absolute;top:0;left:var(--gutter);right:var(--gutter);height:1px;background:linear-gradient(90deg,#a3a3b32e,#aec1b72e,#baa7c32e,#ad92792e)}.about-label .eyebrow{font-size:0.75rem;letter-spacing:1.6px}.about-character{font-family:var(--serif);font-size:10rem;line-height:1.6;color:#d4dbe908;-webkit-text-stroke:.5px #abb5c81c;display:block;margin-top:14px;user-select:none}.about-kicker{font-size:0.8125rem;letter-spacing:1.6px;color:#93979e;margin-bottom:25px}.about-content h2{font-family:var(--serif);font-size:clamp(32px,3vw,51px);font-weight:400;line-height:1.6;letter-spacing:-1px}.about-content h2>span{color:#939ca4}.about-bottom{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;margin-top:33px}.about-bottom p{font-size:0.875rem;line-height:2.2;letter-spacing:.7px;color:#8f939d}.about-signature{font-family:var(--serif);font-size:1.062rem;letter-spacing:1.2px;white-space:nowrap;display:flex;align-items:center;gap:19px;margin-bottom:5px;color:#c0c5c5}.about-signature>span{font-family:var(--sans);font-size:1.625rem;font-weight:200}.footer{border-top:1px solid var(--line);overflow:hidden;padding-top:39px}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:20px}.footer-brand{font-family:var(--serif);font-size:1.5rem;letter-spacing:4px;display:flex;align-items:center;gap:17px}.footer-brand span{font-family:var(--sans);font-size:0.75rem;letter-spacing:3px;color:#8c9199}.footer-top>span{font-size:0.75rem;letter-spacing:2px;color:#93979d}.back-top{font-size:0.75rem;color:#a0a5ac;letter-spacing:1px}.back-top span{margin-left:22px;font-size:1.125rem}.footer-wordmark{font-family:"Helvetica Neue",Arial,sans-serif;font-size:clamp(140px,22.3vw,410px);font-weight:500;letter-spacing:-.065em;line-height:.97;text-align:center;padding-right:.06em;margin-block:51px 25px;background:linear-gradient(143deg,#77838566 0%,#72708354 28%,#a1b2b136 52%,#b4a8992e 74%,#65687020 98%);-webkit-background-clip:text;background-clip:text;color:transparent;user-select:none}.wordmark-period{color:#8e969864}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:0.75rem;letter-spacing:1.6px;color:#6f757f;padding:22px 0 30px;border-top:1px solid var(--line)}
@keyframes art-arrive{from{opacity:0;transform:translate3d(0,16px,0) scale(1.025)}to{opacity:.95;transform:none}}
@media(min-width:1700px){.hero-content{padding-top:125px}.hero-art{right:-4%;width:86%}.hero-description{font-size:1.062rem}.hero-actions{margin-top:38px}}
@media(max-height:820px) and (min-width:901px){.hero{height:700px;min-height:700px}.hero-content{padding-top:64px}.hero h1{font-size:clamp(68px,6.8vw,105px)}.hero-description{margin-top:24px}.hero-eyebrow{margin-bottom:24px}.art-caption{bottom:150px}}
@media(max-width:1100px){.header-note{display:none}.main-nav{margin-left:auto}.hero-content{padding-top:94px}.hero h1{font-size:5.125rem}.hero-art{right:-23%;width:110%}.hero-action-note{display:none}.art-caption{bottom:137px}.destination-grid{gap:22px}.destination-description{padding:24px}.destination-footer{margin-inline:24px}.about{grid-template-columns:1fr 3fr}.about-bottom{display:block}.about-signature{margin-top:24px}.about-character{font-size:8.125rem}}
@media(max-width:760px){:root{--gutter:25px}.site-header{height:84px;gap:14px}.brand{gap:8px}.brand-mark{width:30px;height:34px;margin-right:2px}.brand-name{font-size:1.562rem;letter-spacing:3px}.brand-roman{font-size:0.75rem;letter-spacing:2px;margin-left:3px}.main-nav{gap:23px}.main-nav a{font-size:0.75rem}.nav-number{display:none}.hero{min-height:810px;height:calc(100svh - 84px);max-height:940px}.hero-content{padding-top:53px;padding-bottom:0}.hero-eyebrow{font-size:0.75rem;letter-spacing:1.8px;gap:12px;margin-bottom:27px}.hero h1{font-size:clamp(54px,10vw,77px);letter-spacing:-.075em;line-height:1.35}.hero-description{margin-top:22px;font-size:0.875rem;line-height:1.9;letter-spacing:1px}.hero-actions{margin-top:24px}.explore-button{padding:13px 18px;gap:22px;font-size:0.8125rem}.explore-button svg{width:21px;height:21px}.hero-action-note{display:block;font-size:0.75rem;color:#848a92}.quick-entries{margin-top:17px;font-size:0.75rem;gap:17px}.hero-art{width:113%;height:450px;right:-15%;top:343px;opacity:.85}.roof-art{object-position:center}.art-shade{background:linear-gradient(90deg,var(--bg),transparent 17%,transparent 85%,var(--bg)),linear-gradient(180deg,var(--bg),transparent 13%,transparent 70%,var(--bg))}.art-caption{bottom:115px;font-size:0.75rem;letter-spacing:1.4px}.art-caption small{font-size:0.75rem;letter-spacing:1.1px}.hero-bottom{bottom:22px;padding-top:21px;gap:16px}.hero-index{font-size:0.75rem;letter-spacing:.6px;max-width:165px;line-height:1.7}.scroll-cue{font-size:0.75rem;gap:10px;letter-spacing:.5px}.spaces{padding-top:45px;padding-bottom:55px}.section-topline .eyebrow{font-size:0.75rem;letter-spacing:1.3px}.section-count{font-size:0.75rem;letter-spacing:0}.section-heading{margin-top:20px;margin-bottom:27px;align-items:flex-start;flex-direction:column;gap:8px}.section-heading h2{font-size:2.062rem}.section-heading>p{font-size:0.75rem}.destination-grid{grid-template-columns:1fr;gap:28px}.destination-art{height:270px}.card-category,.card-index{top:22px;font-size:0.75rem}.card-category{left:23px}.card-index{right:23px}.image-caption{left:23px;right:23px;bottom:24px;gap:13px}.art-roman{font-size:3.688rem}.image-caption>span:first-child{font-size:0.75rem}.destination-description{padding:23px}.destination h3{font-size:1.688rem;margin-top:8px}.destination-domain{font-size:0.75rem}.destination-description p{font-size:0.8125rem;margin-top:9px}.destination-footer{margin-inline:23px;padding-block:16px 19px;font-size:0.75rem;letter-spacing:0}.destination-footer>span:last-child>span{margin-left:3px}.entry-arrow{flex-basis:43px;height:43px}.worlds-note{gap:12px;margin-top:25px}.worlds-note p{font-size:0.75rem;letter-spacing:.5px}.worlds-en{display:none}.worlds-line{margin-right:0;margin-left:4px}.about{grid-template-columns:1fr;gap:31px;padding-block:48px 58px}.about-character{display:none}.about-label .eyebrow{font-size:0.75rem}.about-kicker{font-size:0.75rem;letter-spacing:.9px;margin-bottom:18px}.about-content h2{font-size:clamp(25px,5.6vw,40px);letter-spacing:-.75px;line-height:1.7}.about-bottom{margin-top:24px}.about-bottom p{font-size:0.75rem;line-height:2.15;letter-spacing:.1px}.about-signature{font-size:1rem;margin-top:24px}.footer{padding-top:30px}.footer-top{flex-wrap:wrap;gap:22px}.footer-brand{font-size:1.375rem;gap:11px}.footer-brand span{font-size:0.75rem;letter-spacing:2px}.footer-top>span{display:none}.back-top{font-size:0.75rem}.back-top span{margin-left:12px}.footer-wordmark{font-size:22vw;margin-block:38px 20px}.footer-bottom{padding-block:19px 24px;font-size:0.75rem;letter-spacing:1px}.footer-bottom>span:last-child{display:none}}
@media(max-width:380px){:root{--gutter:20px}.brand-roman{display:none}.main-nav{gap:17px}.hero{min-height:790px}.hero h1{font-size:3.438rem}.hero-action-note{display:none}.hero-art{top:350px;height:390px}.hero-eyebrow{letter-spacing:1.3px}.hero-content{padding-top:48px}.about-content h2{font-size:1.562rem}.destination-art{height:240px}.destination h3 .french-title-detail{font-size:0.75rem}.destination-footer{font-size:0.75rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.hero-art{transform:none!important}.destination:hover{transform:none}.destination:hover .destination-art img{transform:none}}
@media(hover:none){.destination:hover{transform:none}.destination:hover .destination-art img{transform:none}.hero-art{transform:none}}

/* Readability at both desktop and mobile sizes. */
.hero-description,.destination-description p,.about-bottom p{font-size:1rem}
.main-nav a,.explore-button,.quick-entries{font-size:.875rem}
.hero-description{letter-spacing:1.4px}
.about-bottom p{letter-spacing:.3px}
@media(max-width:760px){
  .hero-description{font-size:1rem;line-height:1.8;letter-spacing:.5px}
  .about-bottom p{font-size:1rem;line-height:1.9}
  .about-bottom p br{display:none}
  .destination-footer{flex-wrap:wrap;row-gap:9px}
  .about-signature{margin-top:26px}
  .section-count{font-size:.75rem}
  .header-note{display:none}
  .hero-art{top:403px;height:365px;width:124%;right:-13%}
  .roof-art{object-fit:contain}
  .art-caption{bottom:102px}
  .hero-index{max-width:190px}
}

/* Shared color roles keep every part of each complete page in its palette. */
:root {
  --bg:#0b0d10; --bg-rgb:11,13,16; --paper:#e8e6df;
  --muted:#a5a9ae; --fine:#899099; --line:#d9e2ea24;
  --panel:#101317; --panel-hover:#151a1f; --panel-line:#b4c3d948;
  --accent:#c5cfd0; --aura:#3b4f562c; --button-wash:#ffffff05;
  --bar:#111419ed; --shadow:#00000036; --large-letter:#afc0cd20;
  --title-gradient:linear-gradient(108deg,#e4e1da,#a4b8b6 40%,#b9b2c9 73%,#c0bab0);
  --word-gradient:linear-gradient(130deg,#a1b1b258,#7f7e9152,#a9b9b534);
  --image-filter:brightness(.8) saturate(.3);
}

:root[data-theme="mist"] {
  color-scheme:light; --bg:#cbd6df; --bg-rgb:203,214,223; --paper:#273e50;
  --muted:#3d586c; --fine:#435e72; --line:#344e662b;
  --panel:#d5dfe6; --panel-hover:#dee6ec; --panel-line:#526e8a66;
  --accent:#324f64; --aura:#728caa21; --button-wash:#ffffff15;
  --bar:#d4dfe8ef; --shadow:#263d5422; --large-letter:#4e718c20;
  --title-gradient:linear-gradient(105deg,#3c5b71,#5a7487 55%,#475d75);
  --word-gradient:linear-gradient(130deg,#41647c51,#788b9e46,#314d7040);
  --image-filter:brightness(.94) saturate(.25);
}


.brand-roman,.main-nav a,.header-note,.hero-description,.quick-entries,
.section-heading>p,.destination-description p,.destination h3 .french-title-detail,
.about-kicker,.about-bottom p,.footer-top>span,.back-top{color:var(--muted)}
.nav-number,.hero-action-note,.eyebrow,.hero-eyebrow,.hero-bottom,.section-topline .eyebrow,
.section-count,.destination-domain,.destination-footer,.worlds-note,.footer-brand span,
.footer-bottom,.quick-entries a>span[aria-hidden]{color:var(--fine)}
.main-nav a:hover{color:var(--paper)}
.small-line{background:var(--muted)}
.entry-separator{background:var(--line)}
.hero-aura{background:radial-gradient(ellipse at 70% 45%,var(--aura),transparent 70%)}
.hero-art{right:-10%;width:112%;top:0;height:100%;overflow:hidden}
.hero-image{object-fit:cover;object-position:center;opacity:1;animation:art-reveal 1.1s ease-out both}
.art-shade{background:linear-gradient(90deg,var(--bg) 0%,rgba(var(--bg-rgb),.94) 9%,rgba(var(--bg-rgb),.62) 27%,transparent 51%),linear-gradient(180deg,var(--bg),transparent 14%,transparent 75%,var(--bg)),linear-gradient(270deg,var(--bg),transparent 15%)}
.iridescent-type{background:var(--title-gradient);background-clip:text;-webkit-background-clip:text}
.explore-button{border-color:var(--panel-line);color:var(--paper);background:var(--button-wash)}
.explore-button:hover{background:var(--panel-hover);border-color:var(--accent)}
.destination{background:var(--panel);border-color:var(--line)}
.destination:hover{background:var(--panel-hover);border-color:var(--panel-line)}
.destination-art img,.french .destination-art img{filter:var(--image-filter)}
.entry-arrow{border-color:var(--panel-line);color:var(--accent)}
.destination:hover .entry-arrow{background:var(--accent);color:var(--bg)}
.destination-footer{border-color:var(--line)}
.destination-footer>span:last-child{color:var(--muted)}
.about{background:radial-gradient(ellipse at 80% 70%,var(--aura),transparent 70%)}
.about::before{background:var(--line)}
.about-character{color:var(--large-letter);-webkit-text-stroke:0;font-family:Georgia,serif;letter-spacing:-.1em}
.about-content h2>span{color:var(--muted)}
.about-signature{color:var(--accent)}
.footer-wordmark{background:var(--word-gradient);background-clip:text;-webkit-background-clip:text}
.wordmark-period{color:var(--large-letter)}
.footer-bottom{padding-bottom:114px}
::selection{background:var(--accent);color:var(--bg)}
a:focus-visible,button:focus-visible{outline-color:var(--accent)}
.theme-review{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:5px;z-index:30;padding:8px 10px;border:1px solid var(--panel-line);background:var(--bar);box-shadow:0 8px 30px var(--shadow);backdrop-filter:blur(20px);max-width:calc(100% - 26px);white-space:nowrap}
.theme-review-label{font-size:.75rem;color:var(--fine);padding:0 13px 0 7px;border-right:1px solid var(--line);margin-right:4px}
.theme-option{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 12px;font-size:.875rem;line-height:1.2;border:1px solid transparent;color:var(--muted);transition:background .2s,border-color .2s}
.theme-option[aria-current="page"]{background:var(--panel-hover);border-color:var(--panel-line);color:var(--paper)}
.theme-option:hover{background:var(--panel-hover);color:var(--paper)}
.theme-dot{display:block;width:9px;height:9px;border-radius:50%;box-shadow:0 0 0 1px #9995}
.dot-obsidian{background:#252a30}.dot-moon{background:#ebe7dd}.dot-mist{background:#a7bdcf}.dot-pine{background:#53705e}.dot-cinnabar{background:#a35f56}
.compare-link{display:flex;align-items:center;justify-content:center;gap:9px;font-size:.75rem;padding:11px 12px;margin-left:4px;border-left:1px solid var(--line);color:var(--muted)}
.compare-link:hover{color:var(--paper)}
.embedded-preview .theme-review{display:none}
.embedded-preview .hero-image{animation:none}
@keyframes art-reveal{from{opacity:.9;transform:scale(1.025)}to{opacity:1;transform:none}}
@media(max-width:1100px){.hero-art{right:-18%;width:120%}.hero h1{font-size:clamp(68px,8vw,88px)}}
@media(max-width:760px){
  .hero{min-height:780px}
  .hero h1{font-size:clamp(53px,10vw,77px)}
  .hero-art{top:365px;height:365px;width:128%;right:-14%;-webkit-mask-image:linear-gradient(180deg,transparent,#000 24%,#000 70%,transparent);mask-image:linear-gradient(180deg,transparent,#000 24%,#000 70%,transparent)}
  .hero-image{object-fit:cover}
  .art-shade{background:linear-gradient(90deg,var(--bg),transparent 23%,transparent 82%,var(--bg))}
  .hero-index{max-width:190px;letter-spacing:.3px}
  .footer-bottom{padding-bottom:108px}
  .theme-review-label{display:none}
  .theme-review{gap:2px;padding:7px;bottom:12px}
  .theme-option{padding:10px 9px;gap:6px}
  .compare-link{padding-inline:10px;gap:7px}
  .theme-dot{width:7px;height:7px}
}
@media(max-width:500px){
  .theme-review{width:calc(100% - 24px);display:grid;grid-template-columns:repeat(5,minmax(0,1fr)) .85fr;gap:1px;padding:5px}
  .theme-option{font-size:.8125rem;padding:11px 4px;gap:0}
  .theme-dot{display:none}
  .compare-link{font-size:.75rem;margin-left:2px;padding:11px 3px;gap:0}
  .compare-link>span[aria-hidden]{display:none}
  .hero-index{font-size:.75rem;max-width:160px}
}
@media(max-width:380px){.hero h1{font-size:3.25rem}.hero-description{letter-spacing:0}.hero-art{top:368px}.hero-index{max-width:145px}}

/* One portal: graphite dark mode and mist-blue light mode. */
:root{--header-height:103px}
html{scroll-padding-top:calc(var(--header-height) + 16px)}
.site-header{position:sticky;top:0;z-index:40;background:rgba(var(--bg-rgb),.96);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
.header-tools{display:flex;align-items:center;gap:28px}
.theme-toggle,.motion-toggle{font:inherit;cursor:pointer;background:none;color:var(--muted);border:0;display:inline-flex;align-items:center;justify-content:center;gap:9px;white-space:nowrap}
.theme-toggle{font-size:.875rem;min-height:44px;padding:8px 12px;border:1px solid var(--line)}
.theme-toggle:hover,.motion-toggle:hover{color:var(--paper);border-color:var(--panel-line)}
.theme-toggle svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.25}
.theme-toggle .moon-icon{display:none}
:root[data-theme="mist"] .theme-toggle .sun-icon{display:none}
:root[data-theme="mist"] .theme-toggle .moon-icon{display:block}
.theme-toggle[aria-busy="true"]{cursor:progress}
.hero-art{transform:none;transition:none;will-change:auto}
.hero-image{animation:none}
.structure-motion{display:block;position:absolute;inset:0;width:100%;height:100%;visibility:hidden}
.motion-ready .structure-motion{visibility:visible}
.motion-ready .hero-image{visibility:hidden}
:root[data-theme="mist"] .hero-art[data-art-theme="obsidian"] .hero-image{visibility:hidden}
.hero-controls{display:flex;align-items:center;gap:32px}
.motion-toggle{font-size:.875rem;padding:9px 0;min-height:40px;letter-spacing:.5px}
.motion-toggle[hidden]{display:none}
.motion-icon{font-size:1.05rem;min-width:13px;line-height:1}
.hero-description,.about-bottom p{font-size:1rem}
.about-bottom{flex-wrap:wrap;row-gap:22px}
.about-signature{margin-left:auto}
.footer-bottom{padding-bottom:30px}
.embedded-preview .theme-toggle{visibility:hidden}
.embedded-preview .motion-toggle{display:none}
@media(max-width:1100px){.header-tools{gap:0}.main-nav{margin-left:auto}.about-signature{margin-left:0}}
@media(max-width:760px){
 :root{--header-height:112px}
 .site-header{height:112px;display:grid;grid-template-columns:1fr auto;gap:5px 16px;padding-block:13px 10px}
 .header-tools{grid-column:2;grid-row:1}
 .main-nav{grid-column:1/-1;grid-row:2;margin-left:0;justify-content:space-between;gap:28px}
 .main-nav a{font-size:.875rem;padding-block:5px}
 .theme-toggle{padding:7px 10px;font-size:.875rem}
 .hero{height:calc(100svh - 112px)}
 .hero-description{font-size:1rem;letter-spacing:0}
 .hero-art{top:390px}
 .hero-bottom .hero-index{display:none}
 .hero-controls{width:100%;justify-content:space-between;gap:15px}
 .hero-bottom{bottom:19px;padding-top:13px}
 .scroll-cue{font-size:.875rem}
 .about-bottom p{font-size:1rem;line-height:2}
 .about-signature{margin-left:0}
 .footer-bottom{padding-bottom:26px}
}
@media(max-width:380px){.hero-art{top:390px}.hero-description{font-size:.9375rem}.theme-toggle{padding-inline:9px}.about-content h2{font-size:1.5rem;letter-spacing:-.5px}}

/* Cafe warmth lives in the photograph; both entries share the same UI palette. */
.destination.french .destination-art{background:#d9e4e8}
.destination.french .destination-art img{filter:brightness(1.02) saturate(.92);object-position:52% 50%}
.destination.french:hover .destination-art img{filter:brightness(1.05) saturate(1)}
.french .destination-art::after{background:linear-gradient(180deg,#203b4b0a,transparent 30%,transparent 46%,#d5dfe6fa 100%)}
.french .card-category,.french .card-index{color:#345568;background:#f8f7efe8;padding:7px 9px;top:18px;letter-spacing:1.3px}
.french .card-category{left:20px}.french .card-index{right:20px}
.french .art-roman{color:#27475d;text-shadow:0 1px 0 #ffffff55}
.french .image-caption>span:first-child{color:#223f50;font-size:.875rem;font-weight:500;letter-spacing:.6px;text-shadow:0 1px 3px #fff,0 0 12px #fff}
.destination h3{color:var(--paper)}
@media(max-width:760px){.french .image-caption{bottom:22px}}

/* Companion cafe photographs share a composition, with light native to each mode. */
:root[data-theme="obsidian"] .french .destination-art::after{background:linear-gradient(180deg,#142a3510,transparent 32%,#10131720 58%,#101317f2 100%)}
:root[data-theme="obsidian"] .french .art-roman{color:#f2e5ce;text-shadow:0 2px 12px #11252a66}
:root[data-theme="obsidian"] .french .image-caption>span:first-child{color:#e6e4d8;text-shadow:0 1px 4px #10232ae6}
:root[data-theme="obsidian"] .french .card-category,:root[data-theme="obsidian"] .french .card-index{color:#e3e9e5;background:#1c3443d9}

/* The same gallery changes from window daylight to quiet exhibition lighting. */
.destination.museum .destination-art img{filter:saturate(.82);object-position:55% 50%}
.destination.museum:hover .destination-art img{filter:brightness(1.04) saturate(.9)}
.museum .destination-art::after{background:linear-gradient(180deg,#0b14251a,transparent 32%,#10131710 55%,#101317eb 100%)}
.museum .image-caption>span:first-child{color:#e0e5e6;font-size:.875rem;text-shadow:0 1px 5px #0a131be6}
.museum .art-roman{color:#e5e9e6}
.museum .card-category,.museum .card-index{color:#e1e9ec;background:#18242fbd;padding:7px 9px;top:18px;letter-spacing:1.3px}
.museum .card-category{left:20px}.museum .card-index{right:20px}
:root[data-theme="mist"] .museum .destination-art::after{background:linear-gradient(180deg,#d5dfe608,transparent 40%,#d5dfe626 60%,#d5dfe6ed 100%)}
:root[data-theme="mist"] .museum .image-caption>span:first-child{color:#283e50;text-shadow:0 1px 4px #e8edf3e6}
:root[data-theme="mist"] .museum .art-roman{color:#2b4153;text-shadow:0 1px 2px #dfe7ec99}
:root[data-theme="mist"] .museum .card-category,:root[data-theme="mist"] .museum .card-index{color:#314c62;background:#e8eef0e3}

/* Keep the softened foreground in frame so the drawn layers retain their depth. */
@media(min-width:761px){
 :root[data-theme="obsidian"] .hero-art{right:0;width:100%}
 :root[data-theme="obsidian"] .art-shade{background:linear-gradient(90deg,var(--bg) 0%,rgba(var(--bg-rgb),.94) 9%,rgba(var(--bg-rgb),.62) 27%,transparent 51%),linear-gradient(180deg,var(--bg),transparent 14%,transparent 75%,var(--bg)),linear-gradient(270deg,var(--bg),transparent 6%)}
}
@media(max-width:760px){
 :root[data-theme="obsidian"] .hero-art{right:0}
 :root[data-theme="obsidian"] .art-shade{background:linear-gradient(90deg,var(--bg),transparent 23%,transparent 94%,var(--bg))}
}
