:root{--archive-ivory:#F4EFE4;--paper:#E8DDC8;--ink:#282723;--oxide:#8A4438;--river:#566863;--brass:#B08A54;--charcoal:#494640;--clay:#B79A7D}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-width:320px;background:var(--archive-ivory);color:var(--ink);font:400 1rem/1.6 Inter,Arial,sans-serif}
a{color:inherit}
a:focus-visible{outline:3px solid var(--oxide);outline-offset:5px}
.shell{width:min(calc(100% - 3rem),1200px);margin-inline:auto}
.skip{position:absolute;left:1rem;top:-100px;background:var(--ink);color:var(--archive-ivory);padding:.75rem 1rem;z-index:20}
.skip:focus{top:1rem}
.site-header{border-bottom:1px solid #d9ceba}
.header-inner{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:1rem}
.brand{display:inline-flex;align-items:center;gap:.8rem;text-decoration:none;font-size:.95rem;font-weight:600;letter-spacing:.18em;white-space:nowrap}
.brand-symbol{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;flex:none}
.brand-logo{display:block;width:100%;height:100%;object-fit:contain}
.brand-logo[hidden],.mark[hidden]{display:none}
.mark{font-size:1.75rem;letter-spacing:-.3em;color:var(--oxide);width:2rem;position:relative;line-height:1}
.mark i{font:500 .52rem Inter,Arial,sans-serif;letter-spacing:-.12em;position:absolute;left:.57rem;top:.64rem}
.header-note{font-size:.7rem;letter-spacing:.15em;color:var(--charcoal);white-space:nowrap}
.header-note span{color:var(--oxide);padding-inline:.4rem}
.gateway{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(3rem,7vw,8rem);align-items:center;padding-block:clamp(4rem,8vw,7rem) clamp(4rem,7vw,6rem)}
.gateway-copy{min-width:0}
.eyebrow{margin:0 0 clamp(2rem,4vw,4rem);display:flex;gap:.8rem;align-items:center;color:var(--oxide);font-size:.72rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase}
.eyebrow-line{width:30px;height:1px;background:var(--oxide);flex:none}
h1{font:500 clamp(4.3rem,7.6vw,8rem)/.84 'Cormorant Garamond',Georgia,serif;letter-spacing:-.052em;margin:0 0 2rem;max-width:10ch}
h1 em{font-weight:400;color:var(--oxide)}
.intro{max-width:46ch;color:var(--charcoal);font-size:1.06rem;line-height:1.7;margin:0 0 3rem}
.language-nav{max-width:590px;border-top:1px solid var(--ink)}
.language-nav a{min-height:100px;display:grid;grid-template-columns:42px minmax(0,1fr) 36px;gap:1rem;align-items:center;padding:1rem .5rem 1rem 0;text-decoration:none;border-bottom:1px solid #cfc4b3;transition:background .2s,padding-left .2s}
.language-nav a:hover,.language-nav a:focus-visible{background:var(--paper);padding-left:1rem}
.entry-no{align-self:start;margin-top:.7rem;color:var(--oxide);font-size:.72rem;font-weight:600;letter-spacing:.1em}
.entry-content{display:flex;flex-direction:column;gap:.05rem}
.entry-content strong{font:500 clamp(2.4rem,3.5vw,3.7rem)/1 'Cormorant Garamond',Georgia,serif}
.entry-content small{font-size:.76rem;color:var(--charcoal)}
.entry-arrow{font-size:1.5rem;color:var(--oxide);transition:transform .2s}
.language-nav a:hover .entry-arrow{transform:translate(3px,-3px)}
.gateway-footnote{margin:2.1rem 0 0;font-size:.61rem;letter-spacing:.16em;color:var(--charcoal)}
.gateway-footnote span{color:var(--brass);padding-inline:.65rem;letter-spacing:-.1em}
.gateway-art{min-width:0;margin:0;background:var(--paper);padding:1.15rem;position:relative}
.gateway-art:before{content:'';position:absolute;inset:-14px 14px 14px -14px;border:1px solid var(--brass);pointer-events:none}
.art-frame{overflow:hidden;aspect-ratio:4/5;background:var(--paper)}
.art-frame img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 44%;filter:saturate(.76)}
.gateway-art figcaption{display:flex;justify-content:space-between;gap:1rem;padding-top:1rem;color:var(--charcoal);font-size:.58rem;font-weight:600;letter-spacing:.13em}
.site-footer{border-top:1px solid #d2c5b4;background:var(--paper)}
.footer-inner{min-height:96px;display:flex;align-items:center;gap:2rem;flex-wrap:wrap}
.footer-inner p{margin:0;letter-spacing:.08em;font-size:.77rem;text-transform:uppercase;color:var(--charcoal)}
.footer-inner p span{color:var(--oxide);font-weight:600}
.footer-inner nav{display:flex;gap:clamp(.9rem,2vw,2rem);align-items:center;flex-wrap:wrap}
.footer-inner nav a{font-size:.76rem;font-weight:600;text-transform:uppercase;text-decoration:none;letter-spacing:.07em;border-bottom:1px solid transparent}
.footer-inner nav a:hover{color:var(--oxide);border-color:var(--oxide)}
.footer-inner small{margin-left:auto;color:var(--charcoal);font-size:.65rem;letter-spacing:.1em;white-space:nowrap}
@media(max-width:900px){.gateway{gap:2.5rem}.gateway-art figcaption{flex-direction:column;gap:.2rem}.footer-inner{padding-block:1.3rem}.footer-inner small{margin-left:0}}
@media(max-width:720px){.header-inner{min-height:72px}.gateway{grid-template-columns:1fr;padding-block:3.5rem 4rem;gap:4rem}.gateway-copy{max-width:630px}.eyebrow{margin-bottom:2.8rem}h1{font-size:clamp(4.5rem,12vw,6.6rem)}.gateway-art{width:min(100%,520px);margin-inline:auto}.footer-inner{display:block}.footer-inner p{margin:0 0 .7rem}.footer-inner nav{margin-bottom:1rem}}
@media(max-width:480px){.shell{width:min(calc(100% - 2rem),1200px)}.header-note{display:none}.brand{font-size:.78rem;letter-spacing:.12em;gap:.45rem}.mark{width:1.7rem}.gateway{padding-top:3rem;gap:3.5rem}h1{font-size:clamp(3.55rem,13vw,4.8rem)}.intro{font-size:1rem;margin-bottom:2.2rem}.language-nav a{min-height:92px;grid-template-columns:28px minmax(0,1fr) 26px;gap:.6rem}.entry-content strong{font-size:2.5rem}.entry-content small{font-size:.71rem}.gateway-art{padding:.7rem}.gateway-art:before{inset:-9px 9px 9px -9px}.footer-inner nav{gap:.8rem 1.2rem}.footer-inner nav a{font-size:.72rem}}
@media(max-width:480px){.brand-symbol{width:38px;height:38px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}