:root{--ink:#243c35;--muted:#586d60;--line:#d8ded5}*{box-sizing:border-box}body{margin:0;background:#faf8f1;color:var(--ink);font:17px/1.75 'Malgun Gothic',sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #b97b42;outline-offset:5px}header,main,footer{max-width:1120px;margin:auto;padding-left:36px;padding-right:36px}header{height:108px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}header>a:last-child{font-size:14px}.brand{font-size:21px;font-weight:800}.brand small{display:block;font-size:12px;letter-spacing:.12em;font-weight:400;color:var(--muted)}.intro{text-align:center;padding:52px 0 32px}.eyebrow{font-size:12px;letter-spacing:.15em;color:var(--muted)}h1{font:500 clamp(38px,5vw,58px)/1.3 'Batang',Georgia,serif;letter-spacing:-2px;margin:17px 0 20px}.intro>p:last-child{color:var(--muted);font-size:16px}.rooms{display:grid;grid-template-columns:1fr 1fr;gap:28px}.room{background:#fffdf7;border:1px solid var(--line);border-radius:14px;overflow:hidden;transition:transform .2s,box-shadow .2s}.room:hover{transform:translateY(-4px);box-shadow:0 15px 35px #243c3510}.art{height:215px;position:relative;overflow:hidden}.creation{background:#e5ebdf}.sheet{position:absolute;left:28%;top:24px;width:165px;height:140px;border-radius:5px;background:repeating-linear-gradient(to bottom,#fffdf5 0 23px,#cad3bf 23px 24px);transform:rotate(-10deg);box-shadow:8px 10px 0 #244b3d12;display:flex;align-items:center;justify-content:center;color:#244b3d;font:40px Georgia}.art>span{position:absolute;bottom:15px;left:0;width:100%;text-align:center;font-size:12px;color:#40594a;letter-spacing:.06em}.listening{background:#ece2ce}.sun{position:absolute;top:25px;left:28%;width:64px;height:64px;border-radius:50%;background:#c99462}.hills{position:absolute;width:120%;height:130px;left:-10%;top:110px;border-radius:60% 80% 0 0;background:#9aaa92;transform:rotate(-8deg)}.record{position:absolute;right:20%;top:28px;width:136px;height:136px;border-radius:50%;background:repeating-radial-gradient(circle,#283e34 0 5px,#395146 6px 7px);box-shadow:7px 10px 0 #243c3514}.record:after{content:'';position:absolute;inset:46px;border-radius:50%;background:#faf8f1;border:18px solid #d7ad77}.copy{padding:26px 30px}.copy>small{font-size:12px;color:var(--muted)}h2{font:500 34px/1.4 'Batang',Georgia,serif;letter-spacing:-1px;margin:8px 0 12px}.copy p{font-size:16px;color:var(--muted);margin:0 0 18px}.room strong{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:22px;padding-top:17px;font-size:15px}.room strong b{font-size:20px;color:#b97b42}.welcome{text-align:center;font-size:14px;color:var(--muted);padding:30px 0}footer{border-top:1px solid var(--line);padding-top:22px;padding-bottom:30px;font-size:12px;color:var(--muted);display:flex;justify-content:space-between;gap:20px}@media(max-width:650px){header,main,footer{padding-left:22px;padding-right:22px}header{height:90px}.brand{font-size:18px}header>a:last-child{font-size:12px}.intro{padding:36px 0 24px}.rooms{grid-template-columns:1fr;gap:22px}.art{height:195px}.copy{padding:23px}.intro>p:last-child{font-size:14px}footer{display:block}footer span{display:block}}@media(prefers-reduced-motion:reduce){.room{transition:none}.room:hover{transform:none}}