/* The cover occupies a short, native-scroll sequence. No scroll interception. */
body:has(.cover-stage) .site-header{position:absolute;top:0;left:0;right:0;background:transparent;border-color:#24282340}
.hero{height:270svh;min-height:0;max-height:none;overflow:visible;background:#d8d1c3}
.cover-stage{position:sticky;top:0;height:100svh;min-height:640px;overflow:hidden;isolation:isolate;--travel:0;--pointer:0px}
.cover-room{position:absolute;inset:-3%;background-size:cover;background-position:center 58%;transform:translateX(calc(var(--pointer) * -.3)) scale(calc(1.03 + var(--travel) * .055));transform-origin:62% 85%;will-change:transform,opacity}
.cover-living{background-image:url('./assets/empty-living.webp')}
.cover-creative{background-image:url('./assets/empty-creative.webp');opacity:var(--room-mix,0)}
.cover-shade{position:absolute;inset:0;background:linear-gradient(90deg,#f3eadc85,transparent 42%),linear-gradient(0deg,#e4dcc7b0,transparent 20%);pointer-events:none}
.cover-masthead{position:absolute;top:13%;left:3%;width:94%;font-family:Archivo,Arial,sans-serif;font-size:20.5vw;letter-spacing:-.085em;line-height:1;color:#333a30;z-index:1;transform:translateY(calc(var(--travel) * -70px));opacity:calc(1 - var(--travel) * .3)}
.hero .hero-copy{position:absolute;top:42%;left:6%;padding:0;width:33%;z-index:2;transform:translateY(calc(var(--travel) * -35px))}
.hero .edition{font-size:10px;letter-spacing:.1em}
.hero h1,html[lang=zh-Hant] .hero h1{font-size:clamp(56px,6.6vw,106px);line-height:1.02;letter-spacing:-.065em;margin-top:15px}
.hero h1 span{color:#a94024}
.hero .hero-description{font-size:13px;margin:18px 0 22px;max-width:280px}
.hero .button{background:#f0eee2e6;border:1px solid #333a3070;box-shadow:5px 6px 0 #31372b18;transform:rotate(-3deg);padding:14px 20px;min-height:48px;backdrop-filter:blur(8px)}
.hero .button:hover{background:#fc865e;transform:rotate(0deg)}
.hero .hero-product{width: min(110vw,145svh);height:min(110vw,145svh);right:-3%;top:auto;bottom:-27svh;z-index:3;pointer-events:none;transform-origin:50% 80%;transform:translateX(var(--pointer)) scale(calc(1 + var(--travel) * .11))!important;transition:none}
.hero .hero-product img{width:100%;height:100%;object-fit:contain;filter:none}
.cover-caption{position:absolute;right:5%;top:49%;z-index:4;width:150px;font-size:10px;letter-spacing:.08em;transform:translateY(calc(var(--travel) * -15px))}
.cover-caption>span:first-child{font-size:32px;letter-spacing:-.05em}.cover-caption-line{display:block;border-top:1px solid #42463680;margin:15px 0;width:80px}
.cover-footer{position:absolute;bottom:24px;left:5%;right:5%;z-index:5;display:flex;align-items:center;gap:22px;font-size:10px;letter-spacing:.05em}.cover-footer a{margin-left:auto}.cover-progress{width:100px;height:2px;background:#333a3033}.cover-progress i{display:block;width:100%;height:100%;background:#a94024;transform-origin:left;transform:scaleX(var(--travel))}
@media(max-width:1000px){.hero .hero-product{right:-17%}.cover-caption{right:3%;width:110px}.cover-masthead{top:17%}.hero .hero-copy{left:5%;top:40%}}
@media(max-width:760px){.hero{height:245svh}.cover-stage{min-height:600px}.cover-masthead{top:15%;font-size:20.5vw;left:3%}.cover-room{background-position:54% center}.hero .hero-copy{left:6%;top:27%;width:70%;z-index:2}.hero h1,html[lang=zh-Hant] .hero h1{font-size:49px;line-height:1.1;margin-top:9px}.hero .edition{font-size:8px}.hero .hero-description{font-size:11px;margin:12px 0;max-width:200px}.hero .button{font-size:10px;padding:11px 14px;min-height:42px;gap:22px}.hero .hero-product{width:205vw;height:205vw;right:-68vw;bottom:-28vw;z-index:3}.cover-caption{top:auto;bottom:16%;left:6%;right:auto;width:110px;font-size:8px}.cover-caption>span:first-child{font-size:25px}.cover-caption-line{width:45px;margin:9px 0}.cover-footer{bottom:19px;font-size:8px;gap:13px}.cover-footer a{display:none}.cover-progress{margin-left:auto;width:65px}}
html[data-motion=reduced] .hero{height:auto}html[data-motion=reduced] .cover-stage{position:relative}html[data-motion=reduced] .cover-room,html[data-motion=reduced] .cover-masthead,html[data-motion=reduced] .hero-copy{transform:none!important}
@media(prefers-reduced-motion:reduce){.hero{height:auto}.cover-stage{position:relative}.cover-room,.cover-masthead,.hero-copy{transform:none!important}}
.hero .hero-product img{mask-image:linear-gradient(to right,transparent 0%,#000 22%,#000 84%,transparent 100%)}
@media(min-width:761px){.hero .hero-product{bottom:-23svh;width:min(103vw,132svh);height:min(103vw,132svh);right:1%}.cover-masthead{font-size:19.1vw}}
@media(max-width:760px){.hero .hero-product{width:180vw;height:180vw;max-width:105svh;max-height:105svh;right:-44vw;bottom:-15svh}.hero .hero-copy{width:88%}.hero h1,html[lang=zh-Hant] .hero h1{font-size:44px}.cover-caption{bottom:13%}}
@media(max-width:760px){.cover-masthead{font-size:19.1vw}.cover-room{background-position:78% center}.cover-caption{z-index:4;background:#eee8d9c9;padding:8px;width:102px;left:4%}}
@media(max-width:760px){.cover-room{background-position:100% center}}
html[data-motion=reduced] .cover-footer>span,html[data-motion=reduced] .cover-progress{display:none}html[data-motion=reduced] .cover-footer a{display:block;margin-left:0}
@media(prefers-reduced-motion:reduce){.cover-footer>span,.cover-progress{display:none}.cover-footer a{display:block;margin-left:0}}
@media(max-width:760px){body:has(.cover-stage) .header-action{display:none}}