/* International edition: readable content, clear contact and resilient layouts. */
.global-intro { display:grid; grid-template-columns:1fr 1fr; gap:10%; padding-block:76px; border-bottom:1px solid var(--line); }
.global-intro h2 { margin-top:20px; font-size:clamp(36px,4.4vw,62px); }
.global-intro h2 em { color:var(--gold); }
.global-copy { align-self:center; }
.global-copy > p { max-width:55ch; font-size:15px; line-height:1.9; }
.global-facts { display:flex; flex-wrap:wrap; gap:10px 24px; margin:25px 0 12px; }
.global-facts span { font-size:10px; letter-spacing:1px; color:var(--gold); text-transform:uppercase; }
.global-facts span:before { content:'·'; margin-right:8px; }
.contact .contact-languages { color:var(--champagne); font-size:12px; margin-bottom:16px; letter-spacing:.4px; }
.footer-inner { flex-wrap:wrap; gap:20px; }
.footer-languages { display:flex; align-items:center; gap:12px; font-size:12px; }
.footer-languages a { display:inline-flex; align-items:center; min-height:44px; }
.footer-languages [aria-current="true"] { color:var(--gold); text-decoration:underline; text-underline-offset:5px; }
.language button, .detail-language button { min-width:44px; }
.project-dialog, .lightbox { overscroll-behavior:contain; }
.project-image img, .gallery-tile img { color:var(--ink); }
@media(max-width:760px), (pointer:coarse) and (max-width:1100px) {
  .global-intro { grid-template-columns:1fr; gap:26px; padding-block:45px; }
  .global-intro h2 { font-size:38px; }
  .global-copy > p { font-size:14px; }
  .global-facts { gap:8px 18px; }
  .header-controls { gap:8px; }
  .phone-experience { --phone-dock-height:calc(76px + env(safe-area-inset-bottom)); }
  .phone-mode .contact .email { font-size:clamp(16px,4.5vw,25px); overflow-wrap:anywhere; }
  .phone-mode .detail-language { gap:0; }
  .phone-mode .detail-toolbar { gap:8px; }
  .phone-mode .gallery-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .phone-mode .footer-inner { gap:12px 24px; }
}
@media(max-width:350px) { .phone-mode .back-button { font-size:11px; gap:8px; } .header-controls { gap:2px; } }
@media(prefers-reduced-motion:reduce) { *, *:before, *:after { scroll-behavior:auto!important; } }
/* Clear first choices, with the immersive gallery available as a second way in. */
.tour-intro { width:min(650px,85%); padding-top:clamp(44px,7vh,100px); padding-bottom:45px; }
.tour-intro h1 { font-size:clamp(56px,6.5vw,88px); letter-spacing:-2.4px; }
.tour-lead { max-width:470px; }
.tour-secondary { display:inline-flex; align-items:center; gap:20px; min-height:48px; padding:10px 0; font-size:13px; color:#eee3cc; border-bottom:1px solid #b99a635e; }
.tour-secondary:hover { color:#e3c386; border-color:#e3c386; }
.intro-project-links { display:flex; flex-wrap:wrap; gap:12px 28px; margin-top:30px; padding-top:18px; border-top:1px solid #d8bb8235; width:fit-content; }
.intro-project-links a { display:inline-flex; align-items:center; gap:10px; min-height:44px; color:#ede6d8; font-size:12px; }
.intro-project-links a > span:first-child { color:#c3a76e; font-size:9px; letter-spacing:1px; }
.intro-project-links a:hover { color:#e3c386; }
.tour-start-hint { margin-top:14px; max-width:450px; }
.detail-next { display:inline-flex; align-items:center; gap:14px; min-height:44px; color:#e3c88e; font-size:12px; margin-left:auto; padding-inline:10px; }
.detail-next b { font-size:20px; font-weight:400; }
.detail-wordmark { margin-left:auto; }
.project-copy { padding-top:24px; }
.project-copy .eyebrow { font-size:10px; }
.project-summary { margin-bottom:8px; }
@media(min-width:761px) and (pointer:fine) {
  :root { --header-height:96px; }
  .header .brand-logo img { width:102px; height:84px; }
  .header nav .nav-contact { padding:0 20px; border:1px solid #d8bb8270; color:#e3c88e; }
  .header nav .nav-contact:hover { background:#d8bb8210; }
}
@media(max-width:760px), (pointer:coarse) and (max-width:1100px) {
  .detail-next { width:40px; min-width:40px; justify-content:center; padding:0; margin-left:auto; }
  .detail-next span { display:none; }
  .phone-mode .detail-language button { min-width:36px; padding-inline:5px; }
  .phone-mode .detail-toolbar { gap:4px; }
  .phone-mode .back-button { gap:8px; }
  .phone-mode .project-copy { padding-top:20px; }
}