/* Champagne theme shared by the shop and about pages. Palette from the new photographs. */
body.cz{--bg:#fbeedd;--s1:#f7d7b5;--s2:#efc8a0;--tx:#3a2412;--mu:#6e5238;--hl:rgba(58,36,18,.2);--gold:#b07a28;--gold-d:#8a5a14;--cream:#fbeedd;--ft-bg:#141b2b;--ft-tx:#fbeedd;--navy:#141b2b;--burg:#54130e;--peach:#f1c4a6;--ink:#0c0c0d;background:var(--bg);color:var(--tx)}
html:has(body.cz){background:#fbeedd}
body.cz .hd{background:rgba(244,189,192,.96)!important;backdrop-filter:blur(12px)!important;box-shadow:0 1px 0 rgba(120,50,60,.22)}
body.cz .mark img{filter:brightness(.55) saturate(1.7) contrast(1.1);height:clamp(54px,4.6vw,66px)}
body.cz .nav a,body.cz .lang,body.cz .cartb{color:var(--tx)}
body.cz .lang,body.cz .cartb{background:transparent;box-shadow:inset 0 0 0 1px rgba(90,30,40,.45)}
body.cz .cartb b{color:#6b1a14}body.cz .burger i{background:var(--tx)}
body.cz .sheet{background:#f4bdc0}body.cz .sheet a{color:var(--tx)}
body.cz .btn{background:#e8c56a;color:#2a1706;box-shadow:inset 0 0 0 1px rgba(138,90,20,.35)}
body.cz .btn.ghost{background:transparent;color:var(--tx);box-shadow:inset 0 0 0 1px rgba(58,36,18,.5)}
@media(hover:hover) and (pointer:fine){body.cz .btn:not(.ghost):hover{background:#f2d588;color:#2a1706}body.cz .btn.ghost:hover{background:rgba(58,36,18,.07)}}
body.cz :focus-visible{outline-color:#8a5a14}
body.cz .nt span{color:var(--mu);box-shadow:inset 0 0 0 1px var(--hl)}
body.cz .buy b{color:var(--gold-d)}
.hp{position:fixed;z-index:80;right:0;top:50%;transform:translateY(-50%);writing-mode:vertical-rl;padding:16px 10px;background:#141b2b;color:#fbeedd;font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;box-shadow:0 10px 26px -10px rgba(0,0,0,.5)}
html[dir=rtl] .hp{right:auto;left:0}html[lang=ar] .hp{letter-spacing:0;font-size:.95rem}
@media(max-width:700px){.hp,html[dir=rtl] .hp{writing-mode:horizontal-tb;top:auto;transform:none;right:14px;left:auto;bottom:14px;padding:10px 14px}html[dir=rtl] .hp{right:auto;left:14px}}
main{overflow-x:clip}
h1,h2,h3{font-weight:200;letter-spacing:-.03em;line-height:1;text-wrap:balance}
html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3{font-weight:500;letter-spacing:0;line-height:1.25}
.rv2{--p:0;opacity:calc(.08 + var(--p)*.92);transform:translate3d(0,calc((1 - var(--p))*46px),0)}
.rvc{--p:0;clip-path:inset(calc((1 - var(--p))*30%) 0 0 0);transform:translate3d(0,calc((1 - var(--p))*30px),0)}
@media(prefers-reduced-motion:reduce){.rv2,.rvc{opacity:1;transform:none;clip-path:none}}

/* page title band: a photograph with the title on it */
.pt{position:relative;margin-top:var(--nav);min-height:clamp(300px,46svh,460px);display:grid;align-items:end;overflow:hidden;background:#3a2412;color:#fff8ea}
.pt img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--op,50% 50%)}
.pt::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,rgba(30,16,6,.8),rgba(30,16,6,.25) 50%,transparent 75%)}
@media(max-width:700px){.pt__t>*{max-width:100%}.pt__t{justify-items:start}.pt img{object-position:20% 50%}}
.pt__t{position:relative;z-index:2;max-width:1500px;width:100%;margin-inline:auto;padding:0 var(--gut) clamp(28px,5vw,60px);display:grid;gap:12px;justify-items:right;text-align:left}
.pt__t>*{max-width:min(42%,560px);width:100%}html[dir=rtl] .pt__t{text-align:right}
.pt h1{font-size:clamp(2.6rem,6vw,5.8rem);color:#fff8ea;text-shadow:0 2px 26px rgba(20,10,4,.55)}
.pt p{color:#f1e2c8;font-size:1.1rem;max-width:30em;text-shadow:0 1px 14px rgba(20,10,4,.6)}

/* plain sections */
.zs{padding:clamp(56px,8vw,120px) 0;color:var(--tx)}
.zs--sand{background:#f7d7b5}.zs--peach{background:#f1c4a6}.zs--cream{background:#fbeedd}.zs--navy{background:#141b2b;color:#fbeedd}
.zs h2{font-size:clamp(2.1rem,4.4vw,4.2rem);max-width:15ch}
.zs--navy h2{color:#fbeedd}
.zs--navy p{color:#d8c6aa}

/* photo band with text */
.cph{position:relative;min-height:max(520px,80svh);display:grid;overflow:hidden;color:#fbeedd;background:#3a2412}
.cph__bg{position:absolute;inset:0;z-index:0}.cph__bg img{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--op,50% 50%)}
.cph::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:var(--sc)}
.cph__t{position:relative;z-index:2;display:grid;gap:clamp(12px,2.2svh,20px);align-content:end;max-width:min(640px,100%);padding:clamp(60px,10vw,120px) var(--gut)}
.cph h2{font-size:clamp(2.3rem,5vw,4.8rem);color:#fff8ea;text-shadow:0 2px 28px rgba(20,10,4,.55)}
.cph p{color:#f1e2c8;font-size:1.1rem;max-width:26em;text-shadow:0 1px 14px rgba(20,10,4,.6)}
body.cz .cph .btn.ghost{color:#fff8ea;box-shadow:inset 0 0 0 1px rgba(255,248,234,.7)}
.row2{display:flex;gap:12px;flex-wrap:wrap}.row2 .btn{width:max-content}

/* framed photo */
.ph{position:relative;margin:0;overflow:hidden;background:#e2d3b8;box-shadow:0 0 0 1px rgba(176,122,40,.5),0 40px 60px -40px rgba(58,36,18,.45)}
.ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.zs--navy .ph{box-shadow:0 0 0 1px rgba(232,197,106,.55),0 40px 60px -30px #000}

/* header: transparent over the title photo at the top, pink once you scroll */
body.cz .hd{transition:background-color .35s var(--ease),box-shadow .35s var(--ease)}
body.cz.at-top .hd{background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none}
body.cz.at-top .mark img{filter:brightness(1.45) saturate(1.25) drop-shadow(0 1px 5px rgba(0,0,0,.55))}
body.cz.at-top .nav a{color:#fff8ea;text-shadow:0 1px 10px rgba(20,10,4,.65)}
body.cz.at-top .lang,body.cz.at-top .cartb{color:#fff8ea;box-shadow:inset 0 0 0 1px rgba(255,248,234,.6)}
body.cz.at-top .cartb b{color:#e8c56a}body.cz.at-top .burger i{background:#fff8ea}
.pt{margin-top:0;min-height:clamp(340px,52svh,520px);display:flex;align-items:flex-end}.pt__t{margin-top:auto}.pt h1,.pt p{text-align:start;margin-inline:0}
.pt::after{content:"";position:absolute;inset:0 0 auto 0;height:140px;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(20,10,4,.5),transparent)}
@media(prefers-reduced-motion:reduce){body.cz .hd{transition:none}}

/* phones: title band, spacing */
@media(max-width:700px){
  .pt{min-height:300px}.pt::before{background:linear-gradient(0deg,rgba(30,16,6,.9),rgba(30,16,6,.55) 45%,rgba(30,16,6,.2) 75%,transparent)}
  .pt__t{padding:0 var(--gut) 24px;gap:8px;justify-items:start}.pt__t>*{max-width:100%}.pt h1{font-size:clamp(2.3rem,11vw,3.2rem)}.pt p{font-size:1rem}
  .zs{padding:46px 0}.zs h2{font-size:clamp(1.9rem,8.5vw,2.6rem)}
  .cph{min-height:72svh}.cph__t{padding:56px var(--gut) 34px}.cph h2{font-size:clamp(2rem,9vw,2.8rem)}
}