:root{--paper:#f3efe6;--ink:#20221d;--muted:#686a60;--line:#c9c3b5;--sage:#87927b;--rust:#a84f35;--cream:#e8ddc2;--serif:"Gowun Batang",serif;--sans:Inter,system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.65}a{color:inherit}.skip-link{position:fixed;left:1rem;top:-5rem;background:#fff;padding:.7rem 1rem;z-index:10}.skip-link:focus{top:1rem}.site-header{height:88px;display:flex;align-items:center;max-width:1380px;margin:auto;padding:0 4vw;border-bottom:1px solid var(--line);gap:2rem}.brand{display:flex;align-items:center;gap:.7rem;font-family:var(--serif);font-size:1.15rem;font-weight:700;text-decoration:none;white-space:nowrap}.brand-mark{width:35px;height:35px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;font-style:italic}.site-header nav{display:flex;gap:2.2rem;margin-left:auto}.site-header nav a{text-decoration:none;font-size:.86rem}.site-header nav a:hover{text-decoration:underline;text-underline-offset:5px}.search-open{border:0;border-left:1px solid var(--line);background:none;padding:.5rem 0 .5rem 2rem;display:flex;gap:.5rem;cursor:pointer;color:inherit}.search-panel{border-bottom:1px solid var(--line);padding:1.5rem 4vw;background:#e9e3d6}.search-form{max-width:700px;margin:auto}.search-form label{display:block;font-family:var(--serif);font-size:1.25rem;margin-bottom:.7rem}.search-form div{display:flex}.search-form input{flex:1;padding:.85rem 1rem;border:1px solid var(--ink);background:var(--paper);font:inherit}.search-form button{padding:0 1.5rem;border:1px solid var(--ink);background:var(--ink);color:white}.hero{min-height:680px;max-width:1380px;margin:auto;padding:6rem 5vw 5rem;position:relative;display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:6vw}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.67rem;font-weight:600;color:var(--muted);margin:0 0 1.2rem}.hero h1,.section h2{font:400 clamp(3.2rem,6vw,6.7rem)/1.05 var(--serif);letter-spacing:-.045em;margin:0}.hero h1 em{font-weight:400;color:var(--rust)}.hero-text{max-width:470px;font-family:var(--serif);font-size:1.04rem;margin:2rem 0}.text-link{font-size:.78rem;text-decoration:none;border-bottom:1px solid;padding-bottom:.3rem;font-weight:600}.hero-art{aspect-ratio:1.08;background:#d6c4a8;position:relative;overflow:hidden;box-shadow:18px 18px 0 #ded7ca}.sun{position:absolute;width:210px;height:210px;border-radius:50%;background:#eedca8;right:9%;top:8%;box-shadow:0 0 60px #f7e7b7}.shelf{position:absolute;height:8px;background:#56493e;width:78%;right:0}.shelf-one{top:53%}.shelf-two{top:79%;width:62%}.vase{position:absolute;left:16%;top:26%;width:19%;height:29%;background:#9c684d;border-radius:45% 45% 18% 18%}.vase i{position:absolute;width:2px;height:95px;background:#4b5e42;bottom:88%;left:50%;transform-origin:bottom}.vase i:nth-child(1){rotate:-25deg}.vase i:nth-child(3){rotate:27deg}.plate{position:absolute;width:25%;height:25%;border:10px solid #e6e0d4;border-radius:50%;right:18%;top:30%}.jar{position:absolute;width:18%;height:22%;background:#a7b09a;right:12%;bottom:0;border-radius:45% 45% 8% 8%}.hero-art p{position:absolute;left:5%;bottom:3%;font:italic .72rem var(--serif);color:#f8f3e9}.issue{position:absolute;right:1.5%;bottom:3rem;font-size:.58rem;letter-spacing:.12em;line-height:1.5;rotate:90deg}.section{max-width:1380px;margin:auto;padding:7rem 5vw}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:3rem}.section-heading h2{font-size:clamp(2.5rem,4vw,4.4rem)}.section-heading>p{font-family:var(--serif);font-size:.82rem;color:var(--muted)}.room-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line)}.room{min-height:370px;padding:1.5rem;position:relative;text-decoration:none;border-right:1px solid var(--line);transition:transform .25s,box-shadow .25s}.room:last-child{border:0}.room:hover,.room:focus-visible{transform:translateY(-8px);box-shadow:0 12px 25px #4a473c1c;z-index:2}.room-no{font-size:.66rem}.room-icon{height:150px;display:grid;place-items:center;font:italic 4rem var(--serif)}.room h3{font:700 1.65rem var(--serif);margin:.6rem 0}.room p{font-family:var(--serif);font-size:.8rem;max-width:180px}.room-link{position:absolute;bottom:1.5rem;font-size:.7rem}.room-study{background:#d8c7a6}.room-photo{background:#b6c0b1}.room-studio{background:#d4ae95}.room-kitchen{background:#c3beaa}.latest{border-top:1px solid var(--line)}.latest-heading{align-items:center}.filters{display:flex;gap:.5rem;flex-wrap:wrap}.filters button{background:transparent;border:1px solid var(--line);border-radius:50px;padding:.5rem 1rem;color:inherit;cursor:pointer}.filters button.active{background:var(--ink);color:var(--paper)}.record-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.record{border-top:1px solid var(--ink);padding-top:1rem}.record.feature{grid-column:span 3;display:grid;grid-template-columns:1.45fr 1fr;gap:3rem;border:0;padding:0 0 2rem}.thumb{aspect-ratio:1.35;position:relative;overflow:hidden;margin-bottom:1.2rem}.feature .thumb{margin:0}.thumb-tart{background:radial-gradient(circle at 53% 50%,#e9d36c 0 22%,#f3e3a3 23% 26%,#b67b45 27% 31%,transparent 32%),linear-gradient(135deg,#8e9b83,#4e604a)}.thumb-tart span{position:absolute;width:12%;height:30%;border-radius:50%;background:#e7d567;left:38%;top:34%;transform:rotate(-30deg)}.thumb-sea{background:linear-gradient(#b3c0bb 0 40%,#6b8587 41% 68%,#dfd1b5 69%)}.thumb-paper{background:#d8cdb9;display:grid;place-items:center}.thumb-paper:after{content:"";position:absolute;width:55%;height:78%;background:#eee9dc;rotate:-4deg;box-shadow:4px 5px 12px #332b2130}.thumb-paper span{font:italic .75rem var(--serif);z-index:1;rotate:-4deg}.thumb-plum{background:#c8b4a1}.thumb-plum i{position:absolute;width:26%;aspect-ratio:1;border-radius:50%;background:#684e5b;top:35%;left:21%;box-shadow:inset -10px -10px 20px #35283155}.thumb-plum i:nth-child(2){left:42%;top:42%;background:#7f5866}.thumb-plum i:nth-child(3){left:58%;top:25%;background:#553f50}.record .meta{font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);display:flex;justify-content:space-between}.record h3{font:700 1.35rem/1.35 var(--serif);margin:.6rem 0}.feature h3{font-size:2rem}.record h3 a{text-decoration:none}.record h3 a:hover{text-decoration:underline;text-underline-offset:4px}.record>p:not(.meta),.record-copy>p:not(.meta){font-family:var(--serif);font-size:.8rem;color:var(--muted)}.record>time{font-size:.6rem;color:var(--muted)}.record-copy{align-self:center}.tags{display:flex;gap:.5rem;margin-top:1.5rem}.tags span{border:1px solid var(--line);border-radius:30px;padding:.3rem .7rem;font-size:.65rem}.empty{text-align:center;padding:3rem;color:var(--muted)}.note{max-width:820px;margin:5rem auto 9rem;text-align:center;padding:0 2rem}.note blockquote{font:400 clamp(2rem,4vw,3.6rem)/1.4 var(--serif);margin:1.5rem -10vw 2rem}.note>p:not(.eyebrow){font-family:var(--serif);font-size:.9rem;max-width:560px;margin:0 auto 2rem;color:var(--muted)}footer{border-top:1px solid var(--line);padding:3rem 5vw;display:flex;align-items:center;gap:2rem;font-size:.68rem;color:var(--muted)}footer p:last-child{margin-left:auto}
@media(max-width:850px){.site-header nav{display:none}.search-open{margin-left:auto}.hero{grid-template-columns:1fr;padding-top:4rem}.hero-art{max-width:600px}.issue{display:none}.section{padding:5rem 5vw}.room-grid{grid-template-columns:1fr 1fr}.room{border-bottom:1px solid var(--line)}.room:nth-child(2){border-right:0}.record-grid{grid-template-columns:1fr 1fr}.record.feature{grid-column:span 2}.section-heading{align-items:start;flex-direction:column;gap:1rem}.latest-heading{align-items:start}.note blockquote{margin:1.5rem 0 2rem}}
@media(max-width:560px){.site-header{height:70px}.search-open span:last-child{display:none}.hero{padding:3rem 5vw 4rem;min-height:auto}.hero h1{font-size:3.2rem}.hero-art{margin-top:1rem}.room-grid,.record-grid{grid-template-columns:1fr}.room{min-height:300px;border-right:0}.record.feature{grid-column:auto;display:block}.feature .thumb{margin-bottom:1.2rem}.filters{overflow:auto;flex-wrap:nowrap;width:100%;padding-bottom:.5rem}.filters button{white-space:nowrap}.note{margin:2rem auto 6rem}footer{align-items:start;flex-direction:column}footer p{margin:0!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.room{transition:none}}