/* Keep firing controls in reserved space, including long English phase labels. */
html[lang] body[data-page=kiln]>.site-header{position:relative;top:auto}
html[lang] body[data-page=kiln] main .fuel-control{display:flex;flex-direction:column;gap:0}
html[lang] body[data-page=kiln] main .fuel-control p{white-space:normal;overflow-wrap:break-word}
html[lang] body[data-page=kiln] main .skip-kiln{background:var(--paper);padding:8px 12px;line-height:1.5;min-height:44px}
@media(min-width:1101px){
 html[lang] body[data-page=kiln] main .kiln-experience{min-height:740px}
 html[lang] body[data-page=kiln] main .kiln-copy{top:40px;width:31%}
 html[lang] body[data-page=kiln] main .firing-stages{top:300px;bottom:auto;height:190px;display:flex;flex-direction:column;justify-content:space-between;width:144px}
 html[lang] body[data-page=kiln] main .firing-stages li{padding:0;min-height:22px;line-height:22px;gap:18px}
 html[lang] body[data-page=kiln] main .kiln-temperature{top:300px;bottom:auto;height:190px;left:calc(var(--gutter) + 152px)}
 html[lang] body[data-page=kiln] main .fuel-control{top:540px;bottom:auto;left:var(--gutter);width:27%;align-items:flex-start;text-align:left}
 html[lang] body[data-page=kiln] main .fuel-control p{margin-top:18px;max-width:100%;text-align:left}
 html[lang] body[data-page=kiln] main .skip-kiln{bottom:72px}
 html[lang] body[data-page=kiln] main .motion-toggle{bottom:12px;right:var(--gutter)}
}
@media(min-width:761px) and (max-width:1100px){
 html[lang] body[data-page=kiln] main .kiln-experience{--tablet-art-width:132vw;--tablet-art-height:88vw;--tablet-art-top:220px;height:calc(var(--tablet-art-top) + var(--tablet-art-height) + 300px);min-height:0;aspect-ratio:auto;max-height:none}
 html[lang] body[data-page=kiln] main .kiln-copy{left:var(--gutter);right:var(--gutter);top:28px;width:auto}
 html[lang] body[data-page=kiln] main .kiln-copy p{margin-top:16px}
 html[lang] body[data-page=kiln] main .kiln-art{left:calc(50% - var(--tablet-art-width)*.56);right:auto;top:var(--tablet-art-top);bottom:auto;width:var(--tablet-art-width);height:var(--tablet-art-height)}
 html[lang] body[data-page=kiln] main .drop-zone{left:calc(50% - var(--tablet-art-width)*.16);right:auto;top:calc(var(--tablet-art-top) + var(--tablet-art-height)*.685);bottom:auto;width:calc(var(--tablet-art-width)*.28);height:calc(var(--tablet-art-height)*.26)}
 html[lang] body[data-page=kiln] main .fuel-control{left:var(--gutter);right:var(--gutter);top:calc(var(--tablet-art-top) + var(--tablet-art-height) + 16px);bottom:auto;width:auto;text-align:center;align-items:center}
 html[lang] body[data-page=kiln] main .fuel-control .wood{width:200px;height:52px;margin-inline:auto}
 html[lang] body[data-page=kiln] main .fuel-control p{margin:12px auto 0;text-align:center;max-width:52ch;font-size:14px;line-height:1.6}
 html[lang] body[data-page=kiln] main .firing-stages{left:var(--gutter);right:var(--gutter);top:calc(var(--tablet-art-top) + var(--tablet-art-height) + 176px);bottom:auto;height:50px;width:auto;display:flex;flex-direction:row;justify-content:space-between}
 html[lang] body[data-page=kiln] main .firing-stages:before{left:9px;right:9px;top:8px;bottom:auto;height:1px;width:auto}
 html[lang] body[data-page=kiln] main .firing-stages li{display:flex;flex-direction:column;gap:8px;padding:0;line-height:20px;font-size:14px;min-width:50px}
 html[lang] body[data-page=kiln] main .firing-stages i{flex:none}
 html[lang] body[data-page=kiln] main .kiln-temperature{left:auto;right:var(--gutter);top:calc(var(--tablet-art-top) + var(--tablet-art-height) + 132px);bottom:auto;width:100px;height:24px;display:block}
 html[lang] body[data-page=kiln] main .kiln-temperature .temperature-track,html[lang] body[data-page=kiln] main .kiln-temperature:before,html[lang] body[data-page=kiln] main .kiln-temperature:after{display:none}
 html[lang] body[data-page=kiln] main .kiln-temperature strong{position:static;display:block;text-align:right;font-size:14px;line-height:24px}
 html[lang] body[data-page=kiln] main .skip-kiln{left:var(--gutter);right:auto;bottom:12px}
 html[lang] body[data-page=kiln] main .motion-toggle{right:var(--gutter);bottom:12px}
 html[lang] body[data-page=kiln] main .kiln-reveal{left:var(--gutter);right:var(--gutter);top:calc(var(--tablet-art-top) + var(--tablet-art-height) + 20px);bottom:auto;width:auto;max-width:340px;padding:0;margin-inline:auto;background:none;border:0}
 html[lang] body[data-page=kiln] main .kiln-reveal .reveal-orbit{width:176px;margin:12px auto}
 html[lang] body[data-page=kiln] main .kiln-reveal .primary-link{width:auto;padding:12px 20px}
 html[lang] body[data-page=kiln] main .kiln-experience[data-stage='4']{height:calc(var(--tablet-art-top) + var(--tablet-art-height) + 590px)}
 html[lang] body[data-page=kiln] main .kiln-experience[data-stage='4'] .fuel-control{display:none}
 html[lang] body[data-page=kiln] main .kiln-experience[data-stage='4'] .firing-stages{top:calc(var(--tablet-art-top) + var(--tablet-art-height) + 460px)}
 html[lang] body[data-page=kiln] main .kiln-experience[data-stage='4'] .kiln-temperature{top:calc(var(--tablet-art-top) + var(--tablet-art-height) + 420px)}
}
@media(max-width:760px){
 html[lang] body[data-page=kiln] main .fuel-control{align-items:center}
 html[lang] body[data-page=kiln] main .skip-kiln{left:8px;right:auto;bottom:0;font-size:12px}
 html[lang] body[data-page=kiln] main .motion-toggle{right:16px;bottom:0;min-height:44px;display:flex;align-items:center}
}

@media(max-width:1100px){html[lang] body[data-page=kiln] main .kiln-temperature small{display:none}}

@media(max-width:760px){
 html[lang] body[data-page=kiln] main .kiln-experience:not([data-stage='4']){height:calc(var(--mobile-scene-top) + var(--scene-height) + 280px)}
 html[lang] body[data-page=kiln] main .kiln-experience:not([data-stage='4']) .kiln-temperature{top:calc(var(--mobile-scene-top) + var(--scene-height) + 126px)}
 html[lang] body[data-page=kiln] main .kiln-experience:not([data-stage='4']) .firing-stages{top:calc(var(--mobile-scene-top) + var(--scene-height) + 170px)}
}

@media(max-width:1100px){html[lang] body[data-page=kiln] main .kiln-temperature>span{display:none}html[lang] body[data-page=kiln] main .kiln-temperature strong{margin:0;transform:none}}

/* Consume the log, then show a stable opening control only after cooling. */
html[lang] body[data-page=kiln] main .wood[hidden]{display:none!important}
html[lang] body[data-page=kiln] main .wood:not(.is-held){transform:none}
html[lang] body[data-page=kiln] main .kiln-experience[data-phase="ready"] .wood{display:flex;align-items:center;justify-content:center;padding:0;text-align:center;transform:none;transition:color .2s,border-color .2s}
html[lang] body[data-page=kiln] main .kiln-experience[data-phase="ready"] .wood span{margin:0;transform:none;line-height:1.5}
html[lang] body[data-page=kiln] main .fuel-control{min-height:104px}

/* The whole result-name row shares the image and action centre at every width. */
html[lang] body[data-page=kiln] main .kiln-reveal .reveal-title>h2{width:100%;max-width:none;justify-self:stretch;margin:0;text-align:center}
html[lang] body[data-page=kiln] main .kiln-reveal .reveal-title>h2>a{display:block;width:100%;text-align:center}