/* Technical drawing for the selected Oxion edition. */
/* ScrollTrigger must be able to measure/restore scroll positions instantly. */
html:has(.lab-refined){scroll-behavior:auto}
.lab-refined .fragrance-study{position:relative;overflow:clip;isolation:isolate;scroll-margin-top:-115px}
.lab-refined .fragrance-bottle{background:var(--paper);color:var(--ink);border-top:0}
.lab-refined .study-shell{min-height:min(920px,100svh);padding-block:65px 28px;display:grid;grid-template-columns:.82fr 1.18fr;column-gap:30px;align-items:center;position:relative}
.lab-refined .study-copy{position:relative;z-index:1;max-width:440px;padding-block:30px}
.lab-refined .study-copy h2{font-size:clamp(42px,5.2vw,78px);margin:24px 0 34px;line-height:1.06;letter-spacing:-.058em}
.lab-refined .study-copy h2 em{display:inline-block;line-height:1.02}
.lab-refined .study-description{font:400 14px/1.9 var(--sans);max-width:30ch;color:var(--muted)}
.lab-refined .study-copy .text-link{margin-top:28px;font-size:11px;gap:25px}
.lab-refined .study-art{margin:0;min-width:0;position:relative;align-self:center}
.lab-refined .study-svg{width:100%;height:min(70svh,700px);min-height:450px;display:block;overflow:visible}
.lab-refined .study-svg *{transform-box:fill-box;transform-origin:center}
.lab-refined .study-art figcaption{display:flex;justify-content:space-between;gap:20px;padding:10px 5%;font:400 10px/1.7 Mono,monospace;color:#6c786b}
.lab-refined .study-art figcaption span:last-child{text-align:right}
.lab-refined .study-foot{grid-column:1/-1;display:flex;justify-content:space-between;gap:20px;border-top:1px solid #b3b9ab80;padding-top:19px;margin-top:25px;font:400 9px/1.7 Mono,monospace;letter-spacing:.08em;text-transform:uppercase;color:#677261;align-self:end}
@media(max-width:1100px){
 .lab-refined .study-shell{column-gap:10px;padding-block:45px 24px}
 .lab-refined .study-art figcaption{font-size:9px;padding-inline:0}
}
@media(max-width:760px){
 .lab-refined .fragrance-study{scroll-margin-top:-85px}
 .lab-refined .study-shell{min-height:100svh;grid-template-columns:1fr;gap:0;padding-block:46px 22px}
 .lab-refined .study-copy{grid-column:1;grid-row:1;max-width:none;padding:0}
 .lab-refined .study-copy .lab-eyebrow{margin-bottom:20px}
 .lab-refined .study-copy h2{font-size:clamp(39px,10vw,57px);margin:0 0 20px}
 .lab-refined .study-description{font-size:13px;max-width:35ch}
 .lab-refined .study-copy .text-link{margin-top:9px;font-size:10px;min-height:44px}
 .lab-refined .study-art{grid-column:1;grid-row:2;margin:5px -8px 0}
 .lab-refined .study-svg{height:auto;min-height:0;max-height:52svh;aspect-ratio:640/680}
 .lab-refined .study-art figcaption{font-size:8px;padding:8px 8px 0;gap:15px}
 .lab-refined .study-foot{font-size:8px;margin-top:24px;gap:16px;padding-top:15px;align-items:start}
 .lab-refined .study-foot span:last-child{text-align:right;max-width:14ch}
}
@media(prefers-reduced-motion:reduce){
 .lab-refined .study-svg{animation:none!important}
}

/* Scroll chapters hold the scene while the visitor advances its drawing. */
.lab-refined .study-stage{background:inherit;width:100%;height:100svh;overflow:clip}
.lab-refined .fragrance-bottle .study-stage{background:var(--paper)}
.lab-refined .technical-drawing{fill:none;stroke:#40584f;stroke-linecap:round;stroke-linejoin:round}
.lab-refined .technical-axes{stroke-width:.8;opacity:.28}
.lab-refined .technical-construction{stroke-width:.7;opacity:.34}
.lab-refined .technical-volume{stroke-width:1.4}
.lab-refined .technical-volume .tech-detail{stroke-width:.8;opacity:.58}
.lab-refined .technical-volume .tech-cap-seat{stroke-width:1;opacity:.85}
.lab-refined .technical-volume .tech-inner-glass{stroke-width:.7;opacity:.52}
.lab-refined .technical-volume .tech-cap-finish{stroke-width:.65;opacity:.65}
.lab-refined .technical-carton{stroke-width:1.25;opacity:.9}
.lab-refined .technical-carton .tech-box-fold{stroke-width:.75;opacity:.56}
.lab-refined .technical-carton .tech-box-interior{stroke-width:.7;opacity:.5}
.lab-refined .technical-drawing .tech-final-section{stroke-width:.7;opacity:.7}
.lab-refined .technical-dimensions{stroke-width:.8;opacity:.65}
.lab-refined .technical-table{stroke-width:.85;opacity:.38}
.lab-refined .technical-table .tech-table-detail{stroke-width:.65;opacity:.75}
.lab-refined .technical-platform{stroke-width:.85;opacity:.55}
.lab-refined .technical-platform .tech-platform-brace{stroke-width:.65;opacity:.65}
.lab-refined #forma:not([data-art-state="scroll"]) :is(.technical-table,.technical-platform){visibility:hidden}
.lab-refined .fragrance-bottle .study-stage{position:relative}
.lab-refined .study-outro{position:absolute;inset:0;display:grid;place-items:center;z-index:3;pointer-events:none;opacity:0;visibility:hidden}
.lab-refined .study-outro img{width:clamp(210px,34vw,490px);height:auto;max-width:calc(100vw - 96px);object-fit:contain}
.lab-refined #forma[data-art-state="scroll"] .study-outro{visibility:visible}
.lab-refined .fragrance-study .study-shell{height:100svh;min-height:0;grid-template-rows:minmax(0,1fr) auto;padding-block:40px 25px}
.lab-refined .fragrance-study .study-art{height:100%;min-height:0;align-self:stretch}
.lab-refined .fragrance-study .study-svg{height:calc(100% - 32px);min-height:0;max-height:none}
.lab-refined .fragrance-study .study-art figcaption{height:32px;padding-block:8px 0}
.lab-refined .fragrance-study .study-foot{margin-top:12px}
@media(max-width:760px){
 .lab-refined .fragrance-study .study-shell{height:100svh;grid-template-rows:auto minmax(0,1fr) auto;padding-block:28px 18px}
 .lab-refined .fragrance-study .study-copy{padding:0}
 .lab-refined .fragrance-study .study-copy .lab-eyebrow{margin-bottom:13px}
 .lab-refined .fragrance-study .study-copy h2{font-size:clamp(35px,9.5vw,48px);margin-bottom:15px}
 .lab-refined .fragrance-study .study-description{font-size:12px;line-height:1.75}
 .lab-refined .fragrance-study .study-copy .text-link{margin-top:5px}
 .lab-refined .fragrance-study .study-art{margin-top:8px;height:calc(100% - 8px);min-height:0}
 .lab-refined .fragrance-study .study-svg{height:calc(100% - 26px);aspect-ratio:auto}
 .lab-refined .fragrance-study .study-art figcaption{height:26px;font-size:7px}
 .lab-refined .fragrance-study .study-foot{grid-row:3;margin-top:14px;padding-top:12px;font-size:7px}
}
@media(max-height:650px) and (min-width:761px){
 .lab-refined .fragrance-study .study-copy h2{font-size:40px;margin-block:16px}
 .lab-refined .fragrance-study .study-description{font-size:12px}
 .lab-refined .fragrance-study .study-shell{padding-block:20px 16px}
}
@media(prefers-reduced-motion:reduce){.lab-refined .fragrance-study{height:auto}}

/* This chapter keeps only its main copy and illustration. */
.lab-refined #forma .study-shell{grid-template-rows:minmax(0,1fr)}
.lab-refined #forma .study-svg{height:100%}
@media(max-width:760px){
 .lab-refined #forma .study-shell{grid-template-rows:auto minmax(0,1fr)}
}