.ml-study{color-scheme:dark;--chalk:#f2efe5;--charcoal:#262b27;--p:0;--edge:115%;--fog:0;--warm-copy:0;--hint:1;--tone:235,219,195}
.ml-study *{box-sizing:border-box}
.ml-study,.ml-study{margin:0;background:var(--charcoal);color:var(--chalk)}
.ml-study{font-family:Plex,monospace}
.ml-study button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
.ml-study button:focus-visible{outline:2px solid var(--chalk);outline-offset:6px}
.ml-study .sequence{width:100%;max-width:520px;margin:0 auto;position:relative}
.ml-study .window-chapter{height:calc(333.333svh + var(--opening-overflow,0px));position:relative}
.ml-study .stage{position:sticky;top:calc(-1 * var(--opening-overflow,0px));height:auto;min-height:100svh;overflow:hidden;isolation:isolate;background:#8ea6a4}
.ml-study .scene{position:absolute;inset:0}
.ml-study .scene video{width:100%;height:100%;object-fit:cover;display:block}
.ml-study .water video{object-position:57% center}
.ml-study .window video{object-position:54% center}
.ml-study .interior video{object-position:51% center}
.ml-study .scene:after{content:"";position:absolute;inset:0;pointer-events:none}
.ml-study .window:after{background:linear-gradient(0deg,#262b2780,transparent 50%,#262b271a)}
.ml-study .water:after{background:linear-gradient(180deg,#18302f55,transparent 60%,#18302f55)}
.ml-study .window{z-index:0;top:auto;height:100svh}
.ml-study .interior{position:relative;z-index:1;-webkit-mask-image:linear-gradient(to bottom,#000 calc(var(--mask-edge,2000px) - 11svh),transparent calc(var(--mask-edge,2000px) + 12svh));mask-image:linear-gradient(to bottom,#000 calc(var(--mask-edge,2000px) - 11svh),transparent calc(var(--mask-edge,2000px) + 12svh))}
.ml-study .steam{position:absolute;inset:auto 0 0;height:100svh;z-index:2;pointer-events:none;opacity:var(--fog)}
.ml-study .vapour{position:absolute;left:-25%;width:150%;height:78%;top:var(--edge);background:rgb(var(--tone));mask-size:100% 100%;-webkit-mask-size:100% 100%;filter:blur(3px);will-change:transform;transform:translate(calc(var(--p)*-9%),-46%)}
.ml-study .far{width:175%;left:-35%;height:64%;opacity:.7;filter:blur(7px);transform:translate(calc(var(--p)*12%),-59%) scaleX(-1)}
.ml-study .trail{height:88%;opacity:.35;filter:blur(11px);transform:translate(calc(var(--p)*5%),-17%)}
.ml-study header{position:absolute;z-index:4;top:max(27px,env(safe-area-inset-top));left:7%;right:7%;display:flex;align-items:center;justify-content:space-between}
.ml-study header>span:first-child{font-family:Newsreader,Georgia,serif;font-size:28px;letter-spacing:-.04em}
.ml-study .study-label{font-size:7px;letter-spacing:.09em;opacity:.8}
.ml-study .words{position:absolute;left:7%;right:6%;z-index:3}
.ml-study h1,.ml-study h2{font-family:Newsreader,Georgia,serif;font-weight:400;font-size:clamp(46px,17vw,93px);letter-spacing:-.055em;line-height:.91;margin:0}
.ml-study em{font-weight:400}
.ml-study .warm-words{bottom:18%;opacity:var(--warm-copy)}
.ml-study .warm-words em{color:#e9d9bf}
.ml-study .water-words{top:21%}
.ml-study .water-words h2{font-size:clamp(52px,20vw,108px)}
.ml-study .scroll-hint,.ml-study .replay{position:absolute;z-index:4;left:7%;bottom:max(36px,env(safe-area-inset-bottom));font-size:9px;letter-spacing:.04em;display:flex;gap:35px;align-items:center}
.ml-study .scroll-hint{opacity:var(--hint)}
.ml-study .scroll-hint span,.ml-study .replay span{font-size:22px}
.ml-study .replay{border:0;background:transparent;padding:10px 0;visibility:hidden}
.ml-study .replay.is-ready{visibility:visible}
.ml-study .pause{position:fixed;z-index:4;bottom:33px;right:7%;background:#262b2722;border:1px solid #f2efe590;border-radius:50%;width:32px;height:32px;font-size:11px}
@media(min-width:701px){.ml-study{background:#1c211d}
.ml-study .stage{box-shadow:0 0 80px #0003}}
@media(prefers-reduced-motion:reduce){.ml-study .steam{display:none}
.ml-study .warm-words,.ml-study .water-words{transform:none}
.ml-study .interior{mask-image:none;-webkit-mask-image:none;opacity:calc(1 - var(--warm-copy))}}
.ml-study .plunge{position:relative;inset:auto;z-index:3;height:100svh;margin-top:-100svh;overflow:hidden;background:#8ea6a4}
.ml-study .plunge>video{position:absolute;inset:0}
.ml-study .study-end{position:relative;height:18svh;min-height:100px;background:var(--charcoal);z-index:3}
.ml-study .study-end .replay{bottom:auto;top:50%;transform:translateY(-50%)}
.ml-study .sauna{--ember:#b8774e;--margin:6vw;color:var(--charcoal);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
.ml-study .sauna p,.ml-study .sauna figure{margin:0}
.ml-study .sauna p{line-height:1.6}
.ml-study .sauna figure{position:relative}
.ml-study .sauna img,.ml-study .sauna video{display:block;width:100%;height:100%;object-fit:cover}
.ml-study .sauna h2{letter-spacing:-.052em}
.ml-study .sauna figcaption,.ml-study .sauna .chapter-label,.ml-study .sauna .small-note,.ml-study .sauna .temperature{font-family:Plex,monospace;font-size:10px;letter-spacing:.09em;line-height:1.5}
.ml-study .sauna figcaption{margin-top:12px;font-size:9px;letter-spacing:.045em}
.ml-study .chapter-label{display:flex;justify-content:space-between;border-top:1px solid #262b2740;padding-top:16px;text-transform:uppercase;font-size:9px}
.ml-study .sauna{padding:45px var(--margin) 100px;position:relative;z-index:2;margin-top:-100svh;background:var(--chalk)}
.ml-study .sauna-heading{display:grid;grid-template-columns:1.25fr 1fr;align-items:center;padding:70px 0 62px;gap:12%}
.ml-study .sauna h2{font-size:clamp(76px,8vw,128px)}
.ml-study .sauna h2 em{color:var(--ember)}
.ml-study .sauna-intro{max-width:300px;font-size:15px;line-height:1.65}
.ml-study .sauna-intro .small-note{display:block;margin-top:26px;font-size:9px}
.ml-study .sauna-spread{display:grid;grid-template-columns:16% 44% 12% 28%;grid-template-rows:auto 120px;position:relative;padding-bottom:45px}
.ml-study .sauna-main{grid-column:1/4;grid-row:1;aspect-ratio:16/10}
.ml-study .sauna-main video{object-position:45% 50%}
.ml-study .sauna-detail{grid-column:4;grid-row:1/3;width:91%;justify-self:end;align-self:end;transform:translateY(2px)}
.ml-study .sauna-detail img{aspect-ratio:4/5;height:auto}
.ml-study .sauna-detail figcaption{font-family:Newsreader,Georgia,serif;font-size:28px;letter-spacing:-.03em;margin-top:18px}
.ml-study .temperature{grid-column:1;grid-row:2;align-self:end;display:flex;align-items:center;gap:12px;height:80px;margin-top:48px}
.ml-study .temperature>span:first-child{font-size:8px;writing-mode:vertical-rl;transform:rotate(180deg)}
.ml-study .thermometer{position:relative;height:88px;width:18px;background:repeating-linear-gradient(to top,transparent 0 10px,#262b2740 10px 11px) right/7px 100% no-repeat}
.ml-study .thermometer:before{position:absolute;content:"";width:1px;height:100%;background:#262b2730;left:1px}
.ml-study .thermometer i{position:absolute;width:2px;bottom:0;left:1px;height:calc(12% + var(--heat)*80%);background:var(--ember)}
.ml-study .thermometer b{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--ember);bottom:-2px;left:-1px}
.ml-study .temperature-end{white-space:nowrap;font-size:8px;align-self:end;padding-bottom:8px}
.ml-study .sauna-aside{grid-column:2/4;grid-row:2;align-self:end;justify-self:center;font-family:Newsreader,Georgia,serif;font-size:32px;line-height:1.05;letter-spacing:-.03em;padding-top:40px}
.ml-study .sauna-aside em{color:var(--ember)}
.ml-study .chapter-label{font-size:7px;padding-top:12px;letter-spacing:.04em}
.ml-study .sauna{padding-top:27px;padding-bottom:65px}
.ml-study .sauna-heading{display:flex;flex-direction:column;align-items:start;gap:30px;padding:50px 0 36px}
.ml-study .sauna h2{font-size:clamp(65px,16vw,108px);line-height:.94}
.ml-study .sauna-intro{font-size:13px;max-width:260px;margin-left:16%}
.ml-study .sauna-intro .small-note{font-size:7px;margin-top:18px}
.ml-study .sauna-spread{grid-template-columns:29% 35% 36%;grid-template-rows:auto 120px;padding-bottom:52px}
.ml-study .sauna-main{grid-column:1/4;grid-row:1;aspect-ratio:4/4.6;margin-right:13%}
.ml-study .sauna-main video{object-position:51% 50%}
.ml-study .sauna-main figcaption{font-size:7px;max-width:180px;margin-top:9px}
.ml-study .sauna-detail{grid-column:3;grid-row:1/3;width:126%;align-self:end;z-index:2;transform:translateY(-12px);padding:5px 0 0 5px;background:var(--chalk)}
.ml-study .sauna-detail figcaption{font-size:25px;margin-top:11px}
.ml-study .temperature{grid-column:1;grid-row:2;margin-top:20px;height:70px;gap:9px}
.ml-study .thermometer{height:66px}
.ml-study .temperature>span:first-child{font-size:6px}
.ml-study .temperature-end{display:none}
.ml-study .sauna-aside{grid-column:2;grid-row:2;font-size:20px;align-self:end;justify-self:start;transform:translateX(-8px);padding:0 0 2px;z-index:3}
.ml-study .sauna{margin-top:0;z-index:1;min-height:100svh}
.ml-study .sauna-coals{position:absolute!important;z-index:3;left:2%;bottom:155px;width:34%;aspect-ratio:4/5;border:4px solid var(--chalk);background:var(--charcoal);overflow:hidden}
.ml-study .sauna-main{z-index:1}
.ml-study .sauna-image{position:relative;width:100%;height:100%}
.ml-study .sauna-image #interior{position:absolute;max-width:none}
.ml-study .sauna-heading,.ml-study .sauna .chapter-label,.ml-study .sauna-detail,.ml-study .sauna-coals,.ml-study .temperature,.ml-study .sauna-aside,.ml-study .sauna-main figcaption{opacity:var(--editorial-opacity,1)}
.ml-study .sauna-details{position:relative;padding-top:21.25%;margin-bottom:32px}
.ml-study .sauna-details .sauna-coals{top:0;right:0;bottom:auto;left:auto;width:34%}
.ml-study .sauna-details .sauna-detail{width:46%;margin:0;transform:none;padding:0;justify-self:start;align-self:start;left:0;right:auto}
.ml-study .sauna-heading{padding-bottom:16px}
.ml-study .sauna-details{padding-top:30%;margin-bottom:24px}
.ml-study .sauna-details .sauna-coals{width:50vw;max-width:260px}
.ml-study .sauna-intro{font-size:15.6px}
.ml-study .trail{top:calc(77% - var(--p)*45%);height:100%;opacity:calc(.48 + var(--lake-steam,0)*.32);transform:translate(calc(var(--p)*5%),-17%)}
.ml-study .veil{left:-35%;width:175%;top:calc(104% - var(--p)*30%);height:110%;opacity:calc(.38 + var(--lake-steam,0)*.32);filter:blur(12px);transform:translate(calc(var(--p)*-6%),-40%) scaleX(-1)}
.ml-study .steam{-webkit-mask-image:radial-gradient(ellipse var(--text-rx,70%) var(--text-ry,23%) at var(--text-x,46%) var(--text-y,72%),rgba(0,0,0,var(--text-haze,1)) 15%,#000 100%);mask-image:radial-gradient(ellipse var(--text-rx,70%) var(--text-ry,23%) at var(--text-x,46%) var(--text-y,72%),rgba(0,0,0,var(--text-haze,1)) 15%,#000 100%)}
.ml-study .headline-shade{position:absolute;z-index:3;left:0;right:0;bottom:0;height:48svh;pointer-events:none;opacity:var(--warm-copy);background:linear-gradient(to top,rgba(38,43,39,.18) 0%,rgba(38,43,39,.18) 40%,transparent 100%)}
.ml-study .stage>.warm-words{z-index:4;bottom:18svh}
.ml-study .steam{filter:none;transform:none}.ml-study .sauna{min-height:100svh}