:root{--ink:#43222d;--cream:#faf8f4;--rose:#efc5ca;--gold:#9c704c}*{box-sizing:border-box}html{scroll-behavior:auto;background:var(--cream)}body{margin:0;color:var(--ink);font-family:Arial,Helvetica,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #8b4a5b;outline-offset:6px}button{touch-action:manipulation}header{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:26px 5vw;pointer-events:none}header>*{pointer-events:auto}.wordmark{font:28px Georgia,serif;letter-spacing:.14em;text-decoration:none;color:var(--ink);text-align:center;line-height:1}.wordmark span{display:block;font:8px Arial,sans-serif;letter-spacing:.5em;margin:8px 0 0 4px}.header-right{display:flex;gap:22px;align-items:center}.header-right button{border:0;background:none;font-size:11px;letter-spacing:.04em;padding:12px 0;border-bottom:1px solid #46282150}.header-right span{margin-left:10px}#journey{height:530svh}#stage{position:sticky;top:0;height:100svh;overflow:clip;isolation:isolate}.sky{position:absolute;inset:-10%;background:var(--cream);will-change:transform}.sky-wash{position:absolute;inset:0;background:transparent}#world{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:2}#hero-copy{position:absolute;left:6%;top:24%;z-index:3;width:38%;will-change:transform,opacity;pointer-events:none}.eyebrow{font-size:10px;letter-spacing:.23em;line-height:1.6;display:block}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;margin:16px 0;letter-spacing:-.05em}h1{font-size:clamp(44px,5.5vw,90px);line-height:1.02}h1 em,h2 em,h3 em{font-weight:400}#chapter{position:absolute;top:15%;left:0;width:100%;text-align:center;opacity:0;z-index:3;pointer-events:none}#chapter h2{font-size:clamp(34px,4vw,60px);line-height:1.02;margin:10px}#intro-action{position:absolute;left:6%;bottom:19%;z-index:7;display:flex;flex-direction:column;gap:22px;align-items:flex-start}.primary{border:1px solid #663044;background:#663044;color:#fff8ef;border-radius:100px;padding:18px 23px;min-width:205px;display:flex;gap:30px;justify-content:space-between;align-items:center;font-size:12px;box-shadow:0 8px 25px #522e2420;transition:background .25s,transform .25s}.primary:hover{background:#843c57;transform:translateY(-2px)}.primary:disabled{cursor:wait;opacity:.6}.scroll-cue{font-size:10px;letter-spacing:.07em;opacity:.75}.scroll-cue span{margin-left:12px}#loading{position:absolute;left:0;right:0;top:60%;text-align:center;z-index:12;font:italic 20px Georgia;color:var(--ink);transition:opacity .4s;pointer-events:none}#loading span{display:block;letter-spacing:10px;font:12px Arial;margin-top:14px;animation:breathe 1s ease-in-out infinite alternate}@keyframes breathe{to{opacity:.3}}#progress{position:absolute;bottom:0;height:3px;left:0;right:0;background:#80534415;z-index:15}#progress i{display:block;width:100%;height:100%;background:#714637;transform:scaleX(0);transform-origin:left}#services{position:absolute;inset:0;background:var(--cream);z-index:10;padding:110px 8vw 35px;display:flex;flex-direction:column;align-items:center;opacity:0;pointer-events:none;overflow-y:auto}.services-heading{text-align:center}.services-heading h2{font-size:clamp(34px,4.5vw,64px);margin:12px 0}.services-heading p{font-size:12px;line-height:1.6;margin:0}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:35px auto 18px;max-width:1050px;width:100%;perspective:900px}.service-card{border:1px solid #c6a18e55;background:#fffaf4;border-radius:8px;overflow:hidden;padding:0;text-align:left;box-shadow:0 12px 40px #6e3d2620;transition:box-shadow .35s,border-color .35s;transform-origin:50% 100%}.service-card:hover,.service-card.selected{border-color:#8f6655;box-shadow:0 20px 45px #6e3d2633}.service-photo{aspect-ratio:1.6;background-image:url('assets/services.png');background-size:200% 200%;width:100%}.nails{background-position:0 0}.hair{background-position:0 100%}.lashes{background-position:100% 100%}.service-info{position:relative;padding:18px 20px 16px;min-height:112px}.service-number{font-size:9px;letter-spacing:.14em;opacity:.55}.service-info h3{font-size:30px;line-height:.98;margin:8px 0 0;letter-spacing:-.04em}.card-arrow{position:absolute;right:18px;bottom:18px;border:1px solid #b18c7755;width:33px;height:33px;border-radius:50%;display:grid;place-content:center;font-size:17px}.service-details{font-size:10px;line-height:1.6;max-height:0;opacity:0;padding:0 20px;transition:all .3s}.selected .service-details{max-height:50px;opacity:1;padding-bottom:18px}#selection{font-size:11px;letter-spacing:.04em;min-height:15px;margin:10px 0 18px}#again{font-size:10px;border:0;border-bottom:1px solid #835e5055;background:none;padding:6px 0;opacity:.8}#again span{margin-left:8px}@media(min-width:1200px){#services{padding-top:130px}.service-photo{aspect-ratio:1.7}}@media(max-width:700px){header{padding:21px 23px}.wordmark{font-size:23px}.wordmark span{font-size:7px;margin-top:6px}.header-right{gap:13px}.header-right button{font-size:9px}#hero-copy{top:15%;left:0;width:100%;text-align:center}h1{font-size:43px;margin:10px 0}.eyebrow{font-size:8px;letter-spacing:.2em}#intro-action{bottom:7.2%;left:0;width:100%;align-items:center;gap:13px}.primary{padding:15px 22px;font-size:11px;min-width:205px}.scroll-cue{font-size:8px}#chapter{top:16%}#chapter h2{font-size:36px}#services{padding:112px 20px 26px}.services-heading h2{font-size:35px;max-width:320px;line-height:1.05}.services-heading p{font-size:11px}.service-grid{grid-template-columns:1fr;gap:13px;margin:25px 0 10px;max-width:430px}.service-card{display:grid;grid-template-columns:38% 62%;min-height:115px;border-radius:6px}.service-photo{height:100%;aspect-ratio:auto;background-size:auto 200%;min-height:115px}.service-info{padding:14px 17px;min-height:115px}.service-info h3{font-size:25px;line-height:.97;margin:7px 0 0}.card-arrow{right:13px;bottom:18px;width:28px;height:28px;font-size:15px}.service-details{grid-column:1/-1}.nails{background-position:0 0}.hair{background-position:0 100%}.lashes{background-position:100% 100%}#selection{margin:10px 0 14px}#again{font-size:9px}}@media(max-height:700px) and (max-width:700px){#hero-copy{top:15%}h1{font-size:34px}#services{padding-top:85px}.services-heading h2{font-size:30px}.service-grid{gap:8px;margin-top:15px}.service-card,.service-info,.service-photo{min-height:92px}.service-info{padding:10px 15px}.service-info h3{font-size:22px}.primary{padding:12px 22px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
#composite{position:absolute;inset:0;perspective:1000px;z-index:2;pointer-events:none;transform-style:preserve-3d}#composite canvas,#composite img{position:absolute;display:block;height:auto;will-change:transform,opacity;transform-origin:50% 50%}#composite .subject{z-index:2}#composite .store{z-index:3;filter:drop-shadow(0 20px 17px #78482a19)}#composite .prop{z-index:4;filter:drop-shadow(8px 14px 10px #63332825)}#composite .open{opacity:0}

/* Stable vector arrows avoid iOS replacing the glyph with a blue emoji. */
svg{width:15px;height:15px;display:block;flex-shrink:0}.header-right span{display:inline-flex;vertical-align:middle}.primary>span:last-child{display:grid;place-items:center}.card-arrow svg{width:14px;height:14px}

header{background:linear-gradient(180deg,#faf8f4e6,#faf8f400)}

/* The approved right-entry facade is shared by both animation paths. */
.reference-store{position:absolute;transform-origin:73.763% 62.646%;transform-style:preserve-3d;perspective:850px;z-index:3;filter:drop-shadow(0 16px 14px #78482a16);will-change:transform}
#composite .reference-front{inset:0;width:100%;height:100%;z-index:2}
#composite .reference-room{left:62.5%;top:35.742%;width:22.526%;height:53.809%;z-index:1}
.reference-door{position:absolute;top:35.742%;width:11.263%;height:53.809%;z-index:3;background:linear-gradient(115deg,#f0b1a7 0%,#e7a398 42%,#d58a84 100%);border:1px solid #b58758;box-shadow:inset 0 0 8px #a8694930;backface-visibility:hidden;will-change:transform}
.reference-door.left{left:62.5%;transform-origin:left center}
.reference-door.right{left:73.763%;transform-origin:right center;background:linear-gradient(110deg,#e8a497,#dc948a)}
.reference-door i{position:absolute;top:43%;height:25%;width:2.6%;min-width:1px;border-radius:2px;background:linear-gradient(90deg,#80562c,#edcb8a 43%,#a97436);box-shadow:1px 1px 2px #885a3b88}
.reference-door.left i{right:12%}.reference-door.right i{left:12%}
@media(max-width:700px){#intro-action{bottom:max(3.8%,env(safe-area-inset-bottom));gap:11px}.primary{min-width:220px;padding:16px 23px}#chapter{top:17%}}
@media(max-height:700px) and (max-width:700px){#hero-copy{top:15%}h1{font-size:34px}#intro-action{bottom:3%}.primary{padding:12px 21px}.scroll-cue{font-size:8px}}