/* QVINTO · The Rarest Stones · Option B, expanding row */
.q-option-tag{display:block;text-align:center;margin:0 auto 2.2rem;font-family:var(--mono);font-size:.58rem;letter-spacing:.3em;text-transform:uppercase;color:var(--text-faint)}
.q-rarest-b{min-height:calc(100svh - 94px);display:flex;flex-direction:column;justify-content:center;padding-block:clamp(2.5rem,6vh,4.5rem)}
.q-rarest-b .container{position:relative;z-index:1;width:100%}
.q-rarest-b .q-option-tag{margin-bottom:1.4rem}
.q-rarest-b .q-rarest__head{margin-bottom:clamp(1.8rem,4vh,2.8rem)}
.q-strips{display:flex;gap:clamp(.5rem,.8vw,.8rem);height:clamp(360px,calc(100svh - 94px - 22rem),560px)}
.q-strip{--c:#fff;position:relative;flex:1 1 0;min-width:0;overflow:hidden;cursor:pointer;outline:none;border:1px solid var(--line-soft);background:radial-gradient(120% 80% at 50% 30%,color-mix(in oklab,var(--c) 14%,#07120e),#050c09 75%);transition:flex-grow 1s cubic-bezier(.22,.61,.36,1),border-color .8s}
.q-strip.is-open{flex-grow:4;cursor:default;border-color:color-mix(in oklab,var(--c) 45%,transparent)}
.q-strip:focus-visible{border-color:var(--gold)}
.q-strip::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;z-index:3;background:linear-gradient(90deg,transparent,var(--c),transparent);opacity:.7}
.q-strip__media{position:absolute;inset:0;z-index:0}
.q-strip__media image-slot{width:100%;height:100%}
.q-strip:not(.is-open) .q-strip__media image-slot{pointer-events:none}
.q-strip__shade{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(to top,rgba(4,9,7,.94) 0%,rgba(4,9,7,.55) 30%,transparent 58%),radial-gradient(60% 45% at 50% 40%,color-mix(in oklab,var(--c) 30%,transparent),transparent 70%);opacity:.9;transition:opacity 1s}
.q-strip__label{position:absolute;left:50%;bottom:1.6rem;z-index:2;writing-mode:vertical-rl;transform:translateX(-50%) rotate(180deg);font-family:var(--serif);font-style:italic;font-weight:300;font-size:clamp(1.25rem,1.6vw,1.6rem);color:var(--text);white-space:nowrap;transition:opacity .5s}
.q-strip.is-open .q-strip__label{opacity:0}
.q-strip__content{position:absolute;left:clamp(1.4rem,2.4vw,2.4rem);bottom:clamp(1.4rem,3vh,2.4rem);z-index:2;width:min(26rem,calc(100% - 3rem));opacity:0;transform:translateY(12px);transition:opacity .4s,transform .4s;pointer-events:none}
.q-strip.is-open .q-strip__content{opacity:1;transform:none;transition:opacity .8s .45s,transform .8s .45s cubic-bezier(.22,.61,.36,1)}
.q-strip__name{font-family:var(--serif);font-style:italic;font-weight:300;font-size:clamp(1.9rem,2.8vw,2.7rem);color:var(--text);margin:0 0 .8rem;text-shadow:0 0 28px color-mix(in oklab,var(--c) 50%,transparent)}
.q-strip__body{font-size:.98rem;line-height:1.75;color:var(--text);opacity:.85;margin:0;text-wrap:pretty}
@media (max-width:820px){
.q-strips{flex-direction:column;height:auto}
.q-strip{flex:none;height:76px;transition:height .9s cubic-bezier(.22,.61,.36,1),border-color .8s}
.q-strip.is-open{height:420px}
.q-strip__label{writing-mode:horizontal-tb;transform:translateY(50%);left:1.4rem;bottom:50%}
}
@media (prefers-reduced-motion:reduce){.q-strip,.q-strip__content{transition:none!important}}