*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f6f2e9;color:#242420;font-family:Arial,sans-serif;font-size:15px;line-height:1.6}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #9a7347;outline-offset:5px}::selection{background:#742e40;color:white}.wrap{max-width:1240px;margin:auto;padding:0 40px}.topline{display:flex;justify-content:space-between;border-bottom:1px solid #d6d0c4;padding:12px 0;font-size:10px;letter-spacing:2px;text-transform:uppercase}.masthead{text-align:center;padding:29px 0 24px}.masthead a{font-family:Georgia,serif;font-size:clamp(27px,4.8vw,60px);letter-spacing:-2px}.masthead small{display:block;font-size:10px;letter-spacing:4px;margin-top:5px}.nav{display:flex;justify-content:center;gap:38px;border-top:1px solid #242420;border-bottom:1px solid #242420;padding:14px 0;font-size:11px;text-transform:uppercase;letter-spacing:1.5px}.nav a:hover,.nav a.active{color:#742e40}.hero{display:grid;grid-template-columns:1fr 1.08fr;gap:60px;padding:55px 0 64px;align-items:center}.eyebrow{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:#742e40;font-weight:bold}.hero h1{font-family:Georgia,serif;font-weight:normal;font-size:clamp(42px,5.2vw,70px);line-height:1.04;letter-spacing:-2px;margin:20px 0 24px}.hero h1 em{color:#742e40}.hero p{max-width:410px;color:#625f57;font-size:16px}.link{display:inline-block;font-size:11px;letter-spacing:1.3px;text-transform:uppercase;border-bottom:1px solid;padding:10px 0;margin-top:12px}.link span{margin-left:20px}.art{position:relative;min-height:420px;background:#b9ac96;overflow:hidden;isolation:isolate}.art:before{content:'';position:absolute;inset:0;background:linear-gradient(120deg,#ded5c3 0%,transparent 50%,#635d50 100%);box-shadow:inset 0 -60px 70px #3d34264a}.art:after{content:'';position:absolute;width:60%;height:180%;background:#f9edce26;transform:rotate(-28deg);left:25%;top:-25%;z-index:4;pointer-events:none}.book{position:absolute;width:43%;height:70%;top:16%;left:15%;background:#4c1f2c;color:#eedfc3;transform:rotate(-13deg);box-shadow:9px 9px 0 #e4d6bd,12px 12px 0 #6e5f4a,20px 25px 30px #30251d60;border:1px solid #996d64;display:flex;flex-direction:column;justify-content:space-between;text-align:center;padding:28px 14px;font-family:Georgia,serif;z-index:3}.book small{font-family:Arial;font-size:8px;letter-spacing:2px}.book strong{font-size:clamp(23px,3vw,38px);font-weight:normal;line-height:1.2}.book i{font-size:12px}.vinyl{position:absolute;width:63%;aspect-ratio:1;border-radius:50%;right:-10%;top:20%;background:repeating-radial-gradient(circle,#242420 0 2px,#33332e 3px,#161713 4px);box-shadow:12px 20px 25px #221e1850;display:grid;place-items:center;z-index:2}.vinyl:before{content:'HOUSE OF\A CHARM NOIR\A RECORDS';white-space:pre;text-align:center;display:grid;place-items:center;line-height:1.5;font-family:Georgia;width:34%;aspect-ratio:1;border-radius:50%;background:#aa7146;color:#f9e6cb;font-size:11px}.art-label{position:absolute;bottom:15px;left:22px;color:#fff6e8;font-size:9px;letter-spacing:2px;z-index:5}.intro-strip{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:21px 0;border-top:1px solid #d6d0c4;border-bottom:1px solid #d6d0c4}.intro-strip p{margin:0;font-family:Georgia;font-size:20px}.intro-strip small{font-size:10px;letter-spacing:2px;text-transform:uppercase}.section{padding:55px 0}.section-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:28px}.section-head h2,.page-title{font-family:Georgia;font-weight:normal;font-size:43px;line-height:1.15;margin:0;letter-spacing:-1px}.section-head small{font-size:10px;letter-spacing:2px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.card{display:block}.tile{height:230px;position:relative;overflow:hidden;margin-bottom:22px;display:grid;place-items:center}.tile span{font-family:Georgia;font-style:italic;font-size:52px;line-height:1.15;transition:transform .3s}.card:hover .tile span{transform:scale(1.06)}.calm{background:#dad4c6;color:#5d5949}.calm:before{content:'';position:absolute;width:180px;height:180px;border:1px solid #a39c8c;border-radius:50%;transform:translate(120px,70px)}.night{background:#262b30;color:#d5b188}.night:before{content:'';position:absolute;inset:50% -15%;border:1px solid #77838e;transform:rotate(-20deg)}.sun{background:#743142;color:#eedcc6}.sun:before{content:'';position:absolute;width:140px;height:140px;border:1px solid #c2a388;transform:rotate(45deg);right:-30px;top:-30px}.card h3{font-family:Georgia;font-weight:normal;font-size:27px;line-height:1.22;margin:10px 0}.card p{color:#625f57;font-size:13px;margin:10px 0}.meta{color:#716b60;font-size:10px;letter-spacing:1px}.world{background:#252620;color:#f6f2e9;padding:56px 0}.world h2{font-family:Georgia;font-size:42px;font-weight:normal;margin:10px 0 30px}.world .eyebrow{color:#c6a880}.rooms{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.room{border-top:1px solid #777668;padding-top:20px}.room .num{color:#c6a880;font-size:11px}.room h3{font-family:Georgia;font-size:26px;font-weight:normal;margin:12px 0}.room p{font-size:13px;color:#c3c3b7;min-height:63px}.room a{font-size:11px;border-bottom:1px solid #777668;padding-bottom:5px}.note{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:60px 0;border-bottom:1px solid #d6d0c4}.note h2{font-family:Georgia;font-weight:normal;font-size:38px;line-height:1.2;margin:14px 0}.note p{color:#625f57}.footer{display:flex;justify-content:space-between;padding:30px 0;font-size:10px;letter-spacing:1px}.footer strong{font-family:Georgia;font-size:17px;font-weight:normal}.page-header{padding:50px 0 30px;max-width:760px}.page-header .page-title{font-size:67px;margin:15px 0}.page-header p{color:#625f57;font-size:16px}.filters{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:18px 0 28px;border-bottom:1px solid #d6d0c4;margin-bottom:32px}.filter-buttons{display:flex;flex-wrap:wrap;gap:7px}.filter-buttons button{border:1px solid #c9c2b6;background:transparent;border-radius:0;padding:8px 14px;font-size:11px;cursor:pointer}.filter-buttons button[aria-pressed=true]{background:#742e40;color:#fff;border-color:#742e40}.search{border:none;border-bottom:1px solid #a9a291;padding:9px 2px;background:transparent;width:210px}.empty{padding:20px 0;display:none}.article-grid{display:grid;grid-template-columns:minmax(0,740px) 240px;gap:80px;padding-bottom:65px}.article-body{font-family:Georgia;font-size:19px;line-height:1.8}.article-body h2{font-size:29px;line-height:1.3;font-weight:normal;margin-top:38px}.article-body .lead{font-size:23px}.article-body blockquote{margin:32px 0;padding:20px 0 20px 25px;border-left:2px solid #742e40;font-style:italic;color:#742e40;font-size:25px}.article-side{border-top:1px solid #c9c2b6;padding-top:20px}.article-side a{display:block;font-size:13px;margin:15px 0}.product{padding:28px;background:#e9e1d4;margin-top:35px;font-family:Arial;font-size:14px;line-height:1.6}.product h3{font-family:Georgia;font-size:29px;font-weight:normal;margin:12px 0}.status{display:block;font-size:11px;color:#625f57;margin-top:15px}.breadcrumb{font-size:11px;margin-top:25px;color:#625f57}.catalog{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:0 0 60px}.catalog .product{margin:0}.catalog h3{font-size:32px}.demo{font-size:9px;letter-spacing:1px;color:#716b60}button.menu{display:none}.article-body li{margin-bottom:10px}@media(max-width:800px){.wrap{padding:0 22px}.topline{font-size:8px;letter-spacing:1px}.nav{gap:20px;flex-wrap:wrap;font-size:10px}.hero{gap:30px;grid-template-columns:1fr;padding:35px 0}.hero h1{font-size:56px}.hero p{max-width:100%}.art{min-height:370px}.book{width:39%;left:20%}.vinyl{width:52%;right:3%}.cards{grid-template-columns:1fr 1fr;gap:28px 18px}.rooms{grid-template-columns:1fr 1fr}.note{gap:25px;grid-template-columns:1fr}.filters{align-items:flex-start;flex-direction:column}.search{width:100%}.article-grid{grid-template-columns:1fr;gap:25px}.article-side{order:2}.catalog{grid-template-columns:1fr}.intro-strip{align-items:flex-start;flex-direction:column;gap:6px}.footer{gap:20px;flex-direction:column}.section-head h2{font-size:34px}.page-header .page-title{font-size:52px}}@media(max-width:500px){.cards{grid-template-columns:1fr}.hero h1{font-size:48px}.tile{height:250px}.masthead a{letter-spacing:-1px}.masthead small{letter-spacing:2px;font-size:8px}.nav{gap:14px}.art{min-height:320px}.book strong{font-size:27px}.rooms{gap:25px 18px}.section-head{align-items:flex-start;gap:10px}.section-head .link{font-size:9px}.article-body{font-size:18px}.topline span:last-child{max-width:130px;text-align:right}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
[hidden]{display:none!important}

.cover{display:block;width:100%;max-height:380px;object-fit:contain;margin:0 auto 24px}.illustrated{display:flex;flex-direction:column;justify-content:space-between}.illustrated .link{align-self:flex-start}.hero-cover{margin:0;background:#e9e1d4;padding:24px;display:grid;place-items:center}.hero-cover img{display:block;max-height:490px;max-width:100%;object-fit:contain;box-shadow:0 10px 30px #32211d30}.hero-cover figcaption{font-size:9px;letter-spacing:1.5px;margin-top:20px;text-align:center}.studio-main{margin:0 0 30px;display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:end}.studio-main img{width:100%;max-height:620px;object-fit:contain}.studio-gallery{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:40px}.studio-gallery figure{margin:0}.studio-gallery img{width:100%;height:350px;object-fit:cover}.studio-main figcaption,.studio-gallery figcaption{font-family:Georgia;font-size:20px;margin-top:10px}.article-body .cover{max-height:270px;width:auto;max-width:100%}@media(max-width:700px){.studio-main,.studio-gallery{grid-template-columns:1fr}.studio-gallery img{height:auto}.hero-cover img{max-height:430px}.cover{max-height:360px}}

.video-feature{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;padding:50px 0;border-top:1px solid #d6d0c4}.video-feature h2{margin:16px 0}.video-feature p{max-width:430px}.video-feature figure{margin:0;text-align:center}.video-feature video{display:block;width:100%;max-width:300px;max-height:540px;margin:auto;background:#151713;aspect-ratio:512/910;object-fit:contain}.video-feature figcaption{font-size:10px;margin-top:12px;color:#625f57}@media(max-width:700px){.video-feature{grid-template-columns:1fr;gap:25px}}

.studio-contact{display:grid;grid-template-columns:1.15fr 1fr;gap:60px;padding:48px 0 60px;border-top:1px solid #d6d0c4}.studio-contact h2{font-size:38px;margin:15px 0 24px}.studio-contact address{font-style:normal;font-size:18px;line-height:1.9}.studio-contact address a{text-decoration:underline;text-underline-offset:4px}.contact-actions{display:flex;flex-wrap:wrap;gap:28px}.opening-hours{margin:20px 0}.opening-hours>div{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid #d6d0c4}.opening-hours dd{margin:0;white-space:nowrap}.family-sunday{font:italic 25px Georgia,serif;color:#742e40}@media(max-width:700px){.studio-contact{grid-template-columns:1fr;gap:32px}.studio-contact h2{font-size:32px}.opening-hours{font-size:14px}}