/* ANJI as a botanical salon: organic poster borders, iris friezes and period type. */
:root{--serif:'Glass Antiqua','Cormorant Garamond',Georgia,serif;--paper:#f3ecd8;--paper-2:#eae2c8;--panel:#f9f1dd;--band:#eae2c8;--text-2:#5b6248;--display:#344832}
:root[data-theme="dark"]{--paper:#152219;--paper-2:#1c2c1e;--panel:#1e3022;--band:#1c2c1e;--text-2:#c8bfa3;--display:#e9d6a3}
h2,h3{font-variant-ligatures:common-ligatures}
html[lang="en"] .sec__head h2{font-size:clamp(3rem,5.3vw,5.3rem);line-height:1.03;letter-spacing:-.025em;max-width:19ch;text-transform:none}
html[lang="en"] .lede,html[lang="en"] .dropcap,html[lang="en"] .review p{font-family:'Cormorant Garamond',Georgia,serif;font-size:1.4rem;line-height:1.5;font-weight:500}
html[lang="ar"] .sec__head h2,html[lang="ar"] .herbarium__copy h2{font-family:'Aref Ruqaa',var(--ar-serif);line-height:1.65;font-size:clamp(2.3rem,4.5vw,4rem)}
.sec{border-top:1px solid #ad986053;border-bottom:1px solid #ad986053;padding-block:110px 105px;overflow:hidden}
.sec::after{content:'';position:absolute;inset:12px 13px;z-index:0;border:1px solid #9687534d;pointer-events:none}
.sec__head{position:relative}
.sec__head::before{width:210px;height:60px;margin-bottom:4px;background-image:url('nouveau-frieze.svg');background-size:auto 58px}
.sec__head .eyebrow{letter-spacing:.24em;font-size:.65rem}
.sec__head .lede{max-width:53ch}
#about,#six,#reviews,#faq,#contact{background-color:var(--paper);background-image:linear-gradient(90deg,#9d8d5920,transparent 20%,transparent 80%,#9d8d5920)}
#about::before,#six::before,#reviews::before,#faq::before,#contact::before{content:'';position:absolute;inset:30px 0 0;background:url('nouveau-lilies.svg') left top/185px 650px no-repeat,url('nouveau-lilies.svg') right bottom/185px 650px no-repeat;opacity:.64;pointer-events:none;z-index:0}
#about>.wrap,#six>.wrap,#reviews>.wrap,#faq>.wrap,#contact>.wrap{max-width:1140px}
#about .sec__head{max-width:900px;margin:0 auto 55px;text-align:center;align-items:center}
#about .sec__head h2{max-width:17ch}
.about__grid{padding:0 35px;gap:70px}
.about__art{border:3px double #99864f;border-radius:46% 46% 0 0;background:repeating-radial-gradient(ellipse at 50% 30%,transparent 0 28px,#8a87531b 29px 30px),#e3d4af}
.about__art::after{inset:9px;border:1px solid #95865088}
.dropcap::first-letter{font-family:'Glass Antiqua',serif;font-weight:400;color:#916c39}
#six .sec__head{max-width:840px;margin-inline:auto;padding-inline:20px}
#six .sec__head h2{max-width:18ch}
#six::before{background-position:left 80px,right 80px;opacity:.7}
.shelf{gap:32px;align-items:stretch}
.card{--botanical:#778462;--wash:#e1d8bb;border:1px solid #8f805a;border-radius:0;padding:15px 18px 22px;background:var(--panel);box-shadow:none;gap:15px;isolation:isolate}
.card:nth-child(2){--botanical:#6e877c;--wash:#d4ded0}
.card:nth-child(3){--botanical:#a28a66;--wash:#e7d7bc}
.card:nth-child(4){--botanical:#8d986a;--wash:#dde0bd}
.card:nth-child(5){--botanical:#b49c61;--wash:#eee1b3}
.card:nth-child(6){--botanical:#9d7e70;--wash:#e4d0c1}
.card::before{content:'';position:absolute;inset:5px;border:1px solid #9b8a584f;z-index:-1;pointer-events:none}
.card::after{content:'';display:block;position:absolute;inset:15px 17px auto;height:340px;background:url('nouveau-lilies.svg') left bottom/67px 260px no-repeat,url('nouveau-lilies.svg') right bottom/67px 260px no-repeat;z-index:1;pointer-events:none;opacity:.7}
.card__img{position:relative;height:340px;border:1px solid var(--botanical);border-radius:47% 47% 0 0;background:repeating-radial-gradient(ellipse at 50% 42%,transparent 0 24px,#746e3720 25px 26px),var(--wash);padding:35px 23px 20px}
.card__img img{position:relative;z-index:2;filter:drop-shadow(0 13px 12px #463b272b)}
.card__corner{display:none}
.card:hover{transform:translateY(-3px);box-shadow:0 10px 30px #473b2714;border-color:#786438}
.card:hover .card__img img{transform:scale(1.025)}
.card__heading{gap:7px;margin-top:9px}
.card__heading .card__name,html[lang="ar"] .card__heading .card__name{text-transform:none;letter-spacing:.015em;line-height:1.6}
.card__sprig{width:95px;height:18px;stroke:#9c8046}
html[lang="en"] .card__note{font-family:'Cormorant Garamond',Georgia,serif;font-size:1.08rem;line-height:1.45;font-weight:500}
.card__note{min-height:4.3em;max-width:29ch;color:var(--text-2)}
.card__foot{margin-top:auto;border-top:3px double #b29a5d70}
.price{font-family:'Cormorant Garamond',Georgia,serif;font-size:1.2rem}
#inside{border-block:7px double #a9935c;background:radial-gradient(ellipse at 50% 35%,#405239,#1c3022 75%)}
#inside::after{inset:13px;border:1px solid #b9a57166;background:url('nouveau-lilies.svg') left bottom/200px 670px no-repeat,url('nouveau-lilies.svg') right top/200px 670px no-repeat;opacity:.45}
#inside .vessel{border:3px double #c4ac704d;border-radius:46% 46% 0 0;background:repeating-radial-gradient(ellipse at 50% 30%,transparent 0 24px,#c4ac7010 25px 26px)}
#inside .vessel b{font-size:1.05rem;letter-spacing:.015em;text-transform:none}
#ritual{background:#d8c99f;border-block:8px double #817544;padding-bottom:110px}
#ritual::before{content:'';position:absolute;inset:12px 14px auto;height:55px;background:url('nouveau-frieze.svg') center/250px 55px repeat-x;opacity:.7;pointer-events:none}
#ritual .sec__head{text-align:center;align-items:center}
#ritual .panels{gap:40px}
#ritual .panel{padding:12px;border:1px solid #938455;background:#f6edcf99;text-align:center}
#ritual .panel__art{border:3px double #9a8956;border-radius:46% 46% 0 0;padding:9px;background:#d5c192}
#ritual .panel__art img{border-radius:46% 46% 0 0;aspect-ratio:4/4.5}
#ritual .panel__no{font-family:'Cormorant Garamond',serif;font-style:italic;letter-spacing:0;font-size:1.5rem;margin-top:2px}
#ritual .panel h3{font-size:2rem;line-height:1.15}
#ritual .panel p:last-child{padding:0 8px 14px;font-size:.83rem}
#formula .label{border-radius:0;border:7px double #a4925b;background:var(--paper);position:relative}
#formula .label::before{content:'';display:block;height:60px;margin:0 auto 26px;background:url('nouveau-frieze.svg') center/270px 60px repeat-x}
#formula .label h2{font-size:clamp(2.7rem,4.5vw,4rem)}
.review{background:transparent;border:0;border-inline-start:1px solid #9f8c5755;border-top:3px double #9f8c5777;border-radius:0}
.review__av{background:#777e57}
.faq{border-top:5px double #a18c56;border-bottom:5px double #a18c56;padding-inline:24px;background:var(--paper)}
.faq summary{font-size:1.55rem}
#contact .contact__grid{padding:35px;border:5px double #a18c5680;background:var(--paper)}
.field input,.field textarea,.field select{background:transparent;border:0;border-bottom:1px solid #a18c56;padding-inline:4px}
.topbar{border-bottom:4px double #a9966450}
.pill{border-radius:3px 12px 3px 12px}
html[lang="en"] .chap h2{font-family:'Glass Antiqua',serif;font-size:clamp(2.8rem,4.6vw,5.2rem);line-height:1.02;letter-spacing:-.02em}
.herbarium__copy h2{font-family:'Glass Antiqua',serif;font-size:clamp(4rem,8vw,8rem);font-weight:400}
.herbarium__stage::before{content:'';position:absolute;inset:18px;z-index:4;border:5px double #baa56b55;border-radius:47% 47% 0 0;pointer-events:none}
.herbarium__crown{width:240px}
:root[data-theme="dark"] .card{background:var(--panel)}
:root[data-theme="dark"] .card__img{--wash:#536045;background:repeating-radial-gradient(ellipse at 50% 42%,transparent 0 24px,#d6bd7226 25px 26px),var(--wash)}
:root[data-theme="dark"] #ritual{background:#34432d}
:root[data-theme="dark"] #ritual .panel{background:#1b2c20}
:root[data-theme="dark"] #ritual .panel p{color:#d3c9ac}
@media(min-width:1250px){#six{padding-inline:11vw}.shelf{gap:38px}.card:nth-child(3n+2){transform:translateY(24px)}.card:nth-child(3n+2):hover{transform:translateY(21px)}}
@media(max-width:899px){
 .sec{padding-block:80px}.sec::after{inset:9px 8px}
 #about::before,#six::before,#reviews::before,#faq::before,#contact::before{background-size:78px 390px;opacity:.3}
 .sec__head::before{width:170px;height:48px;background-size:auto 46px}
 .about__grid{padding:0 8px;gap:35px}
 html[lang="en"] .sec__head h2{font-size:clamp(2.8rem,8vw,4.5rem)}
 html[lang="en"] .lede,html[lang="en"] .dropcap{font-size:1.2rem}
 #six .sec__head{padding-inline:8px}
 .card{padding-inline:18px}.card__img{height:325px}.card::after{height:325px;background-size:59px 240px}
 .herbarium__copy h2{font-size:clamp(3.7rem,12vw,5.5rem)}
 #inside::after{background-size:90px 420px;opacity:.24}
 #ritual .panels{gap:28px}
 #contact .contact__grid{padding:22px 16px}
 .faq{padding-inline:14px}.faq summary{font-size:1.35rem}
}
@media(max-width:380px){.card{padding-inline:14px}.card__img,.card::after{height:290px}.card::after{inset-inline:13px}.shelf{gap:28px}html[lang="en"] .chap h2{font-size:2.7rem}}
@media(prefers-reduced-motion:reduce){.card,.card:hover,.card:nth-child(3n+2),.card:nth-child(3n+2):hover{transform:none}.card:hover .card__img img{transform:none}}
:root[data-theme="dark"] #ritual h2,:root[data-theme="dark"] #ritual h3{color:#ead7aa}
:root[data-theme="dark"] #ritual .eyebrow{color:#d9bf7d}
@media(max-width:899px) and (max-height:700px){html[lang="en"] .chap h2{font-size:1.85rem}}

@media(max-width:899px) and (max-height:700px){.act__skip{display:none}}

.shop-preview{max-width:650px;margin:0 auto 35px;text-align:center;font-size:.8rem;line-height:1.8;color:var(--text-2)}

/* Keep closed navigation out of short viewports; the open sheet can scroll. */
.msheet{visibility:hidden;overflow-y:auto}
.msheet.on{visibility:visible}
@media(max-width:899px) and (max-height:450px) and (orientation:landscape){
 .act__ui{align-items:center;padding:78px 26px 60px}
 .act__chapters{width:43%;max-width:none;align-self:center;margin:0;text-align:start}
 html[lang] .chap h2{font-size:1.55rem;margin:10px 0;max-width:none}
 .chap__p{font-size:.66rem;line-height:1.55;margin:0}
 .chap__cta{justify-content:flex-start;margin-top:10px}
 .scene-nav{bottom:12px}
 body.no3d .stage2d img{left:73%;top:48%;width:40vw;max-height:60vh}
 html[dir="rtl"] body.no3d .stage2d img{left:27%}
}