@font-face{font-family:'Crimson Pro';font-style:italic;font-weight:400 600;font-display:swap;src:url(/fonts/crimsonpro-italic-400-600.woff2) format('woff2')}
@font-face{font-family:'Crimson Pro';font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/crimsonpro-400-700.woff2) format('woff2')}
@font-face{font-family:'Zilla Slab';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/zillaslab-500.woff2) format('woff2')}
@font-face{font-family:'Zilla Slab';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/zillaslab-700.woff2) format('woff2')}

:root{--sand:#e9dcc0;--paper:#f6efdf;--cream:#fcf8ed;--terra:#a3441c;--terra-d:#843414;--olive:#38442a;--olive-d:#2a3320;--char:#25211d;--ochre:#c79a3b;--line:rgba(37,33,29,.2);--slab:'Zilla Slab','Rockwell','Roboto Slab',Georgia,serif;--serif:'Crimson Pro','Iowan Old Style','Palatino Linotype',Georgia,serif;--side:288px}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--sand);color:var(--char);font:400 1.2rem/1.6 var(--serif);overflow-wrap:break-word}
img{max-width:100%;height:auto;display:block}
a{color:var(--terra-d);text-decoration-thickness:1px;text-underline-offset:.18em}
a:hover{color:var(--olive)}
:focus-visible{outline:3px solid var(--ochre);outline-offset:3px;border-radius:2px}
.skip{position:absolute;left:8px;top:-60px;background:var(--cream);color:var(--char);padding:.6rem 1rem;z-index:50;font-family:var(--slab);font-weight:700}
.skip:focus{top:8px}
h1,h2,h3{font-family:var(--slab);font-weight:700;line-height:1.1;margin:0 0 .6em;color:var(--olive-d)}
h1{font-size:clamp(2.2rem,8vw,4.2rem);letter-spacing:-.01em}
h2{font-size:clamp(1.65rem,4.6vw,2.5rem)}
h3{font-size:1.35rem;font-weight:500}
p{margin:0 0 1em}
ul,ol{margin:0 0 1em;padding-left:1.2em}
.folio{font:700 .8rem/1.2 var(--slab);letter-spacing:.18em;text-transform:uppercase;color:var(--terra);margin:0 0 .8rem;display:block}
.lead{font-size:1.4rem;line-height:1.5;color:var(--char)}

.side{background:var(--olive-d);color:var(--sand);position:relative;z-index:20}
.side-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem 16px}
.brand{display:flex;align-items:center;gap:.8rem;color:var(--sand);text-decoration:none;min-width:0}
.brand:hover{color:var(--cream)}
.brand img{width:44px;height:44px;flex:none}
.brand b{display:block;font:700 1.2rem/1.1 var(--slab);color:var(--cream)}
.brand small{display:block;font:500 .7rem/1.3 var(--slab);letter-spacing:.14em;text-transform:uppercase;color:var(--ochre)}
.toggle{display:none;font:700 .85rem var(--slab);letter-spacing:.12em;text-transform:uppercase;background:none;color:var(--cream);border:2px solid var(--ochre);padding:.5rem .9rem;cursor:pointer;border-radius:2px}
.js .toggle{display:inline-block}
.panel{padding:0 16px 1rem}
.js .panel{display:none}
.js .panel.open{display:block}
.side nav ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px}
.js .side nav ul{grid-template-columns:minmax(0,1fr)}
.side nav a{display:block;padding:.65rem .6rem;color:var(--sand);text-decoration:none;font:500 1.1rem var(--slab);border-left:4px solid transparent;background:rgba(233,220,192,.06)}
.side nav a i{font-style:normal;font-size:.75rem;color:var(--ochre);letter-spacing:.1em;margin-right:.6rem}
.side nav a:hover{background:rgba(233,220,192,.14);color:var(--cream)}
.side nav a[aria-current="page"]{border-left-color:var(--terra);background:rgba(233,220,192,.16);color:var(--cream);font-weight:700}
.side-contact{display:none}
.js .side{position:sticky;top:0}

.page{min-width:0}
main{display:block}
.wrap{width:100%;max-width:1140px;margin:0 auto;padding:0 16px}
.block{padding:2.6rem 0}
.tint{background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.olive{background:var(--olive);color:var(--sand)}
.olive h2,.olive h3{color:var(--cream)}
.olive .folio{color:var(--ochre)}
.olive .lead,.olive p,.olive li{color:var(--sand)}
.olive figure.card,.olive figure.card figcaption{color:var(--char)}
.olive figure.card figcaption b{color:var(--terra)}
.olive a{color:var(--cream)}

.hero{position:relative}
.hero-img img{width:100%;aspect-ratio:3/2;object-fit:cover}
.hero-card{background:var(--paper);border-top:6px solid var(--terra);padding:1.4rem 16px 1.6rem;position:relative}
.hero-card p{margin:0 0 .6rem}
.hero-card .lead{margin:0}
.stamp{background:var(--paper);border-radius:50%;box-shadow:0 2px 0 rgba(37,33,29,.18);position:absolute;right:16px;top:-46px;width:92px;height:92px;transform:rotate(-12deg);opacity:.95}

.split{display:grid;gap:1.6rem}
.grid3{display:grid;gap:1.8rem}
.dossier{background:var(--cream);border:1px solid var(--line);padding:1.4rem 1.2rem 1.2rem 1.7rem;position:relative;background-image:repeating-linear-gradient(to bottom,transparent 0 33px,rgba(56,68,42,.12) 33px 34px);box-shadow:5px 6px 0 -1px rgba(37,33,29,.1)}
.dossier::before{content:"";position:absolute;left:.7rem;top:0;bottom:0;width:2px;background:rgba(163,68,28,.4)}
dl.facts{margin:0}
dl.facts div{display:grid;grid-template-columns:minmax(0,8.5rem) 1fr;gap:.8rem;padding:.55rem 0;border-bottom:1px dotted var(--line)}
dl.facts dt{font:700 .78rem/1.5 var(--slab);letter-spacing:.14em;text-transform:uppercase;color:var(--terra)}
dl.facts dd{margin:0;line-height:1.35}

figure.card{margin:0;background:var(--cream);padding:10px 10px 0;border:1px solid var(--line);position:relative;box-shadow:4px 5px 0 -1px rgba(37,33,29,.12)}
figure.card::before{content:"";position:absolute;top:-11px;left:50%;width:84px;height:22px;margin-left:-42px;background:rgba(199,154,59,.45);border:1px solid rgba(37,33,29,.1);z-index:1}
figure.card img{width:100%;aspect-ratio:4/3;object-fit:cover;filter:saturate(.95) sepia(.08)}
figure.card.plain img{aspect-ratio:auto}
figure.card figcaption{padding:.7rem .3rem .9rem;font-size:1.02rem;line-height:1.35;font-style:italic}
figure.card figcaption b{display:block;font:700 .72rem var(--slab);font-style:normal;letter-spacing:.16em;text-transform:uppercase;color:var(--terra);margin-bottom:.2rem}
.card-text h3{margin:0 0 .3rem}

.more{display:inline-block;font:700 .9rem var(--slab);letter-spacing:.14em;text-transform:uppercase;text-decoration:none;color:var(--cream);background:var(--terra-d);padding:.7rem 1.1rem;border-radius:2px;margin-top:.4rem}
.more:hover{background:var(--olive);color:var(--cream)}
.more::after{content:" \2192"}

.notice{border:2px dashed var(--olive);background:var(--paper);padding:1.4rem 1.2rem;position:relative;max-width:820px}
.notice .folio{color:var(--olive)}
.notice p:last-child{margin:0}
.notice h2{font-size:1.5rem}

.list-ledger{list-style:none;padding:0;margin:0 0 1em}
.list-ledger li{padding:.55rem 0 .55rem 2rem;border-bottom:1px dotted var(--line);position:relative}
.list-ledger li::before{content:"\00A7";position:absolute;left:.2rem;font:700 1.1rem var(--slab);color:var(--terra)}

.tablewrap{margin:1rem 0 1.4rem}
table.registro{width:100%;border-collapse:collapse;background:var(--cream);font-size:1.05rem}
table.registro caption{text-align:left;font:700 .8rem var(--slab);letter-spacing:.16em;text-transform:uppercase;color:var(--terra);padding-bottom:.6rem}
table.registro thead{position:absolute;left:-9999px}
table.registro tr{display:block;border:1px solid var(--line);margin-bottom:.9rem;padding:.4rem .8rem;box-shadow:3px 4px 0 -1px rgba(37,33,29,.1)}
table.registro th,table.registro td{display:block;text-align:left;padding:.25rem 0}
table.registro th[scope=row]{font:700 1.25rem var(--slab);color:var(--olive-d)}
table.registro td::before{content:attr(data-l);display:inline-block;min-width:6.5rem;font:700 .72rem var(--slab);letter-spacing:.14em;text-transform:uppercase;color:var(--terra)}

.timeline{list-style:none;margin:0 0 0 10px;padding:0;border-left:3px solid var(--terra)}
.timeline li{position:relative;padding:0 0 1.6rem 1.3rem}
.timeline li::before{content:"";position:absolute;left:-12px;top:.5rem;width:21px;height:21px;border-radius:50%;background:var(--cream);border:5px solid var(--olive)}
.timeline b{display:block;font:700 1.9rem/1 var(--slab);color:var(--terra);margin-bottom:.3rem}

.two-col{columns:1;column-gap:2rem}
.tag{display:inline-block;font:700 .72rem var(--slab);letter-spacing:.14em;text-transform:uppercase;background:var(--olive);color:var(--cream);padding:.2rem .55rem;margin:0 .3rem .3rem 0;border-radius:2px}
.hours{list-style:none;margin:0;padding:0}
.hours li{display:flex;justify-content:space-between;gap:1rem;padding:.4rem 0;border-bottom:1px dotted var(--line)}
.hours span:last-child{font-weight:700;text-align:right}
.contact-big{font:700 1.4rem/1.3 var(--slab);margin:0 0 .3rem}
.contact-big a{text-decoration:none;color:var(--olive-d);word-break:break-word}
.small{font-size:1rem}
.credits{font-size:.95rem;line-height:1.45}

.foot{background:var(--char);color:var(--sand);padding:2rem 0 2.4rem;font-size:1.02rem}
.foot a{color:var(--sand)}
.foot .wrap{display:grid;gap:1.2rem}
.foot b{font:700 1rem var(--slab);color:var(--cream);letter-spacing:.06em}
.foot ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.4rem 1.2rem}
.foot p{margin:0 0 .5rem}

.nf{min-height:70vh;display:grid;align-items:center;padding:2.5rem 0}
.nf .dossier{max-width:640px}
.nf .big{font:700 clamp(4rem,20vw,8rem)/1 var(--slab);color:var(--terra);margin:0}

@media (min-width:640px){
 .grid3{grid-template-columns:1fr 1fr}
 .two-col{columns:2}
 .wrap{padding:0 28px}
 .hero-card{padding:1.6rem 28px 1.8rem}
 .stamp{right:28px}
 table.registro thead{position:static}
 table.registro tr{display:table-row;border:0;box-shadow:none;padding:0;margin:0}
 table.registro th,table.registro td{display:table-cell;padding:.75rem .7rem;border-bottom:1px solid var(--line);vertical-align:top}
 table.registro thead th{font:700 .75rem var(--slab);letter-spacing:.14em;text-transform:uppercase;color:var(--cream);background:var(--olive);border:0}
 table.registro td::before{display:none}
 table.registro th[scope=row]{font-size:1.15rem}
}
@media (min-width:768px){
 .split{grid-template-columns:7fr 5fr;gap:2.6rem;align-items:start}
 .split.rev{grid-template-columns:5fr 7fr}
 .split.wide{grid-template-columns:8fr 4fr}
 figure.card.tilt-l{transform:rotate(-.7deg)}
 figure.card.tilt-r{transform:rotate(.6deg)}
 .grid3{grid-template-columns:repeat(3,1fr)}
 .grid3.two{grid-template-columns:1fr 1fr}
 .grid3.asym{grid-template-columns:1.4fr 1fr 1fr}
 .foot .wrap{grid-template-columns:2fr 1fr 1fr}
 .block{padding:3.6rem 0}
 .timeline li{padding-left:1.8rem}
}
@media (min-width:960px){
 body{font-size:1.25rem}
 .side,.js .side{position:fixed;left:0;top:0;bottom:0;width:var(--side);display:flex;flex-direction:column;overflow-y:auto;border-right:6px double var(--ochre)}
 .side-bar{padding:1.8rem 1.4rem 1.2rem;display:block}
 .brand{flex-direction:column;align-items:flex-start;gap:.9rem}
 .brand img{width:76px;height:76px}
 .brand b{font-size:1.65rem}
 .toggle,.js .toggle{display:none}
 .panel,.js .panel,.js .panel.open{display:flex;flex-direction:column;flex:1;padding:0 0 1.4rem}
 .side nav ul,.js .side nav ul{grid-template-columns:1fr;gap:0;border-top:1px solid rgba(233,220,192,.2)}
 .side nav a{padding:.95rem 1.4rem;border-bottom:1px solid rgba(233,220,192,.14);font-size:1.2rem}
 .side-contact{display:block;margin-top:auto;padding:1.4rem 1.4rem 0;font-size:.98rem;line-height:1.5;border-top:1px solid rgba(233,220,192,.2)}
 .side-contact b{display:block;font:700 .72rem var(--slab);letter-spacing:.16em;text-transform:uppercase;color:var(--ochre);margin-bottom:.4rem}
 .side-contact a{color:var(--sand);text-decoration:none;border-bottom:1px solid rgba(233,220,192,.3)}
 .side-contact a:hover{color:var(--cream);border-color:var(--cream)}
 .side-contact p{margin:0 0 .6rem}
 .page{margin-left:var(--side)}
 .hero-img img{aspect-ratio:2/1;max-height:640px}
 .hero-card{position:absolute;left:0;bottom:-56px;width:min(600px,64%);padding:2rem 2.4rem 2.2rem;border-top-width:8px;box-shadow:8px 8px 0 rgba(37,33,29,.16)}
 .hero-wrap{padding-bottom:70px}
 .stamp{right:-46px;top:-40px;width:110px;height:110px}
 .wrap{padding:0 44px}
 .grid3.asym figure.card:nth-child(2){margin-top:2.2rem}
 .grid3.asym figure.card:nth-child(3){margin-top:1rem}
}
@media (min-width:1300px){
 .wrap{padding:0 56px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.two-col+p{margin-top:1.2rem}