.audio-buttons{gap:9px}.audio-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 15px;border:1px solid #5c7161;border-radius:30px;font-size:13px;color:#9cacb2;background:#192630;min-height:43px;transition:background .15s,color .15s,transform .15s}.audio-toggle span{font-size:23px;line-height:1}.audio-toggle[aria-pressed=true]{color:#d6f29c;background:#2c3d2c;border-color:#96bd63}.audio-toggle:hover{border-color:#c6ec96}.audio-toggle:active{transform:scale(.96)}
.welcome{max-width:1240px;margin:auto;padding:28px 0 33px}.welcome-heading{text-align:center;max-width:950px;margin:0 auto 29px}.welcome-heading .eyebrow{font-size:11px;letter-spacing:.11em;color:#b6c2cb;margin:0 0 12px}.welcome-heading h1{font-size:clamp(33px,3.65vw,55px);font-weight:400;line-height:1.2;margin:0 0 15px;color:#edf0e1}.welcome-heading h1 em{font-style:normal;color:#c7ee98;margin-left:.25em}.welcome-heading>p:last-child{color:#b1c8cf;font-size:16px;margin:0;line-height:1.8}.welcome-grid{display:grid;grid-template-columns:1.12fr 1fr;gap:27px;align-items:stretch}.welcome-section-head{display:flex;align-items:baseline;gap:17px;justify-content:space-between;margin-bottom:13px}.welcome-section-head h2{font-size:21px;font-weight:400;margin:0;color:#e0ebd7;line-height:1.5}.welcome-section-head>span{font-size:12px;color:#97afba}.cast-showcase{border:1px solid #3d5360;border-radius:18px;padding:22px;background:radial-gradient(ellipse at 50% 40%,#345e4d77,transparent 85%),#1a2835;position:relative;overflow:hidden}.cast-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 10px}.cast-member{display:flex;flex-direction:column;align-items:center;text-align:center;background:transparent;border:1px solid transparent;border-radius:9px;padding:4px 2px 7px;min-width:0;animation:cast-arrive .25s cubic-bezier(.175,.885,.32,1.275) both;animation-delay:var(--cast-delay);transition:background .18s,border-color .18s}.cast-member img{width:100%;height:95px;object-fit:contain;filter:drop-shadow(0 7px 8px #08151266);transition:transform .25s}.cast-member span{font-size:13px;line-height:1.5;color:#bdd1d0;white-space:nowrap}.cast-member:hover{border-color:#8faa6755;background:#32473d66}.cast-member:hover img{transform:translateY(-4px) rotate(var(--cast-tilt))}.welcome-guide{display:flex;flex-direction:column;gap:17px}.welcome-dimensions{animation:welcome-arrive .45s cubic-bezier(.2,0,0,1) both;animation-delay:1.45s}.welcome-dimension-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.welcome-dimension{border-bottom:1px solid #445757;padding:8px 0 12px}.dimension-number{color:#9eb9a1;font:11px ui-monospace,monospace;letter-spacing:.04em}.welcome-dimension h3{font-size:19px;font-weight:400;margin:6px 0 4px;color:#dce9d3}.welcome-dimension h3>span{font-size:13px;color:#819d91}.welcome-dimension p{font-size:13px;line-height:1.6;margin:0;color:#9ab2bf}.welcome-share{display:grid;grid-template-columns:180px 1fr;gap:20px;padding:18px;border-radius:13px;border:1px solid #516343;background:#293b3080;align-items:center;animation:welcome-arrive .55s cubic-bezier(.2,0,0,1) both;animation-delay:2.35s;flex:1}.sample-card-button{padding:0;width:100%;background:none;transform:rotate(-3deg);transition:transform .25s;position:relative}.sample-card-button:hover{transform:rotate(0) scale(1.035)}.sample-card-image{display:block;width:100%;height:auto;border-radius:5px;box-shadow:0 13px 22px #09171680;border:1px solid #61795b}.sample-card-image[hidden]{display:none}.sample-card-placeholder{display:grid;place-items:center;min-height:180px;line-height:1.8;background:#23382d;border:1px solid #5b7555;color:#d0e5a4;border-radius:5px}.welcome-share .section-label{font-size:9px;margin:0 0 8px;letter-spacing:.08em}.welcome-share h2{font-size:22px;font-weight:400;line-height:1.5;margin:0 0 10px}.welcome-share p:not(.section-label){font-size:13px;line-height:1.8;margin:0 0 12px;color:#b2c7bb}.welcome-share .mini-link{font-size:12px;color:#d0e9a7}.welcome-actions{text-align:center;margin:24px 0 10px;animation:welcome-arrive .4s cubic-bezier(.2,0,0,1) both;animation-delay:2.75s}.welcome-actions .journey-start{min-width:260px;justify-content:center;gap:55px;padding:14px 25px;font-size:20px;min-height:55px}.welcome-actions>.mini-link{display:block;margin:12px auto;font-size:13px}.welcome-actions p{font-size:12px;color:#95aab4;margin:11px 0 0}.welcome-links{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:18px;color:#708c98}.welcome-links .mini-link{font-size:12px}.sample-modal{max-width:610px;margin:auto}.sample-modal img{display:block;width:100%;max-width:570px;height:auto;margin:auto;border-radius:7px}.sample-modal p{font-size:14px;color:#b2c5cc;line-height:1.8;margin:17px 0 0}
.journey-scene{position:relative;isolation:isolate;max-width:1340px;min-height:min(690px,calc(100svh - 170px));margin:25px auto 33px;border-radius:22px;overflow:hidden;background:#233e40;display:flex;align-items:center;padding:85px 8% 120px;animation:journey-open .6s cubic-bezier(.2,0,0,1) both}.journey-backdrop{position:absolute;inset:0;z-index:-3;width:100%;height:100%;object-fit:cover;object-position:center;animation:sea-pan 10.2s cubic-bezier(.4,0,.2,1) both}.journey-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#0c2526ef 0%,#102728aa 48%,#182f2c20 90%),linear-gradient(0deg,#0c1f2de6 0%,transparent 40%,#16333633 100%)}.journey-map{position:absolute;top:37px;left:8%;display:flex;align-items:center;gap:15px;opacity:.75;font-size:12px;color:#d4dfb3;letter-spacing:.05em}.journey-map i{width:130px;height:1px;border-top:1px dashed #b3d896;position:relative}.journey-map i:before,.journey-map i:after{content:'';position:absolute;top:-4px;width:7px;height:7px;border:1px solid #cce4a9;border-radius:50%;background:#283b36}.journey-map i:before{left:0}.journey-map i:after{right:0}.journey-caption{max-width:660px;position:relative;z-index:1}.journey-label{font-size:14px;color:#c7e79a;margin:0 0 22px;letter-spacing:.08em}.journey-caption h1{font-size:clamp(34px,4.5vw,60px);font-weight:400;line-height:1.4;margin:0 0 25px;color:#f1f0d9;text-shadow:0 3px 18px #081d25b3}.journey-body{font-size:19px;line-height:1.9;color:#d1dfd1;margin:0;max-width:570px;text-shadow:0 2px 10px #062026}.journey-bottom{position:absolute;bottom:34px;left:8%;right:5%;display:flex;gap:40px;align-items:center;justify-content:space-between}.journey-progress{display:flex;gap:12px;max-width:410px;flex:1}.journey-progress-step{flex:1;min-width:0;display:block;color:#9fb4b2;font-size:11px}.journey-progress-step>i{display:block;height:2px;background:#839b9166;margin-bottom:10px;position:relative;overflow:hidden}.journey-progress-step>i:after{content:'';position:absolute;inset:0;background:#d3ec9f;transform:scaleX(0);transform-origin:left}.journey-progress-step.active{color:#e4edcc}.journey-progress-step.active>i:after{animation:scene-progress 3.4s linear both}.journey-progress-step.complete>i:after{transform:scaleX(1)}.journey-skip{font-size:13px;color:#d1e2bb;display:flex;gap:15px;align-items:center;background:#173637aa;border:1px solid #788d6666;border-radius:30px;padding:10px 17px;white-space:nowrap}.journey-skip:hover{border-color:#c6dfa5}.journey-reduced{padding-top:90px;padding-bottom:130px}.journey-reduced .journey-caption{display:grid;gap:20px}.journey-reduced h1,.journey-reduced h2{font-size:27px;margin:0 0 8px;font-weight:400}.journey-reduced .journey-label{margin:0 0 7px;font-size:12px}.journey-reduced .journey-body{font-size:15px;line-height:1.8}.journey-reduced .journey-progress{display:none}
@keyframes cast-arrive{from{opacity:0;transform:translateY(15px) scale(.8) rotate(var(--cast-tilt))}to{opacity:1;transform:translateY(0) scale(1) rotate(0)}}@keyframes welcome-arrive{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes journey-open{from{opacity:0;transform:translateY(16px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes sea-pan{from{transform:scale(1.025) translateX(.6%)}to{transform:scale(1.07) translateX(-.6%)}}@keyframes scene-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:1100px){.welcome{padding-top:25px}.welcome-grid{gap:18px}.cast-showcase{padding:17px}.welcome-section-head{display:block}.welcome-section-head>span{display:block;margin-top:5px}.cast-member img{height:88px}.cast-member span{font-size:12px}.welcome-share{grid-template-columns:145px 1fr;gap:15px;padding:14px}.welcome-share h2{font-size:20px}.welcome-dimension h3{font-size:17px}.journey-caption{max-width:550px}}
@media(max-width:700px){.site-header{padding:13px 6%;gap:8px}.brand img{width:98px;height:34px}.audio-buttons{gap:6px}.audio-toggle{font-size:12px;padding:7px 10px;gap:4px;min-height:37px}.audio-toggle span{font-size:19px}.welcome{padding:25px 0 23px}.welcome-heading{margin-bottom:22px;text-align:left}.welcome-heading h1{font-size:37px;line-height:1.25;margin:0 0 13px}.welcome-heading h1 em{display:block;margin:0}.welcome-heading .eyebrow{font-size:9px;letter-spacing:.04em}.welcome-heading>p:last-child{font-size:14px;line-height:1.8}.welcome-grid{grid-template-columns:1fr;gap:20px}.cast-showcase{padding:15px 10px;border-radius:13px}.welcome-section-head{display:flex;align-items:center;gap:10px;margin-bottom:11px}.welcome-section-head h2{font-size:18px}.welcome-section-head>span{display:none}.cast-grid{gap:5px 3px}.cast-member{padding:1px 1px 5px}.cast-member img{height:68px}.cast-member span{font-size:10px}.welcome-guide{gap:20px}.welcome-dimension-grid{gap:10px 15px}.welcome-dimension{padding:6px 0 10px}.welcome-dimension h3{font-size:18px}.welcome-dimension p{font-size:12px}.welcome-share{grid-template-columns:125px 1fr;gap:14px;padding:14px}.welcome-share h2{font-size:20px;margin-bottom:7px}.welcome-share p:not(.section-label){font-size:12px;line-height:1.7;margin-bottom:9px}.welcome-share .section-label{font-size:8px;letter-spacing:0}.sample-card-placeholder{min-height:125px;font-size:12px}.welcome-actions{margin-top:25px}.welcome-actions .journey-start{width:100%;font-size:19px}.welcome-actions p{font-size:11px}.journey-scene{margin:18px -3% 25px;padding:80px 7% 135px;min-height:calc(100svh - 165px);border-radius:14px;align-items:center}.journey-backdrop{object-position:58% center}.journey-shade{background:linear-gradient(90deg,#0e2426db,#0d282994),linear-gradient(0deg,#0b202ced,transparent 60%,#152e3155)}.journey-map{left:7%;top:26px;font-size:10px;gap:10px}.journey-map i{width:93px}.journey-label{font-size:12px;margin-bottom:17px}.journey-caption h1{font-size:36px;line-height:1.45;margin-bottom:20px}.journey-body{font-size:16px;line-height:1.9}.journey-bottom{left:7%;right:7%;bottom:24px;gap:17px;flex-direction:column;align-items:stretch}.journey-progress{max-width:none;width:100%;gap:9px}.journey-progress-step{font-size:10px}.journey-skip{align-self:flex-end;font-size:12px;padding:8px 13px}.journey-reduced{padding-top:75px;padding-bottom:90px}.journey-reduced h1,.journey-reduced h2{font-size:23px}.journey-reduced .journey-body{font-size:14px}.sample-modal p{font-size:13px}}
@media(max-width:370px){.brand img{width:85px}.audio-toggle{padding:7px 8px;font-size:11px}.audio-toggle span{font-size:17px}.welcome-heading h1{font-size:33px}.cast-member img{height:57px}.cast-member span{font-size:9px}.welcome-share{grid-template-columns:110px 1fr;gap:11px;padding:12px}.welcome-share h2{font-size:18px}.welcome-share .section-label{display:none}.journey-caption h1{font-size:31px}.journey-body{font-size:15px}}
@media(prefers-reduced-motion:reduce){.cast-member,.welcome-dimensions,.welcome-share,.welcome-actions,.journey-scene,.journey-backdrop,.journey-progress-step.active>i:after{animation:none}.cast-member:hover img{transform:none}}