*{box-sizing:border-box}html{scroll-padding:1rem}body{margin:0;background:#f5f1e9;color:#35292b;font:1rem/1.55 system-ui,sans-serif}
header,main,footer{width:min(1160px,90%);margin:auto}header,footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.15rem 0;border-bottom:1px solid #c9bdb2}
header span{font:2rem Georgia,serif;letter-spacing:-.04em}header i{font-size:1.1rem;color:#73504f}nav{display:flex;gap:clamp(.7rem,2vw,2rem)}
a,summary{color:#57323e;text-underline-offset:.22em}a:focus-visible,summary:focus-visible,video:focus-visible{outline:3px solid #286556;outline-offset:4px}
.skip{position:absolute;left:5%;top:-5rem;background:white;padding:.6rem}.skip:focus{top:.25rem}
section{padding:clamp(2rem,5vw,5rem) 0;border-bottom:1px solid #c9bdb2}.cover,.film{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(2rem,6vw,7rem)}
.eyebrow,figcaption{font-size:.75rem;letter-spacing:.11em;text-transform:uppercase}.intro>p:not(.eyebrow){max-width:34ch}
h1,h2,h3{font-family:Georgia,serif;font-weight:400;line-height:1.06;margin:0}h1{font-size:clamp(4rem,9vw,8.8rem);letter-spacing:-.065em}h1 em{color:#794351}
h2{font-size:clamp(2.4rem,4.7vw,4.5rem);letter-spacing:-.045em;margin-bottom:1.25rem}h3{font-size:1.5rem;margin:.75rem 0}
.cta{display:inline-block;background:#55333e;color:white;border-radius:2rem;padding:.8rem 1.3rem;text-decoration:none}.fine{color:#665855;font-size:.85rem}
figure{margin:0}figure img{width:100%;height:auto;display:block;border-radius:45% 45% 0 0}figcaption{display:flex;justify-content:space-between;gap:.5rem;padding:.7rem 0}
.posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.8rem,2.3vw,2rem)}.posts img{width:100%;height:auto;display:block}.posts a{display:block}
summary{cursor:pointer;width:fit-content}details p{white-space:pre-line;overflow-wrap:anywhere}video{display:block;margin:auto;width:min(100%,360px);aspect-ratio:9/16;object-fit:contain;background:#201e1d}
footer{font-size:.85rem;border:0;padding-bottom:2rem}@media(max-width:660px){.cover,.film,.posts{grid-template-columns:1fr}.posts{gap:2.5rem}
.cover{gap:1.4rem}header span{font-size:1.5rem}header i{display:block;font-size:.85rem}nav{font-size:.9rem}footer{align-items:flex-start;flex-wrap:wrap}}
figure img{border-radius:0}.cover{grid-template-columns:2fr 3fr}.posts img{height:auto;object-fit:contain}.film video{width:min(100%,370px);height:auto;max-height:none}@media(max-width:700px){.cover{grid-template-columns:1fr}.posts{grid-template-columns:1fr}}