/* One original Panda, with the story on its display. */
.desk-page{--desk-sky:#dce9f2;--desk-green:#b9cdbc}
.desk-page section{scroll-margin-top:110px}
.desk-visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.desk-story-skip{position:absolute;top:100px;left:24px;z-index:30;padding:12px;background:#fff;color:#000;transform:translateX(-200vw)}
.desk-story-skip:focus{transform:none}
.desk-cinema{position:relative;background:#000;scroll-margin-top:-110px!important}
.desk-cinema-sticky{position:relative;height:600px;overflow:clip}
.desk-cinema.is-scrollable{height:1100svh}
.desk-cinema.is-scrollable .desk-cinema-sticky{position:sticky;top:0;height:100svh;min-height:610px}
.desk-cinema-product{position:absolute;inset:0;margin:0;pointer-events:none}
.desk-cinema-product canvas{position:absolute;inset:0;width:100%;height:100%;opacity:0}
.desk-product-poster{position:absolute;left:50%;top:50%;width:min(65vw,calc(78svh * .865),650px);max-height:85%;object-fit:contain;transform:translate(-50%,-50%)}
.has-model .desk-cinema-product canvas{opacity:1}
.has-model .desk-product-poster{visibility:hidden}
.desk-privacy{position:absolute;left:8%;top:39%;max-width:36%;pointer-events:none}
.desk-privacy h2{font-size:clamp(38px,4vw,58px);line-height:1.1}
.desk-privacy p{margin-top:28px;font-size:18px;color:var(--text)}
.desk-privacy p.is-muted{color:#f0c44c}
.desk-development{position:absolute;bottom:25px;left:32px;font-size:10px;color:#858e8c}
.desk-static-story{display:none;max-width:600px;margin:0 auto;padding:0 24px 50px;font-size:15px;line-height:1.6}
.desk-cinema:not(.is-scrollable) .desk-static-story{display:grid;gap:22px}

.desk-cinema:not(.is-scrollable) .desk-product-poster{top:55%;max-height:78%}
.desk-cinema.is-static .desk-development{bottom:16px;left:0;width:100%;text-align:center}
.desk-intro{text-align:center;padding:110px 0 100px}
.desk-intro h2{font-size:clamp(56px,6vw,88px);line-height:1.06;margin:24px 0 32px}
.desk-life{position:relative;overflow:hidden;border-radius:24px;isolation:isolate}
.desk-life>img{width:100%;height:650px;object-fit:cover;object-position:center 56%}
.desk-example-note{font-size:11px;line-height:1.7;margin-top:24px;max-width:48ch}
.desk-quiet .text-panel{gap:24px}
.desk-quiet .page-label{margin:0}
.desk-setup{padding:130px 0}
.desk-setup .section-heading{gap:0}
.desk-setup h2{font-size:clamp(52px,5.8vw,78px);line-height:1.05}
.desk-setup ol{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px;margin:60px 0 0;padding:0}
.desk-setup li{border-top:1px solid var(--line);padding-top:22px}
.desk-setup li>span{font:11px/1.6 ui-monospace,monospace;color:var(--muted)}
.desk-setup h3{margin:30px 0 14px}
.desk-setup li p{font-size:14px;line-height:1.7}
.desk-setup>.desk-example-note{max-width:none;margin-top:40px}
.desk-notify{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:center;border-radius:24px;padding:90px 64px;background:linear-gradient(#173d62c9,#123353c9),url('./sky-origin.png') center 36%/cover}
.desk-notify h2{font-size:clamp(48px,5vw,72px);line-height:1.06}
.desk-notify .page-label{color:var(--desk-sky)}
.desk-notify>div>p:last-child{margin-top:25px;color:var(--desk-sky);font-size:15px}
.desk-notify form>label:first-child{display:block;font-size:13px;margin:0 0 12px}
.desk-email-row{display:flex;gap:10px}
.desk-email-row>input{width:100%;min-width:0;border:1px solid #b8cbd980;background:#102d47;color:white;border-radius:8px;padding:14px;font:16px var(--sans)}
.desk-email-row>input::placeholder{color:#bbccd9}
.desk-email-row>input:focus-visible{outline:2px solid #fff;outline-offset:3px}
.desk-email-row .button{gap:12px}
.desk-consent{display:flex;align-items:flex-start;gap:10px;font-size:12px;color:var(--desk-sky);line-height:1.7;margin-top:20px}
.desk-consent input{flex-shrink:0;accent-color:white;width:16px;height:16px;margin:3px 0 0}
.desk-consent a{color:white;text-decoration:underline;text-underline-offset:3px}
.desk-form-message{min-height:24px;color:white;font-size:13px;margin-top:20px}
.desk-form-message[data-error]{color:#ffe2bf}
.desk-form-note{font-size:10px;color:#c0d1df;margin-top:8px}
.desk-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.desk-notify input:disabled,.desk-notify button:disabled{opacity:.7;cursor:default}
.desk-dock{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:20;display:flex;align-items:center;gap:40px;padding:7px 7px 7px 20px;border:1px solid #3a4140;border-radius:12px;background:#101111;box-shadow:0 8px 28px #0005}
.desk-dock>a:first-child{display:flex;gap:12px;align-items:center;white-space:nowrap;font-size:12px}
.desk-dock .button{min-height:42px;padding:12px 16px;font-size:10px}

@media(max-width:1100px){.desk-notify{padding:70px 44px;gap:44px}.desk-email-row{flex-direction:column}.desk-email-row .button{align-self:flex-start}}
@media(max-width:760px){
 .desk-product-poster{width:min(94vw,calc(78svh * .865))}
 .desk-cinema-sticky{height:560px}
 .desk-cinema.is-scrollable{height:1000svh}
 .desk-development{left:0;width:100%;text-align:center;bottom:16px;font-size:9px}
 .desk-privacy{left:0;top:auto;bottom:11%;max-width:none;width:100%;text-align:center}
 .desk-privacy h2{font-size:34px}.desk-privacy p{font-size:16px;margin-top:20px}
 .desk-static-story{font-size:12px}
 .desk-intro{padding:80px 0}.desk-intro h2{font-size:56px}
 .desk-setup{padding:85px 0}.desk-setup h2{font-size:48px}.desk-setup ol{grid-template-columns:1fr;gap:28px;margin-top:36px}.desk-setup li{padding:23px 0 0 38px;position:relative}.desk-setup li>span{position:absolute;top:26px;left:0}.desk-setup h3{margin:0 0 12px;font-size:19px}.desk-setup li p{font-size:13px}
 .desk-notify{grid-template-columns:1fr;gap:36px;padding:58px 26px;border-radius:18px}.desk-notify h2{font-size:48px}.desk-notify>div>p:last-child{font-size:14px}.desk-email-row{flex-direction:row}.desk-email-row .button{padding-inline:15px;align-self:stretch;font-size:10px;gap:8px}.desk-email-row .button svg{display:none}.desk-consent{font-size:11px}
 .desk-dock{bottom:12px;width:calc(100% - 32px);justify-content:space-between;gap:12px;padding-left:14px}.desk-dock>a:first-child{font-size:11px;gap:8px}.desk-dock>a:first-child span{max-width:125px;white-space:normal;line-height:1.4}.desk-dock .button{padding-inline:13px;gap:9px}
}
@media(max-width:760px) and (max-height:740px){
 .desk-privacy{bottom:8%}.desk-privacy h2{font-size:30px}
 .desk-development{bottom:9px;font-size:8px}
}
@media(max-width:360px){.desk-setup h2{font-size:41px}.desk-notify h2{font-size:40px}.desk-email-row{flex-direction:column}.desk-email-row .button{align-self:flex-start}.desk-dock>a:first-child img{display:none}}