/* All visual changes are scoped to the first screen. */
:is(.intro-gallery,.intro-cover,.intro-botanical) #home{isolation:isolate;min-height:calc(100svh - 125px);padding:25px 6% 36px;background:var(--paper);display:flex;flex-direction:column}
:is(.intro-gallery,.intro-cover,.intro-botanical) #home .intro-decor{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
:is(.intro-gallery,.intro-cover,.intro-botanical) #home .hero-arrangement{width:min(850px,88%);padding:38px 0;flex:1;align-items:center}
:is(.intro-gallery,.intro-cover,.intro-botanical) #home .hero-letter{border:0;border-radius:0;box-shadow:none;background:transparent;padding:65px 20px 20px;align-self:auto}
:is(.intro-gallery,.intro-cover,.intro-botanical) #home .hero-letter:before{display:none}
:is(.intro-gallery,.intro-cover,.intro-botanical) #home .hero-letter h1{font-size:clamp(38px,3.6vw,58px);line-height:1.15}
:is(.intro-gallery,.intro-cover,.intro-botanical) #home .approach-logo{width:100%;max-width:710px;margin:18px auto 20px}
:is(.intro-gallery,.intro-cover,.intro-botanical) #home .hero-emblem{top:0;width:38px;height:52px;left:calc(50% - 19px)}
:is(.intro-gallery,.intro-cover,.intro-botanical) #home .writing-controls{margin-top:30px;opacity:.65}
:is(.intro-gallery,.intro-cover,.intro-botanical) #home .hero-after{position:relative;z-index:2;margin:0;align-items:center}
/* Gallery: mouldings at the edge of the room, an open composition in daylight. */
.intro-gallery #home{background:linear-gradient(110deg,#edece5 0%,#fafbf7 40%,#fffefa 74%,#f0efe7 100%)}
.intro-gallery #home .wall-panel{position:absolute;top:55px;bottom:92px;width:17%;border:1px solid #c4c3b554;box-shadow:inset 3px 3px 5px #ffffffc9,inset -2px -2px 5px #847e6311,2px 2px 5px #5b503610}
.intro-gallery #home .wall-panel:after{content:'';position:absolute;inset:9px;border:1px solid #ffffffb0;box-shadow:1px 1px 2px #655b3c1c}
.intro-gallery #home .panel-left{left:-8%}.intro-gallery #home .panel-right{right:-8%}
.intro-gallery #home .window-light{position:absolute;inset:-25% -40% -25% 56%;transform:rotate(-28deg);background:linear-gradient(90deg,transparent 0%,#c1b99e13 13%,#fffefcaa 14%,#fffefcaa 35%,#c1b99e20 36%,#fffefc88 38%,#fffefc88 64%,#b2a98d1a 65%,transparent 68%);filter:blur(9px)}
.intro-gallery #home .hero-letter h1{letter-spacing:-.035em}.intro-gallery #home .phrase-bottom{font:italic .93em/1.2 Georgia,serif;letter-spacing:-.055em}
.intro-gallery #home .hero-emblem{opacity:.65}.intro-gallery #home .hero-after p{border-left:1px solid #7b000740;padding-left:17px}
/* Collection cover: generous lettering, a discreet embossed bird and an album rule. */
.intro-cover #home{background:radial-gradient(ellipse at 28% 16%,#8e1927 0%,#710c18 58%,#560b15 100%);color:#f9f1e3;border-bottom:38px solid var(--paper);padding:29px 6% 38px;min-height:calc(100svh - 125px)}
.intro-cover #home .cover-rule{position:absolute;inset:15px 24px 18px;border:1px solid #f9e9ce38}.intro-cover #home .cover-rule:before,.intro-cover #home .cover-rule:after{content:'✧';position:absolute;font:22px Georgia;color:#f9e9ce88;left:calc(50% - 9px);top:-14px;background:#7b1320;padding:0 3px}.intro-cover #home .cover-rule:after{top:auto;bottom:-14px;background:#660c16}
.intro-cover #home .cover-watermark{position:absolute;width:410px;height:570px;right:-100px;top:8%;opacity:.055;filter:brightness(0) invert(1);transform:rotate(-13deg)}
.intro-cover #home .hero-topline,.intro-cover #home .hero-after p,.intro-cover #home .hero-offer-mobile{color:#f9f1e3}.intro-cover #home .hero-offer-mobile{border-color:#f9f1e350}
.intro-cover #home .hero-arrangement{width:min(890px,85%);padding:24px 0}
.intro-cover #home .hero-letter{padding:57px 20px 15px}.intro-cover #home .hero-emblem img{filter:brightness(0) invert(1)}
.intro-cover #home .hero-letter h1{font-size:clamp(37px,3.4vw,54px)}.intro-cover #home .phrase-top{text-align:left;padding-left:5%}.intro-cover #home .phrase-bottom{text-align:right;padding-right:5%;font:italic 1em/1.25 Georgia,serif;letter-spacing:-.05em}
.intro-cover #home .approach-logo{max-width:760px;margin:15px auto 20px}.intro-cover #home .approach-logo svg path{fill:#f9f1e3}
.intro-cover #home .write-again{color:#f9f1e3}.intro-cover #home .hero-after .button{background:#f9f1e3;color:#710c18}.intro-cover #home .hero-after .button:hover{background:#fff}.intro-cover #home .writing-controls{margin-top:23px}
/* Porcelain: botanical line drawing and the shape of a fine painted border. */
.intro-botanical #home{background:radial-gradient(ellipse at center,#fffefa 30%,#f2f5ef 100%)}
.intro-botanical #home .porcelain-oval{position:absolute;width:min(1040px,79%);height:calc(100% - 115px);top:34px;left:50%;transform:translateX(-50%);border:1px solid #7b000727;border-radius:50%}
.intro-botanical #home .porcelain-oval:after{content:'';position:absolute;inset:7px;border:1px solid #90a79a45;border-radius:50%}
.intro-botanical #home .branch-left,.intro-botanical #home .branch-right{position:absolute;width:200px;bottom:60px;left:3.2%;color:#748e7b;transform:rotate(-9deg)}
.intro-botanical #home .branch-right{left:auto;right:3.2%;top:40px;bottom:auto;transform:rotate(171deg)}
.intro-botanical #home .botanical-branch{display:block;width:100%;height:auto;fill:none;stroke:none}
.intro-botanical #home .hero-arrangement{width:min(690px,70%);padding:45px 0}.intro-botanical #home .hero-letter{padding:62px 0 18px}.intro-botanical #home .approach-logo{max-width:600px;margin:20px auto 22px}
.intro-botanical #home .hero-letter h1{font-size:clamp(36px,3.3vw,51px)}.intro-botanical #home .phrase-bottom{font:italic 1em/1.25 Georgia,serif;letter-spacing:-.05em}.intro-botanical #home .hero-emblem{width:42px;height:57px;left:calc(50% - 21px);top:-2px}
@media(max-width:980px){.intro-botanical #home .branch-left,.intro-botanical #home .branch-right{width:155px;left:-3%}.intro-botanical #home .branch-right{left:auto;right:-3%}.intro-cover #home .hero-arrangement{width:91%}.intro-botanical #home .porcelain-oval{width:87%}}
@media(max-width:760px){
:is(.intro-gallery,.intro-cover,.intro-botanical) #home{min-height:calc(100svh - 105px);padding:16px 6% 30px}
:is(.intro-gallery,.intro-cover,.intro-botanical) #home .hero-arrangement{width:100%;padding:32px 0}
:is(.intro-gallery,.intro-cover,.intro-botanical) #home .hero-letter{padding:60px 0 20px}
:is(.intro-gallery,.intro-cover,.intro-botanical) #home .hero-letter h1{font-size:clamp(29px,8vw,44px)}
:is(.intro-gallery,.intro-cover,.intro-botanical) #home .approach-logo{margin:25px auto}
:is(.intro-gallery,.intro-cover,.intro-botanical) #home .hero-emblem{width:31px;height:43px;left:calc(50% - 15.5px);top:0}
:is(.intro-gallery,.intro-cover,.intro-botanical) #home .hero-after{gap:12px}
.intro-gallery #home .wall-panel{top:80px;bottom:115px;width:11%}.intro-gallery #home .panel-left{left:-8%}.intro-gallery #home .panel-right{right:-8%}.intro-gallery #home .hero-after p{padding-left:9px}
.intro-cover #home{padding:16px 6% 35px;border-bottom-width:28px}.intro-cover #home .cover-rule{inset:7px 10px 13px}.intro-cover #home .cover-rule:before{display:none}.intro-cover #home .cover-watermark{width:250px;height:390px;right:-100px;top:25%}.intro-cover #home .phrase-top{padding-left:0}.intro-cover #home .phrase-bottom{padding-right:0}.intro-cover #home .hero-after .button{padding-left:15px;padding-right:15px}
.intro-botanical #home .hero-arrangement{width:93%}.intro-botanical #home .porcelain-oval{top:120px;height:calc(100% - 245px);width:94%;min-height:340px}.intro-botanical #home .branch-left{width:116px;left:-39px;bottom:114px}.intro-botanical #home .branch-right{width:116px;right:-39px;left:auto;top:105px}.intro-botanical #home .hero-letter{padding-bottom:5px}.intro-botanical #home .approach-logo{width:92%}.intro-botanical #home .hero-letter h1{font-size:clamp(28px,7.6vw,42px)}
}
@media(max-height:740px) and (min-width:761px){:is(.intro-gallery,.intro-cover,.intro-botanical) #home .hero-arrangement{padding:15px 0}:is(.intro-gallery,.intro-cover,.intro-botanical) #home .approach-logo{max-width:500px;margin:8px auto}:is(.intro-gallery,.intro-cover,.intro-botanical) #home .hero-letter h1{font-size:38px}:is(.intro-gallery,.intro-cover,.intro-botanical) #home .writing-controls{margin-top:14px}}