/* Koré's shared identity: the same navigation, wordmark, footer, and metal on both pages. */
:root {--brand-dark:oklch(15% .014 145);--brand-cream:oklch(94% .025 83);--brand-sand:oklch(83% .035 81);--brand-gold:oklch(88% .085 85);--brand-rule:oklch(76% .107 80 / .33);--brand-gutter:clamp(1.5rem,6vw,6.25rem);--brand-ease:cubic-bezier(.22,1,.36,1);}
/* Broad reflections and a fine raised edge create a polished surface, without foil noise. */
.metal {
 color:#e9c779; background:linear-gradient(174deg,#a97c30 0%,#e8c678 18%,#fff0bd 30%,#d4a953 42%,#b5893b 46%,#f8dda0 54%,#e4bd6c 67%,#b18a42 86%,#e9cf91 100%);
 background-size:100% 100%; background-position:center; -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
 -webkit-text-stroke:.25px rgb(255 229 171 / .2);filter:drop-shadow(0 1px 0 rgb(81 53 15 / .65)) drop-shadow(0 2px 2px rgb(0 0 0 / .12));
 -webkit-box-decoration-break:clone;box-decoration-break:clone;
}
.paper .metal,.light .metal {background-image:linear-gradient(174deg,#664517 0%,#96712e 25%,#76521e 43%,#a07a34 52%,#7b571e 75%,#5e4017 100%);filter:none;-webkit-text-stroke:0;}
.site-header.brand-header {position:fixed;inset:0 0 auto;width:100%;max-width:none;margin:0;height:90px;padding:1rem var(--brand-gutter);z-index:20;display:flex;align-items:center;justify-content:space-between;gap:2rem;background:oklch(15% .014 145 / .88);border-bottom:1px solid var(--brand-rule);transition:background-color .35s;}
.site-header.brand-header::after {display:none;}
.site-header.brand-header.scrolled {background:oklch(15% .014 145 / .98);backdrop-filter:none;}
.brand-header .wordmark,.brand-footer .wordmark,.brand-menu .wordmark {display:inline-flex;align-items:center;gap:0;min-height:48px;font-size:3.3rem;letter-spacing:-.04em;font-weight:430;line-height:1;color:var(--brand-cream);}
.brand-header .wordmark span,.brand-footer .wordmark span,.brand-menu .wordmark span {color:var(--brand-gold);}
.brand-header .desktop-nav {display:flex;align-items:center;gap:clamp(1rem,2vw,2rem);margin-left:auto;}
.brand-header .desktop-nav a {display:flex;align-items:center;min-height:48px;padding:0;font-size:.9rem;position:relative;color:var(--brand-cream);}
.brand-header .desktop-nav a::after {content:'';position:absolute;left:0;right:0;bottom:6px;height:1px;background:var(--brand-gold);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--brand-ease);}
.brand-header .desktop-nav a:hover::after,.brand-header .desktop-nav a[aria-current]::after {transform:scaleX(1);}
.brand-header .header-invitation {display:flex;align-items:center;gap:1.1rem;min-height:48px;padding-left:1.8rem;border-left:1px solid var(--brand-rule);font-size:.9rem;color:var(--brand-gold);}
.brand-header .header-invitation svg {width:22px;height:22px;}
.brand-header .menu-toggle {display:none;align-items:center;gap:1rem;background:none;min-height:48px;padding:.5rem 0 .5rem 1rem;font:inherit;color:var(--brand-cream);border:0;}
.brand-header .menu-toggle>span {display:flex;flex-direction:column;gap:7px;width:25px;}
.brand-header .menu-toggle i {height:1px;width:100%;background:var(--brand-gold);}
body.menu-open {overflow:hidden;}
.site-footer.brand-footer {display:block;max-width:none;width:100%;margin:0;background:var(--brand-dark);color:var(--brand-cream);padding:3rem 0 2rem;border-top:1px solid var(--brand-rule);}
.brand-footer .footer-grid {display:grid;grid-template-columns:.55fr 1fr auto;gap:2rem;align-items:start;max-width:1480px;padding-inline:var(--brand-gutter);margin-inline:auto;width:100%;}
.brand-footer .footer-grid>.wordmark {font-size:3.8rem;}
.brand-footer .footer-grid>p {font-size:.9rem;line-height:1.8;color:var(--brand-cream);}
.brand-footer .footer-grid>p>span {color:var(--brand-sand);font-size:.84rem;}
.brand-footer nav {display:flex;gap:1.5rem;flex-wrap:wrap;align-items:center;}
.brand-footer nav a {display:flex;align-items:center;min-height:44px;font-size:.9rem;color:var(--brand-sand);}
.brand-footer nav a:hover,.brand-footer .back-top:hover {color:var(--brand-gold);}
.brand-footer .footer-grid small {grid-column:1/3;font-size:.82rem;color:var(--brand-sand);align-self:center;}
.brand-footer .back-top {display:flex;align-items:center;gap:1rem;justify-self:end;min-height:44px;font-size:.82rem;color:var(--brand-sand);}
.brand-footer .back-top svg {width:18px;height:18px;transform:rotate(-90deg);}
.menu-dialog.brand-menu {border:1px solid var(--brand-rule);padding:1.6rem;background:var(--brand-dark);color:var(--brand-cream);width:min(560px,calc(100vw - 2rem));max-height:calc(100dvh - 2rem);margin:auto;z-index:40;overflow:auto;}
.brand-menu::backdrop {background:oklch(9% .01 145 / .9);}
.brand-menu .menu-heading {display:flex;align-items:center;justify-content:space-between;gap:1rem;}
.brand-menu .menu-close {display:flex;align-items:center;gap:1rem;min-height:48px;font-size:.9rem;background:none;border:0;}
.brand-menu .menu-close span {font-size:1.8rem;}
.brand-menu nav {display:flex;flex-direction:column;margin:2.5rem 0 2rem;}
.brand-menu nav a {display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--brand-rule);padding:1rem 0;font-size:2rem;line-height:1.25;letter-spacing:-.025em;}
.brand-menu nav a:last-child {border-bottom:1px solid var(--brand-rule);}
.brand-menu nav span {font-size:.85rem;color:var(--brand-gold);}
.brand-menu>.button {display:flex;justify-content:space-between;background:var(--brand-gold) url('assets/gold-lettering.webp') center / 480px;color:var(--brand-dark);min-height:58px;gap:1rem;}
.brand-menu>.button svg {width:24px;height:24px;}
.brand-menu .menu-seal {display:block;width:80px;height:80px;color:var(--brand-gold);margin:2rem auto 0;}
@media(max-width:1100px) {
 .brand-header .desktop-nav {gap:1rem;}
 .site-header.brand-header {gap:1.3rem;}
 .brand-header .desktop-nav a,.brand-header .header-invitation {font-size:.83rem;}
 .brand-header .header-invitation {padding-left:1rem;gap:.7rem;}
 .brand-footer .footer-grid {grid-template-columns:.5fr 1fr;}
 .brand-footer nav {grid-column:2;grid-row:2;}
 .brand-footer .footer-grid small {grid-column:1;grid-row:2;}
 .brand-footer .back-top {grid-column:2;justify-self:start;}
}
@media(max-width:900px) {
 :root {--brand-gutter:2.25rem;}
 .site-header.brand-header {height:82px;}
 .brand-header .header-invitation {display:none;}
 .brand-header .desktop-nav {gap:1.8rem;}
}
@media(max-width:700px) {
 :root {--brand-gutter:1.6rem;}
 .site-header.brand-header {height:76px;padding-block:.8rem;gap:1rem;}
 .brand-header .wordmark {font-size:2.7rem;}
 .enhanced .brand-header .desktop-nav {display:none;}
 .enhanced .brand-header .menu-toggle:not([hidden]) {display:flex;}
 .brand-header .desktop-nav {gap:.65rem;flex-wrap:wrap;}
 .brand-header .desktop-nav a {font-size:.75rem;}
 .site-footer.brand-footer {padding:2.5rem 0 1.5rem;}
 .brand-footer .footer-grid {grid-template-columns:1fr;gap:1.5rem;}
 .brand-footer .footer-grid>.wordmark {font-size:3.4rem;}
 .brand-footer nav {grid-column:1;grid-row:auto;gap:.5rem 1.4rem;border-top:1px solid var(--brand-rule);padding-top:.8rem;}
 .brand-footer .footer-grid small,.brand-footer .back-top {grid-column:1;grid-row:auto;}
 .brand-menu nav a {font-size:1.7rem;}
 .menu-dialog.brand-menu {padding:1.4rem;}
 .brand-menu>.button {font-size:.88rem;}
}
@media(prefers-reduced-motion:reduce) { .brand-header *,.brand-footer *,.brand-menu * {animation:none!important;transition:none!important;} }
@media(forced-colors:active) { .metal {background:none;-webkit-text-fill-color:CanvasText;color:CanvasText;filter:none;-webkit-text-stroke:0;} }
/* Keep all desktop links available through the tablet breakpoint. */
.site-header.brand-header .desktop-nav a {display:flex;}
@media(forced-colors:active) {.paper .metal,.light .metal {background:none;-webkit-text-fill-color:CanvasText;color:CanvasText;filter:none;}}
