.clutter-room{--cream:#f5e7d5;--pink:#ff8fbb;--gold:#e7bc80;background:#140d17;color:#fff0e2;overflow:hidden}
.clutter-room .section{padding:clamp(4rem,7vw,7rem) 7vw}
.clutter-room h1,.clutter-room h2{font-family:'Oswald',sans-serif;text-transform:uppercase;font-weight:600;line-height:1.06;letter-spacing:-.035em}
.clutter-room h2{font-size:clamp(2.5rem,5vw,5.5rem)}
.clutter-room h1 em,.clutter-room h2 em{font-family:'Caveat',cursive;text-transform:none;font-size:1.14em;line-height:.88;letter-spacing:0;font-style:normal;color:#ff8fbb}
.room-breadcrumb{display:flex;gap:.65rem;flex-wrap:wrap;padding:1.1rem 7vw;background:#270f24;font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;color:#edd0de}
.room-breadcrumb a{text-decoration:underline;text-underline-offset:.3rem;color:#f8ce9e}
.room-hero{display:grid;grid-template-columns:1.12fr .88fr;gap:4vw;align-items:center;padding:5rem 7vw 6rem;min-height:680px;background:radial-gradient(circle at 80% 20%,#e24f8266,transparent 30%),radial-gradient(circle at 15% 88%,#78365988,transparent 50%),#1b101e}
.room-hero h1{font-size:clamp(4rem,7.5vw,9rem);max-width:900px}
.room-subtitle{font:500 clamp(1.45rem,2.4vw,2.5rem)/1.25 'Playfair Display',Georgia,serif;color:#ffdcac;margin:1.8rem 0 0;max-width:620px}
.room-hero-copy>p:not(.eyebrow,.room-subtitle,.room-price,.room-checkout-note){max-width:640px;font-size:1.04rem;color:#f3e2e8}
.room-badges{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.5rem}
.room-badges span{font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border:1px solid #f8ca9188;padding:.45rem .6rem;background:#58243c}
.room-price{font:600 2rem 'Oswald',sans-serif;color:#fbd1a3;margin:1.2rem 0 .5rem}
.room-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:.7rem}
.room-actions .button[disabled],.room-closing .button[disabled]{background:#735d69;color:#fff3ef;border-color:#a88994;cursor:not-allowed;transform:none}
.room-checkout-note{color:#f2cddc;font-size:.82rem;max-width:490px}
.room-cover{position:relative;max-width:520px;width:100%;justify-self:center;margin:0;filter:drop-shadow(20px 35px 25px #000b)}
.cover-paper{position:relative;padding:1.3rem;background:#ead5ba;transform:rotate(3deg);box-shadow:12px 15px 0 #7e2a51,25px 30px 0 #140b17}
.cover-paper img{width:100%;aspect-ratio:612/792;object-fit:contain;background:#23101f}
.room-cover figcaption{font:1.4rem 'Caveat',cursive;color:#f7c5d8;text-align:right;margin-top:2rem}
.cover-spark{position:absolute;right:-8%;top:-6%;font-size:4rem;color:#ffd69b;text-shadow:0 0 20px #f18aaf}
.room-recognition{background:linear-gradient(130deg,#eddbc1,#f8ede1);color:#341327;position:relative}
.room-recognition h2{max-width:1150px}
.room-recognition h2 em{color:#9a245b}
.recognition-lines{display:grid;grid-template-columns:1fr 1fr;gap:3rem;max-width:1100px;font-size:clamp(1.05rem,1.6vw,1.35rem);line-height:1.65}
.room-recognition .eyebrow{color:#7f244a}
.handwritten{font:2rem 'Caveat',cursive;color:#9b2e5b;transform:rotate(-2deg);display:inline-block;border-bottom:4px solid #ed85b066;margin-top:2rem}
.room-previews{background:radial-gradient(circle at 90% 0,#84254a66,transparent 45%),#170e1a}
.room-section-heading{max-width:850px;margin-bottom:2.5rem}
.room-section-heading>p:last-child{color:#e5cfda}
.preview-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem}
.preview-page{margin:0;min-width:0}
.preview-image{position:relative;padding:.6rem;background:#e8d4bb;box-shadow:7px 9px 0 #0008;transform:rotate(-1deg)}
.preview-page:nth-child(even) .preview-image{transform:rotate(1.5deg)}
.preview-image img{width:100%;aspect-ratio:612/792;object-fit:contain;background:#e7d4bb}
.preview-image span{position:absolute;bottom:1.2rem;right:.9rem;background:#321623dc;color:#ffe3eb;border:1px solid #f2c6d0;padding:.2rem .4rem;font-size:.55rem;letter-spacing:.1em}
.preview-page figcaption{display:grid;gap:.3rem;margin-top:1.5rem}
.preview-page figcaption small{color:#e9bf8c;letter-spacing:.1em}
.preview-page figcaption strong{font:1.5rem 'Playfair Display',Georgia,serif}
.preview-page figcaption span{font-size:.9rem;color:#ebd5de}
.room-quiz{display:grid;grid-template-columns:.9fr 1.1fr;gap:5vw;background:radial-gradient(circle at 20% 75%,#95315455,transparent 45%),#251327}
.room-quiz>div>p:last-child{font-size:1.1rem;max-width:500px}
.quiz-panel{padding:2rem;background:#f0ddc6;color:#33152a;box-shadow:12px 14px 0 #100b14;transform:rotate(1deg)}
.quiz-options{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}
.quiz-options button,.capacity-buttons button{font:600 .95rem 'DM Sans',sans-serif;min-height:56px;padding:.8rem;border:1px solid #a76583;background:#fff8ee;color:#4b1833;cursor:pointer;text-align:left}
.quiz-options button:hover,.quiz-options button[aria-pressed="true"]{background:#8d2b57;color:#fff}
.quiz-result{margin-top:1.4rem;padding:1.4rem;background:#36192e;color:#fff2e7;min-height:150px}
.quiz-result span,.capacity-example span{font:600 .75rem 'Oswald',sans-serif;letter-spacing:.13em;color:#ffcc9b}
.quiz-result p{font:1.4rem/1.3 'Playfair Display',Georgia,serif}
.room-capacity{background:#eed7bd;color:#351526;text-align:center}
.room-capacity .eyebrow{color:#8c2b51}
.room-capacity h2{max-width:900px;margin:0 auto}
.room-capacity h2 em{color:#9b2e61}
.capacity-buttons{display:flex;justify-content:center;gap:.7rem;margin:2.5rem auto 1.2rem}
.capacity-buttons button{min-width:125px;text-align:center;background:#fff9ef}
.capacity-example{max-width:700px;margin:auto;padding:2rem;background:#50213d;color:#fff4e9;box-shadow:8px 9px 0 #9a6b7d}
.capacity-example p{font:1.5rem/1.35 'Playfair Display',Georgia,serif}
.room-contents{background:radial-gradient(circle at 80% 20%,#6e345177,transparent 45%),#170e19}
.room-contents h2{max-width:1050px}
.contents-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#ca9e8080;border:1px solid #ca9e8080;margin-top:3rem}
.contents-grid>div{padding:2rem 1.3rem;min-height:150px;background:#32192c}
.contents-grid span{font:600 .9rem 'Oswald',sans-serif;color:#ffb1c8}
.contents-grid h3{font:1.45rem 'Playfair Display',Georgia,serif;margin-top:1rem}
.room-use{display:grid;grid-template-columns:1fr 1fr;gap:4vw;background:#39172e}
.use-details{display:grid;gap:1.5rem}
.use-details>div{padding:1.5rem;border-left:3px solid #e7bd89;background:#180f1d}
.use-details h3{font:1.6rem 'Playfair Display',Georgia,serif}
.use-details p{color:#eedbe5}
.room-journal{display:grid;grid-template-columns:.7fr 1.3fr;gap:5vw;background:radial-gradient(circle at 5% 95%,#9a3e6b66,transparent 45%),#201122}
.journal-intro p:last-child{font-size:1.1rem}
.quick-reset-form{padding:2rem;background:#f5e7d6;color:#3d1830;box-shadow:11px 13px 0 #0d0810}
.quick-reset-form label{display:grid;gap:.5rem;font-weight:700;margin-bottom:1.3rem}
.quick-reset-form textarea{display:block;width:100%;resize:vertical;background:#fffaf3;color:#38162a;border:1px solid #c5a58d;border-bottom:2px solid #a95978;padding:.8rem;font:1rem/1.5 'DM Sans',sans-serif;min-height:80px}
.quick-reset-form textarea:focus-visible{outline:3px solid #9e2e62;outline-offset:2px}
.journal-actions{display:flex;gap:.7rem;flex-wrap:wrap}
.journal-actions .button{cursor:pointer}
#reset-clear{border:0;background:transparent;color:#7c244d;text-decoration:underline;cursor:pointer}
#journal-status{font-size:.78rem;line-height:1.5;color:#6a3a50}
.room-faq{background:#1b101e}
.faq-items{max-width:950px;margin:2rem auto 0}
.faq-items details{border-bottom:1px solid #e1ad8666;padding:1rem 0}
.faq-items summary{font:1.4rem 'Playfair Display',Georgia,serif;cursor:pointer;min-height:44px}
.faq-items p{color:#eed7df;max-width:800px}
.room-about{display:grid;grid-template-columns:240px 1fr;gap:4rem;align-items:center;background:#e8d7bf;color:#351628}
.room-about img{width:240px;height:240px;object-fit:cover;border-radius:50%;border:8px solid #fff5e7;box-shadow:12px 12px 0 #a84a71}
.room-about .eyebrow{color:#8f2c55}
.room-about h2 em{color:#9c2b61}
.room-about p:not(.eyebrow){font-size:1.12rem;max-width:780px}
.room-about a{display:inline-block;margin-top:1.4rem;border-bottom:2px solid #9b2d5d;color:#72254a;font-weight:700}
.room-closing{text-align:center;background:radial-gradient(circle at 50% 40%,#80335477,transparent 60%),#1a0e1d}
.room-closing h2{font-size:clamp(3rem,6vw,7rem)}
.room-closing>p:not(.eyebrow){max-width:650px;margin:1.5rem auto;color:#f1dce5}
.room-return{border-top:1px solid #e0b48477;max-width:700px;margin:4rem auto 0;padding-top:2rem}
.room-return h3{font:1.8rem 'Playfair Display',Georgia,serif;margin-bottom:1rem}
.room-return a{color:#ffca95;text-decoration:underline;text-underline-offset:.4rem}
@media(max-width:1050px){.preview-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.contents-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.room-hero,.room-quiz,.room-use,.room-journal{grid-template-columns:1fr;gap:2.5rem}.room-hero{padding:4rem 6vw}.room-cover{width:min(78%,400px)}.recognition-lines{grid-template-columns:1fr;gap:0}.room-about{grid-template-columns:1fr;gap:2rem}.room-about img{width:180px;height:180px}.quiz-panel{transform:none}.room-breadcrumb{padding-inline:6vw}.contents-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.room-hero h1{font-size:clamp(3.4rem,16vw,5.2rem)}.room-actions .button{width:100%}.room-cover{width:min(85%,330px)}.preview-strip{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding:1rem .5rem 2rem;margin:0 -4vw}.preview-page{flex:0 0 82%;scroll-snap-align:center}.quiz-options{grid-template-columns:1fr}.capacity-buttons button{min-width:0;flex:1}.contents-grid{grid-template-columns:1fr 1fr}.contents-grid>div{min-height:120px;padding:1rem}.quick-reset-form{padding:1.2rem}.journal-actions .button{width:100%}}
@media(prefers-reduced-motion:reduce){.preview-strip{scroll-behavior:auto}}
@media print{.navbar,.verse-header,.room-breadcrumb,.room-hero,.room-recognition,.room-previews,.room-quiz,.room-capacity,.room-contents,.room-use,.room-faq,.room-about,.room-closing,.penny-footer,.motion-toggle,.journal-intro,.journal-actions,#journal-status{display:none!important}.room-journal{display:block;background:#fff;color:#111;padding:0}.quick-reset-form{box-shadow:none;padding:0}.quick-reset-form textarea{border:1px solid #bbb;min-height:100px}}