/* Spatial Archive: opaque evidence, real perspective, a single visual language. */
#hero-world,#journey-world{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;isolation:isolate}
.sx-world{overflow:hidden;perspective:1150px;perspective-origin:53% 45%;--sx-light-x:55%;--sx-light-y:35%}
.sx-aura{position:absolute;inset:0;background:radial-gradient(ellipse at var(--sx-light-x) var(--sx-light-y),#c5dd9224,transparent 65%);opacity:.8;pointer-events:none}
.sx-floor{position:absolute;width:140%;height:55%;left:-20%;bottom:-24%;background:linear-gradient(#b9c99a19 1px,transparent 1px),linear-gradient(90deg,#b9c99a19 1px,transparent 1px);background-size:64px 64px;transform:rotateX(63deg);transform-origin:center top;mask-image:radial-gradient(ellipse,#0008,transparent 68%)}
.sx-hero-rig{position:absolute;inset:0;transform-style:preserve-3d;will-change:transform}
.sx-hero-card{position:absolute;border:1px solid #a6c2a35e;padding:7px;background:#0d211b;box-shadow:0 24px 70px #0006;transform-style:preserve-3d;overflow:hidden}
.sx-hero-card img{width:100%;height:calc(100% - 25px);object-fit:cover;display:block;filter:saturate(.84)}
.sx-hero-card>span{display:block;padding:8px 4px 0;color:#d6ddbc;font:8px/1 monospace;letter-spacing:.15em}
.sx-hero-store{width:43%;height:34%;left:1%;top:23%;transform:translateZ(-125px) rotateY(27deg) rotateZ(-9deg)}
.sx-hero-future{width:52%;height:38%;right:-5%;top:43%;transform:translateZ(-80px) rotateY(-25deg) rotateZ(8deg)}
.sx-hero-portrait{position:absolute;left:30%;top:13%;width:41%;height:68%;padding:10px;background:linear-gradient(135deg,#f2f1dd44,#b1bfa512 25%,#edf3d82e 50%,#ccdda51a);border:1px solid #e3e8c77a;box-shadow:0 48px 90px #0008,inset 1px 1px 0 #e9e6c68c;transform:translateZ(80px) rotateY(-13deg) rotateZ(5deg);transform-style:preserve-3d}
.sx-hero-portrait>img{width:100%;height:100%;display:block;object-fit:cover;object-position:51% 42%;filter:saturate(.72);border:1px solid #cdd5c13b}
.sx-frame-edge{position:absolute;inset:0;border:1px solid #c0d0ae;transform:translateZ(-13px) translateX(9px);background:#4b604c40;z-index:-1}
.sx-hero-portrait:after{content:'';position:absolute;inset:10px;background:linear-gradient(0deg,#071511ef,transparent 42%);pointer-events:none}
.sx-portrait-sign{position:absolute;bottom:9%;left:9%;z-index:1;color:#f3f2df}
.sx-portrait-sign>span{font:8px/1.6 monospace;letter-spacing:.16em;display:block;margin-bottom:13px}
.sx-portrait-sign>b{font:italic 35px/.98 Georgia,serif;font-weight:400;letter-spacing:-.06em}
.sx-portrait-corner{position:absolute;top:8%;right:12%;width:16px;height:16px;border-top:1px solid #193629;border-right:1px solid #193629}
.sx-hero-glass{position:absolute;left:21%;top:7%;width:55%;height:80%;border:1px solid #d1d7a94a;border-radius:1px;transform:translateZ(-130px) rotateY(-13deg) rotateZ(5deg);box-shadow:inset 0 0 40px #c1e3bf08;background:linear-gradient(120deg,#e8edce12,transparent 25%);z-index:-1}
.sx-hero-coordinate{position:absolute;bottom:6%;left:17%;display:flex;align-items:center;gap:14px;color:#9bad99;font:9px/1.4 monospace;letter-spacing:.1em;transform:rotateZ(-3deg)}
.sx-hero-coordinate i{display:block;width:55px;height:1px;background:#b4cc97aa}
.sx-hero-stamp{position:absolute;top:8%;right:7%;border:1px solid #c3d48b70;border-radius:50%;width:87px;height:87px;display:flex;flex-direction:column;justify-content:center;text-align:center;color:#d7ff88;font:9px/1.6 monospace;transform:rotate(12deg) translateZ(50px)}
.sx-hero-stamp>b{font:italic 25px/1 Georgia,serif;letter-spacing:-.06em}
.sx-hero-architecture{position:absolute;left:7%;bottom:7%;width:31%;height:26%;transform:translateZ(60px) rotateY(14deg) rotateZ(-7deg)}
.sx-maquette{position:absolute;inset:0;transform-style:preserve-3d;perspective:800px}
.sx-maquette-base{position:absolute;left:10%;top:58%;width:78%;height:40%;background:linear-gradient(135deg,#b3b397,#dad6b0 55%,#9eaa85);transform:rotateX(65deg) rotateZ(-15deg);box-shadow:12px 15px 0 #5c6e57,20px 40px 45px #0007}
.sx-block{position:absolute;left:26%;top:29%;width:29%;height:44%;transform-style:preserve-3d;transform:skewY(-8deg);z-index:3}
.sx-block i{display:block;position:absolute}
.sx-block-front{inset:0;background:linear-gradient(110deg,#254a36,#163725);border:1px solid #bbcca54d;box-shadow:inset 0 0 12px #e8f0cb0a}
.sx-block-front:after{content:'';position:absolute;inset:8% 12%;background:repeating-linear-gradient(90deg,transparent 0 18%,#c5cca754 19% 20%),linear-gradient(#a9b88617,#071b14a3);border:1px solid #bfd6ae3d}
.sx-block-top{left:0;bottom:100%;width:100%;height:30%;background:linear-gradient(90deg,#5a7351,#76876b);transform:skewX(-43deg);transform-origin:bottom left;border:1px solid #bdd3a24a}
.sx-block-side{left:100%;top:0;height:100%;width:30%;background:linear-gradient(#647951,#1d3525);transform:skewY(-47deg);transform-origin:top left;border-right:1px solid #acbe8c70}
.sx-block-b{left:55%;top:36%;height:27%;width:22%;z-index:2}.sx-block-b .sx-block-front{background:linear-gradient(100deg,#a38e61,#d1bd80)}.sx-block-b .sx-block-top{background:#d4c78f}.sx-block-b .sx-block-side{background:#746b47}
.sx-block-c{left:15%;top:53%;height:20%;width:25%;z-index:4}.sx-block-c .sx-block-front{background:#68835a}.sx-block-c .sx-block-side{background:#345135}
.sx-maquette-window{position:absolute;left:28%;top:54%;height:20%;width:12%;background:linear-gradient(#dbe6b1,#a5c373);z-index:5;transform:skewY(-8deg);box-shadow:0 0 25px #d2fda64d}
.sx-maquette-line{position:absolute;z-index:6;left:8%;right:2%;height:1px;background:#c7d9a442;transform:rotate(-13deg);top:80%}.sx-maquette-line.l2{top:86%;left:20%}
.sx-maquette-tree{position:absolute;width:12%;height:16%;border-radius:48% 50% 45% 55%;left:9%;top:56%;background:radial-gradient(at 30% 25%,#9bb56f,#3b6037 80%);z-index:8;box-shadow:2px 8px 10px #0b241778}.sx-maquette-tree:after{content:'';position:absolute;top:80%;left:49%;height:28%;width:1px;background:#91a970}.sx-maquette-tree.t2{left:78%;top:55%;width:9%;height:13%;z-index:1}
.sx-maquette-label{position:absolute;bottom:-6%;left:20%;font:6px/1.5 monospace;color:#b8c6a4;letter-spacing:.12em;transform:rotate(-9deg);white-space:nowrap}
/* The moving archive is one physical gallery, with its neighboring records remaining in depth. */
.sx-journey-world{perspective:1150px;perspective-origin:56% 45%;overflow:visible}
.sx-journey-world>.sx-aura{inset:2% -12%;background:radial-gradient(ellipse at var(--sx-light-x) 45%,#a8bd7a2a,transparent 60%)}
.sx-camera{position:absolute;inset:0;transform-style:preserve-3d;perspective:1100px;perspective-origin:56% 45%}
.sx-slide{position:absolute;left:55%;top:44%;width:74%;height:58%;max-height:570px;display:flex;flex-direction:column;padding:10px;background:linear-gradient(135deg,#f1f0de,#cdcdbb);border:1px solid #f6f4d3ad;box-shadow:0 35px 65px #0006,0 4px 9px #0004;transform-style:preserve-3d;will-change:transform,opacity;backface-visibility:hidden}
.sx-card-edge{position:absolute;inset:0;transform:translate3d(8px,5px,-10px);background:#646f54;border:1px solid #a7b79190;z-index:-1;box-shadow:4px 7px 0 #15271d}
.sx-card-top{display:flex;align-items:center;justify-content:space-between;gap:18px;font:8px/1.6 monospace;letter-spacing:.11em;color:#42553f;padding:6px 6px 13px;flex-shrink:0}.sx-card-top>b{font-weight:400;white-space:nowrap}
.sx-card-image{position:relative;min-height:0;flex:1;overflow:hidden;background:#173c2a;isolation:isolate}
.sx-card-image>img{width:100%;height:100%;display:block;object-fit:cover;object-position:center;opacity:1;filter:saturate(.92)}
.sx-slide-portrait .sx-card-image>img{object-position:50% 35%}
.sx-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:11px 6px 4px;color:#334a35;font:8px/1.2 monospace;letter-spacing:.15em;flex-shrink:0}
.sx-card-bottom>span:first-child{font:italic 23px/1 Georgia,serif;letter-spacing:-.05em}.sx-card-bottom>i{height:1px;flex:1;background:#6e806139}
.sx-image-note{position:absolute;bottom:0;left:0;right:0;padding:11px 13px;color:#e0e7d0;background:#071811e8;font:8px/1.4 monospace;letter-spacing:.07em;z-index:10;opacity:1}
.sx-archive-floor{position:absolute;left:-15%;right:-20%;bottom:11%;height:16%;transform:rotateX(70deg);background:radial-gradient(ellipse,#091910bb,transparent 70%);filter:blur(15px)}
.sx-archive-beam{position:absolute;left:-25%;right:-25%;height:1px;bottom:23%;background:linear-gradient(90deg,transparent,#d0e1af4d,transparent);transform:rotate(-6deg)}
.sx-gallery-ground{position:absolute;left:18%;right:9%;bottom:14%;display:flex;align-items:center;gap:18px;font:8px/1.5 monospace;color:#a3b197;letter-spacing:.15em}
.sx-gallery-ground>i{height:1px;flex:1;background:#a9c08b40}.sx-gallery-ground>span{white-space:nowrap}
.sx-door-art{position:absolute;inset:0;background:linear-gradient(120deg,#d9d6bc,#f2e8c9 45%,#c4d0b1);overflow:hidden;perspective:700px}
.sx-door-horizon{position:absolute;left:0;right:0;top:73%;height:1px;background:#7794664d}
.sx-door-plinth{position:absolute;left:35%;top:68%;width:50%;height:30%;background:linear-gradient(135deg,#9ea589,#ced0b0);transform:rotateX(65deg) rotateZ(-12deg);box-shadow:7px 10px 0 #6a8062,12px 30px 24px #1d3c2c40}
.sx-door-frame{position:absolute;width:26%;height:67%;left:48%;top:12%;border:12px solid #274e3c;background:linear-gradient(110deg,#315c45,#153827);box-shadow:8px 6px 0 #a7ae80,14px 8px 0 #657a56,18px 25px 35px #244c3a44;transform:rotateY(-22deg);transform-style:preserve-3d}
.sx-door-frame:after{content:'';position:absolute;inset:5%;border:1px solid #adcd7970;background:radial-gradient(ellipse at 50% 90%,#d7ff8877,transparent 70%)}
.sx-door-leaf{position:absolute;inset:-1px;background:linear-gradient(100deg,#1b4332,#4d7050);border:1px solid #b2c597;transform-origin:left;transform:rotateY(-58deg);z-index:2;box-shadow:inset 0 0 25px #d0d6a411;backface-visibility:visible}
.sx-door-leaf>i{position:absolute;right:13%;top:46%;height:15%;width:3px;background:#d8d4a7;box-shadow:2px 1px 0 #304732}.sx-door-leaf>span{display:block;color:#d6e4ac;font:7px/1.8 monospace;padding:20% 13%;letter-spacing:.08em}
.sx-door-name{position:absolute;left:8%;bottom:17%;font:clamp(28px,4vw,58px)/.92 Arial,sans-serif;color:#244536;letter-spacing:-.065em;z-index:3}.sx-door-name>em{font-family:Georgia,serif;font-weight:400}.sx-door-note{position:absolute;bottom:6%;left:8%;font:7px/1 monospace;letter-spacing:.12em;color:#587050}
.sx-world-art{position:absolute;inset:0;background:#123425;overflow:hidden;color:#edeedc;padding:7% 8%}
.sx-web-grid{position:absolute;inset:-20%;background:linear-gradient(#d7ff8810 1px,transparent 1px),linear-gradient(90deg,#d7ff8810 1px,transparent 1px);background-size:34px 34px;transform:perspective(500px) rotateY(-25deg) rotateX(10deg) rotateZ(10deg);mask-image:linear-gradient(90deg,transparent,#000)}
.sx-web-origin{position:relative;font:8px/1.5 monospace;letter-spacing:.15em;color:#b9ce9a}
.sx-web-word{display:block;position:relative;font:clamp(43px,6vw,90px)/.84 Georgia,serif;letter-spacing:-.075em;margin-top:9%;z-index:1}.sx-web-word em{color:#d7ff88}
.sx-web-address{display:block;position:relative;border-top:1px solid #b6d78b55;padding-top:14px;margin-top:6%;font:9px/1.55 monospace;letter-spacing:.13em}.sx-web-address>i{position:absolute;right:0;top:5px;font:40px Arial,sans-serif;font-style:normal;color:#d7ff88}
.sx-web-tags{position:absolute;right:7%;top:11%;font:7px/1 monospace;display:flex;align-items:center;gap:12px;transform:rotate(90deg);transform-origin:right top}.sx-web-tags b{font-weight:400;border:1px solid #bdd69b44;padding:7px}
.sx-model-art{position:absolute;inset:0;background:radial-gradient(ellipse at 70% 20%,#d0dbb7,#9caf8c 70%);overflow:hidden}
.sx-model-art>.sx-maquette{width:70%;height:90%;left:27%;top:-5%;transform:rotate(-7deg)}
.sx-model-art .sx-maquette-label{display:none}.sx-model-word{position:absolute;left:7%;bottom:15%;font:clamp(28px,4vw,60px)/.92 Arial,sans-serif;letter-spacing:-.065em;color:#244732;z-index:10}.sx-model-word>em{font-family:Georgia,serif;font-weight:400}.sx-model-art .sx-image-note{background:#1b3e31dd}
.sx-reduced .sx-hero-rig{will-change:auto}.sx-reduced .sx-slide{will-change:auto}
@media(min-width:1600px){.sx-hero-portrait{width:38%;left:32%}.sx-slide{max-height:650px}}
@media(max-width:1100px){.sx-portrait-sign>b{font-size:29px}.sx-hero-portrait{left:28%;width:46%}.sx-hero-future{right:-15%;width:58%}.sx-hero-store{left:-4%;width:44%}.sx-slide{width:78%;height:53%;left:55%}.sx-door-name{font-size:42px}.sx-web-word{font-size:67px}}
@media(max-width:760px){
 .sx-world{perspective:900px;perspective-origin:50% 42%}
 .sx-hero-world{overflow:visible}.sx-hero-rig{inset:0}
 .sx-hero-portrait{left:27%;top:8%;width:47%;height:69%;padding:6px;transform:translateZ(45px) rotateY(-10deg) rotateZ(5deg);box-shadow:0 25px 45px #0008}
 .sx-hero-portrait:after{inset:6px}.sx-hero-store{left:-10%;top:32%;width:47%;height:32%;padding:4px;transform:translateZ(-70px) rotateY(23deg) rotateZ(-12deg)}
 .sx-hero-future{right:-12%;top:39%;width:52%;height:35%;padding:4px;transform:translateZ(-50px) rotateY(-20deg) rotateZ(9deg)}
 .sx-hero-card>span{font-size:5px;padding-top:6px}.sx-hero-card img{height:calc(100% - 20px)}
 .sx-portrait-sign{left:10%;bottom:10%}.sx-portrait-sign>span{font-size:6px;margin-bottom:8px}.sx-portrait-sign>b{font-size:23px}
 .sx-hero-glass{left:21%;top:4%;width:59%;height:79%;transform:translateZ(-70px) rotateY(-10deg) rotateZ(5deg)}
 .sx-hero-stamp{width:61px;height:61px;right:7%;top:1%;font-size:6px}.sx-hero-stamp>b{font-size:20px}
 .sx-hero-coordinate{font-size:6px;left:27%;bottom:5%;gap:8px}.sx-hero-coordinate i{width:23px}
 .sx-hero-architecture{left:7%;bottom:11%;width:33%;height:26%;transform:translateZ(30px) rotateY(10deg) rotateZ(-7deg)}
 .sx-floor{bottom:-4%;height:30%;background-size:36px 36px}
 .sx-journey-world{overflow:hidden;perspective:800px;perspective-origin:50% 36%}
 .sx-camera{perspective:800px;perspective-origin:50% 36%}
 .sx-slide{left:50%;top:35%;width:79%;height:43%;max-height:410px;padding:6px;box-shadow:0 20px 35px #0006,0 4px 9px #0004}
 .sx-card-top{padding:3px 3px 8px;font-size:6px;letter-spacing:.06em;gap:8px}
 .sx-card-top>b{font-size:6px}.sx-card-bottom{padding:8px 3px 2px;font-size:6px;letter-spacing:.08em;gap:9px}.sx-card-bottom>span:first-child{font-size:19px}
 .sx-image-note{padding:8px;font-size:6px;line-height:1.5;letter-spacing:.035em}
 .sx-gallery-ground{left:16%;right:16%;bottom:39%;font-size:6px;gap:8px;letter-spacing:.08em}
 .sx-archive-floor{bottom:40%;height:10%;filter:blur(10px)}.sx-archive-beam{bottom:43%}
 .sx-door-frame{border-width:7px;width:28%;height:64%;top:14%;left:48%}.sx-door-leaf>span{font-size:5px}
 .sx-door-name{font-size:32px;bottom:20%;left:7%}.sx-door-note{font-size:5px;bottom:7%;left:7%}
 .sx-web-origin{font-size:6px}.sx-web-word{font-size:54px;margin-top:12%}.sx-web-address{font-size:6px;padding-top:10px;margin-top:8%}.sx-web-address>i{font-size:30px}.sx-web-tags{font-size:5px;right:5%}
 .sx-model-word{font-size:32px;bottom:19%}.sx-model-art>.sx-maquette{width:80%;left:20%;height:88%}
 .sx-maquette-label{font-size:4px}
}
@media(max-width:360px){.sx-card-top{font-size:5px}.sx-slide{width:80%;height:41%}.sx-portrait-sign>b{font-size:19px}.sx-web-word{font-size:46px}.sx-door-name,.sx-model-word{font-size:27px}.sx-hero-stamp{right:3%;width:55px;height:55px}}
@media(prefers-reduced-motion:reduce){.sx-hero-rig,.sx-slide{will-change:auto}}