/* Three reversible, scroll-driven first-view studies. */
.hero-study{--review-h:50px;--nav-h:74px;--pin-top:calc(var(--review-h) + var(--nav-h));padding-top:var(--review-h)}
.hero-study .nav{top:var(--review-h)}
.hero-study .mobile-nav{top:var(--pin-top)}
.hero-study.mh-in-view>.launcher{visibility:hidden;pointer-events:none}
.mh-review-bar{position:fixed;inset:0 0 auto;z-index:60;height:var(--review-h);padding:0 2.5%;display:flex;align-items:center;justify-content:space-between;gap:18px;background:#f1f3f8;color:#283245;border-bottom:1px solid #d9dfe9;font-size:12px}
.mh-review-label{font-size:10px;letter-spacing:.12em;font-weight:700;display:flex;align-items:center;gap:14px}.mh-review-label small{font-weight:400;font-size:9px;color:#7f8795}
.mh-concepts{display:flex;gap:5px;align-items:center;height:100%}.mh-concepts button{background:transparent;border-radius:7px;padding:9px 15px;color:#667182;font-size:12px}.mh-concepts button b{font-size:10px;font-weight:500;opacity:.6;margin-right:7px}.mh-concepts button[aria-pressed=true]{background:#1b2d4b;color:#fff;box-shadow:0 3px 10px #1b2d4b19}.mh-concepts button:hover{background:#dfe5ef;color:#1b2d4b}.mh-concepts button[aria-pressed=true]:hover{background:#253d63;color:#fff}
.mh-review-actions{display:flex;align-items:center;gap:22px;font-size:11px}.mh-review-actions button{background:transparent;color:inherit;font-size:18px;padding:7px}.mh-review-actions button span{font-size:11px;margin-left:4px}.mh-review-actions a{color:#6b7381}
.mh-track{--view:calc(100svh - var(--pin-top));position:relative;background:#080b10;color:#f5f7fc;height:auto;isolation:isolate}
.mh-stage{position:relative;min-height:var(--view);overflow:clip;perspective:1800px;background:#080b10}
.mh-track.is-motion{height:calc(var(--view)*3.5)}
.is-motion .mh-stage{position:sticky;top:var(--pin-top);height:var(--view);min-height:0}
.mh-atmosphere{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 82%,#20395c70,transparent 62%);overflow:hidden}
.mh-orbit{position:absolute;width:90vw;height:90vw;left:5vw;top:30%;border:1px solid #88a6d20e;border-radius:50%;transform:rotateX(64deg)}.mh-orbit.orbit-two{width:115vw;height:115vw;left:-7.5vw;top:8%;border-color:#88a6d20b}.mh-star{position:absolute;right:7%;top:7%;font-size:270px;font-style:normal;color:#748bad05;line-height:1}
.mh-copy{position:relative;text-align:center;z-index:3;padding:60px 4% 80px;width:100%;transform-origin:50% 0}
.is-motion .mh-copy{position:absolute;left:0;top:7%;padding:0 4%}
.mh-eyebrow{color:#a5b4ca;font-size:13px;letter-spacing:.06em;display:flex;align-items:center;justify-content:center;gap:9px;margin-bottom:26px}.mh-eyebrow>span{width:5px;height:5px;border-radius:50%;background:#99b5db;box-shadow:0 0 18px #a5c7ff80}
.mh-copy h1{font-size:clamp(43px,5.3vw,86px);line-height:1.35;font-weight:600;letter-spacing:-.055em}.mh-copy h1>span{color:#a3bde3;background:linear-gradient(105deg,#edf2fa,#94b4e2);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.mh-description{font-size:16px;line-height:1.9;margin-top:24px;color:#9da8ba;letter-spacing:.01em}.mh-actions{display:flex;align-items:center;justify-content:center;gap:28px;margin-top:27px}.mh-actions>a{display:flex;gap:28px;align-items:center;font-size:13px;color:#bbcbe1}.mh-actions .mh-primary{background:#e6edf8;color:#223453;padding:14px 24px;border-radius:30px;box-shadow:inset 0 1px white}.mh-actions a:hover{color:white}.mh-actions .mh-primary:hover{background:#fff;color:#223453}
.mh-scene-caption{display:none;position:absolute;top:3%;left:6%;right:6%;align-items:center;justify-content:space-between;z-index:4;pointer-events:none}.is-motion .mh-scene-caption{display:flex}.mh-scene-caption>span{color:#8396b4;font-size:10px;letter-spacing:.12em}.mh-scene-caption>strong{font-size:18px;font-weight:500;color:#d5dfed;letter-spacing:.04em}
.mh-scene{position:relative;width:88%;height:540px;margin:0 auto 80px;z-index:5;transform-origin:50% 50%;perspective:1800px}
.is-motion .mh-scene{position:absolute;margin:0;left:6%;top:14%;width:88%;height:72%}
.mh-device{position:relative;height:100%;width:100%;transform-style:preserve-3d}
.mh-site{position:absolute;left:0;top:0;width:72%;height:90%;border:1px solid #6880a050;border-radius:18px;overflow:hidden;background:#141d29;box-shadow:0 28px 70px #0007}
.mh-browser{height:36px;padding:0 16px;display:flex;gap:18px;align-items:center;color:#a9b8ce;font-size:9px;letter-spacing:.14em;background:#182333;border-bottom:1px solid #c6d7ef14;white-space:nowrap}.mh-dots{display:flex;gap:5px}.mh-dots i{height:5px;width:5px;border-radius:50%;background:#687a94}.mh-site-tag{margin-left:auto;font-size:9px;letter-spacing:.04em;color:#7f91ac}.mh-photo{position:relative;height:calc(100% - 36px)}.mh-photo img{width:100%;height:100%;object-fit:cover;object-position:center 48%}.mh-photo-shade{position:absolute;inset:0;background:linear-gradient(180deg,#07121d0a 15%,#07121dc9 100%)}
.mh-site-copy{position:absolute;left:6%;bottom:12%;color:#fff}.mh-site-copy small{font-size:9px;letter-spacing:.2em;color:#dbe3e8}.mh-site-copy h2{font-size:clamp(26px,2.5vw,39px);font-weight:500;letter-spacing:.02em;line-height:1.5;margin:14px 0 10px}.mh-site-copy p{font-size:11px;color:#dde4e9;letter-spacing:.07em}
.mh-mini-launcher{position:absolute;bottom:23px;right:22px;color:#2e4264;background:#f1f5fd;border-radius:30px;font-size:11px;padding:11px 17px;display:flex;gap:9px;align-items:center;box-shadow:0 5px 20px #081a3340}.mh-mini-launcher b{font-size:18px;font-weight:400}
.mh-chat{position:absolute;right:0;top:5%;width:39%;height:95%;min-width:0;border:1px solid #d6dfee;border-radius:18px;box-shadow:0 24px 70px #0005;background:#f4f6fb;color:#253449;display:flex;flex-direction:column;overflow:hidden;transform-origin:100% 100%}
.mh-chat-head{display:flex;align-items:center;gap:11px;padding:17px 20px;background:#fff;border-bottom:1px solid #dfe5ee;flex-shrink:0}.mh-chat-mark{font-size:28px;color:#6886b3;line-height:1}.mh-chat-head strong{font-size:16px;font-weight:650}.mh-chat-head small{display:block;font-size:9px;line-height:1.7;color:#8090a8;margin-top:2px}.mh-chat-status{display:flex;align-items:center;gap:5px;margin-left:auto;font-size:9px;color:#7a889b;white-space:nowrap}.mh-chat-status i{display:block;width:4px;height:4px;border-radius:50%;background:#809d8b}
.mh-conversation{padding:17px 19px;display:flex;flex-direction:column;gap:10px;flex:1;min-height:0;justify-content:center;overflow:auto;scrollbar-width:thin}.mh-message{font-size:12px;line-height:1.8;transform-origin:50% 100%;flex-shrink:0}.mh-question{padding:9px 13px;background:#dfe8f7;border-radius:12px 12px 3px 12px;max-width:92%;align-self:flex-end;color:#405b83}.mh-answer{padding:0 2px;align-self:stretch}.mh-answer>small{font-size:10px;font-weight:650;color:#7189ac;display:block;margin-bottom:4px}.mh-answer p{font-size:12px;line-height:1.85;color:#52647e}.mh-answer p strong{font-weight:600;color:#314c76}.mh-destination{background:#4e6e9f;color:#fff;display:flex;align-items:center;justify-content:space-between;width:100%;border-radius:7px;padding:12px 14px;margin-top:10px;font-size:11px;line-height:1.4}.mh-destination:hover{background:#3d5b89}.mh-composer{height:42px;flex-shrink:0;padding:0 18px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-top:1px solid #e3e9f1;color:#9ca8bb;font-size:10px}.mh-composer b{display:grid;place-items:center;background:#ecf0f7;width:24px;height:24px;border-radius:50%;font-size:15px;font-weight:400;color:#8d9bb0}
.mh-scene-label{position:absolute;top:calc(100% + 15px);right:0;font-size:9px;line-height:1.6;color:#72839d;letter-spacing:.015em;max-width:100%;text-align:right}
.mh-bottom{position:relative;height:70px;display:flex;align-items:center;justify-content:space-between;gap:20px;width:88%;margin:auto;z-index:6}.is-motion .mh-bottom{position:absolute;left:6%;bottom:0;height:65px;margin:0}.mh-advance{display:flex;align-items:center;gap:14px;color:#a3b2c8;background:transparent;font-size:11px;letter-spacing:.03em;padding:10px 0}.mh-down{font-size:18px;color:#d8e1f0}.mh-progress{display:flex;align-items:center;gap:16px;color:#899bb4;font-size:10px;letter-spacing:.03em}.mh-progress-line{display:block;width:100px;height:1px;background:#b3c3dd27}.mh-progress-line i{display:block;width:100%;height:1px;background:#b3c8e7;transform-origin:0 0;transform:scaleX(0)}.mh-skip{font-size:10px;display:flex;gap:15px;color:#8291a8}
/* 02: a narrow photographic window opens across the viewport. */
.mh-track[data-concept="2"] .mh-atmosphere{background:radial-gradient(ellipse at 80% 45%,#3141494a,transparent 65%)}
.mh-track[data-concept="2"] .mh-copy{text-align:left;left:6%;top:19%;width:51%;padding:0}.mh-track[data-concept="2"] .mh-copy h1{font-size:clamp(38px,3.9vw,65px);line-height:1.46}.mh-track[data-concept="2"] .mh-eyebrow,.mh-track[data-concept="2"] .mh-actions{justify-content:flex-start}.mh-track[data-concept="2"] .mh-site{width:100%;height:100%}.mh-track[data-concept="2"] .mh-chat{right:3%;top:7%;height:86%;width:35%}.mh-track[data-concept="2"] .mh-site-copy{left:5%;bottom:10%}.mh-track[data-concept="2"] .mh-star{right:auto;left:-5%;top:50%;color:#92a8b005}.mh-track[data-concept="2"] .mh-site-copy h2{font-size:clamp(30px,3vw,48px)}
/* 03: one browser makes room for a conversation beside its content. */
.mh-track[data-concept="3"] .mh-atmosphere{background:radial-gradient(ellipse at 50% 100%,#25304466,transparent 66%)}
.mh-track[data-concept="3"] .mh-copy{top:5%}.mh-track[data-concept="3"] .mh-copy h1{font-size:clamp(44px,5.2vw,81px)}.mh-track[data-concept="3"] .mh-device{border:1px solid #7186a159;border-radius:20px;overflow:hidden;box-shadow:0 28px 80px #0007;background:#162333}.mh-track[data-concept="3"] .mh-site{border:0;border-radius:0;box-shadow:none;height:100%}.mh-track[data-concept="3"] .mh-chat{right:0;top:0;height:100%;border:0;border-left:1px solid #d1dae9;border-radius:0;box-shadow:none}.mh-track[data-concept="3"] .mh-scene-label{text-align:center;width:100%}
.mh-track:not(.is-motion) .mh-copy{position:relative;left:auto;top:auto;width:100%;text-align:center;padding:60px 5%}.mh-track:not(.is-motion) .mh-eyebrow,.mh-track:not(.is-motion) .mh-actions{justify-content:center}.mh-track:not(.is-motion) .mh-bottom{display:none}.mh-track:not(.is-motion) .mh-scene{margin-bottom:0;padding-bottom:0}.mh-track:not(.is-motion){padding-bottom:60px}
@media(min-width:1500px){.mh-scene{max-width:1380px}.is-motion .mh-scene{max-width:none}.mh-message,.mh-answer p{font-size:14px}.mh-chat-head{padding:20px 24px}.mh-conversation{padding:24px;gap:16px}.mh-destination{font-size:13px;padding:14px 17px}}
@media(max-height:850px) and (min-width:851px){.mh-copy h1{font-size:clamp(40px,4.8vw,70px)}.mh-eyebrow{margin-bottom:18px}.mh-description{margin-top:18px;font-size:14px}.mh-actions{margin-top:20px}.mh-chat-head{padding:11px 16px}.mh-conversation{padding:12px 15px;gap:8px}.mh-message,.mh-answer p{font-size:11px;line-height:1.7}.mh-question{padding:7px 12px}.mh-composer{height:33px}.mh-destination{padding:10px 12px}.mh-site-copy h2{font-size:32px}}
@media(max-width:1050px){.mh-review-label small{display:none}.mh-review-actions{gap:10px}.mh-review-bar{gap:10px;padding:0 20px}.mh-concepts button{padding:9px 11px}.mh-site-tag{display:none}.mh-chat{width:43%}.mh-track[data-concept="2"] .mh-chat{width:42%}.mh-track[data-concept="2"] .mh-copy h1{font-size:3.9vw}.mh-chat-head small{font-size:8px}.mh-chat-status{display:none}.mh-progress-line{width:65px}}
@media(max-width:850px){
 .hero-study{--nav-h:62px;--review-h:49px}.hero-study .nav{height:var(--nav-h)}.mh-review-label,.mh-review-actions a,.mh-review-actions button span{display:none}.mh-review-bar{padding:0 12px;gap:4px}.mh-concepts{flex:1;gap:3px}.mh-concepts button{flex:1;padding:9px 6px;white-space:nowrap;font-size:11px}.mh-concepts button b{margin-right:3px;font-size:9px}.mh-review-actions{flex-shrink:0}.mh-review-actions button{padding:5px;font-size:21px}
 .mh-track.is-motion{height:calc(var(--view)*3.15)}.is-motion .mh-copy{top:10%;padding:0 5%}.mh-copy h1,.mh-track[data-concept="3"] .mh-copy h1{font-size:clamp(30px,6.5vw,56px);line-height:1.5;letter-spacing:-.05em}.mh-eyebrow{font-size:10px;letter-spacing:.015em;margin-bottom:22px;gap:6px}.mh-description{font-size:12px;margin-top:21px;line-height:1.9}.mh-actions{gap:20px;margin-top:23px}.mh-actions>a{font-size:11px;gap:12px}.mh-actions .mh-primary{padding:12px 19px}
 .mh-orbit{width:160vw;height:160vw;left:-30vw;top:35%}.mh-orbit.orbit-two{width:200vw;height:200vw;left:-50vw;top:16%}.mh-star{font-size:150px;right:-5%;top:16%}
 .mh-scene-caption{top:3%;left:5%;right:5%}.mh-scene-caption>span{font-size:7px;letter-spacing:.07em}.mh-scene-caption>strong{font-size:11px;letter-spacing:.01em}
 .mh-scene{height:580px;width:90%}.mh-site{width:100%;height:42%;border-radius:13px}.mh-browser{height:28px;padding:0 11px;gap:10px;font-size:8px}.mh-photo{height:calc(100% - 28px)}.mh-site-copy{left:5%;bottom:20%}.mh-site-copy h2{font-size:22px;line-height:1.35;margin:7px 0}.mh-site-copy small{font-size:7px}.mh-site-copy p{display:none}.mh-mini-launcher{bottom:12px;right:12px;font-size:8px;padding:7px 11px;gap:5px}.mh-mini-launcher b{font-size:15px}
 .mh-chat{right:0;top:18%;width:94%;height:82%;border-radius:14px}.mh-chat-head{padding:11px 14px;gap:8px}.mh-chat-mark{font-size:24px}.mh-chat-head strong{font-size:14px}.mh-chat-head small{font-size:8px}.mh-chat-status{display:flex;font-size:8px}.mh-conversation{padding:11px 15px;gap:9px;justify-content:center}.mh-message,.mh-answer p{font-size:11.5px;line-height:1.75}.mh-question{padding:7px 11px}.mh-answer>small{font-size:9px;margin-bottom:2px}.mh-destination{font-size:10px;padding:10px 13px;margin-top:8px}.mh-composer{height:34px;font-size:9px;padding:0 14px}.mh-composer b{width:21px;height:21px}
 .mh-scene-label{font-size:7px;top:calc(100% + 10px);left:0;text-align:center;letter-spacing:0}.is-motion .mh-bottom{height:48px;left:5%;width:90%;gap:10px}.mh-advance{font-size:9px;gap:8px;letter-spacing:0}.mh-down{font-size:15px}.mh-progress{gap:6px;font-size:8px}.mh-progress>span:first-child{max-width:76px}.mh-progress-line{width:32px}.mh-skip{font-size:9px;gap:6px}
 .mh-track[data-concept="2"] .mh-copy{top:5%;left:5%;width:90%;padding:0}.mh-track[data-concept="2"] .mh-copy h1{font-size:clamp(30px,6.5vw,56px);line-height:1.5}.mh-track[data-concept="2"] .mh-eyebrow{justify-content:flex-start}.mh-track[data-concept="2"] .mh-description{font-size:11px;margin-top:16px}.mh-track[data-concept="2"] .mh-actions{margin-top:16px}.mh-track[data-concept="2"] .mh-site-copy h2{font-size:24px}.mh-track[data-concept="2"] .mh-site-copy{bottom:16%;left:6%}.mh-track[data-concept="2"] .mh-chat{top:16%;right:3%;width:94%;height:81%}
 .mh-track[data-concept="3"] .mh-copy{top:9%}.mh-track[data-concept="3"] .mh-device{border-radius:15px}.mh-track[data-concept="3"] .mh-chat{top:auto;bottom:0;right:0;width:100%;height:80%;border-left:0;border-top:1px solid #d1dae9}.mh-track[data-concept="3"] .mh-site{width:100%;height:100%}
 .mh-track:not(.is-motion) .mh-scene{height:560px}.mh-track:not(.is-motion) .mh-copy{padding:50px 5%}.mh-track:not(.is-motion)[data-concept="3"] .mh-site{height:20%}.mh-track:not(.is-motion)[data-concept="3"] .mh-site-copy{display:none}
}
@media(max-width:360px){.mh-concepts button{font-size:10px;padding:9px 4px}.mh-concepts button b{font-size:8px}.mh-review-bar{padding:0 7px}.mh-copy h1,.mh-track[data-concept="2"] .mh-copy h1,.mh-track[data-concept="3"] .mh-copy h1{font-size:27px}.mh-eyebrow{font-size:9px}.mh-chat-status{display:none}.mh-message,.mh-answer p{font-size:10.5px}.mh-conversation{padding:10px 12px;gap:7px}.mh-progress{display:none}}
@media(prefers-reduced-motion:reduce){.mh-track *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.mh-track .sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-height:850px) and (min-width:851px){.mh-message,.mh-answer p{font-size:12.5px;line-height:1.75}}
.mh-bottom:before{content:'';position:absolute;inset:-15px -7vw -1px;z-index:-1;background:linear-gradient(transparent,#080b10 46%);pointer-events:none}

.hero-study .time-art{max-width:100%}
@media(max-width:850px){.mh-message,.mh-answer p{font-size:13px;line-height:1.8}.mh-chat-head small{font-size:9px}}
@media(max-width:360px){.mh-message,.mh-answer p{font-size:12px;line-height:1.7}}
@media(max-height:730px) and (max-width:850px){.mh-chat{top:12%;height:88%}.mh-track[data-concept="2"] .mh-chat{top:10%;height:87%}.mh-track[data-concept="3"] .mh-chat{height:86%}.mh-conversation{gap:7px;padding:9px 12px}.mh-message,.mh-answer p{font-size:12px;line-height:1.7}.mh-chat-head{padding:9px 12px}}
@media(max-height:730px) and (max-width:850px){.mh-conversation{gap:6px}}

/* Selected rising concept: a centered mobile introduction and layered brand light. */
.mh-light-field,.mh-emblem,.mh-glint{display:none}
.mh-track[data-concept="1"] .mh-atmosphere{background:radial-gradient(ellipse at 80% 25%,#1d345943,transparent 58%),radial-gradient(ellipse at 10% 70%,#1a3e5845,transparent 56%),#080b10}
.mh-track[data-concept="1"] .mh-atmosphere:after{content:"";position:absolute;inset:0;background-image:radial-gradient(#afcbed38 .6px,transparent .7px);background-size:28px 28px;opacity:.2;mask-image:linear-gradient(110deg,black,transparent 42%,transparent 65%,black);pointer-events:none}
.mh-track[data-concept="1"] .mh-light-field{display:block;position:absolute;inset:0;transform:translateY(var(--ambient-y,0px));background:radial-gradient(ellipse at 75% 38%,#668fc421,transparent 43%),radial-gradient(ellipse at 28% 95%,#477eac30,transparent 54%)}
.mh-track[data-concept="1"] .mh-star{display:none}
.mh-track[data-concept="1"] .mh-emblem{display:block;position:absolute;width:clamp(260px,30vw,480px);height:auto;right:5%;top:9%;color:#8ba8d2;opacity:.065;transform:translateY(var(--ambient-y,0px)) rotate(var(--emblem-angle,-12deg))}
.mh-track[data-concept="1"] .mh-orbit{width:135vw;height:135vw;left:-17.5vw;top:25%;border-color:#92b6e027;transform:rotateX(69deg) rotate(-12deg);box-shadow:0 -1px 24px #93baff07}
.mh-track[data-concept="1"] .mh-orbit.orbit-two{width:165vw;height:165vw;left:-32.5vw;top:0%;border-color:#92b6e013;transform:rotateX(69deg) rotate(-12deg)}
.mh-track[data-concept="1"] .mh-glint{display:block;position:absolute;width:3px;height:3px;background:#c0d5f0;border-radius:50%;box-shadow:0 0 13px 3px #749bc447;opacity:.55}
.mh-track[data-concept="1"] .glint-one{left:14%;top:35%}.mh-track[data-concept="1"] .glint-two{right:19%;top:70%;width:2px;height:2px;opacity:.35}
@media(max-width:850px){
 .mh-track[data-concept="1"] .mh-atmosphere{background:radial-gradient(ellipse at 100% 22%,#294a7552,transparent 57%),radial-gradient(ellipse at 0% 70%,#23465e50,transparent 58%),#080b10}
 .mh-track[data-concept="1"] .mh-emblem{width:280px;right:-78px;top:7%;opacity:.08}
 .mh-track[data-concept="1"] .mh-orbit{width:240vw;height:240vw;left:-70vw;top:25%;transform:rotateX(70deg) rotate(-16deg)}
 .mh-track[data-concept="1"] .mh-orbit.orbit-two{width:300vw;height:300vw;left:-100vw;top:7%;transform:rotateX(70deg) rotate(-16deg)}
 .mh-track[data-concept="1"] .mh-light-field{background:radial-gradient(ellipse at 95% 25%,#6d96c323,transparent 45%),radial-gradient(ellipse at 0% 80%,#559acb26,transparent 50%)}
 .mh-track[data-concept="1"] .glint-one{left:12%;top:22%}.mh-track[data-concept="1"] .glint-two{right:15%;top:66%}
 .mh-track:not(.is-motion)[data-concept="1"] .mh-copy{min-height:calc(var(--view) - 110px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 5%}
}

/* The selected concept on the homepage has no design-review toolbar. */
.hero-study.hero-live{--review-h:0px;padding-top:0}

/* Center the whole introduction, including its scroll cue, on every screen. */
.mh-track.is-motion[data-concept="1"] .mh-copy{top:50%;translate:0 -50%}
.mh-copy>.mh-advance{margin:28px auto 0;justify-content:center;font-size:10px;letter-spacing:.08em;gap:10px;color:#8296b1}
.mh-copy>.mh-advance .mh-down{font-size:17px}
.mh-track[data-concept="1"] .mh-copy>.mh-advance{padding:8px 12px}
.mh-track:not(.is-motion)[data-concept="1"] .mh-copy{min-height:var(--view);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:45px 5%}
.mh-track:not(.is-motion) .mh-copy>.mh-advance{display:none}
.mh-bottom{justify-content:center}.mh-bottom>.mh-skip{position:absolute;right:0}
.mh-track[data-concept="2"] .mh-copy>.mh-advance{margin-left:0}
/* A hotel website, with browser chrome, navigation, room content and a booking route. */
.mh-site{display:flex;flex-direction:column;background:#f2f0e9}
.mh-track[data-concept="1"] .mh-site{width:86%;height:95%}
.mh-browser{height:30px;flex-shrink:0;letter-spacing:.04em;gap:14px;background:#1b2635}
.mh-address{padding:4px 14px;background:#ffffff07;border:1px solid #ffffff0a;border-radius:5px;min-width:42%;font-size:9px;color:#aab8ca;letter-spacing:.04em}.mh-address>span{margin-right:8px;color:#8195ae}
.mh-hotel-header{height:70px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 4%;background:#f6f4ee;color:#3b493d;border-bottom:1px solid #72785e22}
.mh-hotel-brand{white-space:nowrap;display:flex;flex-direction:column;gap:7px}.mh-hotel-brand>small{font-family:Georgia,'Times New Roman',serif;font-size:19px;letter-spacing:.13em}.mh-hotel-brand>span{font-size:8px;letter-spacing:.15em;color:#7e8579}
.mh-hotel-nav{display:flex;gap:22px;align-items:center;margin-left:auto;font-size:10px;letter-spacing:.04em;color:#788071}
.mh-hotel-book{background:#4d604b;color:#fff;padding:12px 15px;display:flex;align-items:center;gap:17px;font-size:10px;white-space:nowrap;letter-spacing:.05em}.mh-hotel-book:hover{background:#344b32}
.mh-site .mh-photo{height:auto;flex:1;min-height:0;overflow:hidden}.mh-site .mh-photo img{display:block;object-position:center 45%}
.mh-site .mh-photo-shade{background:linear-gradient(90deg,#10211966,transparent 85%),linear-gradient(0deg,#11261959,transparent 70%)}
.mh-site .mh-site-copy{bottom:12%;left:6%}.mh-site .mh-site-copy h2{font-family:'Yu Mincho','Hiragino Mincho ProN',serif;font-size:clamp(28px,2.9vw,44px);font-weight:400;letter-spacing:.08em;line-height:1.55;margin:12px 0}.mh-site .mh-site-copy>small{font-size:8px;letter-spacing:.2em}.mh-site .mh-site-copy>p{font-size:10px;letter-spacing:.06em}
.mh-hotel-room{display:flex;align-items:center;justify-content:space-between;gap:24px;background:#f5f3e8ed;border:1px solid #f5f3e8;color:#3a4d3b;padding:12px 15px;font-size:10px;letter-spacing:.04em;margin-top:22px}.mh-hotel-room:hover{background:#fff}
.mh-hotel-features{height:75px;flex-shrink:0;display:grid;grid-template-columns:repeat(3,1fr);align-items:center;padding:0 4%;background:#f2f0e9;color:#4e594b}.mh-hotel-features>div{display:flex;flex-direction:column;gap:8px;padding-left:15%;border-left:1px solid #5a66552a}.mh-hotel-features>div:first-child{border:0;padding-left:0}.mh-hotel-features small{font-size:7px;letter-spacing:.12em;color:#8f9687}.mh-hotel-features span{font-size:10px;letter-spacing:.02em}
.mh-site .mh-mini-launcher{bottom:96px;right:4%;background:#fff;font-size:10px;padding:11px 16px;border:1px solid #dbe3ed;box-shadow:0 5px 24px #0f1e2f50}
@media(min-width:851px) and (max-height:750px){.mh-hotel-header{height:58px}.mh-hotel-features{height:60px}.mh-site .mh-mini-launcher{bottom:78px}.mh-site .mh-site-copy h2{font-size:30px;line-height:1.45;margin:8px 0}.mh-hotel-room{margin-top:14px;padding:10px 13px}}
@media(max-width:1050px){.mh-hotel-nav{gap:12px}.mh-hotel-brand>small{font-size:16px}.mh-hotel-header{gap:12px}.mh-hotel-book{padding:10px;gap:9px}}
@media(max-width:850px){
 .mh-copy>.mh-advance{margin-top:24px;font-size:9px;letter-spacing:.03em}
 .mh-track[data-concept="1"] .mh-site{width:100%;height:96%}
 .mh-browser{height:26px;padding:0 10px;gap:9px}.mh-address{font-size:7px;padding:3px 7px;min-width:58%}.mh-address>span{margin-right:5px}
 .mh-hotel-header{height:59px;padding:0 5%;gap:8px}.mh-hotel-brand{gap:6px}.mh-hotel-brand>small{font-size:14px;letter-spacing:.1em}.mh-hotel-brand>span{font-size:7px;letter-spacing:.02em}.mh-hotel-nav{display:none}.mh-hotel-book{font-size:8px;padding:10px;gap:7px}
 .mh-site .mh-site-copy{left:7%;bottom:13%}.mh-site .mh-site-copy h2{font-size:26px;line-height:1.5;margin:10px 0}.mh-site .mh-site-copy>small{font-size:7px;letter-spacing:.13em}.mh-site .mh-site-copy>p{display:block;font-size:8px;line-height:1.9;max-width:215px}
 .mh-hotel-room{font-size:9px;margin-top:16px;padding:11px 13px;gap:22px}
 .mh-hotel-features{height:65px;padding:0 5%}.mh-hotel-features>div{padding-left:10%;gap:6px}.mh-hotel-features small{font-size:5px;letter-spacing:.01em}.mh-hotel-features span{font-size:7px;line-height:1.8;white-space:nowrap}
 .mh-site .mh-mini-launcher{bottom:81px;right:5%;padding:9px 12px;font-size:8px}
 .mh-track[data-concept="1"] .mh-chat{top:19%;height:81%}
 .mh-track[data-concept="2"] .mh-site-copy>p,.mh-track[data-concept="3"] .mh-site-copy>p{display:none}
 .mh-track[data-concept="2"] .mh-hotel-features,.mh-track[data-concept="3"] .mh-hotel-features{display:none}
}
@media(max-width:360px){.mh-hotel-brand>small{font-size:12px}.mh-hotel-brand>span{font-size:6px}.mh-hotel-book{font-size:7px;padding:9px}.mh-site .mh-site-copy h2{font-size:23px}.mh-hotel-features span{font-size:6px}.mh-hotel-features small{font-size:4.5px}}

/* Give the selected introduction more presence on phones, within the same centered space. */
@media(max-width:600px){
 .mh-track[data-concept="1"] .mh-copy{padding-left:4%;padding-right:4%}
 .mh-track[data-concept="1"] .mh-copy h1{font-size:clamp(28px,8.8vw,46px);line-height:1.45;letter-spacing:-.055em}
 .mh-track[data-concept="1"] .mh-eyebrow{font-size:11px;line-height:1.8;letter-spacing:.01em}
 .mh-track[data-concept="1"] .mh-description{font-size:clamp(13px,3.55vw,16px);line-height:1.9;margin-top:23px;color:#acb8ca}
 .mh-track[data-concept="1"] .mh-actions{gap:18px;margin-top:25px}
 .mh-track[data-concept="1"] .mh-actions>a{min-height:48px;font-size:13px;gap:10px;white-space:nowrap}
 .mh-track[data-concept="1"] .mh-actions .mh-primary{padding:14px 20px}
 .mh-track[data-concept="1"] .mh-copy>.mh-advance{font-size:10px}
}

/* 11/8 ご本人「W はロゴと同じデザインに・色は薄い白」：吹き出しの線も白に（W はロゴの画像の白） */
.mh-track[data-concept="1"] .mh-emblem{color:#f3f6fc}
/* 11/8 ご本人「スマホで見た時に吹き出しとロゴが切れている」：スマホでは右にはみ出させず、画面の中（見出しの右上）に収める */
@media(max-width:850px){
 .mh-track[data-concept="1"] .mh-emblem{width:min(54vw,250px);right:4%;top:9%;opacity:.09}   /* 11/8 ご本人「もう少し下に」2%→9%・「もう少し大きく」44vw→54vw */
}