:root { color-scheme:light; --paper:#f5f1e9; --ink:#2b211a; --muted:#605147; --line:#d9cfc2; --accent:#754b37; }
* { box-sizing:border-box; }
body { margin:0; background:var(--paper); color:var(--ink); font:16px/1.55 system-ui,sans-serif; }
a { color:inherit; text-underline-offset:4px; }
a:focus-visible { outline:2px solid var(--accent); outline-offset:5px; }
.wrap { width:min(calc(100% - 2 * clamp(20px,5vw,76px)),1320px); margin-inline:auto; }
.tag { font-size:.7rem; font-weight:700; letter-spacing:.15em; text-transform:uppercase; }
header { display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:75px; }
.brand { display:inline-flex; align-items:center; gap:13px; }
.brand-mark { display:block; flex:none; width:clamp(66px,7vw,90px); height:auto; }
header a { padding-block:10px; text-decoration:none; color:var(--muted); }
header a:hover { text-decoration:underline; }
.hero { position:relative; isolation:isolate; overflow:hidden; display:grid; place-items:center; min-height:clamp(475px,65svh,740px); padding:48px 20px; text-align:center; border:1px solid var(--line); background:#e9dfd0; }
.hero img { position:absolute; z-index:-2; inset:0; width:100%; height:100%; object-fit:cover; object-position:center 58%; opacity:.43; }
.hero::before { content:""; position:absolute; z-index:-1; inset:0; background:linear-gradient(180deg,#f9f4ebcb,#f9f4eb92 62%,#f9f4eb4d); }
.hero::after { content:""; position:absolute; inset:10px; border:1px solid #fff7; pointer-events:none; }
.eyebrow { display:inline-flex; align-items:center; gap:10px; color:var(--accent); }
.eyebrow::before,.eyebrow::after { content:""; width:17px; height:1px; background:currentColor; }
h1 { margin:17px 0 20px; font-size:clamp(3rem,7.3vw,7rem); font-weight:720; line-height:1; letter-spacing:-.07em; }
h1 em { color:var(--accent); font-style:normal; font-weight:520; }
.hero p { margin:0 auto 25px; max-width:32ch; color:#43352c; font-size:.98rem; }
.call { display:inline-flex; min-height:44px; align-items:center; gap:14px; padding:0 17px; background:#30231b; color:#fff7ee; text-decoration:none; font-size:.83rem; font-weight:650; }
.call:hover { background:#634431; }
.contact { display:grid; grid-template-columns:1fr 1.65fr 1fr; gap:24px; padding-block:24px; border-bottom:1px solid var(--line); }
.contact h2 { margin:0 0 6px; color:var(--accent); }
.contact address { font-style:normal; max-width:43ch; }
.contact address,.contact a { font-size:.87rem; }
footer { display:grid; justify-items:center; text-align:center; gap:12px; padding-block:20px 25px; color:var(--muted); font-size:.73rem; }
.credit { display:grid; justify-items:center; gap:5px; }
.credit img { display:block; width:126px; height:auto; }
@media(max-width:640px) {
  header { min-height:64px; }
  .hero { min-height:470px; }
  .hero img { object-position:54% center; }
  .contact { grid-template-columns:1fr; gap:13px; }
  .contact article + article { padding-top:12px; border-top:1px solid var(--line); }
}

body { background:radial-gradient(ellipse at 20% 0%,#fffcf5,transparent 58%),var(--paper); }
header { min-height:83px; }
header a { padding:8px 0; border-bottom:1px solid var(--line); }
.hero { min-height:clamp(480px,64svh,685px); justify-items:start; padding:clamp(34px,6vw,91px); text-align:left; background:#eae1d4; }
.hero img { inset:0 0 0 auto; width:85%; object-position:56% 58%; opacity:.68; }
.hero::before { background:linear-gradient(90deg,#f6efe3 4%,#f6efe3f5 24%,#f6efe3db 38%,#f6efe34d 69%,#f6efe31c); }
.hero::after { inset:12px; border-color:#fff9; }
.hero-copy { position:relative; max-width:100%; }
.eyebrow::after { display:none; }
h1 { font-size:clamp(3.3rem,7.1vw,7.25rem); line-height:.98; margin:19px 0 25px; }
.hero p { margin:0 0 25px; max-width:34ch; }
.call { min-height:47px; padding-inline:19px; }

.contact { gap:0; padding-block:0; }
.contact article { padding:22px clamp(12px,2.5vw,32px); }
.contact article:first-child { padding-inline-start:0; }
.contact article + article { border-left:1px solid var(--line); }
footer { gap:9px; padding-block:25px 28px; }
.credit img { width:140px; }
.credit a { display:block; transition:opacity .18s ease; }
.credit a:hover { opacity:.75; }
@media(max-width:700px) {
  header { min-height:66px; }
  .hero { min-height:470px; padding:46px 24px 54px; text-align:center; justify-items:center; }
  .hero img { width:100%; object-position:54% center; opacity:.52; }
  .hero::before { background:linear-gradient(180deg,#f6efe3db,#f6efe3ba 55%,#f6efe36b); }
  .hero p { margin-inline:auto; }
  h1 { font-size:clamp(2.45rem,8vw,4.5rem); }

}
@media(max-width:640px) {
  .contact article,.contact article:first-child { padding:12px 0; }
  .contact article + article { border-left:0; }
}

header.wrap { min-height:clamp(84px,8vw,106px); }
.header-actions { display:flex; align-items:center; gap:clamp(10px,2vw,28px); }
.language-picker { display:flex; padding:3px; gap:2px; border:1px solid var(--line); border-radius:100px; }
header .language-picker a { display:grid; min-width:35px; min-height:36px; place-items:center; padding:0 6px; border:0; border-radius:100px; letter-spacing:.06em; }
header .language-picker a[aria-current="page"] { color:#fff7ee; background:#30231b; }
