/* A shared botanical print language, with three intact portrait chapters. */
:root{--paper:#f3e9d4;--paper-2:#eae0c9;--panel:#f8f0df;--band:#eae0c9;--forest:#243c31;--display:#243c31;--chapter-ink:#243c31;--chapter-sage:#899475;--chapter-ochre:#b49352}
:root[data-theme="dark"]{--paper:#192c23;--paper-2:#22372b;--panel:#22372b;--band:#22372b;--display:#f0dfbb;--chapter-ink:#f0dfbb}
.chapter-hero{position:relative;isolation:isolate;background:var(--paper);color:var(--chapter-ink);padding:125px 0 55px;overflow:hidden}
.chapter-hero__grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);align-items:center;gap:5%;direction:ltr;max-width:1260px;width:calc(100% - 2 * var(--gut));margin-inline:auto}
.chapter-copy{position:relative;min-width:0}
.chapter-copy .eyebrow{font-size:.67rem;letter-spacing:.18em;line-height:1.8;color:var(--text-2);margin:20px 0}
.chapter-copy h1,.chapter-title,.cabinet-copy h2{font-family:'Glass Antiqua',Georgia,serif;font-size:clamp(3rem,5.2vw,5.9rem);line-height:1.08;letter-spacing:-.025em;font-weight:400;color:var(--chapter-ink);margin:0 0 28px;text-wrap:balance}
.chapter-lead{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(1.3rem,1.8vw,1.6rem);line-height:1.5;max-width:36ch;color:var(--text-2);margin:0 0 30px;font-weight:500}
.chapter-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}
.chapter-link{display:inline-block;font-size:.72rem;line-height:1.6;letter-spacing:.04em;padding:12px 0;border-bottom:1px solid var(--chapter-ochre);color:var(--chapter-ink);text-decoration:none}
.chapter-link:focus-visible,.chapter-actions a:focus-visible{outline:2px solid var(--chapter-ink);outline-offset:5px}
.chapter-caption{font-size:.66rem;line-height:1.9;max-width:41ch;color:var(--text-2);margin-top:24px}
.chapter-portrait{margin:0;position:relative;line-height:0;width:100%;max-width:455px;justify-self:end;box-shadow:0 18px 55px #332c211c}
.chapter-portrait picture,.chapter-portrait img{display:block;width:100%;height:auto;object-fit:contain;border-radius:0;transform:none}
.chapter-portrait::after{content:'';position:absolute;inset:-10px;border:1px solid #b493524f;pointer-events:none}
.chapter-divider{display:block;width:min(290px,70%);height:auto;color:var(--chapter-ochre);margin:0 0 22px;overflow:visible}
.chapter-divider path{vector-effect:non-scaling-stroke}
.chapter-hero::before,.cabinet-intro::before{content:'';position:absolute;inset:0;background:url('chapters/botanical-surround.svg') center/100% 100% no-repeat;opacity:.37;z-index:-1;pointer-events:none}
.cabinet-intro{position:relative;isolation:isolate;overflow:hidden;padding:72px 0 90px;background:var(--paper-2);border-block:1px solid #b493524f}
.cabinet-intro__grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:7%;align-items:center;direction:ltr;width:calc(100% - 2 * var(--gut));margin-inline:auto}
.cabinet-scene{position:relative;margin:0;aspect-ratio:3/2;overflow:hidden;border:1px solid #b4935250;box-shadow:0 16px 40px #362b2018}
.cabinet-scene__room{display:block;width:100%;height:100%;object-fit:cover}
.cabinet-scene__box{position:absolute;height:77%;width:auto;max-width:65%;object-fit:contain;left:50%;bottom:12%;transform:translateX(-50%);filter:drop-shadow(9px 9px 7px #34271845)}
.cabinet-copy h2{font-size:clamp(2.5rem,4vw,4.2rem)}
.cabinet-copy .chapter-divider{margin-top:30px}
.sec{border-block:1px solid #ad98603b;padding-block:100px}
.sec::after{border:0}
#about,#six,#reviews,#faq,#contact{background-image:none}
#about::before,#six::before,#reviews::before,#faq::before,#contact::before{background:url('chapters/botanical-surround.svg') center/100% 100% no-repeat;opacity:.24;inset:0}
.sec__head::before,#formula .label::before{background:url('chapters/botanical-divider.svg') center/contain no-repeat;height:55px;width:280px;max-width:70%;margin:0 auto 25px}
#about>.wrap{max-width:1190px}
.about__grid{padding:0;grid-template-columns:1.25fr 1fr;gap:8%;align-items:center;direction:ltr}
#about .chapter-title{font-size:clamp(2.8rem,4.6vw,4.7rem)}
#about .chapter-divider{color:#9c86a2}
#about .lede{font-size:1.25rem;line-height:1.6;max-width:48ch}
#about .dropcap::first-letter{font:inherit;color:inherit;float:none;margin:0}
.card{border:1px solid #8f805a70;padding:18px;background:var(--panel)}
.card::before{border:0}.card::after{background:url('chapters/botanical-surround.svg') center/100% 100% no-repeat;opacity:.4}
.card__img{background:var(--wash);border-color:#8f805a45;border-radius:45% 45% 0 0}
.card__sprig{color:var(--chapter-ochre)}
#inside::after{background:url('chapters/botanical-surround.svg') center/100% 100% no-repeat;opacity:.5;border:0}
#inside .vessel{border:0;border-top:1px solid #c4ac7055;border-radius:0;background:none;padding:24px 8px}
#inside .vessel img{display:block;width:100%;max-width:100%;height:clamp(140px,17vw,220px);object-fit:contain}
#inside .vessel b{margin-top:14px}
#ritual{background:var(--paper);border-block:1px solid #b493524f}
#ritual::before{display:none}
.ritual-chapter{display:grid;grid-template-columns:.82fr 1.18fr;gap:9%;align-items:center;margin-bottom:0;direction:ltr}
.ritual-chapter .chapter-portrait{justify-self:start;max-width:420px}
.ritual-chapter .chapter-title{font-size:clamp(2.6rem,4.5vw,4.8rem)}
.ritual-chapter .chapter-divider{color:#9a5752}
.botanical-library{background:var(--paper-2)}
.botanical-library .sec__head::before{display:none}
.botanical-library .chapter-divider{margin-inline:auto}
.botanical-plates{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin:48px 0 38px}
.botanical-plate{margin:0;min-width:0}
.botanical-plate img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:contain;mix-blend-mode:multiply}
.botanical-plate figcaption{padding-top:20px;border-top:1px solid #b4935250;text-align:center}
.botanical-plate h3{font-size:1.7rem;font-weight:400;line-height:1.5}
.botanical-plate p{font-size:.67rem;color:var(--text-2);margin-top:6px}
.botanical-library>.wrap>.chapter-link{display:table;margin-inline:auto}
#formula .label{border:1px solid #a4925b88;background:var(--paper)}
#formula>.botanic{opacity:.2}
.foot{position:relative;isolation:isolate;overflow:hidden;background:#f2e7d0!important;color:#6f5429;padding-block:80px;border-top:1px solid #ae8b4d}
.foot::before{content:'';position:absolute;inset:14px 24px;z-index:-1;border-block:1px solid #ae8b4d70;pointer-events:none}
.foot .wrap{position:relative}.foot__mark{background:transparent;padding:0;width:150px!important;margin-inline:auto}
.foot__nav,.foot__meta,.foot__disc,.foot__social{color:#6f5429!important}
.foot__nav a{color:#6f5429}.foot__nav a:hover{color:#263e33}.foot__nav a:focus-visible{outline:2px solid #6f5429;outline-offset:5px}.foot__disc{opacity:1}
.drawer{background-image:url('chapters/botanical-pattern.svg');background-size:260px}
body.in-act .topbar{background:#1b3028f5;backdrop-filter:blur(6px)}
body.in-act .topbar__logo,body.in-garden .topbar__logo{background:transparent;padding:0}
:root[data-theme="dark"] .botanical-plate img{mix-blend-mode:normal}
:root[data-theme="dark"] .topbar__logo{background:transparent;padding:0}
html[lang="ar"] .chapter-copy,html[lang="ar"] .cabinet-copy{direction:rtl;text-align:right}
html[lang="ar"] .chapter-copy h1,html[lang="ar"] .chapter-title,html[lang="ar"] .cabinet-copy h2{font-family:'Aref Ruqaa',var(--ar-serif);letter-spacing:0;line-height:1.5;font-size:clamp(2.6rem,4.5vw,4.7rem)}
html[lang="ar"] .chapter-lead,html[lang="ar"] #about .lede{font-family:var(--ar-serif);font-size:1.15rem;line-height:1.9}
html[lang="ar"] .chapter-copy .eyebrow,html[lang="ar"] .chapter-link{letter-spacing:0}
html[lang="ar"] .botanical-plate h3{font-family:var(--ar-serif);font-size:1.2rem}
@media(min-width:701px){.chapter-hero .chapter-portrait{max-width:min(455px,calc((100svh - 175px)*.667))}}
@media(max-width:900px){.chapter-hero__grid{gap:5%;grid-template-columns:1.2fr 1fr}.chapter-copy h1{font-size:3.6rem}.chapter-actions{gap:12px}.about__grid{gap:6%}.botanical-plates{gap:18px}.ritual-chapter{gap:6%}}
@media(max-width:700px){
 .chapter-hero{padding:115px 0 55px}.chapter-hero__grid,.about__grid,.ritual-chapter,.cabinet-intro__grid{grid-template-columns:1fr;gap:45px}
 .chapter-copy h1{font-size:clamp(2.8rem,11vw,4.2rem);margin-bottom:20px}.chapter-copy .eyebrow{font-size:.6rem;margin-top:0}.chapter-divider{width:210px;margin-bottom:20px}.chapter-lead{font-size:1.3rem}
 .chapter-hero .chapter-portrait,.chapter-portrait{width:100%;max-width:420px;justify-self:center}
 .chapter-portrait::after{inset:-6px}.chapter-caption{margin-top:18px}.chapter-actions{gap:18px}.chapter-actions .btn{font-size:.67rem}
 .cabinet-intro{padding-block:55px}.cabinet-copy{order:-1}.cabinet-copy .chapter-divider{display:none}
 .sec{padding-block:70px}.ritual-chapter .chapter-copy{order:-1}.ritual-chapter{margin-bottom:0}.ritual-chapter .chapter-portrait{justify-self:center;max-width:380px}
 #about .chapter-title,.ritual-chapter .chapter-title{font-size:3rem}#about .lede{font-size:1.2rem}.botanical-plates{grid-template-columns:repeat(2,1fr);gap:28px 16px}.botanical-plate h3{font-size:1.35rem}.botanical-plate p{font-size:.6rem}
 #inside .vessel{padding:20px 0}#inside .vessel img{height:150px}.foot__nav{position:relative}.foot::before{opacity:.35}
 html[lang="ar"] .chapter-copy h1,html[lang="ar"] .chapter-title{font-size:2.7rem}
}
/* Content stays visible without script or with reduced motion. Reveal only once. */
@media(prefers-reduced-motion:no-preference){
 [data-chapter-reveal].chapter-reveal-active{animation:chapter-arrive 1.1s cubic-bezier(.2,.7,.2,1) both}
 .chapter-divider.chapter-reveal-active{animation:none}.chapter-divider.chapter-reveal-active path{stroke-dasharray:1;animation:chapter-draw 1.8s ease-out both}
 @keyframes chapter-arrive{from{opacity:.65;translate:0 16px}to{opacity:1;translate:0 0}}
 @keyframes chapter-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
}
.price-group{display:flex;flex-direction:column;gap:3px}.vat-note{display:inline-block;font-family:var(--sans),sans-serif;font-size:.63rem;line-height:1.6;font-weight:400;letter-spacing:0;color:var(--text-2);white-space:normal}
.modal__price .vat-note{vertical-align:middle;margin-inline-start:6px}.line .vat-note{display:block;font-size:.6rem}.total--tax{font-size:.8rem;color:var(--text-2);margin-block:8px}.total--grand{padding-top:12px;border-top:1px solid #aa955b55;font-weight:600;margin-bottom:18px}
@media(max-width:700px){.vat-note{font-size:.6rem}}

.intro__mark{background:transparent;padding:0}
@media(max-width:380px){.topbar__logo{width:58px}.tools{gap:4px}.topbar .pill{padding-inline:8px}}

/* One printed world: packaging greens, warm paper and restrained brass. */
:root{--paper:#f2e7d0;--paper-2:#e8ddc5;--panel:#f8f0df;--band:#e8ddc5;--forest:#2d4437;--display:#2d4437;--chapter-ink:#2d4437;--chapter-ochre:#ae8b4d}
:root[data-theme="dark"]{--paper:#192c23;--paper-2:#22372b;--panel:#22372b;--band:#22372b;--display:#f0dfbb;--chapter-ink:#f0dfbb}
.chapter-hero{padding:135px 0 88px;overflow:clip;border-bottom:1px solid #ae8b4d60}
.chapter-hero::before{background-image:url('chapters/botanical-surround.svg');opacity:.32}
.chapter-hero__grid{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:9%;max-width:1240px;align-items:center}
.chapter-hero .chapter-copy{padding-block:20px 60px}
.chapter-copy h1{font-size:clamp(3.4rem,5.1vw,5.5rem);line-height:1.04;max-width:12ch;margin-bottom:28px}
.chapter-copy h1 span{display:block}.chapter-copy h1 span+span{font-size:.77em;margin-top:.2em;color:var(--text-2)}
.chapter-hero .chapter-lead{max-width:31ch;font-size:clamp(1.25rem,1.65vw,1.5rem)}
.chapter-hero .chapter-divider{width:210px;color:var(--forest);opacity:.78}
.chapter-hero .chapter-copy .eyebrow{margin-block:12px 24px}
.hero-composition{direction:ltr;position:relative;width:100%;max-width:455px;justify-self:end;padding-bottom:24px;isolation:isolate}
.chapter-hero .chapter-portrait{width:100%;max-width:none;box-shadow:0 20px 44px #3b30251a}
.chapter-portrait::after{inset:-7px;border-color:#ae8b4d70;border-radius:34px 34px 4px 4px}
.hero-composition::before{content:'';position:absolute;inset:-28px -28px 16px;border:1px solid #8c91675c;border-radius:46% 46% 8px 8px;z-index:-1}
.hero-cabinet{position:absolute;inset-inline-start:-25%;bottom:-35px;width:57%;z-index:2;text-align:center;color:var(--chapter-ink);text-decoration:none;transform:translateY(var(--cabinet-depth,0px));will-change:transform}
.hero-cabinet img{width:100%;height:auto;display:block;filter:drop-shadow(0 14px 12px #352b2538)}
.hero-cabinet span{display:inline-block;font:italic 1.05rem 'Cormorant Garamond',Georgia,serif;padding:4px 15px;background:var(--paper);border-bottom:1px solid #ae8b4d70}
.hero-cabinet:focus-visible{outline:2px solid var(--chapter-ink);outline-offset:7px}
.chapter-portrait{isolation:isolate}
.portrait-motion{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:0;z-index:1}
.chapter-portrait[data-motion-ready="true"] .portrait-motion{opacity:1}
.portrait-pause{position:absolute;bottom:12px;inset-inline-end:12px;z-index:3;min-height:44px;padding:8px 13px;display:flex;align-items:center;gap:8px;border:1px solid #55634d90;background:#f2e7d0ed;color:#2d4437;font:500 .65rem var(--sans),sans-serif;line-height:1.5;letter-spacing:.03em;cursor:pointer}
.portrait-pause:focus-visible{outline:2px solid #2d4437;outline-offset:3px}.portrait-pause[hidden]{display:none}
.portrait-pause::before{content:'Ⅱ';font-size:1rem}.portrait-pause[aria-pressed="true"]::before{content:'▷'}
.sec{padding-block:90px;border-block:0}
#ritual{padding-block:74px 50px;background:var(--paper);border:0}
.ritual-chapter{grid-template-columns:.8fr 1.2fr;gap:11%;max-width:1110px;margin-inline:auto}
.ritual-chapter .chapter-portrait{max-width:330px}
.ritual-chapter .chapter-copy{border-bottom:1px solid #9a575245;padding-bottom:32px}
.ritual-chapter .chapter-title{max-width:12ch;font-size:clamp(3.2rem,4.5vw,4.8rem)}
#six{padding-top:40px;background:var(--paper)}
#six::before,#faq::before{display:none}
#six .sec__head::before{display:none}#six .sec__head{margin-bottom:40px}
.card{padding:15px 18px 22px;border:1px solid #8f805a60;transition:border-color .25s,box-shadow .25s;transform:none!important}
.card::after{opacity:.34}.card__img{border-radius:45% 45% 3px 3px;background:var(--wash)}
.card:focus-within{border-color:var(--forest);box-shadow:0 8px 28px #473b2714}
.card__name{color:var(--chapter-ink)}.card__foot{border-top:1px solid #b29a5d60;padding-top:16px}
.btn{border-radius:2px}.btn--solid{background:var(--forest);border-color:var(--forest);color:#f8efdd}
.btn--solid:hover{background:#405b47;border-color:#405b47}
#about{background:var(--paper-2);border-block:1px solid #ae8b4d40}
#about::before{opacity:.24}.about__grid{gap:10%;grid-template-columns:1.3fr 1fr}
#about .chapter-portrait{max-width:365px}#about .chapter-title{max-width:12ch}
.botanical-library{padding-top:55px}.botanical-library .chapter-divider{width:200px}
#inside{border-block:3px double #a9935c;padding-block:75px}
#inside .vessel{border-top:1px solid #c4ac7055}
#formula .label{border:3px double #a4925b70;border-radius:2px;padding:clamp(24px,5vw,65px)}
.cabinet-specs{margin-top:24px;border-block:1px solid #a4925b60;padding-block:14px}
.cabinet-specs summary{cursor:pointer;font-size:.84rem;color:var(--chapter-ink);padding-block:8px}
.cabinet-specs .spec{padding-top:12px}
.enquiry-link{display:flex;align-items:center;gap:25px;margin:0 0 35px}.enquiry-link p{font-size:.83rem;line-height:1.8;max-width:47ch;color:var(--text-2)}
#contact .contact__grid{border:1px solid #a18c5660}#contact::before{opacity:.5}
.act,body.no3d .act{height:400vh}
.scene-nav button{width:44px;height:44px;border-radius:50%;box-shadow:none}
.scene-nav button[aria-current="step"]{background:#cab582;border-color:#cab582;box-shadow:none}
.act__skip{min-height:44px;display:flex;align-items:center;letter-spacing:.08em}
.chap .eyebrow::before{content:'';width:26px;height:1px;background:currentColor;vertical-align:middle}
.chap h2{max-width:13ch}.chap__p{max-width:39ch}
html[lang="ar"] .chapter-copy h1{max-width:13ch;line-height:1.55;font-size:clamp(2.7rem,4.4vw,4.8rem)}
html[lang="ar"] .chapter-copy h1 span+span{margin-top:0;font-size:.8em}
html[lang="ar"] .hero-cabinet span{font-family:var(--ar-serif);font-style:normal}
html[lang="ar"] .portrait-pause{font-family:var(--ar-sans);letter-spacing:0}
@media(min-width:701px) and (max-height:800px){.hero-composition{max-width:360px}.chapter-hero{padding-top:115px}.chapter-copy h1{font-size:clamp(3.1rem,4.4vw,4.8rem)}}
@media(max-width:900px){.chapter-hero__grid{gap:7%}.hero-cabinet{width:60%;inset-inline-start:-16%}.chapter-copy h1{font-size:3.4rem}.chapter-actions{gap:12px}.chapter-actions .btn{font-size:.66rem}.ritual-chapter{gap:8%}}
@media(max-width:700px){
 .chapter-hero{padding:107px 0 70px}.chapter-hero__grid{grid-template-columns:1fr;gap:30px;width:calc(100% - 48px)}
 .chapter-hero .chapter-copy{padding:0}.chapter-hero .chapter-divider{width:145px;margin-bottom:16px}.chapter-hero .chapter-copy .eyebrow{font-size:.55rem;margin:0 0 17px}
 .chapter-copy h1{font-size:clamp(3rem,11vw,4.1rem);max-width:14ch;margin-bottom:20px}.chapter-hero .chapter-lead{font-size:1.27rem;max-width:31ch;margin-bottom:21px}
 .chapter-caption{font-size:.61rem;margin-top:18px}.chapter-actions{gap:16px}.chapter-link{font-size:.66rem}
 .hero-composition{max-width:340px;width:86%;justify-self:end;padding:0;margin-bottom:22px;margin-inline-end:2px}
 .hero-composition::before{inset:-12px -12px 8px}.hero-cabinet{width:57%;inset-inline-start:-16%;bottom:-36px}.hero-cabinet span{font-size:.9rem}
 .chapter-portrait::after{inset:-5px}.portrait-pause{bottom:10px;inset-inline-end:10px;font-size:.6rem;padding-inline:10px}
 .sec{padding-block:65px}#ritual{padding-block:58px 40px}.ritual-chapter{grid-template-columns:1fr;gap:35px}.ritual-chapter .chapter-copy{order:-1;padding-bottom:25px}
 .ritual-chapter .chapter-title,#about .chapter-title{font-size:3rem;max-width:14ch}.ritual-chapter .chapter-portrait{max-width:300px;justify-self:center}
 #six{padding-top:25px}.about__grid{grid-template-columns:1fr;gap:38px}#about .chapter-portrait{max-width:330px;justify-self:center}
 .act,body.no3d .act{height:340vh}.scene-nav{bottom:18px;gap:8px}.scene-nav button{width:44px;height:44px}
 .act__ui{padding-bottom:78px}.chap h2,.chap__p{margin-inline:auto}.act__skip{display:flex;top:80px}
 .enquiry-link{flex-direction:column;align-items:start;gap:15px}.botanical-library{padding-top:45px}
 html[lang="ar"] .chapter-copy h1{font-size:2.75rem}.chapter-hero::before{opacity:.3}
}
@media(prefers-reduced-motion:reduce){.hero-cabinet{transform:none;will-change:auto}.portrait-motion,.portrait-pause{display:none!important}.act,body.no3d .act{height:280vh}}
@media(max-width:700px){.chap__p{font-size:13px;line-height:1.7}.chap .eyebrow{font-size:10px}.act__skip{font-size:9px}.chapter-caption{font-size:11px}.chapter-hero .chapter-copy .eyebrow{font-size:10px}}
@media(max-width:700px) and (max-height:700px){.chap h2{font-size:1.55rem}.chap__p{font-size:12px;line-height:1.5}.chap__cta{margin-top:14px}.act__ui{padding-bottom:76px}}
/* Keep the real cabinet proportionate in the product detail view. */
.modal__art img{height:auto;max-height:58vh;object-fit:contain}
.modal__x{width:44px;height:44px;background:var(--paper);border:1px solid #a4925b60}
@media(max-width:720px){.modal__art{padding:20px}.modal__art img{max-height:32vh;width:auto;max-width:100%}.modal__body{padding:20px}.modal__body h3{font-size:1.45rem}.modal__body p{line-height:1.6}}

/* Portraits deliberately keep their inward-facing composition in both locales. */
:root[data-theme="dark"] .chapter-hero .chapter-divider{color:#d8c28f}
:root[data-theme="dark"] .card:focus-within{border-color:#d8c28f}
:root[data-theme="dark"] .btn--solid{background:#d8b173;border-color:#d8b173;color:#192c23}
:root[data-theme="dark"] .btn--solid::before{background:#e6d4aa}
:root[data-theme="dark"] .btn--solid:hover{background:#e6d4aa;border-color:#e6d4aa}
.portrait-pause:focus-visible{outline:2px solid #f2e7d0;outline-offset:2px;box-shadow:0 0 0 5px #2d4437}
html[lang="ar"] .portrait-pause{direction:rtl}
/* Keep the control clear of the cabinet overlap in either reading direction. */
.portrait-pause{inset-inline-end:auto;right:12px}

html[lang="ar"] .hero-cabinet span{direction:rtl}
.scene-nav button[aria-current="step"]{color:#162019}
.chap .eyebrow::before{display:inline-block;margin-inline-end:13px}

/* One uninterrupted botanical margin follows the document, including its footer. */
main::before,main::after{content:'';position:absolute;top:0;bottom:0;width:clamp(18px,4.4vw,64px);z-index:10;pointer-events:none;background:url('chapters/continuous-vine.svg') left top/100% 1050px repeat-y;opacity:.68}
main::before{left:0}main::after{right:0;transform:scaleX(-1);background-position:left 270px}
.vframe{display:none}
.chapter-hero::before,#about::before,#six::before,#faq::before,#contact::before{background:none}
.sec::after,#inside::after{border:0;background:none}
@media(max-width:700px){main::before,main::after{width:18px;opacity:.52;background-size:100% 840px}.foot::before{inset-inline:24px}}