.visual-story{--story-night:#0d1821;--story-night-soft:#192731;--story-paper:#f8f3ea;--story-cream:#f4ead8;--story-ink:#17242b;--story-muted:#746f65;--story-gold:#c9a468;--story-line:#372d222e;width:100%;color:var(--story-ink);background:var(--story-paper);overflow:clip}.visual-story a{color:inherit;text-decoration:none}.visual-story h1,.visual-story h2,.visual-story p{margin-block:0}.visual-story-hero{min-height:min(820px,100svh - 84px);color:var(--story-cream);background:var(--story-night);grid-template-columns:minmax(0,1.1fr) minmax(390px,.9fr);display:grid}.visual-story-hero-media{isolation:isolate;background:#111f2a;min-height:680px;position:relative;overflow:hidden}.visual-story-hero-video{object-fit:cover;object-position:center;filter:saturate(.98)contrast(1.06);width:100%;height:100%;display:block;transform:scale(1.015)}.visual-story-hero-shade{pointer-events:none;background:linear-gradient(#050a0f1f,#0000 42%,#04090d9e);position:absolute;inset:0}.visual-story-hero-meta,.visual-story-hero-credit{z-index:2;color:#fff9eedb;letter-spacing:.15em;text-shadow:0 1px 14px #00000059;font:500 10px/1.4 Arial,Pretendard,sans-serif;position:absolute}.visual-story-hero-meta{justify-content:space-between;gap:20px;display:flex;top:26px;left:28px;right:28px}.visual-story-hero-credit{color:var(--story-gold);font-size:9px;bottom:28px;right:28px}.visual-story-hero-copy{background:radial-gradient(circle at 78% 16%, #c9a46833, transparent 32%), linear-gradient(140deg, var(--story-night), var(--story-night-soft));flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(56px,8vw,124px) clamp(42px,8vw,120px) clamp(48px,6vw,88px);display:flex}.visual-story-eyebrow{color:var(--story-gold);letter-spacing:.17em;font:600 10px/1.4 Arial,Pretendard,sans-serif}.visual-story-hero h1{letter-spacing:-.09em;max-width:640px;margin-top:29px;font-size:clamp(44px,5vw,78px);font-weight:470;line-height:1.2}.visual-story-hero h1 em,.visual-story-end h2 em{color:var(--story-gold);font-style:normal}.visual-story-hero-copy>p{color:#f4ead8b8;letter-spacing:-.035em;max-width:500px;margin-top:28px;font-size:15px;line-height:2}.visual-story-hero-actions{flex-wrap:wrap;align-items:center;gap:25px;margin-top:36px;display:flex}.visual-story-hero-actions .studio-button{background:var(--story-cream);color:var(--story-night);border-color:var(--story-cream)}.visual-story-hero-actions .studio-button:hover{background:#fff7e9;border-color:#fff7e9}.visual-story-text-link{min-height:44px;color:var(--story-cream);border-bottom:1px solid #c9a468a6;align-items:center;gap:16px;font-size:12px;display:inline-flex}.visual-story-service-rail{border-top:1px solid #c9a46842;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;width:100%;margin:auto 0 0;padding:23px 0 0;list-style:none;display:grid}.visual-story-service-rail li{flex-direction:column;gap:6px;min-width:0;padding-right:16px;display:flex}.visual-story-service-rail strong{color:var(--story-cream);font-size:13px;font-weight:550}.visual-story-service-rail span{color:#f4ead88f;font-size:10px;line-height:1.5}.visual-story-chapter,.visual-story-films,.visual-story-faq{max-width:1440px;margin-inline:auto;padding:clamp(76px,10vw,146px) max(24px,6.6vw)}.visual-story-chapter{background:var(--story-paper)}.visual-story-index{border-top:1px solid var(--story-line);color:#88704d;letter-spacing:.14em;justify-content:space-between;align-items:center;gap:18px;padding:18px 0;font:600 10px/1.4 Arial,Pretendard,sans-serif;display:flex}.visual-story-index a{color:var(--story-ink);letter-spacing:0;text-underline-offset:5px;padding-block:10px;font:500 12px/1.5 Pretendard,sans-serif}.visual-story-index a:hover{color:#9a713d;text-decoration:underline}.visual-story-section-intro{grid-template-columns:minmax(0,1fr) minmax(240px,.48fr);align-items:end;gap:50px;max-width:1180px;margin:50px auto 55px;display:grid}.visual-story-section-intro h2{letter-spacing:-.085em;max-width:800px;font-size:clamp(38px,5.3vw,76px);font-weight:470;line-height:1.16}.visual-story-section-intro p{max-width:380px;color:var(--story-muted);letter-spacing:-.035em;font-size:14px;line-height:1.95}.visual-story-frames{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2.4vw,34px);max-width:1180px;margin-inline:auto;display:grid}.visual-story-frames>*{min-width:0}.visual-story-image{aspect-ratio:3/2;object-fit:cover;background:#ece3d6;width:100%;height:auto;transition:transform .7s cubic-bezier(.2,.8,.2,1),filter .7s;display:block;box-shadow:0 22px 52px #3222121a}.visual-story-frames>:hover .visual-story-image{filter:saturate(1.04);transform:scale(1.012)}.visual-story-steps{margin:0 auto;padding:0;list-style:none}.visual-story-steps li{min-width:0}.visual-story-films{background:#e8dfd1;max-width:none}.visual-story-films-intro{max-width:1180px}.visual-story-films .cinema-selected-grid,.visual-story-films .cinema-example-note{max-width:1180px;margin-inline:auto}.visual-story-faq{grid-template-columns:minmax(230px,.6fr) minmax(0,1.15fr);gap:clamp(40px,8vw,120px);display:grid}.visual-story-faq h2{letter-spacing:-.08em;font-size:clamp(36px,4vw,60px);font-weight:470;line-height:1.2}.visual-story-faq details{border-bottom:1px solid var(--story-line);padding:0}.visual-story-faq details:first-child{border-top:1px solid var(--story-line)}.visual-story-faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:24px;padding:23px 0;font-size:15px;font-weight:550;list-style:none;display:flex}.visual-story-faq summary::-webkit-details-marker{display:none}.visual-story-faq summary:after{content:"+";color:var(--story-gold);font:300 23px/1 Arial,sans-serif}.visual-story-faq details[open] summary:after{content:"−"}.visual-story-faq p{max-width:650px;color:var(--story-muted);margin:0 38px 25px 0;font-size:13px;line-height:1.95}.visual-story-faq details a{color:#977444;text-underline-offset:4px;margin:0 0 25px;font-size:12px;text-decoration:underline;display:inline-block}.visual-story-end{isolation:isolate;min-height:720px;color:var(--story-cream);position:relative;overflow:hidden}.visual-story-end>.visual-story-image{z-index:-2;object-fit:cover;object-position:center;width:100%;height:100%;box-shadow:none;position:absolute;inset:0}.visual-story-end-overlay{z-index:-1;background:linear-gradient(90deg,#070f14d9,#070f142e 74%),linear-gradient(#0000 43%,#050a0d8c);position:absolute;inset:0}.visual-story-end-copy{flex-direction:column;justify-content:flex-end;align-items:flex-start;width:min(1180px,100% - 13.2vw);min-height:720px;margin-inline:auto;padding-bottom:clamp(52px,8vw,96px);display:flex}.visual-story-end h2{letter-spacing:-.09em;margin:22px 0 33px;font-size:clamp(42px,5.6vw,82px);font-weight:470;line-height:1.14}.visual-story-end .studio-button{background:var(--story-cream);color:var(--story-night);border-color:var(--story-cream)}.visual-story-end .studio-button:hover{background:#fff7e9;border-color:#fff7e9}.visual-story-actions{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.visual-story-note{color:#f4ead8b3;font-size:12px;line-height:1.7}.visual-story a:focus-visible,.visual-story summary:focus-visible{outline:2px solid var(--story-gold);outline-offset:5px}@media (max-width:900px){.visual-story-hero{grid-template-columns:minmax(0,1fr) minmax(310px,.85fr)}.visual-story-hero-copy{padding-inline:clamp(28px,5vw,60px)}.visual-story-section-intro{gap:28px}}@media (max-width:760px){.visual-story-hero{flex-direction:column;min-height:0;display:flex}.visual-story-hero-media{order:1;min-height:min(720px,126vw)}.visual-story-hero-copy{order:2;padding:58px 22px 34px}.visual-story-hero h1{margin-top:24px;font-size:clamp(42px,12vw,68px)}.visual-story-hero-copy>p{font-size:14px;line-height:1.9}.visual-story-hero-actions{margin-top:29px}.visual-story-hero-meta{font-size:8px;top:18px;left:18px;right:18px}.visual-story-hero-credit{font-size:8px;bottom:18px;right:18px}.visual-story-service-rail{margin-top:58px;padding-top:20px}.visual-story-service-rail strong{font-size:12px}.visual-story-service-rail span{font-size:9px}.visual-story-chapter,.visual-story-films,.visual-story-faq{padding-block:70px}.visual-story-section-intro{margin:34px auto 38px;display:block}.visual-story-section-intro h2{font-size:clamp(38px,11vw,58px)}.visual-story-section-intro p{margin-top:22px;font-size:13px}.visual-story-frames{grid-template-columns:1fr;gap:26px}.visual-story-faq{display:block}.visual-story-faq>div{margin-top:32px}.visual-story-faq summary{font-size:14px}.visual-story-end{min-height:650px}.visual-story-end>.visual-story-image{object-position:100% center}.visual-story-end-copy{width:calc(100% - 44px);min-height:650px;padding-bottom:52px}.visual-story-end h2{font-size:clamp(40px,11vw,64px)}.visual-story-note{flex-basis:100%;font-size:11px}}@media (prefers-reduced-motion:reduce){.visual-story-hero-video{display:none}.visual-story-hero-media{background:url(/studio/nomad/space-brand-film-poster.jpg) 50%/cover no-repeat}.visual-story-image{transition:none}.visual-story-frames>:hover .visual-story-image{transform:none}}
.visual-story .shopshorts-hero{color:#24302c;background:#f6f2eb;border-bottom:1px solid #dfd8cd;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);min-height:min(860px,100svh - 84px);position:relative}.shopshorts-hero .visual-story-hero-copy{z-index:2;pointer-events:none;background:0 0;grid-area:1/1;padding:clamp(48px,6vw,110px) 0 48px clamp(28px,6vw,100px)}.shopshorts-hero .visual-story-hero-copy a{pointer-events:auto}.shopshorts-hero .visual-story-hero-media{background:0 0;grid-area:1/2;min-height:680px;overflow:visible}.shopshorts-hero h1{letter-spacing:-.075em;max-width:660px;font-size:clamp(40px,4.7vw,76px);font-weight:550;line-height:1.18}.shopshorts-hero h1 em{color:#956439}.shopshorts-hero .visual-story-eyebrow{color:#726451;letter-spacing:.08em;align-items:center;gap:10px;display:flex}.hero-status-dot{background:#b18556;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 5px #b1855612}.shopshorts-hero .visual-story-hero-copy>p{color:#716e65;max-width:420px;font-size:15px;line-height:1.9}.shopshorts-hero .visual-story-hero-actions{gap:25px;margin-top:32px}.shopshorts-hero .visual-story-hero-actions .studio-button{color:#fff8ef;background:#263a32;border-color:#263a32;box-shadow:0 8px 24px #263a321a}.shopshorts-hero .visual-story-text-link{color:#38443c;border-color:#b6ab98}.shopshorts-hero .visual-story-service-rail{color:#39413b;border-color:#d9d0c1;width:100%;max-width:440px;margin-top:64px}.shopshorts-hero .visual-story-service-rail span{color:#7f796d}.shopshorts-hero .visual-story-service-rail strong{color:#39413b}.shopshorts-hero .visual-story-hero-meta{color:#8e8374;text-shadow:none;letter-spacing:.13em;font-size:8px;top:32px;left:24px;right:32px}.shopshorts-hero .visual-story-hero-credit{color:#796f61;text-shadow:none;bottom:30px;right:32px}.shopshorts-hero-scene{position:absolute;inset:0}.shopshorts-hero-scene canvas{width:100%;height:100%;display:block}.shopshorts-hero-scene img{object-fit:cover;width:100%;height:100%}.hero-motion-toggle{z-index:5;color:#645a4c;cursor:pointer;background:#fcf9f1d9;border:1px solid #c3b9a7;border-radius:24px;min-height:44px;padding:10px 15px;font-size:11px;position:absolute;bottom:25px;left:28px}.hero-motion-toggle:focus-visible{outline-offset:4px;outline:3px solid #986a38}@media (min-width:1600px){.shopshorts-hero .visual-story-hero-copy{padding-left:max(80px,50vw - 752px)}}@media (max-width:1000px){.visual-story .shopshorts-hero{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);min-height:650px}.shopshorts-hero .visual-story-hero-copy{padding-left:28px}.shopshorts-hero .visual-story-hero-media{min-height:650px}.shopshorts-hero h1{font-size:clamp(36px,5vw,52px)}.shopshorts-hero .visual-story-hero-meta span:last-child{display:none}}@media (max-width:760px){.visual-story .shopshorts-hero{flex-direction:column;min-height:auto;display:flex}.shopshorts-hero .visual-story-hero-copy{order:1;padding:42px 26px 10px}.shopshorts-hero h1{max-width:550px;margin-top:24px;font-size:clamp(38px,9.8vw,64px)}.shopshorts-hero .visual-story-hero-copy>p{margin-top:22px;font-size:13px}.shopshorts-hero .visual-story-hero-actions{gap:22px;margin-top:24px}.shopshorts-hero .visual-story-service-rail{margin-top:28px;padding-top:18px;padding-bottom:0}.shopshorts-hero .visual-story-hero-media{order:2;height:110vw;min-height:430px;max-height:620px}.shopshorts-hero .visual-story-hero-meta{top:16px}.shopshorts-hero .visual-story-hero-credit{font-size:8px;bottom:28px;right:22px}}
