/* SEN / a scroll-directed editorial, not a video or a blocking splash screen. */
.sen-opening{height:800px;position:relative;background:#f3eddf;color:#761f28;isolation:isolate;--opening-progress:0}
.sen-opening.opening-ready{height:310svh;min-height:1900px}
.opening-stage{height:100svh;min-height:680px;position:sticky;top:0;overflow:hidden;background:radial-gradient(ellipse at 73% 48%,#e4cfb7 0,transparent 49%),linear-gradient(145deg,#f7f1e6,#f0e6d6);isolation:isolate}
.opening-topline{position:absolute;top:34px;left:var(--pad);right:var(--pad);display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:.16em;z-index:12}
.opening-skip{display:inline-flex;align-items:center;gap:12px;min-height:44px;letter-spacing:.04em;font-size:11px;border-bottom:1px solid #761f2850}
.opening-wordmark{position:absolute;top:-7%;left:35%;font:400 42vw/.9 var(--serif);letter-spacing:-.07em;color:transparent;-webkit-text-stroke:1px #8f6f4823;user-select:none;pointer-events:none}
.opening-atmosphere{position:absolute;width:50vw;height:50vw;border-radius:50%;top:7%;right:-2%;background:radial-gradient(circle,#f7ecd6aa,transparent 68%);pointer-events:none}
.opening-copy-stack{position:absolute;top:24%;left:var(--pad);width:44%;z-index:7;height:360px;pointer-events:none}
.opening-copy{position:absolute;inset:0;opacity:0;transform:translateY(18px);transition:opacity .5s ease,transform .6s ease;visibility:hidden}
.opening-copy.is-active{opacity:1;transform:none;visibility:visible}
.opening-copy .eyebrow{font-size:9px;letter-spacing:.2em;margin-bottom:30px}
.opening-copy h2{font-size:clamp(58px,6.5vw,102px);line-height:.96;letter-spacing:-.045em}
.opening-copy h2 em{display:inline;color:#8f3440}
.opening-description{max-width:350px;margin-top:30px;font-size:13px;line-height:1.8;color:#6a5149}
.opening-world{position:absolute;left:48%;right:0;top:12%;bottom:13%;perspective:1100px;transform-style:preserve-3d;pointer-events:none}
.opening-nail{position:absolute;left:28%;top:18%;width:43%;aspect-ratio:.9;background:#ece1cf;box-shadow:20px 30px 55px #4c23142e;transform:rotate(-8deg) scale(.82);border-radius:48% 48% 2px 2px;padding:9px;z-index:3;will-change:transform,opacity}
.opening-nail-mat{height:100%;overflow:hidden;border-radius:48% 48% 0 0;position:relative}
.opening-nail .story-crop{height:100%;aspect-ratio:auto;--hero-image-height:187.3%}
.opening-nail .story-crop img{height:auto!important;width:165%!important;max-width:none!important;left:-32.5%;top:0}
.opening-nail>span{position:absolute;bottom:20px;left:20px;right:20px;font-size:7px;letter-spacing:.14em;background:#f5ecdfdd;padding:8px;color:#543a2d}
.opening-ribbon{position:absolute;inset:-7% 0 -12% -3%;z-index:5;transform:translateY(70px) rotate(-18deg) scale(.48);will-change:transform,opacity;filter:drop-shadow(12px 25px 18px #5c172722)}
.opening-ribbon img{width:100%;height:100%;object-fit:contain}
.opening-orbit{position:absolute;inset:8% 2%;border:1px solid #96724b40;border-radius:50%;transform:rotate(-29deg);z-index:0}
.orbit-two{inset:0 20%;transform:rotate(35deg);border-color:#96724b20}
.opening-insert{position:absolute;width:24%;aspect-ratio:.48;background:#f8f0e3;padding:6px;z-index:4;opacity:0;box-shadow:12px 18px 30px #40241522;will-change:transform,opacity}
.insert-outfit{left:3%;top:11%;transform:rotate(-12deg)}
.insert-setting{right:0;top:37%;transform:rotate(10deg)}
.opening-insert .story-crop{height:100%;--detail-image-height:214.5%;--detail-top:-114.5%}
.opening-insert>span{position:absolute;left:12px;bottom:14px;font-size:6px;letter-spacing:.15em;background:#f3eddfdd;padding:5px 7px;color:#553d32}
.opening-pearl{position:absolute;border-radius:50%;background:radial-gradient(circle at 32% 23%,#fffdf6 0,#f7ead6 28%,#cbb295 62%,#7c5b3e 95%);box-shadow:inset -3px -5px 8px #916b5a66,8px 12px 15px #3924141a;z-index:6;will-change:transform}
.pearl-one{width:32px;height:32px;left:13%;bottom:17%}.pearl-two{width:15px;height:15px;right:12%;top:10%}.pearl-three{width:48px;height:48px;right:13%;bottom:3%}
.opening-lacquer-drop{position:absolute;left:47%;top:0;width:33px;height:49px;border-radius:70% 30% 60% 40% / 70% 30% 70% 30%;background:radial-gradient(ellipse at 30% 30%,#e4a0a0,#922b42 22%,#49101c 75%);box-shadow:10px 15px 20px #52152433;z-index:8}
.opening-deliverables{position:absolute;inset:7% 1% 4% 2%;opacity:0;transform:translateY(90px) scale(.8);z-index:7;will-change:transform,opacity}
.opening-web{position:absolute;top:12%;right:0;width:76%;height:65%;background:#f6efdf;border:1px solid #ad9373;box-shadow:20px 25px 50px #4c231433;transform:rotateY(-10deg) rotate(3deg);overflow:hidden}
.mini-browser{height:22px;border-bottom:1px solid #a58b6a44;display:flex;gap:4px;align-items:center;padding:0 10px;background:#e9ddca}.mini-browser i{width:4px;height:4px;border:1px solid #9d8669;border-radius:50%}
.mini-web-nav{padding:13px 18px;font-size:6px;letter-spacing:.13em;display:flex;justify-content:space-between}
.mini-web-title{font:400 38px/.94 var(--serif);letter-spacing:-.03em;padding:6px 18px 14px;position:relative;z-index:2;width:60%}
.opening-web .story-crop{position:absolute;right:-6%;top:27%;width:53%;height:64%;--hero-image-height:187.3%;border-radius:45% 45% 0 0}
.opening-web .story-crop img{width:180%!important;height:auto!important;left:-40%}
.mini-booking{position:absolute;bottom:22px;left:18px;padding:9px 10px;background:#761f28;color:#f3eddf;font-size:7px;display:flex;align-items:center;gap:10px}
.opening-reel{position:absolute;left:3%;bottom:15%;width:32%;height:72%;border-radius:22px;background:#2b191b;padding:8px;box-shadow:12px 20px 35px #49151b44;transform:rotate(-9deg);z-index:5;overflow:hidden;border:1px solid #bba88e}
.opening-reel>.story-crop{position:absolute;inset:8px;width:auto;height:auto;border-radius:16px;overflow:hidden;--hero-image-height:187.3%}
.opening-reel .story-crop img{width:350%!important;height:auto!important;left:-125%;top:0}
.mini-bar{position:absolute;left:16px;right:16px;top:23px;display:flex;justify-content:space-between;font-size:5px;letter-spacing:.1em;z-index:3;color:#fff;text-shadow:0 1px 4px #000}
.mini-reel-play{position:absolute;top:43%;left:40%;width:32px;height:32px;border:1px solid #ffffffaa;border-radius:50%;color:white;display:grid;place-items:center;font-size:20px;z-index:2;background:#23181744}
.opening-reel>p{position:absolute;bottom:28px;left:18px;font:400 24px/.9 var(--serif);color:white;z-index:3;width:80%;text-shadow:0 1px 6px #000}
.opening-connection{position:absolute;bottom:1%;left:8%;right:1%;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:7px;letter-spacing:.1em;color:#761f28;border-top:1px solid #761f2844;padding-top:17px}
.opening-connection b{font-weight:400}.opening-connection .sen-icon{width:17px;height:17px}
.opening-bottom{position:absolute;left:var(--pad);right:var(--pad);bottom:35px;display:flex;justify-content:space-between;align-items:end;gap:25px;z-index:10;border-top:1px solid #761f2833;padding-top:20px}
.opening-scroll-hint{font-size:8px;letter-spacing:.12em;display:flex;align-items:center;gap:12px}.opening-scroll-hint .sen-icon{width:20px;height:20px}
.opening-bottom small{display:block;font-size:7px;margin-top:8px;color:#856e5d}
.opening-chapters{display:flex;gap:12px}.opening-chapters button{padding:8px 4px;min-width:44px;min-height:44px;border:none;background:transparent;color:#8f6c62;font:italic 18px var(--serif);display:flex;gap:7px;align-items:center}
.opening-chapters i{height:1px;width:12px;background:currentColor;transition:width .4s}.opening-chapters button[aria-pressed=true]{color:#761f28}.opening-chapters button[aria-pressed=true] i{width:35px;height:2px}
.opening-enter{display:flex;align-items:center;gap:10px;font-size:11px;min-height:44px;border-bottom:1px solid currentColor}
.opening-finale .opening-enter{background:#761f28;color:#f3eddf;padding:5px 14px;border-color:#761f28}
.sen-opening:not(.opening-ready) .opening-chapters{display:none}
.sen-opening.opening-static{height:auto!important;min-height:0!important}.opening-static .opening-stage{position:relative;height:800px;min-height:0}.opening-static .opening-ribbon{transform:rotate(-8deg) scale(.85)!important}.opening-static .opening-nail{transform:rotate(-5deg)!important}.opening-static .opening-chapters{display:none}.opening-static .opening-lacquer-drop{display:none}
@media(min-width:1600px){.opening-copy-stack{width:43%}.opening-world{left:45%;right:2%}.opening-copy h2{font-size:112px}}
@media(max-width:1000px){.opening-copy-stack{width:45%;top:25%}.opening-copy h2{font-size:66px}.opening-description{font-size:12px;max-width:280px}.opening-world{left:44%;right:-8%}.mini-web-title{font-size:30px}.opening-web{height:60%}.opening-reel{height:64%}.opening-connection{font-size:6px;gap:4px}}
@media(max-width:700px){.sen-opening.opening-ready{height:285svh;min-height:1750px}.opening-stage{min-height:680px}.opening-topline{top:12px;left:22px;right:22px;font-size:6px;letter-spacing:.12em}.opening-skip{font-size:9px;gap:6px}.opening-wordmark{top:28%;left:-3%;font-size:83vw}.opening-copy-stack{left:25px;right:25px;width:auto;top:11%;height:200px}.opening-copy .eyebrow{font-size:7px;margin-bottom:18px}.opening-copy h2{font-size:clamp(43px,9.8vw,68px);max-width:550px;line-height:.98}.opening-description{font-size:11px;margin-top:15px;max-width:340px;line-height:1.65}.opening-world{left:4%;right:1%;top:38%;bottom:14%}.opening-nail{width:40%;left:31%;top:9%;aspect-ratio:.9}.opening-ribbon{inset:-18% -1% -20% -7%}.opening-insert{width:22%;max-height:85%}.insert-outfit{left:6%;top:3%}.insert-setting{right:5%;top:28%}.opening-nail>span{font-size:5px;left:12px;right:12px;bottom:12px;padding:5px}.opening-insert>span{font-size:4px;padding:4px;left:7px;bottom:10px}.pearl-one{width:22px;height:22px;left:14%;bottom:5%}.pearl-two{width:11px;height:11px;right:10%;top:6%}.pearl-three{width:30px;height:30px;right:14%;bottom:2%}.opening-lacquer-drop{width:23px;height:35px;top:-7%}.opening-deliverables{inset:-3% 3% 0 3%}.opening-web{width:76%;height:75%;top:6%}.opening-reel{width:30%;height:90%;left:5%;bottom:6%;border-radius:18px}.mini-browser{height:15px}.mini-web-nav{font-size:5px;padding:9px 12px}.mini-web-title{font-size:30px;padding:4px 12px;width:60%}.mini-booking{bottom:18px;left:12px;font-size:6px;padding:7px}.mini-bar{top:18px;font-size:4px;left:13px;right:13px}.opening-reel>p{font-size:18px;bottom:20px;left:13px}.mini-reel-play{width:25px;height:25px;font-size:16px}.opening-connection{bottom:-7%;left:8%;font-size:6px;padding-top:9px;gap:3px}.opening-connection .sen-icon{width:12px;height:12px}.opening-bottom{left:22px;right:22px;bottom:18px;padding-top:12px;gap:12px;flex-wrap:wrap}.opening-bottom>div:first-child{width:100%}.opening-scroll-hint{font-size:7px}.opening-bottom small{font-size:6px;margin-top:3px}.opening-chapters{gap:4px}.opening-chapters button{min-width:38px;font-size:16px;gap:5px;min-height:44px}.opening-chapters button[aria-pressed=true] i{width:20px}.opening-chapters i{width:7px}.opening-enter{font-size:9px;gap:6px}.opening-static .opening-stage{height:800px}.opening-static .opening-world{top:40%;bottom:15%}}
@media(max-width:360px){.opening-copy h2{font-size:43px}.opening-description{font-size:10px;max-width:280px}.opening-world{top:40%;bottom:17%}.opening-chapters button{min-width:32px}.opening-topline>span{font-size:5px}.opening-enter{font-size:8px}.mini-web-title{font-size:25px}}
.opening-bottom{bottom:70px}.opening-world{bottom:18%}
@media(max-width:700px){.opening-bottom{bottom:72px}.opening-world{bottom:23%}.opening-connection{bottom:0}.opening-static .opening-world{bottom:23%}}
@media(prefers-reduced-motion:reduce){.sen-opening.opening-ready{height:auto;min-height:0}.opening-stage{position:relative;height:800px}.opening-copy{transition:none}.opening-chapters{display:none}.opening-ribbon{transform:rotate(-8deg) scale(.85)!important}}