/* Layout traced to the approved concept boards. Keep controls separate from artwork. */
.room-hero.study{background:#506d82 url('/assets/0404b830c720f5ef282b5b7cd2efd17778026a0f6334f94a847d1b0f398ebab0.png') center/100% 100% no-repeat;aspect-ratio:1639/960;min-height:0;padding:4%}
.room-hero.study .room-intro{background:#29495be8;padding:24px 28px;max-width:43%;border-radius:4px}
.quote-wall{background-color:#506d82;background-image:repeating-linear-gradient(23deg,#ffffff03 0 1px,transparent 1px 4px),repeating-linear-gradient(113deg,#182f4105 0 1px,transparent 1px 5px)}
@media(max-width:580px){
  .room-hero.study{aspect-ratio:auto;display:flex;flex-direction:column;gap:14px;background-image:none;padding:20px 6vw}
  .room-hero.study .room-intro{max-width:100%;padding:0;background:transparent}
  .room-hero.study:after{content:'';display:block;width:calc(100% + 12vw);margin:0 -6vw;aspect-ratio:1639/960;background:url('/assets/0404b830c720f5ef282b5b7cd2efd17778026a0f6334f94a847d1b0f398ebab0.png') center/100% 100% no-repeat;order:1}
  .room-hero.study .scene-credit{order:2;color:#f7f3eb}
}
.living{background-image:url('/assets/f3cc2ac3aef1ef6d8e1e09409b339688408800ec089cc1b41747626a50ee3762.png');background-position:center;background-size:100% 100%;min-height:0;height:auto;max-height:none;aspect-ratio:1639/960}
.living .hotspot{font-size:.82rem;padding:.35rem .85rem;gap:.6rem;min-height:44px}
.hotspot.study{left:5.5%;top:26%}.hotspot.photo{left:59%;top:14%}.hotspot.art{right:11%;top:45%}.hotspot.kitchen{right:2%;top:32%}.hotspot.dogs{right:12%;bottom:5.5%}
.guest-label{left:3.5%;top:64%;background:var(--blue);color:white;border-radius:25px;text-align:center;padding:8px 17px}.guest-label small{color:#f1f5f8;font-size:.65rem}
.featured{left:31%;bottom:6%;gap:14px;padding:8px 10px 8px 18px;font-size:.85rem}.featured .button{padding:.4rem 1rem}
.room-hero.kitchen{background-image:url('/assets/14ac98e03c0f5ad6f0431f216d3126fa708df2468f3e0ffe3c8f3c1ec7bf278b.png');aspect-ratio:1639/960;min-height:0;padding:3% 4%;background-size:100% 100%}
.room-hero.photo,.room-hero.art{aspect-ratio:1.4;min-height:0;padding:4% 4%;background-size:100% 100%}
.room-hero:not(.study) .room-intro{background:transparent;padding:0;max-width:40%;border-radius:0}
.room-hero:not(.study) .room-intro h1{font-size:clamp(2rem,4vw,3.7rem);margin:16px 0}.room-hero:not(.study) .breadcrumb{margin-bottom:22px}
.room-hero:not(.study) .subtle{color:var(--ink)}
.kitchen-entrances{display:contents}.kitchen-door{position:absolute}.kitchen-door-0{left:12%;top:57%}.kitchen-door-1{left:39%;top:81%}.kitchen-door-2{right:7%;top:42%}
.visit-study{position:absolute;right:4%;bottom:6%;font-size:.85rem}
.room-secondary{position:absolute;right:6%;bottom:9%}
.category-link{display:inline-flex;align-items:center;min-height:44px;padding:8px 18px;border:1px solid var(--line);border-radius:30px;text-decoration:none;font-size:.85rem;background:var(--white)}
.category-link[aria-current=page]{background:var(--ink);color:white;border-color:var(--ink)}
.category-heading{padding-bottom:12px}.category-heading h1{font-size:clamp(2rem,4vw,3.5rem)}
.category-heading+.records-section{padding-top:15px}.category-heading+.records-section>h2{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:900px) and (min-width:581px){
  .living .button,.kitchen-door{font-size:.75rem;padding:7px 12px}.living .featured{font-size:.75rem;gap:8px}.guest-label{font-size:.7rem}
  .room-hero:not(.study) .room-intro{max-width:48%}.room-hero:not(.study) .room-intro h1{font-size:2.2rem}.room-hero:not(.study) .breadcrumb{margin-bottom:8px}
}
@media(max-width:580px){
  /* Show the entire room, including both dogs, rather than cropping the sides. */
  .living{aspect-ratio:auto;display:grid;grid-template-columns:1fr 1fr;padding:calc(100vw * 960 / 1639 + 16px) 18px 20px;gap:10px;background-size:100% auto;background-position:center top;background-color:#ede3d2}
  .living .hotspot,.living .guest-label,.living .featured{position:static}.living .guest-label{background:transparent;color:var(--ink);border:0}.guest-label small{color:var(--muted)}
  .living .featured{font-size:.8rem;padding:10px;gap:10px}.living .scene-credit{font-size:.58rem}
  .room-hero.kitchen,.room-hero.photo,.room-hero.art{aspect-ratio:auto;display:flex;flex-direction:column;gap:14px;padding:20px 6vw;background-image:none;background-color:#efe4d3}
  .room-hero:not(.study) .room-intro{max-width:100%;order:0}.room-hero:not(.study) .room-intro h1{font-size:2.3rem;margin:10px 0}.room-hero:not(.study) .room-intro .subtle{margin-bottom:14px}
  .room-hero:not(.study):after{content:'';display:block;width:calc(100% + 12vw);margin:0 -6vw;order:1;aspect-ratio:1639/960;background-position:center;background-size:100% 100%}
  .room-hero.kitchen:after{background-image:url('/assets/14ac98e03c0f5ad6f0431f216d3126fa708df2468f3e0ffe3c8f3c1ec7bf278b.png')}
  .room-hero.photo:after{background-image:url('/assets/43a9a1c425610370dcd77a5dae3184f444e06aa6fdb8da8cbd9e05df5a0ac275.png');aspect-ratio:1.4}
  .room-hero.art:after{background-image:url('/assets/b13aad7a847e76fef7cfeac606ee0375c0957ae1109495bb9c3069dfcf7690b0.png');aspect-ratio:1.4}
  .kitchen-entrances{display:grid;gap:10px;order:2}.kitchen-door,.visit-study,.room-secondary{position:static}.visit-study,.room-secondary{order:3;align-self:center}
  .room-hero .scene-credit{position:static;order:4;font-size:.6rem;margin:0;background:transparent}
  .room-hero.photo .room-intro>.button,.room-hero.art .room-intro>.button{font-size:.85rem}
}

@media(min-width:581px){.room-hero.photo{background-image:url('/assets/43a9a1c425610370dcd77a5dae3184f444e06aa6fdb8da8cbd9e05df5a0ac275.png')}.room-hero.art{background-image:url('/assets/b13aad7a847e76fef7cfeac606ee0375c0957ae1109495bb9c3069dfcf7690b0.png')}}

/* Study writing entrances sit beside the notebook and bookshelf. */
.study-entrances{display:contents}.study-door{position:absolute}.study-essays{right:3%;top:59%}.study-books{right:23%;top:36%}
@media(min-width:581px) and (max-width:900px){.study-door{font-size:.75rem;padding:7px 12px}.room-hero.study .room-intro{padding:16px;max-width:43%}.room-hero.study .room-intro h1{font-size:2rem}.room-hero.study .room-intro .button{font-size:.75rem}}
@media(max-width:580px){.study-entrances{display:grid;gap:10px;order:2;width:100%}.study-door{position:static}.room-hero.study .scene-credit{order:3}}

/* Quote-wall entrance and readable paper cards. */
.study-quote-door{position:absolute;left:23%;top:56%;max-width:29%;text-align:center}
@media(min-width:581px){.room-hero.study .room-intro{padding:0;background:transparent;max-width:22%}.room-hero.study .room-intro h1{font-size:clamp(2rem,4vw,3.8rem)}}
.quote-heading{display:flex;align-items:start;justify-content:space-between;gap:24px;max-width:1200px;margin:0 auto 36px}.quote-heading h1{max-width:800px;margin:0}.quote-heading button{flex-shrink:0}
.quote-papers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:30px;max-width:1100px;margin:auto;padding:12px 0}
.quote-paper{position:relative;margin:0;background:#fff9ec;color:#293e48;padding:32px 30px 24px;box-shadow:2px 5px 13px #132e3530;border-radius:1px;overflow-wrap:anywhere}.quote-paper:nth-child(3n+2){background:#f7edc9}.quote-paper:before{content:'';position:absolute;top:-9px;left:42%;width:52px;height:21px;background:#e5d8b8cc;transform:rotate(-5deg)}
.quote-paper blockquote{margin:0 0 22px;font-size:clamp(1.08rem,1.6vw,1.35rem);line-height:1.85;white-space:pre-wrap}.quote-paper figcaption{font-size:.85rem;color:#56636a}.quote-paper:last-child:nth-child(odd){grid-column:1/-1;max-width:720px;width:100%;justify-self:center}.quote-status{max-width:1100px;margin:22px auto 0;min-height:1.7em;font-size:.85rem}.quote-papers>.empty{grid-column:1/-1;width:100%}
@media(max-width:900px){.quote-heading{flex-direction:column}.study-quote-door{font-size:.75rem;padding:7px 12px}}
@media(max-width:580px){.study-quote-door{position:static;order:2;max-width:100%;align-self:stretch}.study-entrances{order:3}.room-hero.study .scene-credit{order:4}.quote-papers{grid-template-columns:1fr;gap:28px}.quote-paper{padding:28px 23px 22px}.quote-heading{gap:20px;margin-bottom:24px}}

/* A closer view of the Study wall; text stays live on taped paper. */
.quote-wall{background-color:#6e899b;background-image:radial-gradient(ellipse at 4% 72%,#fff2ce40,transparent 44%),radial-gradient(ellipse at 86% 12%,#283f521e,transparent 60%),repeating-linear-gradient(27deg,#fff9eb06 0 1px,transparent 1px 5px),repeating-linear-gradient(119deg,#29495b07 0 1px,transparent 1px 4px);padding-bottom:80px}
.quote-papers{gap:48px 64px;padding:24px 16px;max-width:1080px}
.quote-paper{background-color:#fff8e8;background-image:repeating-linear-gradient(31deg,#95713c04 0 1px,transparent 1px 4px);padding:38px 34px 30px;box-shadow:2px 7px 12px #1d354637;border-radius:2px 5px 3px 1px;transform:rotate(-1.2deg)}
.quote-paper:nth-child(5n+2){background-color:#f6e8ba;transform:rotate(1.3deg);margin-top:25px}
.quote-paper:nth-child(5n+3){background-color:#faf6eb;transform:rotate(.6deg);background-image:repeating-linear-gradient(to bottom,transparent 0 31px,#637e9117 31px 32px);background-position:0 8px}
.quote-paper:nth-child(5n+4){transform:rotate(-.8deg);margin-top:18px}
.quote-paper:nth-child(5n){transform:rotate(.7deg);max-width:620px}
.quote-paper:before{top:-12px;left:40%;width:68px;height:28px;background:#e5d9b5b8;box-shadow:0 1px 2px #3e4d4510;transform:rotate(-7deg)}
.quote-paper:nth-child(even):before{left:57%;transform:rotate(8deg);background:#e9dfc3bf}
.quote-paper:after{content:'';position:absolute;left:0;right:0;bottom:-5px;height:7px;background:inherit;clip-path:polygon(0 0,100% 0,100% 50%,96% 80%,90% 35%,84% 85%,77% 40%,69% 100%,60% 55%,53% 85%,46% 30%,38% 75%,29% 35%,20% 95%,12% 45%,5% 80%,0 55%)}
.quote-paper blockquote{font-family:Georgia,'Times New Roman',serif;line-height:1.9}.quote-paper[lang=ko] blockquote{font-family:inherit;line-height:1.95;word-break:keep-all;overflow-wrap:anywhere}.quote-paper figcaption{font-size:.82rem}
@media(max-width:580px){.quote-wall{padding:30px 7vw 55px}.quote-papers{padding:20px 5px;gap:36px}.quote-paper{padding:30px 24px 25px}.quote-paper:nth-child(n){margin-top:0}.quote-paper blockquote{font-size:1.08rem}}

/* Consistent quote attribution; source notes and review status stay private. */
.quote-paper figcaption{font-size:.82rem;line-height:1.65;text-align:right;white-space:pre-wrap;overflow-wrap:anywhere}
.quote-paper[lang=ko] blockquote{font-family:'Noto Serif KR',Batang,serif}

/* Photo collection contains images; each leads to its published story. */
.photograph-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 26px;align-items:start}.photograph-grid figure{margin:0;min-width:0}.photograph-grid a{display:block;text-decoration:none}.photograph-grid img{display:block;width:100%;height:auto;max-height:520px;object-fit:contain;background:#eee8de}.photograph-grid figcaption{font-size:.85rem;line-height:1.6;color:var(--muted);margin-top:10px;white-space:pre-wrap;overflow-wrap:anywhere}.photograph-grid a:hover img{filter:brightness(.98)}
@media(max-width:900px){.photograph-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:580px){.photograph-grid{grid-template-columns:1fr;gap:28px}}
/* Neatly hung quote papers retain just a trace of natural variation. */
.quote-paper:nth-child(n){transform:rotate(-.15deg)}.quote-paper:nth-child(even){transform:rotate(.2deg)}

.kitchen-guide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0 0 30px}
.kitchen-guide article{border-top:1px solid var(--line);padding-top:18px}
.kitchen-guide h3 a{display:inline-flex;align-items:center;min-height:44px}
.kitchen-guide p{margin-bottom:0}
@media(max-width:700px){.kitchen-guide{grid-template-columns:1fr;gap:18px}}

/* Quiet room entrances and a clear featured-work invitation. */
.kitchen-door-1{left:46%;top:78%}
.living .featured{display:flex;flex-direction:column;align-items:flex-start;gap:5px;left:31%;bottom:5%;padding:13px 17px;min-width:210px;border:1px solid #ffffffa6;background:#f7f3ebf5;border-radius:10px}
.feature-label{font-size:.65rem;letter-spacing:.08em;color:var(--muted)}
.feature-item{display:flex;align-items:center;gap:18px;width:100%}
.living .featured .feature-title{font-family:Georgia,'Times New Roman',serif;font-size:1.1rem;font-weight:600;line-height:1.35}
.living .featured .feature-link{font-size:.78rem;min-height:44px;padding:.4rem .85rem;white-space:nowrap}
@media(max-width:580px){.kitchen-door-1{position:static}.living .featured{position:static;min-width:0;padding:14px 16px}.feature-item{justify-content:space-between;flex-wrap:wrap;gap:10px}}

/* Art entrances follow the sketchbook and finished-work frames. */
.art-entrances{display:contents}.art-door{position:absolute}
.art-sketches{left:20%;top:82%}.art-finished{left:57%;top:44%}
@media(max-width:900px) and (min-width:581px){.art-door{font-size:.75rem;padding:7px 12px}}
@media(max-width:580px){.art-entrances{display:grid;gap:10px;order:2}.art-door{position:static}}

.dog-photo-button{display:block;width:100%;padding:0;border:0;background:transparent}

/* Decorative framed prints sit within the approved room, with no extra content UI. */
.has-room-display{background-image:none!important}
.room-display{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
.room-display-print{opacity:.9;mix-blend-mode:multiply;filter:saturate(.82) contrast(.94) brightness(1.025)}
.room-display-study{opacity:.72;mix-blend-mode:multiply;filter:saturate(.78)}
.room-display-glaze{opacity:.65}
.has-room-display .room-intro{position:relative;z-index:1}
.has-room-display .hotspot,.has-room-display .guest-label,.has-room-display .featured,.has-room-display .art-door,.has-room-display .room-secondary{z-index:1}
@media(max-width:580px){
 .living.has-room-display>.room-display{height:auto;aspect-ratio:1639/960}
 .room-hero.has-room-display:after{display:none}
 .room-hero.has-room-display>.room-display{position:relative;inset:auto;flex:none;width:calc(100% + 12vw);height:auto;margin:0 -6vw;aspect-ratio:1482/1061;order:1}
}