/* Miche Project */
:root{--wall:#62261f;--wall-deep:#4a1b16;--ink:#f1e6d2;--soft:#d8c3ad;--gilt:#c9a35a;--paper:#efe6d6;--paper-ink:#2b1d18;--paper-soft:#6a3a2a}
*{box-sizing:border-box}
html{background:var(--wall);color:var(--ink);-webkit-text-size-adjust:100%}
body{margin:0;font:1.0625rem/1.65 Athelas,Constantia,Cambria,"Iowan Old Style",serif}
a{color:inherit}
a:focus-visible{outline:2px solid var(--gilt);outline-offset:3px}
img{display:block;max-width:100%;height:auto}
.wall-top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem 2rem;padding:2.2rem clamp(1rem,4vw,3.5rem) 1.6rem}
.plate-name{margin:0;font:400 clamp(2.6rem,9vw,6.4rem)/.92 "Big Caslon","Book Antiqua","Palatino Linotype",serif;letter-spacing:-.01em}
.plate-name a{text-decoration:none}
.wall-top--small .plate-name{font-size:clamp(1.6rem,4vw,2.2rem)}
.rooms{display:flex;gap:1.4rem;font-size:.95rem}
.rooms a{text-decoration:none;border-bottom:1px solid var(--gilt);padding-bottom:.1rem}
.frame{display:block;border:1px solid var(--gilt);padding:.45rem;background:var(--wall-deep);outline:1px solid rgba(201,163,90,.35);outline-offset:3px;overflow:hidden}
.frame img{width:100%}
.opening{padding:0 clamp(1rem,4vw,3.5rem) 1rem;display:grid;grid-template-columns:minmax(0,1fr);gap:1.1rem;max-width:84rem}
.card{display:block;background:var(--paper);color:var(--paper-ink);padding:.7rem .9rem;font-size:.86rem;line-height:1.45;max-width:24rem}
.card .t{display:block;font-style:italic;font-size:1rem}
.card .d{display:block;color:var(--paper-soft);margin-top:.2rem}
.card .no{display:block;font-size:.75rem;color:var(--paper-soft);margin-bottom:.15rem}
.card--hero{justify-self:end;margin:0}
.hang{list-style:none;margin:2.4rem 0 4rem;padding:0 clamp(1rem,4vw,3.5rem);display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:2.6rem 2.2rem;align-items:start;max-width:84rem}
.hang li{grid-column:span 6}
.hang a{display:block;text-decoration:none}
.hang .card{margin-top:.7rem}
.hang a:hover .t,.hang a:focus-visible .t{text-decoration:underline}
@media (min-width:46rem){
 .opening{grid-template-columns:minmax(0,3fr) minmax(12rem,1fr);align-items:end}
 .hang .h-a{grid-column:1/span 4}.hang .h-b{grid-column:5/span 2;margin-top:5rem}
 .hang .h-c{grid-column:1/span 2}.hang .h-d{grid-column:3/span 2;margin-top:2.5rem}.hang .h-e{grid-column:5/span 2}
 .hang .h-f{grid-column:2/span 3}.hang .h-g{grid-column:5/span 2;margin-top:3.5rem}
}
.sheet{background:var(--paper);color:var(--paper-ink);max-width:44rem;margin:0 auto 4rem;padding:2rem clamp(1.1rem,4vw,3rem) 2.6rem}
.sheet h1{font:400 clamp(1.9rem,5vw,2.8rem)/1.08 "Big Caslon","Book Antiqua","Palatino Linotype",serif;margin:.2rem 0 .7rem}
.sheet h2{font:400 1.45rem/1.2 "Big Caslon","Book Antiqua","Palatino Linotype",serif;margin:2rem 0 .5rem}
.sheet .no{font-size:.8rem;color:var(--paper-soft);margin:0}
.dek{font-style:italic;font-size:1.15rem;color:var(--paper-soft);margin:0 0 1.4rem}
.sheet a{color:var(--paper-ink);text-decoration-color:var(--wall);text-underline-offset:2px}
.sheet .frame{background:var(--wall)}
.frame--wide{margin:1.2rem 0 1.6rem}
.frame-fig{margin:1.2rem 0 1.8rem}
.frame-fig .card{background:#fff9ef;border:1px solid #d9ccb8;margin-top:.6rem}
.frame--inset{margin:1.4rem 0}
@media (min-width:46rem){.frame--inset{float:right;width:46%;margin:.4rem 0 1rem 1.6rem}}
.entry h2{clear:both}
.entry ul,.entry ol{padding-left:1.3rem}
.sheet--list .list{list-style:none;padding:0;margin:1.2rem 0 0}
.list li{border-top:1px solid #d9ccb8;padding:1rem 0}
.list .no{display:block}
.list a{font:400 1.35rem/1.25 "Big Caslon","Book Antiqua","Palatino Linotype",serif}
.list .d{display:block;color:var(--paper-soft);font-size:.95rem;margin-top:.25rem}
@media (prefers-reduced-motion:no-preference){
 .push{animation:settle 11s cubic-bezier(.2,.6,.2,1) both}
 @keyframes settle{from{transform:scale(1.07)}to{transform:scale(1)}}
 .home .hang .frame img{transition:transform 1.4s ease}
 .home .hang a:hover .frame img{transform:scale(1.025)}
}
