*{box-sizing:border-box}
html{background:#f3efe6}
body{margin:0;color:#1c1a16;background:#f3efe6;font:16px/1.45 "Iowan Old Style",Palatino,"Palatino Linotype",Georgia,serif}
a{color:inherit}
img{max-width:100%}
.wrap{max-width:980px;margin:0 auto;padding:28px 18px 72px}
.top{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:22px}
.brand{font-size:28px;line-height:1.1;letter-spacing:-.02em;text-decoration:none}
.count,.quiet{color:#6d675e;font:13px/1.4 ui-sans-serif,system-ui,sans-serif}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:22px 14px}
.grid a.card{display:block;text-decoration:none;min-width:0}
.grid img,.film img{width:100%;height:100%;object-fit:cover;display:block;background:#e7e1d6}
.frame{aspect-ratio:4/3;overflow:hidden;background:#e7e1d6}
.card h2,.feed article h2{margin:8px 0 0;font-size:16px;font-weight:600;overflow-wrap:anywhere}
.feed{display:flex;flex-direction:column;gap:36px}
.feed img,.photo img{width:100%;height:auto;display:block;background:#e7e1d6}
.feed p,.photo p{margin:6px 0 0;color:#3c3832;font:15px/1.45 ui-sans-serif,system-ui,sans-serif}
.film{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.film a{display:block;aspect-ratio:1;overflow:hidden;background:#e7e1d6}
.photo h1{margin:16px 0 0;font-size:28px;line-height:1.15;overflow-wrap:anywhere}
.nav{display:flex;justify-content:space-between;gap:16px;margin-top:22px;font:14px/1.3 ui-sans-serif,system-ui,sans-serif}
.nav a{text-decoration:none;border-bottom:1px solid #1c1a16;overflow-wrap:anywhere}
.exclusive{display:block;box-sizing:border-box;width:fit-content;min-width:220px;min-height:48px;margin-top:18px;padding:16px 28px;background:#1c1a16;color:#f3efe6;text-align:center;text-decoration:none;font:600 17px/1 ui-sans-serif,system-ui,sans-serif;letter-spacing:.06em}
a.exclusive:visited,.exclusive:hover,.exclusive:focus{color:#f3efe6}
.exclusive:hover{background:#3a342c}
.exclusive:focus-visible{outline:2px solid #1c1a16;outline-offset:3px}
@media(max-width:759px){
.exclusive{width:100%}
}
@media(min-width:760px){
.grid{grid-template-columns:1fr 1fr 1fr;gap:28px 16px}
.film{grid-template-columns:repeat(5,1fr);gap:10px}
.brand{font-size:34px}
}
