:root{--hero-blue:#1260ff;--hero-cyan:#42c7ff;--hero-ivory:#f3f0e9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#121212;color:#f7f7f4;font-family:Arial,"Helvetica Neue",Helvetica,sans-serif}.spatial-page{min-height:100vh;padding:clamp(14px,2.5vw,46px);background:#121212}.spatial-hero{position:relative;isolation:isolate;min-height:calc(100vh - clamp(28px,5vw,92px));height:min(920px,calc(100vh - clamp(28px,5vw,92px)));overflow:hidden;border:clamp(7px,.9vw,16px) solid var(--hero-ivory);background:#081015}.spatial-hero__room,.spatial-hero__shade,.spatial-scene{position:absolute;inset:0;width:100%;height:100%}.spatial-hero__room{z-index:-5;object-fit:cover;object-position:48% 50%;filter:saturate(.87) brightness(.7)}.spatial-hero__shade{z-index:-4;background:linear-gradient(90deg,rgba(2,7,10,.88) 0%,rgba(2,7,10,.55) 35%,rgba(2,7,10,.05) 68%,rgba(2,7,10,.25) 100%),linear-gradient(0deg,rgba(0,4,8,.65),transparent 52%)}.spatial-nav{position:absolute;z-index:30;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:28px 40px}.spatial-nav__brand{color:#fff;text-decoration:none;font-size:clamp(20px,1.65vw,30px);font-weight:700;letter-spacing:.015em}.spatial-nav__links{display:flex;align-items:center;gap:clamp(24px,3.1vw,58px)}.spatial-nav__links a,.spatial-nav__lang{border:0;background:none;color:#f4f5f5;text-decoration:none;font:400 16px/1 Arial,sans-serif;cursor:pointer;white-space:nowrap}.spatial-nav__links a{transition:opacity .25s}.spatial-nav__links a:hover{opacity:.64}.spatial-nav__lang{padding:8px 0}.spatial-nav__menu{display:none}.spatial-scene{z-index:1;pointer-events:none}.spatial-bust{position:absolute;left:-7.5%;top:-15%;width:51%;height:82%;will-change:transform}.spatial-bust img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:50% 0}.spatial-bust__stone{z-index:1;filter:brightness(.88) contrast(1.08) drop-shadow(18px 24px 32px rgba(0,0,0,.55))}.spatial-bust__digital{z-index:2;opacity:.74;mix-blend-mode:screen;clip-path:polygon(0 0,50% 0,40% 20%,46% 38%,35% 56%,44% 77%,32% 100%,0 100%);filter:saturate(1.25) brightness(1.08)}.spatial-bust__particles{position:absolute;z-index:3;left:-5%;top:7%;width:64%;height:78%;mix-blend-mode:screen}.spatial-woman{position:absolute;z-index:10;right:8.5%;top:10%;width:34%;height:98%;object-fit:contain;object-position:50% 0;filter:brightness(.82) contrast(1.06) drop-shadow(-20px 18px 34px rgba(0,0,0,.38));will-change:transform}.holo-screen{position:absolute;z-index:7;overflow:hidden;border:1px solid rgba(77,174,255,.68);background:linear-gradient(135deg,rgba(47,135,220,.09),rgba(17,43,66,.28));box-shadow:inset 0 0 28px rgba(33,145,255,.12),0 0 18px rgba(26,126,255,.12);backdrop-filter:blur(1.5px);transform-style:preserve-3d;will-change:transform,filter;animation:holoFloat 5s ease-in-out infinite}.holo-screen::before,.holo-screen::after{content:"";position:absolute;width:12px;height:12px;border-color:#61c8ff;opacity:.8}.holo-screen::before{left:5px;top:5px;border-left:1px solid;border-top:1px solid}.holo-screen::after{right:5px;bottom:5px;border-right:1px solid;border-bottom:1px solid}.holo-screen__grid{position:absolute;inset:0;opacity:.28;background-image:linear-gradient(rgba(51,160,255,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(51,160,255,.2) 1px,transparent 1px);background-size:16px 16px}.holo-screen img{position:absolute;width:122%;height:122%;object-fit:contain;filter:saturate(.65) brightness(1.3) drop-shadow(0 0 8px rgba(54,170,255,.75))}.holo-screen--portrait{left:40.8%;top:11.5%;width:10.7%;height:28%;transform:perspective(700px) rotateY(-5deg);animation-delay:-1.2s}.holo-screen--portrait img{left:-14%;bottom:-16%;object-position:center 15%}.holo-screen--fragment{left:34.7%;top:22%;width:6.1%;height:24%;animation-delay:-2.8s}.holo-screen__fragment{position:absolute;left:29%;top:23%;width:42%;height:58%;background:linear-gradient(145deg,transparent 4%,rgba(199,224,237,.72) 5% 22%,rgba(75,139,178,.42) 23% 48%,rgba(213,228,234,.7) 50% 72%,transparent 73%);clip-path:polygon(40% 0,82% 12%,100% 48%,77% 92%,34% 100%,0 68%,10% 24%);filter:drop-shadow(0 0 8px #3ea7ff)}.holo-screen--detail{left:39.3%;top:49%;width:7.3%;height:15.5%;animation-delay:-3.6s}.holo-screen--detail img{left:-12%;top:-6%}.holo-screen__scan{position:absolute;z-index:4;left:0;right:0;height:1px;background:#72d7ff;box-shadow:0 0 10px #30a6ff;animation:scan 3.2s linear infinite}.museum-screen{position:absolute;z-index:5;right:-.8%;top:14%;width:9.8%;height:67%;overflow:hidden;border:1px solid rgba(58,137,205,.38);background:#07172a;box-shadow:0 14px 28px rgba(0,0,0,.35);transform:perspective(800px) rotateY(-3deg)}.museum-screen__art{height:54%;background:linear-gradient(rgba(3,11,22,.12),rgba(3,11,22,.25)),url(../images/hero/digital-bust.png) 47% 18%/210% auto no-repeat;filter:grayscale(.25) contrast(1.15)}.museum-screen span{display:block;padding:24px 18px;color:#4288dc;font-size:clamp(11px,.85vw,16px);font-weight:700;line-height:1.25;letter-spacing:.06em}.spatial-touch{position:absolute;z-index:14;left:51.3%;top:34.2%;width:18px;height:18px;border:1px solid rgba(112,213,255,.7);border-radius:50%;opacity:.9;box-shadow:0 0 20px #1d8fff}.spatial-touch::before,.spatial-touch::after{content:"";position:absolute;inset:-9px;border:1px solid rgba(61,173,255,.5);border-radius:50%;animation:touchPulse 2.3s ease-out infinite}.spatial-touch::after{animation-delay:1.15s}.spatial-touch i{position:absolute;inset:5px;border-radius:50%;background:#b9ecff;box-shadow:0 0 12px #5cc9ff}.spatial-copy{position:absolute;z-index:20;left:40px;bottom:49px;width:min(700px,51vw);text-shadow:0 2px 18px rgba(0,0,0,.55)}.spatial-copy h1{margin:0 0 20px;font-size:clamp(34px,3.45vw,64px);font-weight:400;line-height:1.08;letter-spacing:-.035em}.spatial-copy p{margin:0 0 30px;font-size:clamp(15px,1.25vw,22px);line-height:1.35;color:rgba(255,255,255,.88)}.spatial-copy__actions{display:flex;align-items:center;gap:48px}.spatial-button{display:inline-flex;align-items:center;justify-content:center;min-width:252px;height:66px;padding:0 28px;border-radius:6px;background:#0d5cff;color:#fff;text-decoration:none;font-size:18px;box-shadow:0 10px 38px rgba(5,71,244,.28);transition:transform .25s,background .25s}.spatial-button:hover{transform:translateY(-2px);background:#2871ff}.spatial-link{display:inline-flex;align-items:center;gap:14px;color:#fff;text-decoration:none;font-size:18px}.spatial-link b{font-size:25px;font-weight:400;transition:transform .25s}.spatial-link:hover b{transform:translateX(5px)}.spatial-hero__signature{position:absolute;z-index:20;right:28px;bottom:16px;margin:0;color:rgba(255,255,255,.45);font-size:10px;letter-spacing:.18em}.spatial-hero.is-active .holo-screen{filter:brightness(1.35) saturate(1.3);box-shadow:inset 0 0 30px rgba(63,177,255,.22),0 0 32px rgba(31,134,255,.26)}@keyframes holoFloat{0%,100%{translate:0 0}50%{translate:0 -7px}}@keyframes scan{from{top:5%}to{top:95%}}@keyframes touchPulse{0%{transform:scale(.4);opacity:1}100%{transform:scale(2.1);opacity:0}}
@media(max-width:1100px){.spatial-nav{padding:24px}.spatial-nav__links{gap:24px}.spatial-nav__links a,.spatial-nav__lang{font-size:14px}.spatial-copy{left:28px;bottom:35px}.spatial-bust{left:-12%;width:59%}.spatial-woman{right:4%;width:40%}.spatial-touch{left:53%;top:34%}}
@media(max-width:760px){.spatial-page{padding:0}.spatial-hero{height:100svh;min-height:700px;border:0}.spatial-hero__room{object-position:61% center}.spatial-nav{padding:22px 20px}.spatial-nav__menu{display:flex;z-index:2;width:36px;height:36px;padding:9px 5px;border:0;background:transparent;flex-direction:column;justify-content:center;gap:7px}.spatial-nav__menu span{display:block;width:26px;height:1px;background:#fff}.spatial-nav__links{position:absolute;display:none;top:10px;left:10px;right:10px;padding:72px 24px 28px;border:1px solid rgba(255,255,255,.15);background:rgba(4,10,15,.96);flex-direction:column;align-items:flex-start;gap:23px}.spatial-nav__links.is-open{display:flex}.spatial-bust{left:-28%;top:0;width:91%;height:61%}.spatial-woman{right:-13%;top:13%;width:66%;height:74%}.holo-screen--portrait{left:43%;top:18%;width:18%;height:20%}.holo-screen--fragment{left:34%;top:28%;width:10%;height:16%}.holo-screen--detail{left:43%;top:41%;width:13%;height:11%}.museum-screen{display:none}.spatial-touch{left:61%;top:34%}.spatial-copy{left:20px;right:20px;bottom:28px;width:auto}.spatial-copy h1{font-size:clamp(31px,9vw,43px);margin-bottom:16px}.spatial-copy p{font-size:15px;margin-bottom:22px}.spatial-copy p br{display:none}.spatial-copy__actions{gap:24px}.spatial-button{min-width:0;height:54px;padding:0 20px;font-size:15px}.spatial-link{font-size:15px}.spatial-hero__signature{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}.holo-screen,.holo-screen__scan,.spatial-touch::before,.spatial-touch::after{animation:none!important}}
.spatial-copy h1{font-family:Arial,"Helvetica Neue",Helvetica,sans-serif}

/* Approved standalone first-screen artwork. Each raster keeps its own perspective. */
.spatial-bust{left:-1%;top:-5%;width:45%;height:86%}
.spatial-bust .spatial-bust__image{position:absolute;inset:0;width:100%;height:auto;object-fit:contain;object-position:left top;filter:brightness(.84) contrast(1.08) saturate(.9) drop-shadow(18px 24px 32px rgba(0,0,0,.55));-webkit-mask-image:linear-gradient(to bottom,#000 0,#000 76%,rgba(0,0,0,.88) 84%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0,#000 76%,rgba(0,0,0,.88) 84%,transparent 100%)}
.spatial-bust__particles{left:-1%;top:4%;width:61%;height:84%}
.spatial-hologram{position:absolute;z-index:7;height:auto;object-fit:contain;opacity:.72;filter:drop-shadow(0 0 8px rgba(37,151,255,.38));transform-origin:center;will-change:translate,filter;animation:holoFloat 5s ease-in-out infinite}
.spatial-hologram--profile{left:27%;top:11%;width:35%;animation-delay:-1.2s}
.spatial-hologram--fragment{left:19.5%;top:18%;width:31%;animation-delay:-2.8s}
.spatial-hologram--portrait{left:26%;top:44%;width:24%;animation-delay:-3.6s}
.spatial-woman{right:23%;top:7%;width:37%;height:103%}
.spatial-hero.is-active .spatial-hologram{opacity:.82;filter:brightness(1.08) saturate(1.06) drop-shadow(0 0 12px rgba(37,151,255,.52))}

@media(max-width:1100px){
	.spatial-bust{left:-4%;top:-5%;width:52.5%;height:84%}
	.spatial-hologram--profile{left:26%;top:12%;width:39%}
	.spatial-hologram--fragment{left:17%;top:20%;width:35%}
	.spatial-hologram--portrait{left:25%;top:43%;width:27%}
	.spatial-woman{right:15%;top:8%;width:44%;height:102%}
}

@media(max-width:760px){
	.spatial-bust{left:-7%;top:-3%;width:95%;height:57.5%}
	.spatial-bust__particles{left:0;top:3%;width:58%;height:82%}
	.spatial-hologram--profile{left:22%;top:14%;width:64%}
	.spatial-hologram--fragment{left:6%;top:23%;width:56%}
	.spatial-hologram--portrait{left:21%;top:36%;width:43%}
	.spatial-woman{right:-13%;top:13%;width:66%;height:74%}
}

/* The first screen owns the full desktop viewport; the ivory frame stays inside it. */
.spatial-page{min-height:100vh;padding:0;background:#121212}
.spatial-hero{min-height:100vh;height:100vh;}

@media(max-width:760px){.spatial-hero{height:100svh;min-height:700px}}

@media(prefers-reduced-motion:reduce){.spatial-hologram{animation:none!important}}

/* Second screen: approved spatial directions concept. */
.directions{padding:72px clamp(24px,3.7vw,72px);background:#eee9df;color:#f5f7f7}
.directions__panel{position:relative;isolation:isolate;min-height:900px;overflow:hidden;border-radius:22px;background:#050b0f}
.directions__background,.directions__shade{position:absolute;z-index:-2;inset:0;width:100%;height:100%}
.directions__background{object-fit:cover;object-position:center bottom;opacity:.72;filter:saturate(.82) brightness(.66)}
.directions__shade{z-index:-1;background:linear-gradient(90deg,rgba(2,8,12,.94) 0%,rgba(2,8,12,.78) 44%,rgba(2,8,12,.28) 100%),linear-gradient(180deg,rgba(2,7,10,.88) 0%,rgba(2,7,10,.2) 57%,rgba(2,7,10,.58) 100%)}
.directions__intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,470px);gap:clamp(48px,5vw,96px);padding:clamp(62px,6.6vw,126px) clamp(44px,4.7vw,90px) 0}
.directions__intro h2{max-width:1120px;margin:0;font:600 clamp(42px,3.35vw,64px)/1.06 Arial,"Helvetica Neue",Helvetica,sans-serif;letter-spacing:-.045em;text-wrap:balance}
.directions__intro p{max-width:470px;margin:8px 0 0;color:#aab8c5;font-size:clamp(17px,1.15vw,22px);line-height:1.5}
.directions__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:clamp(58px,4.1vw,78px) clamp(44px,4.7vw,90px) 0}
.direction{min-width:0;padding:0 clamp(38px,4vw,76px);border-left:1px solid rgba(163,199,213,.28)}
.direction:first-child{padding-left:0;border-left:0}
.direction__symbol{display:block;width:auto;height:112px;margin:0 0 23px;object-fit:contain;object-position:left center;mix-blend-mode:screen;filter:saturate(1.12) brightness(1.06)}
.direction h3{margin:0 0 12px;color:#f6f8f8;font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:clamp(27px,1.8vw,35px);font-weight:600;line-height:1.12;letter-spacing:-.025em}
.direction p{max-width:390px;margin:0;color:#aab8c5;font-size:clamp(17px,1.08vw,21px);line-height:1.45}
.directions__cta{position:absolute;left:clamp(44px,4.7vw,90px);bottom:clamp(38px,3.2vw,60px);display:flex;align-items:flex-start;flex-direction:column;gap:18px}
.directions__cta p{margin:0;color:#d7dfe1;font-size:17px;line-height:1.4}
.directions__cta a{display:inline-flex;align-items:center;justify-content:center;min-width:248px;height:60px;padding:0 30px;border-radius:4px;background:#4bded5;color:#031417;text-decoration:none;font-size:18px;font-weight:600;transition:transform .22s,background .22s}
.directions__cta a:hover{transform:translateY(-2px);background:#65eee4}
.directions__cta a:focus-visible{outline:2px solid #fff;outline-offset:4px}

@media(max-width:1100px){
	.directions{padding:44px 28px}.directions__panel{min-height:860px}.directions__intro{grid-template-columns:1.45fr .75fr;padding-inline:44px}.directions__grid{margin-inline:44px}.direction{padding-inline:28px}.directions__cta{left:44px}
}
@media(max-width:760px){
	.directions{padding:18px;background:#eee9df}.directions__panel{min-height:0;padding-bottom:42px;border-radius:14px}.directions__background{object-position:68% bottom;opacity:.55}.directions__shade{background:linear-gradient(180deg,rgba(2,8,12,.96),rgba(2,8,12,.76) 62%,rgba(2,8,12,.54))}.directions__intro{display:block;padding:54px 24px 0}.directions__intro h2{font-size:clamp(34px,10vw,46px)}.directions__intro h2 br{display:none}.directions__intro p{margin-top:28px;font-size:16px}.directions__grid{display:block;margin:62px 24px 0}.direction{padding:34px 0;border-left:0;border-top:1px solid rgba(163,199,213,.25)}.direction:first-child{padding-top:0;border-top:0}.direction__symbol{height:86px;margin-bottom:18px}.direction h3{font-size:28px}.direction p{font-size:16px}.directions__cta{position:relative;left:auto;bottom:auto;margin:52px 24px 0}.directions__cta a{width:100%;min-width:0}
}

/* Third screen: material study built around the approved panoramic symbols. */
.directions-material{padding:0 clamp(24px,3.7vw,72px) 72px;background:#eee9df;color:#f4f7f7}
.directions-material__panel{overflow:hidden;border-radius:22px;background:#090d0f;padding:clamp(62px,6.6vw,126px) clamp(44px,4.7vw,90px) clamp(48px,4.4vw,84px)}
.directions-material__intro{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr);gap:clamp(48px,7vw,132px);align-items:end}
.directions-material__intro h2{max-width:960px;margin:0;color:#f5f7f7;font:500 clamp(42px,4.1vw,78px)/1.02 Arial,"Helvetica Neue",Helvetica,sans-serif;letter-spacing:-.05em;text-wrap:balance}
.directions-material__intro p{max-width:530px;margin:0 0 6px;color:#9eabb0;font-size:clamp(17px,1.15vw,22px);line-height:1.5}
.directions-material__visual{margin:clamp(56px,5vw,96px) 0 0;border-top:1px solid rgba(126,213,215,.17);border-bottom:1px solid rgba(126,213,215,.17);background:#090d0f}
.directions-material__visual img{display:block;width:100%;height:auto;aspect-ratio:1983/793;object-fit:contain}
.directions-material__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid rgba(126,213,215,.17)}
.directions-material__item{min-width:0;padding:clamp(28px,2.4vw,46px) clamp(28px,3vw,58px) clamp(34px,3vw,56px);border-left:1px solid rgba(126,213,215,.17)}
.directions-material__item:first-child{padding-left:0;border-left:0}
.directions-material__item h3{margin:0 0 13px;color:#f4f7f7;font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:clamp(25px,1.75vw,34px);font-weight:600;line-height:1.1;letter-spacing:-.03em}
.directions-material__item p{max-width:390px;margin:0;color:#9eabb0;font-size:clamp(16px,1vw,20px);line-height:1.48}
.directions-material__cta{display:flex;justify-content:space-between;align-items:center;gap:40px;padding-top:clamp(34px,3vw,56px)}
.directions-material__cta p{max-width:680px;margin:0;color:#dce2e3;font-size:clamp(19px,1.45vw,28px);line-height:1.3;letter-spacing:-.02em}
.directions-material__cta a{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;min-width:248px;height:60px;padding:0 30px;border-radius:4px;background:#4bded5;color:#031417;text-decoration:none;font-size:18px;font-weight:600;transition:transform .22s,background .22s}
.directions-material__cta a:hover{transform:translateY(-2px);background:#65eee4}
.directions-material__cta a:focus-visible{outline:2px solid #fff;outline-offset:4px}
.directions-material.is-reveal-ready .directions-material__intro,.directions-material.is-reveal-ready .directions-material__visual,.directions-material.is-reveal-ready .directions-material__grid,.directions-material.is-reveal-ready .directions-material__cta{opacity:0;transform:translateY(18px)}
.directions-material.is-reveal-ready.is-visible .directions-material__intro,.directions-material.is-reveal-ready.is-visible .directions-material__visual,.directions-material.is-reveal-ready.is-visible .directions-material__grid,.directions-material.is-reveal-ready.is-visible .directions-material__cta{opacity:1;transform:none;transition:opacity .7s ease,transform .7s ease}
.directions-material.is-reveal-ready.is-visible .directions-material__visual{transition-delay:.08s}.directions-material.is-reveal-ready.is-visible .directions-material__grid{transition-delay:.14s}.directions-material.is-reveal-ready.is-visible .directions-material__cta{transition-delay:.2s}

@media(max-width:1100px){
	.directions-material{padding:0 28px 44px}.directions-material__panel{padding-inline:44px}.directions-material__intro{grid-template-columns:1.35fr .65fr;gap:48px}.directions-material__item{padding-inline:28px}.directions-material__cta p{max-width:520px}
}
@media(max-width:760px){
	.directions-material{padding:0 18px 18px}.directions-material__panel{padding:54px 24px 38px;border-radius:14px}.directions-material__intro{display:block}.directions-material__intro h2{font-size:clamp(34px,10vw,46px)}.directions-material__intro p{margin-top:28px;font-size:16px}.directions-material__visual{margin-top:44px}.directions-material__grid{display:block}.directions-material__item{padding:30px 0;border-left:0;border-top:1px solid rgba(126,213,215,.17)}.directions-material__item:first-child{border-top:0}.directions-material__item h3{font-size:27px}.directions-material__item p{font-size:16px}.directions-material__cta{display:block;padding-top:38px}.directions-material__cta p{font-size:20px}.directions-material__cta a{width:100%;min-width:0;margin-top:26px}
}
@media(prefers-reduced-motion:reduce){
	.directions-material.is-reveal-ready .directions-material__intro,.directions-material.is-reveal-ready .directions-material__visual,.directions-material.is-reveal-ready .directions-material__grid,.directions-material.is-reveal-ready .directions-material__cta{opacity:1;transform:none;transition:none}
}