/* Restore the user-confirmed CONTINUUM cover composition. Only the central material changes. */
.hero.atelier-hero{--cream:#f0eae5;--lilac:#ab92a9;min-height:640px;color:var(--cream);background:radial-gradient(ellipse at 50% 58%,#4c334a 0%,#241a28 35%,#131116 75%);isolation:isolate;clip-path:none}
.header:not(.light){background:#14111688;border-bottom:1px solid #e9d7d01d;backdrop-filter:blur(8px);color:#f1e8e4}
.atelier-title{position:absolute;top:18%;left:8%;z-index:1;font:400 clamp(70px,10.3vw,168px)/.87 Georgia,'Times New Roman',serif;letter-spacing:-.065em;color:#f0eae5;opacity:.92;pointer-events:none}
.atelier-title em{display:block;margin-left:13vw;color:var(--lilac);font-weight:400;font-style:italic}
.atelier-micro{display:block;font:9px/1.7 Consolas,monospace;letter-spacing:.15em;margin-bottom:28px;color:#b9a9af}
.atelier-coordinate{position:absolute;right:8%;top:13%;font:9px/1.8 Consolas,monospace;color:#b8a8b2}
.light-object{position:absolute;left:18%;top:19%;width:69%;height:72%;z-index:4;perspective:1100px;cursor:grab;touch-action:pan-y;user-select:none;transform:translate(var(--mx,0px),var(--my,0px));transition:transform .2s ease-out}
.light-object:active{cursor:grabbing}.light-object:focus-visible{outline:1px dashed #eed0db;outline-offset:8px}.light-object[data-input=pointer]:focus{outline:none}
.light-object .light-sculpture{width:100%;height:100%;object-fit:contain;transform:rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg)) rotateZ(var(--roll,0deg));transform-origin:center;pointer-events:none}
.floating-scene{position:absolute;z-index:3;background:#211a21;padding:5px;box-shadow:0 22px 45px #08060b88;pointer-events:none;transform:translate(var(--card-x,0px),var(--card-y,0px)) rotate(var(--angle))}
.floating-scene img{height:calc(100% - 25px);object-fit:cover;user-select:none}.floating-scene figcaption{font:8px/1.5 Consolas,monospace;letter-spacing:.06em;display:flex;justify-content:space-between;padding:9px 3px 3px;color:#d3c4cd}
.scene-left{left:5%;top:41%;width:14%;height:19%;--angle:-7deg}.scene-right{right:4%;top:29%;width:14%;height:25%;--angle:7deg}
.atelier-copy{position:absolute;left:4vw;bottom:13%;z-index:6;max-width:290px;text-shadow:0 2px 18px #110e14}
.hero .atelier-copy h1{font:400 clamp(25px,2.5vw,40px)/1.35 'Microsoft YaHei','PingFang SC',sans-serif;letter-spacing:-.05em}
.atelier-copy p{font-size:11px;line-height:2;margin-top:15px;color:#c8b9c4}
.atelier-copy a{display:inline-flex;align-items:center;gap:30px;padding:13px 0;border-bottom:1px solid #cab2bc;font-size:11px;margin-top:15px}.atelier-copy a span{font-size:22px}
.atelier-caption{position:absolute;right:5%;bottom:19%;font:9px/1.8 Consolas,'Microsoft YaHei',monospace;color:#b8a8b2;z-index:6;max-width:150px}
.atelier-controls{position:absolute;bottom:8%;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;z-index:6;white-space:nowrap}
.atelier-controls button{height:38px;min-width:38px;border:1px solid #dec4d477;border-radius:50%;font-size:17px;background:transparent;color:#f1e8e4}.atelier-controls button:hover{background:#f3dfd4;color:#261b24}.atelier-controls #atelier-reset{width:auto;padding:0 15px;border-radius:30px;font-size:10px}
#atelier-help{font-size:9px;line-height:1.7;color:#b5a4b0;position:absolute;left:50%;bottom:4.5%;transform:translateX(-50%);text-align:center;z-index:6;white-space:nowrap}
.atelier-next{position:absolute;bottom:3%;right:4%;z-index:6;font-size:10px;display:flex;gap:24px;padding:12px 15px;border-radius:24px;background:#201b22c7}
#pointer-light{z-index:5}#atelier-trail{position:absolute;inset:0;width:100%;height:100%;z-index:5;pointer-events:none}
.atelier-halo{position:absolute;inset:0;z-index:5;pointer-events:none;background:radial-gradient(190px circle at var(--pointer-x,50%) var(--pointer-y,50%),#f5dfaa18,transparent 75%);opacity:var(--pointer-opacity,0);transition:opacity .3s;mix-blend-mode:screen}
@media(min-width:761px) and (max-height:800px){.atelier-title{top:16%;font-size:9.2vw}.light-object{top:21%;left:20%;width:66%;height:68%}.atelier-copy{bottom:13%;max-width:260px}.atelier-copy p{margin-top:9px}.atelier-copy a{margin-top:4px;padding:8px 0}.scene-left{top:39%;height:19%;width:13%}.scene-right{top:27%;height:24%;width:13%}}
@media(max-width:1000px) and (min-width:761px){.atelier-title{font-size:10vw;left:7%;top:18%}.light-object{left:20%;width:65%;top:30%;height:52%}.atelier-copy{max-width:235px}.atelier-caption{max-width:110px;font-size:8px}.atelier-coordinate{font-size:8px}.scene-left{width:16%;height:15%}.scene-right{width:16%;height:18%}}
@media(max-width:760px){
 .hero-scroll{height:112svh}.hero.atelier-hero{min-height:720px;clip-path:none}
 .atelier-title{font-size:13.6vw;left:7%;top:21%;line-height:.95}.atelier-title em{margin-left:4vw}.atelier-micro{font-size:7px;margin-bottom:15px}
 .atelier-coordinate{top:14%;right:7%;font-size:7px}.light-object{left:2%;top:32%;width:96%;height:38%}.floating-scene{display:none}
 .atelier-copy{left:6vw;bottom:20%;max-width:75%}.hero .atelier-copy h1{font-size:25px}.atelier-copy p{font-size:10px;margin-top:8px}.atelier-copy a{font-size:10px;margin-top:4px;padding:8px 0;gap:20px}
 .atelier-caption{right:6vw;bottom:11%;font-size:7px;max-width:110px}.atelier-controls{left:6vw;bottom:11%;transform:none;gap:8px}.atelier-controls button{width:36px;height:36px;font-size:16px}.atelier-controls #atelier-reset{font-size:10px;padding:0 12px}
 #atelier-help{bottom:5%;left:6vw;transform:none;white-space:normal;text-align:left;font-size:8px;max-width:58%}.atelier-next{right:5%;bottom:3.5%;font-size:9px;padding:10px 12px}.atelier-halo{display:none}
}
.motion-off .light-object,.motion-off .light-sculpture,.motion-off .floating-scene{transform:none!important}.motion-off #atelier-trail,.motion-off .atelier-halo{display:none}
@media(prefers-reduced-motion:reduce){.light-object,.light-sculpture,.floating-scene{transform:none!important}#atelier-trail,.atelier-halo{display:none}}
