:root { --paper:#f1eddf; --surface:#faf7ee; --ink:#222b24; --muted:#697368; --line:#d6d7c6; --accent:#b74f39; --accent-ink:#fff7ee; --focus:#8e3324; --font-body:Arial,sans-serif; --action-radius:5px; }
:root[data-theme="dark"] { --paper:#1b211d; --surface:#252d27; --ink:#f2f1e8; --muted:#b6bbae; --line:#454d43; --accent:#d9765d; --accent-ink:#221a17; --focus:#ee9b83; }
.brand { flex-direction:column; gap:1px; align-items:flex-start; font-size:19px; font-weight:900; letter-spacing:.08em; }
.brand small { color:var(--muted); font-size:8px; letter-spacing:.18em; }
.hero { position:relative; display:grid; grid-template-columns:.9fr 1.1fr; align-items:center; gap:clamp(30px,6vw,92px); min-height:620px; padding:clamp(52px,7vw,100px) clamp(22px,7vw,105px) 88px; }
.hero-copy { max-width:510px; }
.hero .eyebrow,.ways .eyebrow,.experience .eyebrow,.contact-band .eyebrow { font-size:9px; }
.hero h1 { margin:20px 0; font-size:clamp(48px,7vw,84px); line-height:.96; letter-spacing:-.075em; }
.hero h1 span { color:var(--accent); }
.hero-copy > p:not(.eyebrow):not(.hero-note) { max-width:405px; color:var(--muted); font-size:15px; }
.hero-actions { display:flex; flex-wrap:wrap; align-items:center; gap:20px; margin-top:27px; }
.quiet-link { display:inline-flex; align-items:center; gap:8px; padding:9px 0; border-bottom:1px solid var(--line); font-size:11px; font-weight:700; transition:color .2s ease,border-color .2s ease; }
.quiet-link:hover { border-color:var(--accent); color:var(--accent); }
.hero-note { max-width:340px; margin-top:22px; color:var(--muted); font-size:10px; }
.hero-photo { height:min(61vw,510px); min-height:340px; border-radius:4px; }
.hero-photo img { object-position:center 48%; }
.hero-photo figcaption { position:absolute; right:0; bottom:0; padding:12px 15px; background:#222b24dd; color:#f2f1e8; font-size:8px; letter-spacing:.1em; }
.hero-coordinate { position:absolute; left:clamp(22px,7vw,105px); bottom:26px; display:flex; gap:15px; align-items:center; color:var(--muted); font-size:9px; letter-spacing:.14em; }
.hero-coordinate span:first-child { color:var(--accent); font-weight:700; }
.section-shell { padding:clamp(58px,8vw,104px) clamp(22px,7vw,105px); }
.ways { display:grid; grid-template-columns:.9fr 1.1fr; gap:12px 55px; background:var(--surface); }
.ways-heading h2,.experience-copy h2,.contact-band h2 { margin:10px 0; font-size:clamp(33px,4.8vw,57px); line-height:1.02; letter-spacing:-.06em; }
.ways-heading > p:last-child,.experience-copy > p,.contact-band > p { max-width:430px; color:var(--muted); font-size:13px; line-height:1.7; }
.ways .search-panel { align-self:center; }
.way-list { grid-column:1/-1; display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-top:20px; }
.way-list a { display:grid; grid-template-columns:26px 1fr 18px; align-items:center; gap:10px; min-height:66px; padding:12px 14px; border:1px solid var(--line); transition:background .2s ease,border-color .2s ease,transform .2s ease; }
.way-list a:hover { transform:translateY(-2px); border-color:var(--accent); background:color-mix(in srgb,var(--accent) 8%,var(--surface)); }
.way-list span { color:var(--muted); font-size:9px; }
.way-list strong { font-size:13px; }
.way-list b { color:var(--accent); }
.experience { display:grid; grid-template-columns:.35fr 1fr .12fr; align-items:start; gap:22px; }
.experience-label > span { color:var(--accent); font-size:clamp(36px,5vw,60px); font-weight:700; letter-spacing:-.08em; }
.experience-label .eyebrow { color:var(--muted); }
.experience-copy { max-width:650px; }
.experience-copy h2 { max-width:550px; }
.experience-copy > p { max-width:460px; }
.experience-rule { width:1px; height:100%; min-height:150px; justify-self:center; background:var(--line); }
.experience-events { grid-template-columns:.35fr .85fr .8fr; align-items:center; background:#e8e6d8; }
:root[data-theme="dark"] .experience-events { background:#252d27; }
.event-photo { height:300px; border-radius:3px; }
.event-photo img { object-position:center 62%; }
.contact-band { display:grid; grid-template-columns:1fr auto; align-items:center; gap:18px 40px; padding:46px clamp(22px,7vw,105px); background:var(--ink); color:var(--paper); }
.contact-band .eyebrow { color:#df9a7f; }
.contact-band > p { grid-column:1; color:#c0c3b6; }
.contact-band .action { grid-column:2; grid-row:1/3; }
@media(max-width:850px){.hero{grid-template-columns:1fr 1fr;gap:28px}.ways{grid-template-columns:1fr;gap:4px}.way-list{grid-template-columns:1fr 1fr}.experience{grid-template-columns:.3fr 1fr}.experience-rule{display:none}.experience-events{grid-template-columns:.3fr 1fr}.event-photo{grid-column:2}}
@media(max-width:650px){.hero{grid-template-columns:1fr;min-height:unset;padding-top:48px}.hero h1{font-size:clamp(48px,14vw,72px)}.hero-photo{height:75vw;min-height:245px}.hero-coordinate{position:static;grid-row:3;padding-top:14px}.way-list{grid-template-columns:1fr}.experience,.experience-events{grid-template-columns:1fr;gap:10px}.experience-label{display:flex;align-items:center;gap:12px}.experience-label > span{font-size:36px}.event-photo{grid-column:auto;height:240px}.contact-band{grid-template-columns:1fr}.contact-band .action{grid-column:auto;grid-row:auto;justify-self:start}}