:root{--ui-sans:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Arial,"PingFang SC","Microsoft YaHei",sans-serif}
body,button,input,select,textarea{font-family:var(--ui-sans)}
.header-tools{position:absolute;right:0;top:0;display:flex;flex-direction:column;align-items:flex-end;gap:12px;pointer-events:auto}
.header-tools #about{position:static!important;text-align:right;white-space:normal}
.language-control{display:inline-flex!important;align-items:center;position:relative;gap:7px;padding:0 11px!important;margin:0!important;min-height:36px;border:1px solid #ffffff5c;border-radius:999px;background:#163b31a8;color:#fff;backdrop-filter:blur(18px);flex-shrink:0;font:500 12px/1.5 var(--ui-sans);letter-spacing:0}
.language-control select{appearance:none!important;display:block!important;border:0!important;background:transparent!important;color:inherit!important;font:500 12px/1.5 var(--ui-sans)!important;padding:8px 17px 8px 0!important;margin:0!important;width:100px!important;min-height:36px;cursor:pointer;box-shadow:none!important;border-radius:0}
.language-control option{color:#213b31;background:#f5f6f3}
.language-chevron{position:absolute;right:12px;pointer-events:none;top:8px}
.language-control select:focus,.language-control select:focus-visible{outline:none!important;outline-offset:0!important;box-shadow:none!important}
.panel-bar{gap:12px;flex-wrap:wrap}.panel-bar>span{flex:1;min-width:90px;line-height:1.6;overflow-wrap:anywhere}.panel-bar>button{flex-shrink:0}
.panel-bar .language-control,.dialog-language .language-control{color:#254b3e;background:#e7ede7;border-color:#24493620}
.dialog-language{margin:0 45px 24px 0}.dialog-language .language-control select{max-width:none}#real-dialog>.dialog-language{position:absolute;top:14px;left:18px;z-index:4}
.panel-content h1,.panel-content h2,.panel-content h3,#contact-dialog h2,#notes-dialog h2,.real-info h2,.cloud-invitation h2{font-family:var(--ui-sans);letter-spacing:-.022em;text-wrap:balance;overflow-wrap:break-word}
.panel-content h1{font-size:clamp(27px,2.4vw,34px);line-height:1.42}.panel-content h2{line-height:1.5}.panel-content h3{line-height:1.55}.panel-content p,.panel-content details p{line-height:1.85;overflow-wrap:break-word;text-wrap:pretty}
.panel-content summary{padding-right:28px;height:auto;line-height:1.6}.panel-gallery span{display:block;line-height:1.65;white-space:normal}.v3-options{flex-wrap:wrap}.v3-options button{line-height:1.6;min-height:44px;white-space:normal}
#brand strong{letter-spacing:-.02em;font-size:25px;line-height:1.3}#brand small{letter-spacing:1.2px}
#intro .intro-content{padding-left:24px;padding-right:24px;overflow-y:auto}#intro h1{max-width:860px;line-height:1.28;letter-spacing:-.035em;text-wrap:balance}#intro .intro-caption{max-width:620px;line-height:1.8;text-wrap:pretty}.intro-caption br{display:none}.brand-hero-actions{flex-wrap:wrap;justify-content:center;margin-top:25px}.brand-hero-actions button{line-height:1.5!important;white-space:normal;max-width:100%}
#explore{max-width:calc(100vw - 36px)}#explore small{white-space:normal;line-height:1.55}#explore>span{line-height:1.5;letter-spacing:1.6px}
#menu .brand-menu-links button{font-family:var(--ui-sans);white-space:normal!important;overflow:visible;line-height:1.55;min-height:44px;padding-top:10px;padding-bottom:10px;height:auto;align-items:center}#menu .brand-menu-links button::before{flex-shrink:0}
.cloud-invitation{padding:0 24px}.cloud-invitation h2{line-height:1.4}.cloud-invitation p{letter-spacing:.6px;line-height:1.7}
#contact-dialog select:not([data-language]),#contact-dialog textarea{font-family:var(--ui-sans);line-height:1.6}#notes-dialog p,#contact-dialog p{line-height:1.85}
@media(max-width:600px){.header-tools{gap:8px}#brand{max-width:50%;left:50%}#brand strong{font-size:21px}#brand small{font-size:7px;letter-spacing:.7px}.header-tools #about{font-size:8px;letter-spacing:.3px}.header-tools #about span{font-size:8px}.header-tools>.language-control{min-height:32px;padding:0 8px!important}.header-tools>.language-control select{width:80px!important;min-height:32px;font-size:11px!important;padding:5px 13px 5px 0!important}.header-tools .language-chevron{right:9px;top:5px}.header-tools .language-control>span:first-child{display:none}
#intro .intro-content{padding-top:140px;padding-bottom:30px}#intro h1{font-size:clamp(31px,8.1vw,42px);line-height:1.32;margin:15px 0 20px}#intro .intro-caption{font-size:14px;max-width:370px}.brand-hero-actions{gap:10px;margin-top:20px}.brand-hero-actions .cream-button,.brand-hero-actions .brand-outline{font-size:12px;padding:13px 19px}.panel-bar{padding:12px 16px;gap:9px}.panel-bar>span{font-size:11px;flex-basis:100%;padding-right:36px}.panel-bar>[data-close]{position:absolute;right:14px;top:12px}.panel-bar .language-control{min-height:32px}.panel-bar .language-control select{min-height:32px;padding-top:5px!important;padding-bottom:5px!important}.panel-bar .language-chevron{top:5px}.panel-content{padding:20px 22px 30px}.panel-content h1{font-size:29px;line-height:1.42}.panel-content>p,.panel-content details p{font-size:15px;line-height:1.85}#menu .brand-menu-links button{font-size:12px!important}#explore small{font-size:14px!important}.real-info h2{font-size:29px;line-height:1.4}}
@media(max-height:700px){#intro .intro-content{justify-content:flex-start;padding-top:130px}#intro .sun-mark{display:none}#intro h1{font-size:32px;margin:10px 0}#intro .intro-content>.overline{margin:6px 0}.brand-hero-actions{margin-top:16px}#intro #silent-start{margin-top:12px}}
@media(prefers-reduced-motion:reduce){.language-control{backdrop-filter:none}}

/* One language selector on the main view, beside the sound control. */
.header-language{display:flex;align-items:center;gap:22px;pointer-events:auto}
.header-language .sound{flex:0 0 30px;height:36px}
header>#about{position:absolute;right:0;top:5px}
.destination-open .header-language .language-control,body:has(dialog[open]) .header-language .language-control{display:none!important}
.panel-bar{flex-wrap:nowrap;min-height:62px}.panel-bar>span{flex-basis:auto;padding-right:0}.panel-bar>[data-close]{position:static}
@media(max-width:700px){
.header-language{gap:18px}.header-language .language-control{padding:0 10px!important;gap:5px}.header-language .language-control select{width:88px!important}
#brand{top:57px;max-width:75%;width:max-content}#brand strong{font-size:22px}#brand small{font-size:7px}
#intro .intro-content{padding-top:160px}header>#about{font-size:8px;max-width:84px;line-height:1.6}
}
/* Transparent language control, floating lightly over the coastal scene. */
.header-language .language-control{background:transparent;border-color:rgba(255,255,255,.32);backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;color:#fff;text-shadow:0 1px 8px #102b254d;transition:border-color .2s ease,background-color .2s ease}
.header-language .language-control:hover{background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.66)}
.header-language .language-control:focus-within{outline:none;border-color:#ffffffb3;background:rgba(255,255,255,.045)}
.header-language .language-control>span:first-child{opacity:.72;font-size:13px}
.header-language .language-control select{font-weight:400!important;letter-spacing:.015em}
.header-language .language-chevron{opacity:.72}
.cloud-opening .header-language .language-control{color:#365c55;border-color:#365c553d;text-shadow:0 1px 8px #ffffff80}
.cloud-opening .header-language .language-control:focus-within{border-color:#365c55a6;background:rgba(255,255,255,.08)}
.planning-document{margin:8px 0 25px;border:1px solid #2449361a;border-radius:18px;overflow:hidden;background:#fff9}
.planning-document>img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.planning-document-copy{padding:22px}.document-edition{font-size:11px;letter-spacing:.04em;color:#63776a}
.planning-document h3{margin:10px 0 12px;font-size:21px;line-height:1.5}
.planning-document .document-meta{font-size:11px!important;letter-spacing:.04em;margin:0 0 20px!important;color:#68776d}
.document-download{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:14px 18px;min-height:48px;border-radius:999px;background:#213e32;color:#fff;text-decoration:none;font-size:13px;line-height:1.5}
.document-download:hover{background:#315442}.document-download span{font-size:19px}
.planning-document .document-note{font-size:11px!important;line-height:1.7!important;color:#6c7c71;margin:13px 0 0!important}
