/* YIROVÉ — elegant editorial brand skin, provisional brand identity.
   Preserves existing navigation, photographic archive and geographic data. */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=DM+Sans:wght@400;500;600&display=swap');
:root{
  --bg:#11100f; --bg2:#171513; --panel:#211e1a;
  --cream:#f3eee5; --mute:#a39c91; --soft:#c6bdb0;
  --line:#403a32; --gold:#c6a47e; --accent:#d7b48c;
  --display:'Cormorant Garamond',Georgia,'Times New Roman',serif;
  --body:'DM Sans','Noto Sans TC','Noto Sans JP',Arial,sans-serif;
}
body{background:var(--bg);color:var(--cream);letter-spacing:.008em}
/* restrained typography: uppercase tracking and luminous serifs */
.nav{height:94px;padding-inline:clamp(22px,5.4vw,100px);background:linear-gradient(180deg,#10100fd9 0%,transparent 100%)}
.logo{gap:16px;font-weight:500;letter-spacing:.19em;font-size:18px}
.logo-icon{font-family:var(--display);font-weight:500;font-size:35px;display:flex;align-items:flex-end;letter-spacing:-.08em;color:var(--cream);line-height:.8;border:1px solid #c6a47e8b;padding:11px 12px 9px;min-width:48px;justify-content:center}
.logo-icon-dot{font-size:17px;color:var(--gold);margin-left:1px}
.logo-copy{font-family:var(--body);font-weight:600;letter-spacing:.23em;font-size:17px}
.logo-caption{font-family:var(--body);font-size:7px;font-weight:400;letter-spacing:.35em;color:#d0b99a;margin-top:8px}
.nav-links{gap:clamp(13px,2.2vw,36px);font-size:10px;letter-spacing:.075em}
.nav-right{gap:18px}.nav-count{font-size:11px;font-weight:500;color:#e9e0d5}.lang-group{border-color:#ac957d6b}
.lang-group button.active{background:#e9dfd0;color:#211a15}
/* luxury opening photographic feature */
.home-hero{background:#100e0e;min-height:670px}
.hero-background{background-position:center 53%;filter:saturate(.85) contrast(1.07) brightness(.80)}
.hero-veiling{background:linear-gradient(90deg,#0c0c0df2 0%,#111011cb 26%,#19130fa0 49%,#18110b18 90%),linear-gradient(0deg,#0b0b0cf5 0%,transparent 29%,transparent 78%,#100f10ba 100%)}
.hero-content{padding-top:94px}
.hero-eyebrow{font-size:9px;letter-spacing:.31em;font-weight:500;color:#e0d2bb}
.hero-year{color:#d8b991}
.hero-brand-edition{margin-top:50px;font-family:var(--body);font-weight:400;font-size:10px;letter-spacing:.28em;color:#e4d5be}
.hero-content h1.hero-yirove{font-family:var(--display);font-size:clamp(112px,16vw,251px);font-weight:400;line-height:.86;letter-spacing:-.065em;max-width:none;margin:15px 0 14px;text-transform:none;text-shadow:0 12px 40px #100c0b50;white-space:nowrap}
.hero-brand-period{font-size:.36em;vertical-align:baseline;margin-left:.015em;color:var(--gold);font-weight:400}
.hero-brand-tagline{display:flex;align-items:center;gap:18px;font-family:var(--body);font-size:12px;letter-spacing:.47em;font-weight:500;color:#ecd8ba;margin:10px 0 48px}
.hero-brand-tagline i{width:51px;height:1px;background:var(--gold)}
.hero-caption-row p{font-size:15px;line-height:1.8;max-width:360px;color:#e0d9cf;letter-spacing:.035em}
.hero-side-label{color:#c9b6a0}
.hero-bottom{color:#b8aa96}
.hero-bottom a span{color:#dcc29e}
.circle-arrow{border-color:#e2cbb38c}
/* editorial story headings and borders */
.kicker,.section-meta{font-family:var(--body);letter-spacing:.24em;font-size:10px}
.section-meta{border-top-color:#554b3e;color:#aaa399}
.section-heading h2{font-size:clamp(44px,5.5vw,82px);letter-spacing:-.045em;font-weight:500;line-height:1.05}
.intro-row h2{font-weight:500;letter-spacing:-.047em;font-size:clamp(42px,5.4vw,84px);line-height:1.25}
.intro-row h2 em{font-style:italic;color:#cbb18c}
.stat-strip b{letter-spacing:-.02em;font-weight:500}
.about-copy h2,.country-narrative h2,.place-description h2{font-weight:500;letter-spacing:-.035em}
/* original geography and photography remain untouched */
.map-frame{border-color:#493c30;background:radial-gradient(circle at 52% 43%,#252321,#111414 73%)}
.map-toolbar{color:#e8dbca;border-color:#57483955}
.map-info-panel{background:#171512;border-color:#4e41365a}
.map-info-img{background-color:#252019}
.map-info-copy h3{font-weight:500;letter-spacing:-.01em}
.map-bottom{color:#9c8873}
.map-tooltip{background:#1e1b17ee;border-color:#b1966b55}
.map-lines .visited-land:hover,.map-lines .visited-land.selected{stroke:#f6dab0}
.pill-link{border-color:#b29b7d;color:#f3e6d7}
.feature-card,.feature-card .feature-bg{border-radius:0}
.feature-body h3{font-weight:500;letter-spacing:-.03em}
.country-chip{border-color:#39332d}.country-chip:hover{background:#b49c7c12}
.region-heading{font-weight:500}
.search-shell,.index-tools select,.reset-btn{background:#1a1917;border-color:#6c55426a}
.about-section .about-image{filter:saturate(.75) contrast(1.06)}
.footer{background:#141311;border-color:#4a3d31}
.footer-brand{font-family:var(--display);font-weight:500;font-size:57px;letter-spacing:.015em;line-height:1}
.footer-brand small{font-family:var(--body);color:#cfaf87;letter-spacing:.3em;font-size:10px;font-weight:400;margin-top:15px}
.footer-cols{gap:30px;flex-wrap:wrap;color:#b4a89b}
.footer-bottom{color:#8e8479;border-top-color:#3f3830}
/* exhibit page refinement */
.inner-hero{background:radial-gradient(circle at 70% 15%,#45372d,#171413 60%,#100f0e)}
.inner-hero h1{font-weight:500;letter-spacing:-.05em}
.inner-hero.with-image::after{background:linear-gradient(0deg,#11100ff7,transparent 50%),linear-gradient(90deg,#17100fb5,transparent 78%)}
.crumbs{color:#d0bca6}.crumbs strong{color:#f1d1a7}
.country-overview,.place-intro{color:#ded5c8}
.place-constellation .place-node{transition:transform .25s ease}
.place-constellation .place-node:hover{transform:translateY(-6px)}
.photo-mosaic .mosaic-item{background:#211c16}
.lightbox{background:#100f0efb}
.lightbox-top{font-family:var(--body);font-weight:500;letter-spacing:.25em}
/* Independent lifestyle section: no fabricated images */
.rituals-teaser{padding-block:20px 130px}
.rituals-teaser-inner{border-top:1px solid #76614965;border-bottom:1px solid #76614965;padding:80px 4% 90px;display:grid;grid-template-columns:26% 1fr;gap:5%;align-items:center;background:radial-gradient(circle at 18% 50%,#4533264a,transparent 38%)}
.rituals-ornament{font-family:var(--display);font-size:clamp(110px,15vw,220px);line-height:1;text-align:center;font-weight:400;color:#b79a75}
.rituals-teaser h2{font-family:var(--display);font-size:clamp(45px,5.4vw,85px);line-height:1.04;font-weight:500;letter-spacing:-.045em;margin:24px 0}
.rituals-teaser h2 em{font-weight:400;color:#c6a47e}
.rituals-teaser p{color:#bfb3a5;max-width:580px;font-size:14px;line-height:2}
.rituals-teaser a{margin-top:22px}
.rituals-page{min-height:100vh;background:radial-gradient(circle at 55% 40%,#40302265,transparent 38%),#151310}
.rituals-page-content{min-height:90vh;padding-bottom:120px;display:flex;flex-direction:column}
.rituals-page-center{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:60px 0 15px}
.rituals-monogram{font-family:var(--display);font-size:100px;color:#c9a97e;margin:0}
.rituals-page-center h1{font-family:var(--display);font-size:clamp(85px,12vw,180px);font-weight:500;line-height:1;letter-spacing:-.05em;margin:10px 0 20px}
.rituals-page-center h1 span{color:var(--gold)}
.rituals-page-center p{max-width:470px;color:#bcb1a4;line-height:2;font-size:14px}
.rituals-coming{font-size:10px;color:#c5a77d;letter-spacing:.22em;margin:36px 0 28px}
@media(max-width:1050px){.hero-content h1.hero-yirove{font-size:clamp(105px,14.7vw,170px)}.nav-links a[href*="rituals"]{display:none}}
@media(max-width:680px){
 .nav{height:74px;padding-inline:22px}.logo{gap:9px}.logo-icon{font-size:25px;min-width:37px;padding:9px}.logo-copy{font-size:13px;letter-spacing:.15em}.logo-caption{font-size:6px;letter-spacing:.19em}
 .nav-count{font-size:10px}.nav-right{gap:10px}
 .home-hero{min-height:640px;height:94svh}.hero-background{background-position:57% center}.hero-veiling{background:linear-gradient(90deg,#111011d8,#120f1192 58%,#120f1129),linear-gradient(0deg,#0d0c0df5,transparent 32%,#120d0d83)}
 .hero-content{padding-top:75px}.hero-brand-edition{margin-top:43px;font-size:8px;letter-spacing:.18em}
 .hero-content h1.hero-yirove{font-size:clamp(70px,17.2vw,119px);letter-spacing:-.05em;margin:20px 0 15px;white-space:nowrap}
 .hero-brand-tagline{font-size:8px;letter-spacing:.25em;gap:10px;margin-bottom:45px}.hero-brand-tagline i{width:27px}
 .hero-caption-row p{font-size:13px;max-width:225px}.hero-side-label{right:20px}
 .section-heading h2{font-size:clamp(42px,11vw,66px)}
 .intro-row h2{font-size:clamp(41px,10vw,62px)}
 .footer-brand{font-size:47px}
 .rituals-teaser-inner{grid-template-columns:1fr;padding:40px 20px 56px;text-align:left}.rituals-ornament{text-align:left;font-size:110px}
 .rituals-teaser h2{font-size:59px}.rituals-teaser{padding-bottom:90px}
 .rituals-page-center h1{font-size:100px}
}
@media(prefers-reduced-motion:reduce){.hero-background{animation:none}.place-constellation .place-node{transition:none}}