/* Ocean edition: original vector scenery inspired by the supplied aquatic reference. */
:root{--ink:#084c78;--muted:#416e8c;--mint:#d9f8fa;background:#058ad0}
body{padding-top:0;background:#073d7a url('ocean-world.svg') center top/100% auto no-repeat fixed}
body::before{background:linear-gradient(90deg,#007fb122,transparent 30%,transparent 70%,#005ba91a)}
.ocean-canopy{position:relative;max-width:1180px;height:148px;margin:0 auto;overflow:hidden;pointer-events:none}
.ocean-canopy .canopy-line{position:absolute;bottom:23px;left:30px;font-size:10px;font-weight:700;letter-spacing:.27em;color:#edffff;text-shadow:0 1px 5px #00608a}
.ocean-canopy .canopy-line b{display:block;font-size:22px;letter-spacing:.015em;font-weight:400;margin-top:8px;text-shadow:0 1px 8px #005a85}
.canopy-dolphins{position:absolute;width:400px;height:175px;right:35px;top:-12px;filter:drop-shadow(0 4px 5px #0b73b53b)}
.canopy-glint{position:absolute;width:3px;height:28px;background:linear-gradient(transparent,#fff,transparent);box-shadow:0 0 8px white;transform:rotate(16deg)}
.canopy-glint::after{content:'';position:absolute;top:13px;left:-12px;width:27px;height:2px;background:linear-gradient(90deg,transparent,#fff,transparent)}
.canopy-glint.one{left:43%;top:62px}.canopy-glint.two{right:7%;top:102px;transform:scale(.7)}
.utility-bar{padding:0 13px 9px;color:#efffff;text-shadow:0 1px 3px #004775}.utility-bar>span:last-child{color:#eaffff}.utility-bar .tiny-orb{background:radial-gradient(circle at 35% 25%,white,#b8fbff 40%,#18b8b6);box-shadow:0 0 5px #c3ffff}
header{height:85px;border-color:#d0faff;background:linear-gradient(#fffffffa,#e1f8fff7 48%,#c5eaf8ed 49%,#f3fdfff5);box-shadow:0 -1px 0 #a6f7ff,0 3px 12px #005b9666;border-radius:14px 14px 0 0}
header::before{content:'';position:absolute;inset:-3px 16px auto;height:3px;background:linear-gradient(90deg,#8aedfa,#f6b7ed,#ffe7a8,#c8f9d1,#89e9fd);box-shadow:0 0 8px #fff8;border-radius:100%}
.wordmark{color:#166a9a;letter-spacing:-.03em}.wordmark-sub{color:#477c98}.brand-mark{border-color:#3e8ebc;background:radial-gradient(ellipse at 32% 22%,white,#80f2ee 22%,#21b9ea 43%,#0574bb 70%,#014987);box-shadow:inset 0 -5px 9px #02478388,inset 0 1px 3px white,0 2px 4px #0647785e}
nav a{border-color:#96bdd4;color:#1b628b;background:linear-gradient(white,#e5faff 48%,#c7e6f4 49%,#f4fdff)}nav a:last-child{color:#fff;border-color:#076993;background:linear-gradient(#70e7f2,#26bfd6 48%,#0497bb 49%,#2ac8d8);text-shadow:0 1px #02758c}
main{background:#ecfaffed;border-color:#bdedf7;box-shadow:0 18px 65px #0046777d;border-radius:0 0 13px 13px}
.hero{padding-top:38px;min-height:420px;background:radial-gradient(ellipse at 15% 15%,#fff 0%,#f1fdfff7 30%,#d6f8ffe8 65%,#9de6f2e0 100%);gap:30px}.hero::before{height:225px;bottom:-160px;background:linear-gradient(175deg,#a1f1ec,#dffbff 40%,#d3f3ff);box-shadow:0 -8px 0 #fff8,0 -19px 0 #88e0f950,0 -27px 0 #c7f5f850}
.hero::after{content:'';position:absolute;z-index:-1;inset:auto -30% 30px;height:90px;border:2px solid #a8ecf877;border-left:0;border-right:0;border-radius:50%;transform:rotate(-6deg);pointer-events:none}
.hero h1{font-size:clamp(40px,4.05vw,57px);color:#075f96;text-shadow:0 2px 0 #fff}.hero h1 em{color:#0b9dab}.hero .eyebrow{color:#2f7391}.live-dot{background:radial-gradient(circle at 40% 25%,white,#b1f2ef 30%,#05a5b6);border-color:#51b4c4}.intro{color:#386d85;line-height:1.9}.hero .button{color:white;background:linear-gradient(#81e9f3,#3ec5dc 48%,#069abc 49%,#36c5d8);border-color:#0c7fa5;text-shadow:0 1px #067a93;box-shadow:inset 0 1px white,0 2px 4px #136c952b}.text-link{color:#176d93}.hero-art{background:linear-gradient(135deg,#edffffd9,#abdaeddb);border-color:#81b9d0;box-shadow:inset 0 0 0 1px #fff,0 9px 23px #037fab38;border-radius:10px;padding:6px}.frame-label{background:linear-gradient(#fff,#ddf6fd 48%,#b0dbea 49%,#d9f3fb);color:#296b8c;border-color:#78adc4}.frame-label>span:first-child::before{color:#03a0ab}.hero-caption{background:linear-gradient(#f8ffff,#d9f3fb);color:#47778e}.hero-caption a{color:#116d99}.hero-bottom{color:#387389;border-color:#fff;font-size:9px}.hero-bottom span:first-child::before{content:'✦';color:#13a9ca;margin-right:7px}.motion-control{background:linear-gradient(#75dbecc7,#1b8bbfdb);border-color:#e9ffff}
.aero-bubbles i{border-color:#fff;background:radial-gradient(circle at 32% 22%,white,transparent 35%),radial-gradient(circle at 72% 80%,#76dcd966,transparent 68%);box-shadow:inset 0 -6px 12px #45c4e229,0 3px 10px #0b9abe12}.aero-bubbles i:nth-child(2){width:48px;height:48px;left:44%;top:32px}.aero-bubbles i:nth-child(3){left:37%;bottom:66px;width:23px;height:23px}
.section-heading h2{color:#116896}.section-heading .eyebrow{color:#438fab;letter-spacing:.14em}.section-heading>p{color:#507991}.section-heading{border-color:#bcdfed}.collections{background:linear-gradient(#fbfffff5,#e9f8fdee)}.collection-card{border-color:#abd3e3;background:linear-gradient(#fff,#fafdff 65%,#e5f5fc);box-shadow:inset 0 1px white,0 3px 7px #076ea815;border-radius:8px}.collection-meta h3{color:#15678e}.collection-card>p{color:#5a7c8d}.card-actions button{border-color:#a2c8dc;background:linear-gradient(#fff,#effbff 48%,#d9edf8 49%,#f7feff);color:#236b94}.cover-button .cover-arrow{background:linear-gradient(#a2f1f6,#20b0d4 48%,#0494c2 49%,#41c9df);border-color:#52b3c6}.collection-meta>span{color:#5a8296}
.films{background:radial-gradient(ellipse at 10% 0%,#46c9df6e,transparent 65%),linear-gradient(150deg,#0069a5,#074a86 60%,#063e74);border-color:#83d9ec;box-shadow:inset 0 1px #fff5}.films .section-heading{border-color:#579fc4;box-shadow:0 1px #074e81}.films .section-heading h2{color:white}.films .section-heading .eyebrow{color:#a4e4f5}.films .section-heading>p{color:#d0efff}.theater{background:linear-gradient(140deg,#bdedff80,#5fadc556);border-color:#9adcef;box-shadow:inset 0 1px #edffff,0 5px 15px #00335c66}.playlist{background:#0336684a}.playlist button[aria-pressed=true]{background:linear-gradient(#c6f9ff66,#76c6e66e 48%,#228cb176 49%,#7bccdb66);border-color:#b1f3fb}.playlist small{color:#bfebff}.round-button{background:linear-gradient(#b4ecff99,#70c2de99 48%,#1684b8 49%,#41b8d3);border-color:#8cdbed}.film-caption span{color:#c8edff}
.craft{background:linear-gradient(#f2fefff5,#dff4faf1);border-color:#b8dce8}.craft h2{color:#168391}.craft-heading .eyebrow{color:#447c96}.craft-notes h3{color:#265d7a}.craft-notes span{border-color:#288cab;background:linear-gradient(#8ee6f3,#49bcd1 48%,#1597b5 49%,#5ac9d8);text-shadow:0 1px #267a93;box-shadow:inset 0 1px white}.craft-notes p{color:#587b8d}.library{background:#f6fcfff7}.library-toolbar{background:linear-gradient(#f7feff,#dfedf7 49%,#cce6f3 50%,#ebf7fc);border-color:#abcada}.library-meta{color:#587e94}.icon-card{background:linear-gradient(145deg,#fff,#e4f4fc);border-color:#bad9e9}.icon-card:hover{background:linear-gradient(#e9ffff,#c7effb);border-color:#4ab1d3}.icon-surface{border-color:#aecedb}.icon-card .icon-label{color:#3d6f8e}.toggle-button[aria-pressed=true]{background:linear-gradient(#dcfcff,#bfe8f1 48%,#99d2e5 49%,#d5f4fb);border-color:#519ab1;color:#166981}
.closing{position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 50% 110%,#b2f4ed,transparent 70%),linear-gradient(#ebfbff,#b9e7f4);border-color:#b4dbe8}.closing::after{content:'';position:absolute;z-index:-1;left:25%;right:25%;bottom:-215px;height:250px;border:5px solid #fff5;border-radius:50%;box-shadow:0 -5px 0 #f4bfe755,0 -10px 0 #f4dfbc55,0 -15px 0 #cbefdb55,0 -20px 0 #93d8f355}.closing h2{color:#116b97}.closing h2 em{color:#0a95a1}.closing .eyebrow{color:#3b8ca4}.closing .button{background:linear-gradient(#a7eff5,#42c8df 48%,#119cc1 49%,#49c8dd);border-color:#418eab}.closing::before{content:'✧';position:absolute;font-size:70px;line-height:1;top:34px;left:12%;color:#fff9;text-shadow:0 0 12px white;transform:rotate(12deg)}
footer{color:#e1f9ff;text-shadow:0 1px 3px #004778}footer .wordmark,footer p,footer>a:not(.wordmark),footer button{color:#e9fcff;text-shadow:0 1px 3px #004976}dialog{border-color:#c7f6fc;background:linear-gradient(#d8f6fff7,#fcffff 120px);box-shadow:0 0 0 1px #62a9c2,0 17px 65px #00335e80}dialog::backdrop{background:#03487c77}.dialog-close{border-color:#437e9f;background:linear-gradient(#8dd3ee,#53adcf 48%,#247ea9 49%,#6cbddd);text-shadow:0 1px #245b79;box-shadow:inset 0 1px #edffff,0 1px 4px #003d6529}.detail-content h2,.detail-content h3{color:#156e98}.detail-content video.film{border-color:#d2edf6;box-shadow:0 0 0 1px #85bfd5}.detail-actions .button{background:linear-gradient(#8edeea,#4abfd4 48%,#1b9bb9 49%,#5dcad7);border-color:#418fa3;text-shadow:0 1px #277d90}.icon-stage{background:radial-gradient(ellipse,#cef1ff,transparent 72%)}.toast{background:linear-gradient(#f6ffff,#bee9f8);color:#1c668c;border-color:#6cb2cc}
@media(min-width:1600px){body{background-size:100% auto}.hero{padding-top:38px}}
@media(max-width:1100px){.ocean-canopy{height:132px}.canopy-dolphins{right:10px;width:320px;height:170px}.ocean-canopy .canopy-line{left:24px;bottom:22px}.hero h1{font-size:44px}.hero{gap:23px}}
@media(max-width:850px){.hero h1{font-size:37px}.hero-bottom{font-size:8px}.ocean-canopy .canopy-line b{font-size:20px}.canopy-dolphins{right:-20px}}
@media(max-width:700px){body{background-size:1280px 950px;background-position:center top;background-attachment:scroll;padding-top:0}.ocean-canopy{height:123px}.ocean-canopy .canopy-line{left:10px;bottom:16px;font-size:7px;letter-spacing:.18em}.ocean-canopy .canopy-line b{font-size:15px;max-width:165px;line-height:1.4;margin-top:5px}.canopy-dolphins{width:225px;height:130px;right:-19px;top:-3px}.canopy-glint.one{left:13%;top:34px;transform:scale(.6)}.canopy-glint.two{right:15%;top:90px;transform:scale(.5)}.utility-bar{padding:0 5px 9px;font-size:8px}.utility-bar>span:last-child{font-size:7px}header{min-height:112px;height:auto;padding-top:14px}.hero{padding-top:25px;min-height:0}.hero h1{font-size:41px}.hero .button{background:linear-gradient(#90e7f2,#46c1d9 48%,#1399ba 49%,#53c8d9)}.hero-bottom{font-size:7px;gap:7px}.hero-bottom span:first-child::before{margin-right:4px}.closing::before{font-size:48px;left:4%;top:48px}.closing::after{left:5%;right:5%}.closing h2{font-size:27px}.intro{font-size:12px}.aero-bubbles i:nth-child(2){left:auto;right:15px;top:16px;width:35px;height:35px}}
@media(max-width:380px){.ocean-canopy .canopy-line b{max-width:140px;font-size:13px}.canopy-dolphins{right:-25px;width:195px}.hero h1{font-size:37px}}