/* Transparent cutouts from the approved design; content remains live HTML. */
.art-inspiration,.art-knowledge{isolation:isolate}
.art-inspiration{display:flex;padding:95px 3.3% 50px;background-image:linear-gradient(#06132226,#06132226),url('assets/art/forest-spaces.webp')}
.art-inspiration .vibe-carousel{display:grid;grid-template-columns:28% 42% 25%;gap:2.5%;padding:0;width:100%;align-items:center;z-index:2}
.vibe-overview{min-width:0;align-self:center;padding-bottom:35px}
.postcard-eyebrow{display:inline-block;position:relative;font:clamp(21px,1.8vw,30px)/1.3 var(--hand);margin:0 0 22px;transform:rotate(-3deg)}
.postcard-eyebrow:after{content:'';position:absolute;bottom:-9px;left:0;width:105%;height:2px;background:var(--lime);transform:rotate(-4deg);opacity:.75}
#spaces-title{font:400 clamp(39px,3.9vw,66px)/1.13 var(--hand);margin:13px 0 32px;letter-spacing:-.055em;transform:rotate(-3deg);white-space:nowrap}
#spaces-title em{display:inline-block;position:relative;font-style:normal;margin-left:16%}
#spaces-title em:after{content:'';position:absolute;left:35%;bottom:-17px;width:110%;height:15px;background:url('assets/ui/selected-underline.png') center/100% 100% no-repeat;transform:rotate(-4deg)}
.postcard-intro{font:clamp(18px,1.55vw,26px)/1.4 var(--hand);color:#b5c3d5;margin:28px 0 30px;letter-spacing:.05em}
.overview-note{margin:45px 0 0 35%;font-size:clamp(18px,1.4vw,24px)}
.art-inspiration .vibe-art{height:min(85svh,calc(100svh - 140px),900px);width:100%;margin:0;max-width:none}
.art-inspiration .space-window{position:absolute;inset:0 auto auto 50%;height:100%;width:auto;aspect-ratio:514/818;transform:translateX(-50%);padding:3.6% 3%;background:none;clip-path:none;mask:none;overflow:visible;box-shadow:none;z-index:3}
.art-inspiration .space-window:after{content:'';position:absolute;inset:0;background:url('assets/ui/postcard-frame.png') center/100% 100% no-repeat;pointer-events:none}
.art-inspiration .vibe-image{width:100%;height:100%;object-fit:cover;object-position:center;mask:none;clip-path:none}
.art-inspiration .vibe-ghost{height:73%;aspect-ratio:514/818;width:auto;top:10%;left:50%;right:auto;background-size:cover;background-position:center;clip-path:none;border:10px solid #e4d8c5;filter:brightness(.48) saturate(.7);mask:url('assets/art/paper-edge.svg') center/100% 100% no-repeat}
.art-inspiration .ghost-left{transform:translateX(-85%) rotate(-8deg)}
.art-inspiration .ghost-right{transform:translateX(-15%) rotate(8deg)}
.vibe-editorial{position:relative;align-self:center;padding-bottom:40px;min-width:0}
.postcard-orbit{position:absolute;bottom:calc(100% + 20px);left:-24%;width:98%;color:var(--gold);pointer-events:none}
.editorial-note{position:absolute;bottom:calc(100% + 42px);right:0;font-size:20px}
.art-inspiration .vibe-caption{margin:0}
.art-inspiration .vibe-caption small{font:clamp(24px,2.1vw,36px)/1.35 var(--hand);padding-bottom:12px;white-space:nowrap}
.art-inspiration .vibe-caption h3{font:400 clamp(30px,3.1vw,53px)/1.2 var(--hand);letter-spacing:-.055em;margin:27px 0 28px}
.art-inspiration .vibe-caption p{font:clamp(14px,1.3vw,22px)/1.65 var(--body);color:var(--paper)}
.art-inspiration .carousel-controls{justify-content:flex-start;gap:24px;margin:28px 0 0}
.art-inspiration .carousel-controls button{display:grid;place-items:center;width:72px;height:44px;border:0;border-radius:0;background:none;color:var(--gold)}
.art-inspiration .carousel-controls button svg{width:70px;height:34px;overflow:visible}
.art-inspiration #vibe-play{font:18px var(--body);width:32px;opacity:0;transition:opacity .2s}
.art-inspiration .carousel-controls:hover #vibe-play,.art-inspiration #vibe-play:focus-visible{opacity:.75}
.art-inspiration .vibe-tabs{display:flex;position:relative;inset:auto;width:100%;gap:12px;margin:0;align-items:flex-start}
.art-inspiration .vibe-tabs button{flex:1;min-width:0;padding:0;border:0;opacity:1;isolation:isolate;transform:none}
.art-inspiration .vibe-tabs button img{display:block;width:100%;height:auto;max-height:none;aspect-ratio:9/16;object-fit:cover}
.art-inspiration .vibe-tabs [aria-pressed=true]{transform:none}
.art-inspiration .vibe-tabs [aria-pressed=true]:after{content:'';position:absolute;inset:-6px;background:url('assets/ui/selected-frame.png') center/100% 100% no-repeat;pointer-events:none}
.art-inspiration .vibe-tabs i{position:absolute;inset:auto -7px -21px;width:auto;height:16px;background:url('assets/ui/selected-underline.png') center/100% 100% no-repeat;clip-path:none;animation:none;transform:none;opacity:0}
.art-inspiration .vibe-tabs [aria-pressed=true] i{animation:none;transform:none;opacity:1}
.reading-corner{position:absolute;z-index:1;bottom:0;right:0;width:34vw;aspect-ratio:3/2;background:url('assets/ui/reading-corner.webp') right bottom/contain no-repeat;pointer-events:none}
.reading-corner p{position:absolute;bottom:8px;left:36%;font:clamp(15px,1.2vw,21px)/1.2 var(--hand);transform:rotate(-7deg);color:#293b50;margin:0}
.art-inspiration .chapter-next{z-index:3;right:1.5%;bottom:12px}
/* Expanded illustration is a separate text-free layer under each live panel. */
.art-knowledge{display:grid;grid-template-columns:29% 1fr;gap:3%;padding:clamp(105px,14svh,145px) 8.5% 50px 3.6%;align-content:start;background-image:linear-gradient(#06132230,#06132230),url('assets/art/forest-about.webp')}
.art-knowledge .chapter-heading{position:relative;z-index:2;margin:0}
.art-knowledge .chapter-heading h2{font:400 clamp(43px,4.5vw,76px)/1.3 var(--hand);letter-spacing:-.07em;transform:rotate(-4deg);margin:0}
.learn-second{white-space:nowrap}
.art-knowledge .chapter-heading h2 em{display:inline;font-size:.72em;white-space:nowrap}
.art-knowledge .chapter-heading>p{font:clamp(15px,1.3vw,22px)/1.8 var(--body);text-align:center;margin:25px 0 0}
.warm-windows{position:absolute;z-index:1;left:0;bottom:8%;width:31%;aspect-ratio:4/3;background:url('assets/ui/warm-windows.webp') center/contain no-repeat;pointer-events:none}
.window-note{position:absolute;z-index:2;bottom:4%;left:8%;margin:0}
.about-mist{position:absolute;right:-3%;bottom:-4%;width:35%;height:25%;background:#8193bf;opacity:.65;mask:url('assets/ui/cloud-mask.webp') center/100% 100% no-repeat;pointer-events:none;z-index:0;transform:rotate(-6deg)}
.story-bars{position:relative;z-index:2;min-width:0}
.story-bar{isolation:isolate}
.story-bar[open]:after{content:'';position:absolute;z-index:-1;inset:0 -14% 0 -3%;height:auto;background:url('assets/ui/expanded-room.webp') center/100% 100% no-repeat;clip-path:none;pointer-events:none}
.story-bar summary{min-height:9svh;gap:20px;padding:14px 9px;font:400 clamp(25px,2.7vw,46px)/1.2 var(--hand)}
.story-bar summary>span:not(.story-star){flex:0 0 33%;white-space:nowrap}
.story-star{font-size:35px}
.story-hint{font:clamp(12px,1.05vw,18px)/1.6 var(--body);color:#a9afbd;flex:1}
.story-bar[open]{min-height:42svh;padding-bottom:24px}
.story-bar[open] summary{font-size:clamp(36px,3.65vw,62px);min-height:10svh;padding:17px 9px 6px}
.story-bar[open] summary>span:not(.story-star){flex:1}
.story-bar[open] .story-hint{display:none}
.story-bar[open] summary>b{align-self:center}
.story-body{padding:0 0 0 45px;max-width:62%;font:clamp(13px,1.15vw,20px)/1.8 var(--body);position:relative}
.story-body .story-subtitle{font:inherit;margin:0 0 6.4svh}
.story-body p{margin:0 0 20px;text-shadow:0 1px 6px #152337}
.story-body .ink-link{font:clamp(26px,2.4vw,40px)/1.2 var(--hand);margin-top:6px}
.story-bar:last-child[open]:after{bottom:0;background:url('assets/ui/expanded-room.webp') center/100% 100% no-repeat}
.story-bar:last-child{border-bottom:1px solid #e5dbc5}
.story-bar:last-child:not([open]):after{display:none}
@media(min-aspect-ratio:1/1) and (max-width:1100px){
 .art-inspiration{padding-top:105px}.art-inspiration .vibe-carousel{grid-template-columns:27% 42% 26%;gap:2.5%}
 .art-inspiration .vibe-art{height:min(72svh,calc(100svh - 150px))}#spaces-title{font-size:3.8vw}.art-inspiration .vibe-caption h3{font-size:3.1vw}
 .postcard-eyebrow{font-size:20px}.postcard-intro{font-size:18px}.editorial-note{display:none}.postcard-orbit{bottom:calc(100% + 3px)}
 .art-inspiration .vibe-tabs{gap:7px}.story-bar summary{gap:10px}.story-hint{font-size:11px}.story-body{max-width:65%;padding-left:30px}.story-body .story-subtitle{margin-bottom:30px}.story-bar[open]{min-height:43svh}
}
@media(aspect-ratio < 1/1){
 .art-inspiration{display:block;padding:105px 7% 180px;background-position:27% bottom}.art-inspiration .vibe-carousel{display:grid;grid-template-columns:1fr;gap:30px}
 .vibe-overview{display:contents}.postcard-eyebrow{grid-row:1;text-align:center;justify-self:center;margin:0;font-size:25px}
 #spaces-title{grid-row:2;font-size:clamp(45px,11vw,70px);text-align:center;white-space:normal;margin:0 0 15px;line-height:1.05}#spaces-title br:nth-of-type(2){display:none}#spaces-title em{margin-left:0}#spaces-title em:after{left:0;width:100%;bottom:-10px;height:10px}
 .postcard-intro{display:none}.art-inspiration .vibe-art{grid-row:3;height:clamp(350px,53svh,570px);max-width:440px;justify-self:center}.art-inspiration .space-window{padding:12px 10px}.art-inspiration .vibe-ghost{border-width:7px}
 .vibe-editorial{grid-row:4;padding:0;text-align:center;max-width:none}.postcard-orbit,.editorial-note,.overview-note{display:none}
 .art-inspiration .vibe-caption small{font-size:26px}.art-inspiration .vibe-caption h3{font-size:42px;margin:16px 0;line-height:1.2}.art-inspiration .vibe-caption h3 br{display:block}.art-inspiration .vibe-caption p{font-size:14px}
 .art-inspiration .carousel-controls{justify-content:center;margin:16px 0 0;gap:22px}.art-inspiration #vibe-play{opacity:.7}.art-inspiration .vibe-tabs{grid-row:5;gap:12px;max-width:330px;margin:auto}
 .reading-corner{width:75vw;max-width:420px}.reading-corner p{font-size:15px;bottom:4px;left:30%}
 .art-knowledge{display:block;padding:105px 7% 230px;background-position:36% bottom}.art-knowledge .chapter-heading{margin-bottom:35px}.art-knowledge .chapter-heading h2{font-size:clamp(53px,12vw,78px);max-width:450px}.art-knowledge .chapter-heading>p{font-size:14px;text-align:left;margin:20px 0 0}
 .warm-windows{width:65%;bottom:8px;left:-5%}.window-note{left:auto;right:7%;bottom:35px;max-width:30%;font-size:18px}.about-mist{width:70%;height:170px}
 .story-bar summary{min-height:70px;padding:16px 0;font-size:30px;gap:12px}.story-bar summary>span:not(.story-star){flex:1}.story-hint{display:none}.story-star{font-size:25px}
 .story-bar[open]{min-height:0;padding-bottom:0}.story-bar[open] summary{font-size:38px;min-height:75px;padding-top:15px}.story-bar[open]:after{inset:auto -8% 0;height:190px;background-size:auto 100%;background-position:right bottom;opacity:.9}
 .story-body{max-width:none;font-size:14px;padding:0 0 170px}.story-body .story-subtitle{margin:0 0 25px}.story-body p{margin-bottom:20px}.story-body .ink-link{font-size:29px;margin:0}.story-bar:last-child[open]:after{background-size:auto 100%;background-position:right bottom}
}
@media(prefers-reduced-motion:reduce){.art-inspiration .vibe-tabs i,.art-inspiration .vibe-tabs [aria-pressed=true] i{animation:none}}