/* Approved SOLO/DUET and story-film mobile composition, shared at every viewport width. */ .detail-price-reason{padding:70px 24px;text-align:center;background:#f6f8f9;color:#263a48} .detail-price-reason .shell{max-width:720px;margin:auto} .detail-price-reason .price-reason-label{font-size:12px;letter-spacing:.12em;color:#728590} .detail-price-reason h2{font-size:32px;margin:14px 0 28px} .detail-price-reason p{font-size:15px;line-height:1.8;color:#657784} .detail-price-reason .price-reason-lead{font-size:23px;color:#304856;margin-bottom:24px} @media (min-width:0px){ body:has(.mobile-ar-solo){background:#fff} body:has(#app .mobile-ar-solo) #floatingKakao,body:has(#app .mobile-ar-solo) #soloDesktopCta{display:none!important} body:has(.mobile-ar-solo) #siteHeader{background:#fff!important;box-shadow:none;border-bottom:1px solid #edf0f2} body:has(.mobile-ar-solo) .header-inner{min-height:56px;height:56px;padding-inline:16px} #app .mobile-ar-solo{--mas-ink:#202b34;--mas-muted:#687784;color:var(--mas-ink);background:#fff;padding-bottom:0;overflow:clip} #app .mobile-ar-solo *{box-sizing:border-box;min-width:0} #app .mobile-ar-solo h1,#app .mobile-ar-solo h2,#app .mobile-ar-solo h3{color:var(--mas-ink);word-break:keep-all;text-wrap:balance} #app .mobile-ar-solo a,#app .mobile-ar-solo button{-webkit-tap-highlight-color:transparent} #app .mobile-ar-solo :is(a,button):focus-visible{outline:2px solid #496980;outline-offset:4px} #app .mobile-ar-solo .mas-gallery{padding:0 0 18px;background:#fff} /* One genuine customer video only, captions stay distinct from explanatory images */ #app .mobile-ar-solo .mas-gallery .arc-product-media{width:100%;height:auto;aspect-ratio:4/5;max-height:none;margin:0;border-radius:0;background:#f4f5f6} #app .mobile-ar-solo .mas-gallery :is(.ar-hook-fallback,video){width:100%;height:100%;object-fit:contain!important;object-position:center} #app .mobile-ar-solo .arc-media-note{bottom:14px;left:16px;right:16px;text-align:center;font-size:10px;background:#fffffff0;padding:7px 9px;max-width:calc(100% - 32px)} #app .mobile-ar-solo .ar-hook-video-control{top:16px;right:16px;width:48px;height:48px;display:grid;place-items:center} #app .mobile-ar-solo .mas-gallery-tools{display:flex;align-items:center;justify-content:center;padding:14px 20px 0;font-size:12px} #app .mobile-ar-solo .mas-gallery-tools a{border:1px solid #d8dfe4;border-radius:22px;padding:9px 14px;display:flex;gap:12px;align-items:center;font-weight:600} #app .mobile-ar-solo :is(.mas-summary,.mas-selection,.mas-information){padding:26px 20px;background:#fff;max-width:none} #app .mobile-ar-solo .mas-brand{display:flex;align-items:center;gap:10px;font-size:17px;letter-spacing:.1em;font-family:Georgia,serif} #app .mobile-ar-solo .mas-brand span{font-family:inherit;font-size:10px;letter-spacing:0;color:var(--mas-muted)} #app .mobile-ar-solo .mas-summary h1{font-size:25px!important;line-height:1.4;letter-spacing:-.035em;margin:22px 0 12px;font-weight:700} #app .mobile-ar-solo .mas-summary h1 span{font-size:21px;font-weight:500} #app .mobile-ar-solo .mas-description{font-size:14px;line-height:1.75;color:#566875;margin:0 0 22px} #app .mobile-ar-solo .mas-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:12px;margin:0 0 12px} #app .mobile-ar-solo .mas-price strong{font-size:32px;font-weight:750;letter-spacing:-.04em;line-height:1.2;color:var(--mas-ink)} #app .mobile-ar-solo .mas-price strong small{font-size:19px;margin-left:3px;font-weight:600} #app .mobile-ar-solo .mas-price>span{font-size:12px;color:var(--mas-muted)} #app .mobile-ar-solo .mas-included{font-size:12px;line-height:1.7;color:#536875;margin:0 0 20px} #app .mobile-ar-solo .mas-review-link{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e9edef;padding:17px 0 0;font-size:13px;color:#45667d} #app .mobile-ar-solo .mas-selection{padding-top:26px;padding-bottom:26px} #app .mobile-ar-solo :is(.mas-selection,.mas-information) h2{font-size:19px;margin:0 0 22px;font-weight:700;text-align:center} #app .mobile-ar-solo .mas-variant{display:flex;gap:14px;padding:19px 0;align-items:center;border-top:1px solid #e4e9ed;text-decoration:none} #app .mobile-ar-solo .mas-variant:first-of-type{border-top:0;padding-top:0} #app .mobile-ar-solo .mas-variant:last-child{padding-bottom:0} #app .mobile-ar-solo .mas-variant i{width:20px;height:20px;flex:0 0 20px;border:1.5px solid #bcc7cf;border-radius:50%} #app .mobile-ar-solo .mas-variant.is-selected i{border:6px solid #42667f;background:#fff} #app .mobile-ar-solo .mas-variant>div{display:grid;gap:5px;flex:1} #app .mobile-ar-solo .mas-variant b{font-size:16px;font-weight:650} #app .mobile-ar-solo .mas-variant span{font-size:12px;color:var(--mas-muted)} #app .mobile-ar-solo .mas-variant strong{font-size:20px;line-height:1.4} #app .mobile-ar-solo .mas-variant.is-selected b{color:#42667f} #app .mobile-ar-solo .mas-variant>small{font-size:11px;color:#667a88;white-space:nowrap} #app .mobile-ar-solo .mas-benefits{display:flex;align-items:center;gap:12px;padding:23px 20px;background:#eef3f6;border-bottom:10px solid #f1f3f5} #app .mobile-ar-solo .mas-benefits>span:nth-child(2){flex:1;display:grid;gap:7px} #app .mobile-ar-solo .mas-benefits b{font-size:16px;color:#304f65} #app .mobile-ar-solo .mas-benefits small{font-size:11px;line-height:1.65;color:#5b7180} #app .mobile-ar-solo .mas-gift{font-size:24px} #app .mobile-ar-solo .mas-information dl{margin:0;display:grid;gap:17px} #app .mobile-ar-solo .mas-information dl>div{display:grid;grid-template-columns:82px 1fr;gap:18px;font-size:13px;line-height:1.7} #app .mobile-ar-solo .mas-information dt{color:var(--mas-muted)} #app .mobile-ar-solo .mas-information dd{margin:0;color:#263640} #app .mobile-ar-solo .mas-information dd small{display:block;font-size:11px;color:var(--mas-muted)} #app .mobile-ar-solo .mas-information>a{display:block;border-top:1px solid #e4e9ed;padding-top:19px;margin-top:22px;font-size:12px;color:#496b81;text-align:center} #app .mobile-ar-solo .arc-tabs{top:56px;border-block:1px solid #e2e7eb;background:#fff;min-height:48px;gap:0;padding:0 8px;z-index:8} #app .mobile-ar-solo .arc-tabs a{font-size:11px;padding:16px 1px;white-space:nowrap;text-align:center;color:#657784} #app .mobile-ar-solo :is(#arcDetails,#reviews,#arcFaq,#arcProcess){scroll-margin-top:64px} #app .mobile-ar-solo .mas-detail-cover{padding:54px 20px 45px;text-align:center;background:#fff} #app .mobile-ar-solo .mas-detail-cover>span{font-size:10px;letter-spacing:.15em;color:#657e8f} #app .mobile-ar-solo .mas-detail-cover h2{font-size:29px;line-height:1.45;letter-spacing:-.04em;margin:23px 0 18px;font-weight:750} #app .mobile-ar-solo .mas-detail-cover p{font-size:14px;line-height:1.85;color:#657784;margin:0 0 28px} #app .mobile-ar-solo .mas-detail-cover>img{width:100%;height:auto;border-radius:0} #app .mobile-ar-solo .mas-detail-cover>small{display:block;font-size:10px;color:#7b8b96;margin-top:9px} #app .mobile-ar-solo .mas-quality{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:29px} #app .mobile-ar-solo .mas-quality span{border-block:1px solid #d8e2e9;padding:15px 0;font-size:12px;color:#3d5b70;font-weight:600} #app .mobile-ar-solo :is(.arc-point,.arc-section){padding:50px 20px!important;margin:0!important;max-width:none!important;width:100%!important;background:#fff!important;border-radius:0!important} #app .mobile-ar-solo :is(.arc-point,.arc-section) h2{font-size:28px!important;line-height:1.5!important;letter-spacing:-.045em!important;font-weight:750!important;margin:22px 0 18px!important} #app .mobile-ar-solo :is(.arc-point,.arc-section) p{font-size:14px!important;line-height:1.85!important;color:#657784} #app .mobile-ar-solo mark{color:inherit;background:none!important;box-shadow:none!important} #app .mobile-ar-solo .arc-point>header,#app .mobile-ar-solo .arc-process li{opacity:1!important;transform:none!important} #app .mobile-ar-solo .detail-point-label{display:inline-flex!important;align-items:center;justify-content:center;background:#354f62!important;color:#fff!important;padding:7px 18px!important;font-size:17px!important;line-height:1.35!important;letter-spacing:.03em;font-weight:700} #app .mobile-ar-solo .arc-recording-poster{margin:28px 0 0!important;padding:0!important;background:none!important;border:0!important} #app .mobile-ar-solo .arc-recording-photos{display:grid;grid-template-columns:1fr;gap:16px} #app .mobile-ar-solo .arc-recording-photos>div{border-radius:0} #app .mobile-ar-solo .arc-recording-photos span{font-size:10px} #app .mobile-ar-solo .arc-recording-flow{gap:12px!important;grid-template-columns:1fr!important;margin:22px 0 14px} #app .mobile-ar-solo .arc-recording-flow li{min-height:74px;padding:14px 20px;background:#f0f4f7;border-radius:8px;text-align:center;display:grid;justify-items:center} #app .mobile-ar-solo .arc-recording-flow li+li:before{display:none} #app .mobile-ar-solo .arc-recording-flow b{font-size:12px} #app .mobile-ar-solo .arc-recording-flow svg{display:block;width:100%;height:28px;max-width:180px;margin:8px auto 0} #app .mobile-ar-solo :is(.arc-point-key,.arc-lyrics) figure{margin:26px auto 0!important} #app .mobile-ar-solo :is(.arc-point-key,.arc-lyrics) figure img{width:100%!important;max-height:none!important;object-fit:contain;border-radius:0!important} #app .mobile-ar-solo .arc-point-key>figure{width:min(100%,300px)!important;max-width:300px!important} #app .mobile-ar-solo .arc-point-key>figure img{display:block;margin-inline:auto} #app .mobile-ar-solo .arc-free-edit{display:flex;flex-wrap:wrap;justify-content:center;gap:5px 12px;border-radius:0;background:#f0f4f7!important;padding:14px 10px;margin-top:23px;font-size:12px!important} #app .mobile-ar-solo .arc-free-edit strong{font-size:13px!important} #app .mobile-ar-solo .arc-free-edit span{font-size:11px!important} #app .mobile-ar-solo .wistia-ba-section{padding:0!important;background:#fff!important} #app .mobile-ar-solo .wistia-ba-layout{display:block!important} #app .mobile-ar-solo .wistia-ba-copy{margin:0 0 26px;text-align:center} #app .mobile-ar-solo .wistia-ba-copy h2{font-size:28px!important;margin:22px 0 18px!important} #app .mobile-ar-solo .wistia-ba-copy p:not(.detail-point-label){font-size:14px!important;line-height:1.85!important} #app .mobile-ar-solo .bap-player{padding:18px 14px!important;background:#f1f5f8!important;border-radius:12px!important} #app .mobile-ar-solo .bap-body{padding:0!important} #app .mobile-ar-solo .bap-badge{font-size:10px!important;line-height:1.6!important;padding:12px 7px!important} #app .mobile-ar-solo .bap-time{font-size:12px!important;white-space:nowrap} #app .mobile-ar-solo .bap-tabs{gap:8px!important} #app .mobile-ar-solo .bap-tab{padding:16px 12px!important} #app .mobile-ar-solo .bap-tab strong{font-size:17px!important} #app .mobile-ar-solo .bap-tab small{font-size:10px!important} #app .mobile-ar-solo .bap-tab{text-align:center!important} #app .mobile-ar-solo .arc-point-ratio .wistia-ar{padding:0!important;background:#fff!important} #app .mobile-ar-solo .arc-lyrics{display:block!important;text-align:center} #app .mobile-ar-solo .arc-option-fee{font-size:12px!important;color:#4b687d;margin:14px 0 0} #app .mobile-ar-solo .arc-button{padding:14px 12px!important;min-height:46px;font-size:12px;margin-top:17px;background:#eff3f6!important;color:#34556b!important} #app .mobile-ar-solo .arc-reviews{background:#fff} #app .mobile-ar-solo .solo-reviews{padding-block:32px;background:#fff!important} #app .mobile-ar-solo .arc-process li{padding:19px 0} #app .mobile-ar-solo .arc-process li>span{flex:0 0 auto;white-space:nowrap} #app .mobile-ar-solo .arc-process h3{font-size:17px} #app .mobile-ar-solo .arc-notices li{font-size:12px;line-height:1.8} /* Alignment only: preserve the original price row, people rows and two-column facts */ #app .mobile-ar-solo :is(.mas-summary,.mas-selection,.mas-information,.arc-point,.arc-section,.arc-engineer,.arc-advantages,.arc-reviews,.footer){text-align:center} #app .mobile-ar-solo :is(.mas-brand,.mas-price,.mas-review-link){justify-content:center;gap:10px} #app .mobile-ar-solo .mas-benefits{text-align:center} #app .mobile-ar-solo :is(figcaption,.ar-story-intro,.ar-story-intro h2,.ar-story-intro .solo-type-line,.ar-expert-panel-content,.wistia-advantages header,.solo-review-intro){text-align:center!important} #app .mobile-ar-solo .ar-story-intro{margin-inline:auto!important;max-width:none!important;width:100%!important;padding-inline:0!important} #app .mobile-ar-solo .ar-story-intro h2{margin-inline:auto!important} #app .mobile-ar-solo .wistia-advantages li,#app .mobile-ar-solo .wistia-advantages li>div,#app .mobile-ar-solo .wistia-advantages li :is(small,h3,p){text-align:left!important} #app .mobile-ar-solo .arc-faq p{text-align:center!important} #app .mobile-ar-solo .footer-main{align-items:center;text-align:center} #app .mobile-ar-solo .footer :is(.footer-brand,.footer-links,.footer-bottom){justify-content:center;text-align:center} /* Section 01 reference layout only, all following sections and action behavior stay unchanged */ #app .mobile-ar-solo .mas-intro{background:#fff} #app .mobile-ar-solo .mas-intro .mas-gallery{padding:0;background:#fff} #app .mobile-ar-solo .mas-intro .mas-gallery-caption{margin:0;padding:15px 20px 11px;text-align:center;font-size:12px;line-height:1.5;color:#637482} #app .mobile-ar-solo .mas-intro .mas-gallery-viewport{overflow:hidden;background:#fff} #app .mobile-ar-solo .mas-intro .mas-gallery-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch} #app .mobile-ar-solo .mas-intro .mas-gallery-track::-webkit-scrollbar{display:none} #app .mobile-ar-solo .mas-intro .mas-gallery-slide{flex:0 0 100%;width:100%;scroll-snap-align:start;scroll-snap-stop:always} #app .mobile-ar-solo .mas-intro .arc-product-media{aspect-ratio:1/1;max-height:none;background:#eef1f3} #app .mobile-ar-solo .mas-intro .arc-product-media :is(video,.ar-hook-fallback){width:100%!important;height:100%!important;object-fit:cover!important;object-position:50% 46%!important} /* The whole mobile video is the control, with no resting play button */ #app .mobile-ar-solo .mas-intro .mas-video-surface>video{opacity:1} #app .mobile-ar-solo .mas-intro .mas-video-surface .ar-hook-video-control{inset:0;right:auto;top:auto;width:100%;height:100%;min-width:0;min-height:0;padding:0;border:0;border-radius:0;background:transparent;color:#fff;opacity:1;cursor:pointer} #app .mobile-ar-solo .mas-intro .mas-video-surface .ar-hook-video-control:hover{background:transparent} #app .mobile-ar-solo .mas-intro .mas-video-surface .ar-hook-video-control:focus-visible{outline:2px solid #42667f;outline-offset:-4px} #app .mobile-ar-solo .mas-intro .mas-video-surface .ar-hook-video-control :is(.ar-icon-play,.ar-icon-pause){display:grid;place-items:center;position:absolute;left:50%;top:50%;width:56px;height:56px;border-radius:50%;background:#17232ad9;color:#fff;opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,-50%) scale(.8)} #app .mobile-ar-solo .mas-intro .mas-video-surface .ar-hook-video-control svg{display:block;width:25px;height:25px} #app .mobile-ar-solo .mas-intro .mas-video-surface .ar-hook-video-control[data-feedback="play"] .ar-icon-play, #app .mobile-ar-solo .mas-intro .mas-video-surface .ar-hook-video-control[data-feedback="pause"] .ar-icon-pause{visibility:visible;animation:mas-video-feedback .65s ease-out forwards} @keyframes mas-video-feedback{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}18%{opacity:1;transform:translate(-50%,-50%) scale(1)}68%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-50%) scale(1.08)}} @media(prefers-reduced-motion:reduce){#app .mobile-ar-solo .mas-intro .mas-video-surface .ar-hook-video-control[data-feedback="play"] .ar-icon-play,#app .mobile-ar-solo .mas-intro .mas-video-surface .ar-hook-video-control[data-feedback="pause"] .ar-icon-pause{opacity:1!important;transform:translate(-50%,-50%)!important}} #app .mobile-ar-solo .mas-intro .mas-gallery-tools{position:relative;justify-content:flex-start;min-height:58px;padding:12px 18px 14px;gap:12px} #app .mobile-ar-solo .mas-intro .mas-format-badge{border:1px solid #aebbc5;border-radius:30px;padding:9px 15px;font-size:18px;font-weight:700;line-height:1.3;white-space:nowrap;color:#202b34} #app .mobile-ar-solo .mas-intro .mas-gallery-dots{position:absolute;left:50%;top:50%;display:flex;gap:9px;transform:translate(-50%,-50%)} #app .mobile-ar-solo .mas-intro .mas-gallery-dots button{width:11px;height:11px;padding:0;border:1.5px solid #9aa7b0;border-radius:50%;background:#fff} #app .mobile-ar-solo .mas-intro .mas-gallery-dots button[aria-pressed="true"]{border-color:#435967;background:#435967} #app .mobile-ar-solo .mas-intro .mas-summary{padding:17px 20px 26px;text-align:left} #app .mobile-ar-solo .mas-intro .mas-brand{justify-content:flex-start;gap:11px;letter-spacing:0;font-family:inherit;margin:0 0 17px} #app .mobile-ar-solo .mas-intro .mas-brand>img{display:block;width:40px;height:40px;object-fit:contain;border:1px solid #dce2e7;border-radius:50%;padding:5px;filter:brightness(.3)} #app .mobile-ar-solo .mas-intro .mas-brand>span{display:grid;gap:5px;text-align:left;color:#202b34} #app .mobile-ar-solo .mas-intro .mas-brand b{font-size:15px;font-weight:650;letter-spacing:.03em} #app .mobile-ar-solo .mas-intro .mas-brand i{font-style:normal;font-size:18px} #app .mobile-ar-solo .mas-intro .mas-brand small{font-size:11px;color:#687784} #app .mobile-ar-solo .mas-intro .mas-summary h1{text-align:left!important;font-size:21px!important;font-weight:700;margin:0 0 8px;line-height:1.4} #app .mobile-ar-solo .mas-intro .mas-summary h1 span{font-size:17px;font-weight:500} #app .mobile-ar-solo .mas-intro .mas-description{text-align:left!important;white-space:nowrap;font-size:13px;line-height:1.6;letter-spacing:-.025em;margin:0 0 12px} #app .mobile-ar-solo .mas-intro .mas-included{display:flex;flex-wrap:wrap;gap:6px;text-align:left!important;font-size:10px;line-height:1.5;margin:0 0 17px} #app .mobile-ar-solo .mas-intro .mas-included span{padding:5px 8px;border-radius:20px;background:#f0f3f5;color:#506675} #app .mobile-ar-solo .mas-intro .mas-price{justify-content:flex-start;text-align:left!important;gap:8px;margin:0} #app .mobile-ar-solo .mas-intro .mas-price strong{font-size:29px} #app .mobile-ar-solo .mas-intro .mas-price>span{font-size:11px} #app .mobile-ar-solo .mas-intro .mas-event-price{display:flex;align-items:baseline;gap:8px;margin:7px 0 0;text-align:left;color:#df452e} #app .mobile-ar-solo .mas-intro .mas-event-price span{font-size:11px} #app .mobile-ar-solo .mas-intro .mas-event-price strong{font-size:19px;line-height:1.3;letter-spacing:-.025em} /* Quantity-style product selector from the supplied mobile reference */ #app .mobile-ar-solo .mas-selection{text-align:left!important;padding:27px 20px;background:#f7f8f9} #app .mobile-ar-solo .mas-selection h2{text-align:left!important;font-size:20px;margin:0 0 10px} #app .mobile-ar-solo .mas-selection .mas-variant{align-items:center;gap:13px;padding:19px 0;text-align:left} #app .mobile-ar-solo .mas-selection .mas-variant>div{text-align:left;gap:4px} #app .mobile-ar-solo .mas-selection .mas-variant b{font-size:15px} #app .mobile-ar-solo .mas-selection .mas-variant span{font-size:12px} #app .mobile-ar-solo .mas-selection .mas-variant strong{font-size:21px} #app .mobile-ar-solo .mas-selection .mas-variant>small{font-size:11px} /* Every fact shares the same label / value alignment. */ #app .mobile-ar-solo .mas-information{text-align:left!important;padding:32px 20px 36px;background:#f7f7f8} #app .mobile-ar-solo .mas-information h2{text-align:left!important;font-size:21px;margin:0 0 24px} #app .mobile-ar-solo .mas-information dl{gap:14px} #app .mobile-ar-solo .mas-information dl>div{grid-template-columns:minmax(0,1fr);gap:4px;font-size:14px;line-height:1.55;text-align:left} #app .mobile-ar-solo .mas-information dt{text-align:left;color:#667581;font-size:12px;font-weight:600} #app .mobile-ar-solo .mas-information dd{text-align:left;color:#202b34} #app .mobile-ar-solo .mas-information dd small{font-size:10px;margin-top:2px} /* Long facts retain all work and delivery terms on one line. */ #app .mobile-ar-solo .mas-information dl>div:nth-child(4) dd,#app .mobile-ar-solo .mas-information dl>div:nth-child(6) dd{white-space:nowrap;font-size:13px;letter-spacing:-.02em} /* Reference-scale typography for the remaining detail story */ #app .mobile-ar-solo .mas-detail-cover{padding:42px 20px 38px} #app .mobile-ar-solo .mas-detail-cover h2{font-size:23px;line-height:1.45;margin:17px 0 12px} #app .mobile-ar-solo .mas-detail-cover p{font-size:13px;line-height:1.75;margin-bottom:22px} #app .mobile-ar-solo .mas-detail-cover>small{font-size:9px} #app .mobile-ar-solo .mas-quality{margin-top:22px} #app .mobile-ar-solo .mas-quality span{padding:12px 0;font-size:10px} #app .mobile-ar-solo :is(.arc-point,.arc-section){padding:42px 20px!important} #app .mobile-ar-solo :is(.arc-point,.arc-section) h2{font-size:23px!important;line-height:1.45!important;margin:16px 0 12px!important} #app .mobile-ar-solo :is(.arc-point,.arc-section) p{font-size:13px!important;line-height:1.75!important} #app .mobile-ar-solo .detail-point-label{padding:6px 14px!important;font-size:13px!important} #app .mobile-ar-solo :is(.ar-story-intro,.wistia-advantages header,.solo-review-intro) h2{font-size:23px!important;line-height:1.45!important} #app .mobile-ar-solo :is(.ar-story-intro,.wistia-advantages header,.solo-review-intro) p{font-size:13px!important;line-height:1.75!important} #app .mobile-ar-solo .arc-reviews h2{font-size:23px!important;line-height:1.45!important} #app .mobile-ar-solo .arc-reviews .review-carousel-head p{font-size:13px!important;line-height:1.75!important} #app .mobile-ar-solo .arc-reviews .review-carousel-head{display:block;text-align:center} #app .mobile-ar-solo .arc-reviews .review-carousel-head header{width:100%;text-align:center} #app .mobile-ar-solo .arc-reviews .review-carousel-head p{max-width:290px;margin-inline:auto;text-wrap:balance} #app .mobile-ar-solo .arc-engineer .ar-expert-story{padding:42px 20px!important} #app .mobile-ar-solo .arc-engineer .shell{width:100%;max-width:none;margin-inline:0} #app .mobile-ar-solo .ar-expert-panel-content{padding:22px 0!important} #app .mobile-ar-solo .ar-expert-panel-media.ar-expert-broadcast{aspect-ratio:3/2;background:#edf2f7} #app .mobile-ar-solo .ar-expert-broadcast img{object-fit:contain!important;object-position:center!important;filter:none!important} #app .mobile-ar-solo .ar-expert-panel-sub{white-space:nowrap;font-size:13px!important;letter-spacing:-.025em} #app .mobile-ar-solo .arc-faq .faq-list{width:100%;margin:32px 0 0;padding:0} #app .mobile-ar-solo .arc-faq .faq-list details{box-sizing:border-box;width:100%;margin-inline:0;padding-inline:16px} #app .mobile-ar-solo .arc-faq .faq-list summary{padding-inline:0;text-align:left;align-items:center;gap:12px} #app .mobile-ar-solo .arc-faq .faq-list summary>span{flex:0 0 20px;text-align:center} /* Reservation facts need a clear reading order, not the centered POINT layout */ #app .mobile-ar-solo .arc-notices{text-align:left!important;background:#fff!important} #app .mobile-ar-solo .arc-notices .arc-kicker{display:none} #app .mobile-ar-solo .arc-notices h2{text-align:center!important;font-size:22px!important;line-height:1.4!important;margin:0 0 20px!important} #app .mobile-ar-solo .arc-notices ul{list-style:none;max-width:none;margin:0;padding:0} #app .mobile-ar-solo .mas-notices ul{display:grid;gap:0;background:linear-gradient(135deg,#f2f5f7,#fafbfc);padding:4px 16px;border-radius:12px} #app .mobile-ar-solo .mas-notices li{display:grid;grid-template-columns:60px minmax(0,1fr);gap:12px;padding:15px 0;border:0;border-bottom:1px solid #dfe5e9;text-align:left!important;font-size:14px!important;line-height:1.55!important;color:#25343f} #app .mobile-ar-solo .mas-notices li:last-child{border-bottom:0} #app .mobile-ar-solo .mas-notices li>strong{font-size:12px;font-weight:600;color:#667681;padding-top:3px} #app .mobile-ar-solo .mas-notices li b{font-size:16px;font-weight:700;color:#263943} #app .mobile-ar-solo .mas-notices li small{display:block;font-size:12px;line-height:1.6;color:#596873;margin-top:4px} #app .mobile-ar-solo .mas-notices .mas-notice-options p{margin:0!important;font-size:12px!important;line-height:1.7!important;text-align:left!important;color:#263943} #app .mobile-ar-solo .mas-notices .mas-notice-options p+p{margin-top:8px!important} #app .mobile-ar-solo .mas-notices .mas-notice-options p small{display:inline;margin:0} #app .mobile-ar-solo .mas-venue-note{display:flex;gap:10px;margin-top:18px;text-align:left} #app .mobile-ar-solo .mas-venue-note>svg{width:18px;height:18px;flex:none;color:#4b6c7e;margin-top:2px} #app .mobile-ar-solo .mas-venue-note strong{font-size:13px} #app .mobile-ar-solo .mas-venue-note p{font-size:12px!important;line-height:1.7!important;text-align:left!important;margin:5px 0 0!important;color:#586873} /* The cut seam and connected clips explain editing without repetitive photos. */ #app .mobile-ar-solo .mas-cut-poster{margin:26px 0 0;padding:22px 16px;background:linear-gradient(135deg,#eef3f7,#fafcfd);border-radius:12px} #app .mobile-ar-solo .mas-cut-poster figcaption{margin:14px 0 0;font-size:11px;color:#536774} #app .mobile-ar-solo .mas-key-editorial h2{font-size:21px!important;font-weight:650;letter-spacing:-.045em;white-space:nowrap} #app .mobile-ar-solo .mas-key-note{margin:24px 0 0;padding:24px 12px 22px;background:linear-gradient(145deg,#f4f6f6,#fdfdfc);text-align:center} #app .mobile-ar-solo .mas-key-caption{font-size:11px;letter-spacing:.04em;color:#697e88} #app .mobile-ar-solo .mas-key-note svg{width:100%;height:72px;display:block;margin:12px 0} #app .mobile-ar-solo .mas-key-note p{font-size:14px!important;font-weight:500;margin:0 0 8px!important;color:#354952} #app .mobile-ar-solo .mas-key-note small{font-size:11px;color:#71828a} #app .mobile-ar-solo .mas-tuning-line{white-space:nowrap;font-size:13px;letter-spacing:-.03em} #app .mobile-ar-solo .arc-lyrics h2{font-size:21px!important;white-space:nowrap;letter-spacing:-.045em} #app .mobile-ar-solo .wistia-advantages header p{white-space:nowrap;font-size:13px!important;letter-spacing:-.03em} #app .mobile-ar-solo .footer-message .mas-footer-slogan{display:block;white-space:nowrap;font-size:13px!important;font-weight:500;letter-spacing:-.045em;line-height:1.6} #app .mobile-ar-solo .mas-map-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:22px} #app .mobile-ar-solo .mas-map-links a{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:12px 14px;border:1px solid #d6dfe4;border-radius:6px;background:#fff;color:#354f62;font-size:14px;font-weight:600;text-decoration:none} #app .mobile-ar-solo .mas-map-links a:focus-visible{outline:2px solid #294e68;outline-offset:3px} @media(max-width:360px){ #app .mobile-ar-solo .mas-information dl>div:nth-child(4) dd{font-size:12px;letter-spacing:-.035em} #app .mobile-ar-solo .mas-tuning-line{font-size:12px} #app .mobile-ar-solo .wistia-advantages header p{font-size:12px!important} #app .mobile-ar-solo .footer-message .mas-footer-slogan{font-size:11.5px!important} #app .mobile-ar-solo .arc-point.mas-key-editorial h2,#app .mobile-ar-solo .arc-section.arc-lyrics h2{font-size:20px!important} } /* A compact, left-aligned timeline, rather than centered slide-like rows. */ #app .mobile-ar-solo .mas-process ol{padding:0;margin:26px 0 0;max-width:none;display:grid;gap:0} #app .mobile-ar-solo .mas-process li{display:grid;grid-template-columns:34px minmax(0,1fr);gap:14px;padding:0 0 26px;border:0;position:relative;text-align:left!important} #app .mobile-ar-solo .mas-process li:last-child{padding-bottom:0} #app .mobile-ar-solo .mas-process li:not(:last-child):after{content:"";position:absolute;left:16px;top:40px;bottom:6px;width:1px;background:#d3dde4} #app .mobile-ar-solo .mas-process .mas-step-number{display:grid;place-items:center;width:34px;height:34px;background:#e9eff3;border-radius:50%;font-size:12px!important;line-height:1!important;color:#405b70;font-weight:700} #app .mobile-ar-solo .mas-process li>div{min-width:0;text-align:left!important} #app .mobile-ar-solo .mas-process h3{display:flex;align-items:center;gap:8px;font-size:16px!important;font-weight:650;line-height:1.5;margin:4px 0 7px;text-align:left!important;color:#253944} #app .mobile-ar-solo .mas-process h3>svg{width:18px;height:18px;color:#526d80;flex:none} #app .mobile-ar-solo .mas-process li p{font-size:13px!important;line-height:1.65!important;margin:0!important;text-align:left!important;color:#566773} #app .mobile-ar-solo .arc-reviews .review-carousel-head{margin-bottom:20px} #app .mobile-ar-solo .arc-reviews .review-carousel-head h2{margin:0!important} /* Useful directions stay on the product page, with the full map a tap away. */ #app .mobile-ar-solo .mas-location{background:linear-gradient(140deg,#f0f4f7,#fff)!important;text-align:left!important;padding-top:30px!important} #app .mobile-ar-solo .mas-location header{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:22px} #app .mobile-ar-solo .mas-location header>svg{width:24px;height:24px;color:#426279} #app .mobile-ar-solo .mas-location header h2{margin:0!important} #app .mobile-ar-solo .mas-location-city{font-size:12px!important;margin:0 0 5px!important;text-align:left!important} #app .mobile-ar-solo .mas-location address{font-style:normal;font-size:20px;font-weight:700;line-height:1.5;letter-spacing:-.04em;white-space:nowrap;color:#253944} #app .mobile-ar-solo .mas-location address>span{font-size:15px;font-weight:500;margin-left:6px} #app .mobile-ar-solo .mas-location dl{display:grid;gap:14px;margin:20px 0 0} #app .mobile-ar-solo .mas-location dl>div{display:grid;grid-template-columns:48px minmax(0,1fr);gap:14px;font-size:13px;line-height:1.6} #app .mobile-ar-solo .mas-location dt{color:#637784;font-size:12px} #app .mobile-ar-solo .mas-location dd{margin:0;color:#2a3c48} #app .mobile-ar-solo .mas-location dd small{display:block;color:#677883;font-size:11px;margin-top:3px} #app .mobile-ar-solo .mas-location .arc-location-link{display:flex;align-items:center;justify-content:space-between;min-height:48px;margin-top:22px;padding:12px 16px;border:0;border-radius:6px;background:#354f62;color:#fff;font-size:14px;font-weight:600;text-decoration:none} #app .mobile-ar-solo .mas-location .arc-location-link:focus-visible{outline:2px solid #294e68;outline-offset:3px} #app .mobile-ar-solo .mas-bottom{position:fixed;z-index:45;bottom:0;left:0;right:0;display:grid;grid-template-columns:1fr 1.6fr;gap:8px;background:#fff;border-top:1px solid #dbe2e7;padding:10px 12px calc(10px + env(safe-area-inset-bottom));box-shadow:0 -3px 16px #22344208} #app .mobile-ar-solo .mas-bottom :is(a,button){height:48px;display:flex;align-items:center;justify-content:center;border:1px solid #48677e;border-radius:5px;font-size:14px;font-weight:650;color:#3d5c73;background:#fff;margin:0;padding:0 8px} #app .mobile-ar-solo .mas-bottom a{background:#354f62;color:#fff;border-color:#354f62} body:is(.menu-open,.modal-open) .mobile-ar-solo .mas-bottom{visibility:hidden;pointer-events:none} @media(max-width:360px){ #app .mobile-ar-solo :is(.mas-summary,.mas-selection,.mas-information,.mas-detail-cover,.arc-point,.arc-section){padding-inline:16px!important} #app .mobile-ar-solo .arc-engineer .ar-expert-story{padding-inline:16px!important} #app .mobile-ar-solo :is(.arc-point,.arc-section,.mas-detail-cover) h2{font-size:25px!important} #app .mobile-ar-solo .mas-bottom :is(a,button){font-size:13px} } /* In-place event disclosure uses approved conditions, without a second calculator. */ #app .mobile-ar-solo .mas-event-disclosure{margin:18px 0 0;border:1px solid #dce5e9;border-radius:8px;background:#f7f9fa;text-align:left} #app .mobile-ar-solo .mas-event-disclosure summary{display:grid;grid-template-columns:28px minmax(0,1fr) 20px;gap:10px;align-items:center;min-height:66px;padding:13px 14px;cursor:pointer;list-style:none} #app .mobile-ar-solo .mas-event-disclosure summary::-webkit-details-marker{display:none} #app .mobile-ar-solo .mas-event-disclosure summary:focus-visible{outline:2px solid #496980;outline-offset:3px;border-radius:8px} #app .mobile-ar-solo .mas-event-gift{font-size:24px} #app .mobile-ar-solo .mas-event-disclosure summary strong{font-size:14px;font-weight:650;color:#345064} #app .mobile-ar-solo .mas-event-disclosure summary small{display:block;font-size:11px;margin-top:3px;color:#71818b} #app .mobile-ar-solo .mas-event-chevron{font-size:22px;text-align:center;color:#6f8492} #app .mobile-ar-solo .mas-event-disclosure[open] .mas-event-chevron{transform:rotate(180deg)} #app .mobile-ar-solo .mas-event-content{padding:0 14px 14px;border-top:1px solid #e1e8ec} #app .mobile-ar-solo .mas-event-content ul{list-style:none;padding:0;margin:0} #app .mobile-ar-solo .mas-event-content li{padding:14px 0;border-bottom:1px solid #e1e8ec} #app .mobile-ar-solo .mas-event-content li>div{display:flex;justify-content:space-between;gap:10px;font-size:13px;color:#344c5e} #app .mobile-ar-solo .mas-event-content b{white-space:nowrap;color:#4b697d} #app .mobile-ar-solo .mas-event-content p{font-size:12px!important;line-height:1.65!important;text-align:left!important;margin:6px 0 0!important;color:#657784} #app .mobile-ar-solo .mas-event-content .mas-event-note{font-size:11px!important;margin-top:13px!important} #app .mobile-ar-solo .detail-price-reason{background:linear-gradient(145deg,#f0f4f6,#fafbfb)!important} #app .mobile-ar-solo .detail-price-reason .shell{width:100%;padding:0} #app .mobile-ar-solo .detail-price-reason h2{font-size:23px!important;margin:12px 0 22px!important} #app .mobile-ar-solo .detail-price-reason .price-reason-lead{font-size:18px!important;line-height:1.65!important;color:#304856} /* Real story footage stays 16:9; no portrait crop or repeated AR media. */ #app .mobile-story-film .mas-story-media{position:relative;aspect-ratio:16/9;background:#e9edef;overflow:hidden} #app .mobile-story-film .mas-story-video{position:absolute;inset:0;display:block;width:100%;height:100%;border:0;padding:0;margin:0;cursor:pointer;background:none} #app .mobile-story-film .mas-story-video img{width:100%;height:100%;object-fit:contain;display:block} #app .mobile-story-film .mas-story-play{position:absolute;right:14px;bottom:14px;padding:9px 13px;border-radius:24px;background:#ffffffec;color:#354f62;font-size:12px;font-weight:600} #app .mobile-story-film .mas-story-media .detail-inline-video{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;aspect-ratio:auto;border-radius:0} #app .mobile-story-film .mas-story-media iframe{position:absolute;inset:0;width:100%;height:100%;border:0} #app .mobile-story-film .mas-summary h1 span{font-size:17px} #app .mobile-story-film .mas-information dl>div:nth-child(4) dd{white-space:normal;font-size:13px;line-height:1.8} #app .mobile-story-film .mas-story-chapters ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px;list-style:none;margin:28px 0 0;padding:0;text-align:left} #app .mobile-story-film .mas-story-chapters figure{margin:0;aspect-ratio:16/9;overflow:hidden;border-radius:6px} #app .mobile-story-film .mas-story-chapters img{display:block;width:100%;height:100%;object-fit:cover} #app .mobile-story-film .mas-story-chapters li>div{padding:10px 0 0;text-align:left} #app .mobile-story-film .mas-story-chapters li span{font-family:var(--font-heading);font-size:12px;color:#8697a1} #app .mobile-story-film .mas-story-chapters h3{font-size:15px!important;line-height:1.45;text-align:left!important;margin:5px 0} #app .mobile-story-film .mas-story-chapters li p{font-size:12px!important;line-height:1.65!important;text-align:left!important;margin:0} #app .mobile-story-film .ar-expert-panel-sub{white-space:normal} #app .mobile-story-film .mas-story-process .shell{width:100%;padding:0} #app .mobile-story-film .mas-story-process .wps-head{display:block;text-align:center;margin-bottom:24px} #app .mobile-story-film .mas-story-process .wps-head h2{font-size:23px!important} #app .mobile-story-film .story-process-folder summary{display:grid!important;padding:16px 12px!important;grid-template-columns:48px minmax(0,1fr);gap:8px 12px;min-height:110px} #app .mobile-story-film .story-process-folder .process-folder-label strong{font-size:16px} #app .mobile-story-film .story-process-folder .process-folder-label small{font-size:11px;line-height:1.6} #app .mobile-story-film .process-folder-art{width:48px;grid-row:1/3;transform:scale(.72);transform-origin:left center} #app .mobile-story-film .process-folder-cue{grid-column:2;font-size:11px;margin:0} #app .mobile-story-film .story-process-folder .story-process-card{grid-column:1;grid-row:auto} #app .mobile-story-film .story-process-copy :is(h3,p){text-align:left!important} #app .mobile-story-film .story-process-grid{grid-template-columns:1fr} } /* Wider canvas only: same sections, copy, controls and order as the approved mobile page. */ @media (min-width:769px){ body:has(.mobile-ar-solo) .header-inner{height:72px;min-height:72px;padding-inline:24px} #app .mobile-ar-solo{max-width:1120px;margin-inline:auto;padding-bottom:0} #app .mobile-ar-solo .mas-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:40px;padding:32px 40px 40px} #app .mobile-ar-solo .mas-intro .mas-gallery{align-self:start} #app .mobile-ar-solo .mas-intro .mas-gallery-caption{padding-top:0;font-size:13px} #app .mobile-ar-solo .mas-intro .mas-gallery-viewport,#app .mobile-story-film .mas-story-media{border-radius:12px} #app .mobile-ar-solo .mas-intro .mas-summary{padding:20px 0} #app .mobile-ar-solo .mas-intro .mas-summary h1{font-size:28px!important;line-height:1.45} #app .mobile-ar-solo .mas-intro .mas-summary h1 span{font-size:20px} #app .mobile-ar-solo .mas-intro .mas-description{font-size:15px;white-space:normal} #app .mobile-ar-solo .mas-intro .mas-included{gap:8px;flex-wrap:wrap} #app .mobile-ar-solo .mas-intro .mas-included span{font-size:12px} #app .mobile-ar-solo .mas-intro .mas-price strong{font-size:38px} #app .mobile-ar-solo .mas-event-price{flex-wrap:wrap} #app .mobile-ar-solo :is(.mas-selection,.mas-information){padding:36px 48px} #app .mobile-ar-solo :is(.mas-selection,.mas-information) h2{font-size:24px} #app .mobile-ar-solo .mas-selection{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 32px} #app .mobile-ar-solo .mas-selection h2{grid-column:1/-1;margin-bottom:4px} #app .mobile-ar-solo .mas-variant,#app .mobile-ar-solo .mas-variant:first-of-type,#app .mobile-ar-solo .mas-variant:last-child{padding:20px;border:1px solid #dbe3e9;border-radius:8px;background:#fff} #app .mobile-ar-solo .mas-variant.is-selected{border-color:#7591a5;background:#f1f6f9} #app .mobile-ar-solo .mas-information dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 32px} #app .mobile-ar-solo :is(.arc-point,.arc-section){padding:64px 48px!important} #app .mobile-ar-solo :is(.arc-point,.arc-section)>:not(header){max-width:800px;margin-inline:auto!important} #app .mobile-ar-solo :is(.arc-point,.arc-section) h2,#app .mobile-ar-solo .wistia-ba-copy h2{font-size:32px!important} #app .mobile-ar-solo :is(.arc-point,.arc-section) p,#app .mobile-ar-solo .wistia-ba-copy p:not(.detail-point-label){font-size:15px!important} #app .mobile-ar-solo :is(#arcDetails,#reviews,#arcFaq,#arcProcess){scroll-margin-top:88px} #app .mobile-ar-solo .solo-reviews{padding-block:48px} #app .mobile-ar-solo .arc-engineer .ar-expert-story{padding:64px 48px!important} #app .mobile-ar-solo .arc-engineer .shell{max-width:900px;margin-inline:auto} #app .mobile-ar-solo .arc-advantages .wistia-advantages{padding:64px 48px} #app .mobile-ar-solo .detail-price-reason{padding:56px 48px} #app .mobile-ar-solo .detail-price-reason h2{font-size:32px!important} #app .mobile-ar-solo .mas-bottom{left:50%;right:auto;bottom:16px;transform:translateX(-50%);width:calc(100% - 48px);max-width:640px;padding:10px;border:1px solid #c9d6df;border-radius:12px;box-shadow:0 6px 24px #20354224} #app .mobile-story-film .mas-story-chapters ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 20px} #app .mobile-story-film .mas-story-chapters h3{font-size:18px!important} #app .mobile-story-film .story-process-grid{grid-template-columns:repeat(2,minmax(0,1fr))} #app .mobile-story-film .story-process-folder .story-process-card{grid-column:auto;grid-row:auto} }