@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400&family=Manrope:wght@300;400;500&family=Newsreader:opsz,wght@6..72,300;6..72,400;6..72,500&display=swap');:root{--paper:#f1ede5;--ink:#171512;--line:#c9c1b5;--mono:'DM Mono',monospace;--serif:'Newsreader',serif;--sans:'Manrope',sans-serif;--topic:#9a4b32;--topic-soft:#d9b49a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans)}.noise{position:fixed;inset:0;z-index:100;pointer-events:none;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E")}.room-nav{height:78px;display:grid;grid-template-columns:1fr minmax(320px,520px) 1fr;align-items:center;padding:0 4vw;border-bottom:1px solid var(--line);position:relative;z-index:50;background:var(--paper)}.room-wordmark{color:inherit;text-decoration:none;font:500 12px var(--mono);letter-spacing:.2em}.search{height:39px;border-bottom:1px solid #716a61;display:flex;position:relative}.search input{width:100%;border:0;background:transparent;outline:0;font:300 14px var(--serif);padding:0 5px}.search button{border:0;background:none;font-size:18px;cursor:pointer}.random-button{justify-self:end;border:0;background:none;font:9px var(--mono);letter-spacing:.14em;cursor:pointer}.random-button span{font-size:17px;margin-left:9px}.search-results{display:none;position:absolute;top:40px;left:0;right:0;background:#faf7f0;border:1px solid var(--line);box-shadow:0 20px 50px #0002;z-index:55}.search-results.open{display:block}.search-results a{display:flex;justify-content:space-between;padding:15px;color:inherit;text-decoration:none;border-bottom:1px solid #ddd3c6;font:12px var(--serif)}.feature{min-height:calc(100svh - 78px);display:grid;grid-template-columns:1.22fr .78fr;border-bottom:1px solid var(--line)}.feature-image{position:relative;overflow:hidden;min-height:650px;background:#15120f}.feature-image img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transition:opacity .35s,transform 1.2s}.feature-image:hover img{transform:scale(1.015)}.feature-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0008,transparent 35%)}.feature-credit{position:absolute;left:25px;bottom:20px;z-index:2;color:white;font:8px var(--mono);letter-spacing:.12em;background:#0007;padding:7px 9px}.feature-index{position:absolute;right:22px;top:20px;z-index:2;color:white;font:9px var(--mono);letter-spacing:.12em}.feature-copy{padding:8vw 5vw 6vw;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;background:var(--feature-bg,#e6d6c4)}.feature-kicker,.micro{font:9px var(--mono);letter-spacing:.19em;color:var(--topic)}.feature-copy h1{font:300 clamp(54px,6.5vw,108px)/.86 var(--serif);letter-spacing:-.055em;margin:35px 0}.feature-copy p{font:300 20px/1.55 var(--serif);max-width:520px}.enter-link{display:flex;justify-content:space-between;width:100%;margin-top:45px;padding:15px 0 10px;border-bottom:1px solid #777;color:inherit;text-decoration:none;font:9px var(--mono);letter-spacing:.14em}.another{border:0;background:none;padding:25px 0;font:8px var(--mono);letter-spacing:.12em;opacity:.6;cursor:pointer}.room-intro{padding:150px 11vw;display:grid;grid-template-columns:.55fr 1.2fr .8fr;align-items:end;gap:5vw}.room-intro h2{font:300 clamp(58px,7vw,110px)/.88 var(--serif);letter-spacing:-.05em;margin:0}.room-intro h2 em{color:var(--topic);font-weight:300}.room-intro>p:last-child{font:300 19px/1.6 var(--serif)}.collection{padding:90px 4vw 140px;border-top:1px solid var(--line)}.collection-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:35px}.collection-head h2{font:300 42px var(--serif);margin:0}.filter{border:0;background:none;font:8px var(--mono);letter-spacing:.1em;padding:9px;cursor:pointer;opacity:.45}.filter.active{opacity:1;border-bottom:1px solid}.card-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:12px}.room-card{grid-column:span 4;min-height:470px;position:relative;overflow:hidden;color:#fff;text-decoration:none;background:#222}.room-card:nth-child(4n+1),.room-card:nth-child(7n){grid-column:span 6}.room-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:.6s}.room-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#080605e8,transparent 70%)}.room-card:hover img{transform:scale(1.035)}.card-copy{position:absolute;inset:auto 25px 25px;z-index:2}.card-copy small{font:8px var(--mono);letter-spacing:.14em;color:var(--card-accent,#e5b778)}.card-copy h3{font:300 clamp(28px,3vw,42px)/.98 var(--serif);margin:12px 0}.card-copy p{font:300 13px/1.45 var(--serif);max-width:460px;color:#d7d0c8}.manifesto{padding:160px 10vw;background:#16120f;color:#ece4d6;text-align:center}.manifesto>p{font:8px var(--mono);letter-spacing:.2em;color:#c68d61}.manifesto blockquote{font:300 clamp(42px,6vw,82px)/1.05 var(--serif);max-width:1200px;margin:50px auto}.room-footer{display:flex;justify-content:space-between;align-items:center;padding:55px 5vw;background:#0c0907;color:#b9afa2}.room-footer a{color:white;text-decoration:none;font:10px var(--mono);letter-spacing:.16em}.room-footer p{font:8px/1.7 var(--mono);letter-spacing:.06em}.room-footer button{border:0;background:none;color:#fff;font:9px var(--mono);letter-spacing:.13em;cursor:pointer}
/* article */.article-body{--topic:#9a4b32;--topic-soft:#d8b18d}.article-nav{position:fixed;inset:0 0 auto;height:66px;z-index:70;display:flex;justify-content:space-between;align-items:center;padding:0 4vw;color:white;background:#0b090677;backdrop-filter:blur(12px);border-bottom:1px solid #ffffff1f}.article-nav a{color:inherit;text-decoration:none;font:9px var(--mono);letter-spacing:.14em}.article-progress{position:fixed;top:65px;left:0;height:2px;background:var(--topic-soft);z-index:72}.article-hero{height:100svh;min-height:680px;position:relative;color:white;display:flex;align-items:flex-end;padding:9vh 8vw;overflow:hidden}.article-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.article-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#070504e8,transparent 67%),linear-gradient(0deg,#070504c9,transparent 52%)}.article-hero-copy{position:relative;z-index:2;width:min(850px,80vw)}.article-hero h1{font:300 clamp(56px,8vw,120px)/.86 var(--serif);letter-spacing:-.055em;margin:28px 0}.article-hero h1 em{display:block;color:var(--topic-soft);font-weight:300}.article-hero p{font:300 clamp(19px,2vw,28px)/1.45 var(--serif);max-width:680px}.article-credit{position:absolute;right:24px;bottom:18px;z-index:2;font:8px var(--mono);letter-spacing:.1em;background:#0008;padding:7px 9px}.article-content{background:var(--paper)}.article-section{padding:115px max(8vw,calc((100vw - 1300px)/2))}.article-section:nth-child(even){background:#e8e0d4}.article-section.dark{background:#17120f;color:#eee5d8}.article-section-head{display:grid;grid-template-columns:1.05fr .95fr;gap:9vw;align-items:start;margin-bottom:55px}.article-section h2{font:300 clamp(48px,6.2vw,90px)/.91 var(--serif);letter-spacing:-.04em;margin:0}.article-section h2 em{color:var(--topic);font-weight:300}.article-section.dark h2 em{color:var(--topic-soft)}.article-prose{font:300 19px/1.72 var(--serif);max-width:720px}.article-prose p:first-child:first-letter{font:300 72px/.7 var(--serif);float:left;margin:11px 10px 0 0;color:var(--topic)}.article-prose a,.keyword{color:var(--topic);text-decoration:none;border-bottom:1px solid currentColor}.article-aside{margin:60px 0 0 27%;padding:28px 0;border-top:1px solid currentColor;border-bottom:1px solid currentColor;display:grid;grid-template-columns:160px 1fr;gap:40px}.article-aside span{font:8px var(--mono);letter-spacing:.14em;color:var(--topic)}.article-aside p{font:300 25px/1.4 var(--serif);margin:0}.article-image{margin:75px 0 20px}.article-image img{width:100%;max-height:760px;object-fit:cover;display:block}.article-image figcaption{display:flex;justify-content:space-between;padding:12px 0;font:8px/1.5 var(--mono);letter-spacing:.07em;border-bottom:1px solid #aaa}.article-end{padding:150px 10vw;text-align:center;background:#0e0b09;color:#eee}.article-end blockquote{font:300 clamp(42px,6vw,82px)/1.08 var(--serif);max-width:1100px;margin:auto}.article-end p{font:8px var(--mono);letter-spacing:.2em;color:var(--topic-soft);margin-top:38px}.related{padding:100px 6vw}.related h2{font:300 52px var(--serif)}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.related-grid .room-card{min-height:330px;grid-column:auto}.article-sources{padding:55px 8vw;background:#0b0806;color:#a89d91;font:8px/1.8 var(--mono);letter-spacing:.05em}.article-sources a{color:var(--topic-soft)}
@media(max-width:780px){.room-nav{grid-template-columns:1fr auto}.room-wordmark{font-size:9px}.search{position:absolute;top:78px;left:0;right:0;background:var(--paper);padding:0 5vw;height:55px}.random-button{font-size:0}.random-button span{font-size:20px}.feature{grid-template-columns:1fr;padding-top:55px}.feature-image{min-height:55svh}.feature-copy{padding:65px 7vw}.feature-copy h1{font-size:15vw}.room-intro{grid-template-columns:1fr;padding:100px 7vw}.collection{padding:80px 4vw}.collection-head{display:block}.collection-head>div{margin-top:20px}.room-card,.room-card:nth-child(n){grid-column:span 12;min-height:420px}.manifesto{padding:110px 7vw}.room-footer{flex-direction:column;gap:25px;text-align:center}.article-hero{padding:110px 6vw 70px}.article-hero-copy{width:95vw}.article-hero h1{font-size:16vw}.article-section{padding:85px 6vw}.article-section-head{grid-template-columns:1fr;gap:28px}.article-aside{margin-left:0;grid-template-columns:1fr;gap:10px}.article-image figcaption{display:block}.related-grid{grid-template-columns:1fr}.article-nav a:nth-child(2){display:none}}