:root{--navy:#0a2436;--ocean:#286580;--white:#fff;--sand:#f3f1eb;--ink:#152e40;--muted:#5a6972;--line:#d8dfe1}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px;scrollbar-gutter:stable;scrollbar-color:#718894 #edf0f0}body{margin:0;color:var(--ink);background:var(--white);font:16px/1.6 -apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #4ba6c6;outline-offset:5px}h1,h2,h3,p{margin:0}img{display:block;max-width:100%}h1,h2{font-weight:500;line-height:1.04;letter-spacing:-.055em}h2{font-size:clamp(42px,5.1vw,76px)}.section{padding:120px 8%}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.17em;font-weight:600;margin-bottom:28px}.muted{color:var(--muted)}.skip{position:fixed;top:10px;left:10px;z-index:100;background:white;color:var(--navy);padding:12px;transform:translateY(-200%)}.skip:focus{transform:none}header{height:88px;padding:0 6%;position:fixed;inset:0 0 auto;z-index:10;display:flex;align-items:center;justify-content:space-between;color:white;border-bottom:1px solid #ffffff20;transition:background .25s,color .25s}header.scrolled,header.menu-open{background:#ffffffed;backdrop-filter:blur(20px);color:var(--navy);height:76px;border-color:var(--line)}.brand{width:185px;height:50px;display:block;overflow:hidden;position:relative;flex-shrink:0}.brand img{position:absolute;width:210px;height:210px;max-width:none;top:-82px;left:-12px;mix-blend-mode:multiply}header:not(.scrolled):not(.menu-open) .brand{filter:invert(1);mix-blend-mode:screen}nav{display:flex;gap:36px;font-size:13px}nav a{padding:12px 0;transition:opacity .2s}nav a:hover{opacity:.65}.menu-toggle{display:none}.hero{min-height:740px;height:100svh;max-height:1100px;position:relative;color:white;background:var(--navy);overflow:hidden}.hero-image,.hero-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-image{object-position:50% 55%}.hero-shade{background:linear-gradient(90deg,#051c30ca 0%,#051c3055 70%),linear-gradient(0deg,#031b3077,transparent 30%)}.hero-copy{position:absolute;top:50%;transform:translateY(-43%);left:8%;right:6%}.hero .eyebrow{color:#e1e8eb;margin-bottom:30px}.hero h1{font-size:clamp(64px,7.6vw,116px);max-width:1050px}.hero-description{font-size:20px;line-height:1.5;margin-top:30px;color:#edf2f4}.hero-actions{display:flex;gap:32px;align-items:center;margin-top:36px;flex-wrap:wrap}.button{display:inline-flex;gap:25px;align-items:center;justify-content:space-between;padding:16px 23px;min-height:54px;font-size:13px;border-radius:3px;transition:background .2s,transform .2s}.light{background:white;color:var(--navy)}.light:hover{background:#e3edf0;transform:translateY(-2px)}.dark{background:var(--navy);color:white}.dark:hover{background:var(--ocean);transform:translateY(-2px)}.text-link{font-size:13px;display:inline-flex;align-items:center;gap:24px;min-height:48px}.text-link:hover{ text-decoration:underline;text-underline-offset:6px}.hero-foot{position:absolute;bottom:30px;left:8%;right:6%;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.06em}.hero-foot a{display:flex;gap:25px}.manifesto{text-align:center;max-width:1000px;margin:auto;padding-top:135px;padding-bottom:100px}.manifesto h2{font-size:clamp(46px,6vw,84px)}.lead{font-size:25px;line-height:1.45;letter-spacing:-.025em;margin:38px auto 23px}.manifesto .muted{max-width:480px;margin:auto}.story{display:grid;grid-template-columns:1fr .85fr;gap:12%;align-items:center;padding-top:20px}.story-photo img{width:100%;height:660px;object-fit:cover}.story-copy h2{margin-bottom:30px}.story-copy>p:not(.eyebrow){max-width:370px;color:var(--muted)}.disciplines{margin-top:40px;display:grid;gap:23px}.disciplines div{border-top:1px solid var(--line);padding-top:18px}.disciplines h3{font-size:15px;font-weight:600;margin-bottom:5px}.disciplines p{font-size:13px;color:var(--muted)}.wide-story{margin:0 4%;height:650px;position:relative;background:var(--navy);color:white;overflow:hidden}.wide-story img{width:100%;height:100%;object-fit:cover}.wide-story:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#041d30cd,transparent)}.wide-story>div{position:absolute;top:50%;left:7%;transform:translateY(-50%);z-index:1}.wide-story p:last-child{margin-top:28px;color:#e5edef}.operations-heading{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:60px}.operations-heading>.muted{font-size:14px;padding-bottom:8px}.unit{border-top:1px solid var(--line)}.unit:last-child{border-bottom:1px solid var(--line)}.unit button{width:100%;border:0;background:none;color:var(--ink);padding:31px 0;display:grid;grid-template-columns:1fr 1fr auto;text-align:left;align-items:center;gap:25px}.unit-name{font-size:clamp(25px,3vw,43px);font-weight:500;letter-spacing:-.04em}.unit-location{font-size:13px;color:var(--muted)}.unit-arrow{width:46px;height:46px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:50%;transition:background .2s,color .2s}.unit button:hover .unit-arrow{background:var(--navy);color:white}.access-note{font-size:12px;color:var(--muted);max-width:680px;margin-top:25px}.partner{background:var(--sand);display:grid;grid-template-columns:1.1fr .9fr;gap:10%;align-items:center}.partner-copy>p:not(.eyebrow){max-width:450px;color:var(--muted);margin-top:26px}.partner .button{margin-top:36px}.partner>img{width:100%;height:620px;object-fit:cover}.contact{background:var(--navy);color:white}.contact h2{font-size:clamp(44px,6vw,84px)}.contact-bottom{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-top:45px}.contact-bottom p{color:#c1ced6;font-size:15px}.contact .text-link{font-size:15px;border-bottom:1px solid #607c8e}footer{padding:50px 6% 30px;display:flex;align-items:center;gap:35px;flex-wrap:wrap}footer p{font-size:13px;color:var(--muted)}footer>a:not(.brand){margin-left:auto;font-size:13px}footer small{flex-basis:100%;border-top:1px solid var(--line);padding-top:25px;font-size:11px;color:var(--muted)}dialog{border:0;border-radius:5px;padding:58px 45px 45px;max-width:620px;width:calc(100% - 30px);max-height:85svh;overflow:auto;color:var(--ink)}dialog::backdrop{background:#051b30b3;backdrop-filter:blur(7px)}dialog h2{font-size:45px;margin:22px 0}dialog p{color:var(--muted);margin-top:15px}.close{position:absolute;right:15px;top:12px;border:0;background:var(--sand);border-radius:50%;width:42px;height:42px;color:var(--navy);font-size:25px}.detail-label{font-size:11px;text-transform:uppercase;letter-spacing:.1em;margin-top:28px}.detail-link{margin-top:25px}.js-motion .reveal{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s ease}.js-motion .reveal.visible{opacity:1;transform:none}@media(max-width:900px){.section{padding:85px 6%}header{padding:0 5%;height:76px}nav{gap:22px}.hero{min-height:720px}.hero-copy{left:6%}.hero h1{font-size:80px}.hero-actions{gap:15px}.hero .text-link{font-size:12px}.story{gap:7%}.story-photo img{height:560px}.wide-story{height:570px}.partner{gap:6%}.partner>img{height:570px}.operations-heading{display:block}.operations-heading>.muted{margin-top:25px}}@media(max-width:600px){header{height:72px}.brand{width:160px;height:46px}.brand img{width:185px;height:185px;top:-72px;left:-11px}.menu-toggle{display:flex;align-items:center;gap:15px;border:0;background:none;color:inherit;font-size:12px;min-height:44px;padding:10px}.menu-toggle span{font-size:23px}nav{display:none;position:absolute;top:100%;left:0;right:0;padding:20px 6% 28px;background:#fff;color:var(--navy);flex-direction:column;gap:2px;border-bottom:1px solid var(--line)}header.menu-open nav{display:flex}nav a{font-size:18px;padding:12px 0}.hero{height:92svh;min-height:680px;max-height:900px}.hero-copy{top:45%;transform:translateY(-35%);left:6%;right:6%}.hero h1{font-size:clamp(48px,10.7vw,66px)}.hero .eyebrow{font-size:9px;letter-spacing:.12em;margin-bottom:25px}.hero-description{font-size:17px;margin-top:24px}.hero-actions{display:flex;align-items:start;flex-direction:column;gap:8px;margin-top:28px}.hero .text-link{font-size:11px;gap:14px}.hero-foot{left:6%;right:6%;font-size:9px;bottom:24px}.hero-foot>span{max-width:200px}.hero-image{object-position:58% center}.hero-shade{background:linear-gradient(90deg,#051b30d0,#051b3060),linear-gradient(0deg,#031b3066,transparent)}.section{padding:70px 6%}h2{font-size:43px}.eyebrow{font-size:10px;margin-bottom:23px}.manifesto h2{font-size:45px}.lead{font-size:21px;margin-top:28px}.manifesto .muted{font-size:14px}.story{grid-template-columns:1fr;gap:40px;padding-top:5px}.story-photo img{height:490px}.story-copy{padding:0 3%}.story-copy h2{font-size:48px}.disciplines{grid-template-columns:1fr 1fr;gap:20px}.wide-story{margin:0;height:540px}.wide-story>div{left:6%;right:6%}.wide-story h2{font-size:47px}.wide-story img{object-position:60%}.wide-story:after{background:linear-gradient(90deg,#041d30c9,#041d3044)}.operations-heading{margin-bottom:35px}.operations-heading h2{font-size:43px}.unit button{grid-template-columns:1fr auto;gap:7px;padding:25px 0}.unit-name{font-size:30px}.unit-location{grid-column:1;grid-row:2}.unit-arrow{grid-column:2;grid-row:1/3;width:42px;height:42px}.partner{grid-template-columns:1fr;gap:40px}.partner h2{font-size:43px}.partner>img{height:420px}.partner p{font-size:14px}.contact h2{font-size:44px}.contact-bottom{display:block;margin-top:30px}.contact-bottom .text-link{font-size:13px;margin-top:25px}.contact-bottom p{font-size:14px}footer{padding:35px 6%;gap:20px}footer p{flex-basis:100%;order:2}footer small{order:3}footer>a:not(.brand){font-size:12px}dialog{padding:55px 25px 30px}dialog h2{font-size:37px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.js-motion .reveal{opacity:1;transform:none}}@media(forced-colors:active){a,button{forced-color-adjust:auto}}
/* Original transparent wordmark; color belongs to the web theme. */
:root{--logo-blue:#78b6d3}
.brand,header:not(.scrolled):not(.menu-open) .brand{width:185px;height:38px;overflow:visible;filter:none;mix-blend-mode:normal;background:var(--logo-blue);-webkit-mask:url('assets/yacht-logo-transparent.png') center/contain no-repeat;mask:url('assets/yacht-logo-transparent.png') center/contain no-repeat}
.brand img{visibility:hidden;position:static;width:100%;height:auto;transform:none;mix-blend-mode:normal}
.hero-image{transform:scale(1.035);will-change:transform;animation:hero-focus 1.8s cubic-bezier(.2,.65,.3,1) both}
.hero-copy>*{animation:hero-enter 1.1s cubic-bezier(.16,1,.3,1) both}
.hero-copy .eyebrow{animation-delay:.12s}.hero-copy h1{animation-delay:.23s}.hero-copy .hero-description{animation-delay:.36s}.hero-copy .hero-actions{animation-delay:.47s}
@keyframes hero-enter{from{opacity:0;transform:translateY(28px);filter:blur(5px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@keyframes hero-focus{from{opacity:.5;transform:scale(1.09)}to{opacity:1;transform:scale(1.035)}}
.js-motion .reveal{transform:translateY(38px);transition:opacity 1s cubic-bezier(.16,1,.3,1),transform 1.15s cubic-bezier(.16,1,.3,1)}
.js-motion .reveal.visible{transform:translateY(0)}
.story-photo{overflow:hidden}.story-photo img,.wide-story img{transition:transform 1.4s cubic-bezier(.16,1,.3,1)}
.story-photo.visible img{transform:scale(1.035)}.wide-story.visible img{transform:scale(1.025)}
.unit button{transition:color .25s}.unit button:hover{color:var(--ocean)}
.unit-arrow{transition:transform .45s,background .3s,color .3s}.unit button:hover .unit-arrow{transform:rotate(45deg)}
dialog[open]{animation:dialog-enter .35s cubic-bezier(.16,1,.3,1)}@keyframes dialog-enter{from{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:600px){.brand,header:not(.scrolled):not(.menu-open) .brand{width:160px;height:34px}}
@media(prefers-reduced-motion:reduce){.hero-image,.hero-copy>*{animation:none!important;transform:none!important;filter:none!important}.story-photo.visible img,.wide-story.visible img{transform:none}.unit button:hover{padding-left:0;padding-right:0}.unit button:hover .unit-arrow{transform:none}.js-motion .reveal{opacity:1;transform:none}}
.operation-filters{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 35px}.operation-filters button{border:1px solid var(--line);border-radius:30px;background:none;color:var(--navy);padding:11px 19px;font-size:12px;min-height:44px;transition:background .25s,color .25s}.operation-filters button[aria-pressed=true]{background:var(--navy);color:white}.operation-filters button:hover{border-color:var(--ocean)}.unit[hidden]{display:none}
/* Cinematic native-scroll scenes. Static composition is the no-script default. */
::selection{background:#b8d9e7;color:var(--navy)}h1,h2{letter-spacing:-.04em;text-wrap:balance}.hero-copy>*{animation-duration:850ms}.hero-image{animation-duration:1600ms}.button,.text-link,.unit button,.unit-arrow,nav a{transition-duration:250ms}
.expand-scene{position:relative;background:var(--white);padding:0}.expand-sticky{position:relative;height:85svh;min-height:500px;overflow:hidden}.expand-frame{position:absolute;inset:0;overflow:hidden;clip-path:inset(5% 6% round 24px);background:var(--navy)}.expand-frame>img{width:100%;height:100%;object-fit:cover;transform:scale(1.045)}.expand-shade{position:absolute;inset:0;background:linear-gradient(0deg,#041a2cc9,transparent 65%)}.expand-caption{position:absolute;bottom:12%;left:12%;color:white;max-width:650px}.expand-caption h2{font-size:clamp(48px,7vw,96px)}.expand-caption p{font-size:18px;margin-top:24px}.scroll-cinema .expand-scene{height:185svh}.scroll-cinema .expand-sticky{position:sticky;top:0;height:100svh;min-height:0}.scroll-cinema .expand-caption{opacity:0}
.word-scene{background:var(--navy);color:white;padding-top:150px;padding-bottom:155px}.word-reveal{font-size:clamp(43px,6.7vw,90px);max-width:1100px;line-height:1.12}.word-reveal span{opacity:1}.word-scene>p{color:#b8cbd7;font-size:15px;margin-top:40px}.scroll-cinema .word-reveal span{opacity:.62}
.narrative{position:relative;background:var(--navy);color:white}.narrative-sticky{position:relative;overflow:hidden}.narrative-media{display:none}.narrative-panels{position:relative}.moment{min-height:65svh;padding:100px 8%;display:flex;flex-direction:column;justify-content:center;border-top:1px solid #ffffff25;background:linear-gradient(90deg,#061d32e6,#061d3260),url('assets/rooftop-depois.webp') center/cover}.moment:nth-child(2){background-image:linear-gradient(90deg,#061d32e6,#061d3260),url('assets/rooftop-depois.webp')}.moment:nth-child(3){background-image:linear-gradient(90deg,#061d32e6,#061d3260),url('assets/rooftop-antes.webp')}.moment h2{font-size:clamp(50px,7.5vw,100px);line-height:1.1}.moment p{font-size:20px;line-height:1.5;color:#e3edf3;margin-top:27px;max-width:500px}.moment-index{font-size:12px;color:#c2d5df;letter-spacing:.1em;margin-bottom:24px}.moment-controls{display:none}.scroll-cinema .narrative{height:340svh}.scroll-cinema .narrative-sticky{position:sticky;top:0;height:100svh}.scroll-cinema .narrative-media{display:block;position:absolute;inset:0;overflow:hidden}.narrative-media img{position:absolute;inset:0;object-fit:cover;width:100%;height:100%;opacity:0}.narrative-media img:first-child{opacity:1}.narrative-shade{display:none}.scroll-cinema .narrative-shade{display:block;position:absolute;inset:0;background:linear-gradient(90deg,#041b2cce,#041b3030),linear-gradient(0deg,#041b30c9,transparent 40%)}.scroll-cinema .narrative-panels{position:absolute;inset:0}.scroll-cinema .moment{position:absolute;inset:0;background:none;border:none;min-height:0;padding-top:80px;padding-bottom:120px;opacity:0;pointer-events:none}.scroll-cinema .moment:first-child{opacity:1}.scroll-cinema .moment-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;position:absolute;bottom:45px;left:8%;right:8%;max-width:850px}.moment-controls button{background:none;color:#d5e0e8;border:0;text-align:left;padding:12px 0;min-height:50px;font-size:13px;transition:color 250ms}.moment-controls button[aria-pressed=true]{color:white}.moment-track{display:block;height:2px;background:#ffffff45;margin-top:14px;overflow:hidden}.moment-track i{display:block;width:100%;height:100%;background:#b4e1f4;transform-origin:left;transform:scaleX(var(--moment-progress,0))}.moment-controls button:hover .moment-track{background:#ffffff80}
.operations{padding-top:140px}.operations-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:7%;align-items:start}.operation-atmosphere{margin:0;position:sticky;top:115px}.atmosphere-crop{height:520px;overflow:hidden;background:var(--sand)}.atmosphere-crop img{height:100%;width:100%;object-fit:cover;transition:transform 750ms cubic-bezier(.16,1,.3,1)}.operations-layout:has(.unit button:hover) .atmosphere-crop img,.operations-layout:has(.unit button:focus-visible) .atmosphere-crop img{transform:scale(1.035)}.operation-atmosphere figcaption{font-size:12px;color:var(--muted);margin-top:16px}.unit button{grid-template-columns:1fr auto;gap:6px;padding:25px 0}.unit-name{font-size:clamp(25px,2.45vw,36px)}.unit-location{grid-column:1;grid-row:2}.unit-arrow{grid-column:2;grid-row:1/3}.unit button:hover{color:var(--ocean)}.access-note{margin-left:43%}.contact{position:relative}.contact:before{content:'';position:absolute;height:1px;top:0;left:6%;right:6%;background:#ffffff25}
@media(max-width:900px){.operations-layout{grid-template-columns:.7fr 1fr;gap:5%}.atmosphere-crop{height:420px}.unit-name{font-size:26px}.narrative .moment h2{font-size:76px}.hero h1{font-size:clamp(60px,8.6vw,96px)}}
@media(max-width:700px){.expand-sticky{min-height:440px;height:75svh}.scroll-cinema .expand-scene{height:150svh}.expand-caption{left:8%;right:7%;bottom:13%}.expand-caption h2{font-size:53px}.expand-caption p{font-size:15px;max-width:250px}.scroll-cinema .narrative{height:270svh}.scroll-cinema .moment{padding:80px 6% 135px;justify-content:flex-end}.narrative .moment h2{font-size:clamp(43px,9.3vw,68px);letter-spacing:-.04em}.moment p{font-size:17px;margin-top:20px}.moment-index{margin-bottom:15px;font-size:10px}.scroll-cinema .moment-controls{left:6%;right:6%;gap:16px;bottom:32px}.moment-controls button{font-size:11px}.moment-track{margin-top:12px}.narrative-shade{background:linear-gradient(0deg,#031b30f2,#031b3033 85%)!important}.word-scene{padding-top:90px;padding-bottom:95px}.word-reveal{font-size:45px}.word-scene>p{font-size:13px;margin-top:30px}.operations-layout{display:block}.operation-atmosphere{position:relative;top:auto;margin-bottom:35px}.atmosphere-crop{height:350px}.atmosphere-crop img{object-position:50% 57%}.unit-name{font-size:30px}.access-note{margin-left:0}.hero h1{font-size:clamp(48px,10.7vw,66px)}.moment{padding:75px 6%;min-height:65svh}}
@media(max-width:600px){header nav{display:flex;visibility:hidden;opacity:0;transform:translateY(-10px);pointer-events:none;transition:opacity 250ms,transform 250ms,visibility 250ms}header.menu-open nav{visibility:visible;opacity:1;transform:none;pointer-events:auto}.menu-toggle span{transition:transform 250ms}header.menu-open .menu-toggle span{transform:rotate(45deg)}}
@media(prefers-reduced-motion:reduce){.expand-scene,.scroll-cinema .expand-scene,.narrative,.scroll-cinema .narrative{height:auto}.expand-sticky,.scroll-cinema .expand-sticky{position:relative;height:75svh;min-height:420px}.expand-frame{clip-path:inset(4% 5% round 18px)!important}.expand-caption{opacity:1!important;transform:none!important}.narrative-sticky,.scroll-cinema .narrative-sticky{position:relative;height:auto}.narrative-media,.narrative-shade,.moment-controls{display:none!important}.narrative-panels,.scroll-cinema .narrative-panels{position:relative}.moment,.scroll-cinema .moment{position:relative;opacity:1!important;transform:none!important;min-height:65svh;background:linear-gradient(90deg,#061d32e6,#061d3260),url('assets/rooftop-depois.webp') center/cover;padding:80px 6%}.moment:nth-child(2){background-image:linear-gradient(90deg,#061d32e6,#061d3260),url('assets/rooftop-depois.webp')}.moment:nth-child(3){background-image:linear-gradient(90deg,#061d32e6,#061d3260),url('assets/rooftop-antes.webp')}.word-reveal span{opacity:1!important}.atmosphere-crop img{transform:none!important}}

/* Quiet text and stable header geometry through scene changes. */
header.scrolled,header.menu-open{height:88px}.eyebrow,.hero .eyebrow,.hero-foot,.moment-index{font-size:11px}header{transition:background 250ms,color 250ms}.unit button{transition:color 250ms}.unit button:hover{padding-left:0;padding-right:0}.hero-foot{letter-spacing:.02em}.hero .eyebrow{color:#dcecf5}.hero-description{color:#edf5fa}
@media(max-width:600px){header,header.scrolled,header.menu-open{height:72px}.hero .eyebrow{font-size:10px}.hero-foot{font-size:10px}.hero-foot>span{max-width:205px}.moment-index{font-size:11px}}
/* Music is part of the brand, with real footage and user-initiated audio. */
.music-dna{background:#061d30;color:white;position:relative}.music-sticky{position:relative;min-height:830px;overflow:hidden;padding:120px 8%}.music-images{position:absolute;inset:0 0 0 40%;background:#0a2436}.music-images img{position:absolute;inset:0;object-fit:cover;object-position:center 50%;height:100%;width:100%;opacity:0}.music-images img:first-child{opacity:1}.music-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#061d30 12%,#061d30df 38%,#061d3025 75%),linear-gradient(0deg,#061d30 0%,transparent 28%)}.music-title{position:relative;z-index:1;max-width:950px;padding-top:100px}.music-title h2{font-size:clamp(62px,6.9vw,96px);letter-spacing:-.04em;line-height:1.06}.music-title h2 span{display:block}.music-title .text-link{margin-top:32px;font-size:13px;color:#d8eaf5}.music-steps{display:none}.music-enhanced{height:310svh}.music-enhanced .music-sticky{position:sticky;top:0;height:100svh;min-height:0;padding-top:0;padding-bottom:0;display:flex;align-items:center}.music-enhanced .music-title{padding-top:0}.music-enhanced .music-title h2 span{opacity:.62}.music-enhanced .music-steps{display:flex;position:absolute;left:8%;bottom:42px;gap:28px;z-index:2}.music-steps button{border:0;border-bottom:1px solid #ffffff40;background:none;color:#bfd2df;padding:12px 0;min-height:44px;font-size:12px;transition:color 250ms,border-color 250ms}.music-steps button[aria-pressed=true],.music-steps button:hover{color:white;border-color:#b6e3fa}.sound-wave{position:absolute;bottom:100px;left:0;right:0;width:110%;height:80px;opacity:.17;pointer-events:none;transform-origin:center}.sound-wave path{stroke:#94d9fa;stroke-width:1;animation:wave-drift 12s ease-in-out infinite alternate;animation-play-state:paused;transform-origin:center}.sound-wave path:nth-child(2){animation-delay:-5s;opacity:.6}.music-in-view .sound-wave path{animation-play-state:running}@keyframes wave-drift{from{transform:translateX(0) scaleY(.65)}to{transform:translateX(-65px) scaleY(1)}}
.music-finale{background:#061d30;color:white;padding:70px 6% 120px}.music-intro{max-width:930px;margin:0 auto 90px}.music-intro>p{font-size:clamp(24px,3.2vw,43px);line-height:1.4;letter-spacing:-.025em}.music-enhanced+.music-finale .music-intro{opacity:.55;transform:translateY(20px);transition:opacity 800ms cubic-bezier(.16,1,.3,1),transform 800ms cubic-bezier(.16,1,.3,1)}.music-enhanced+.music-finale .music-copy-visible{opacity:1;transform:none}.music-panorama{margin:0;position:relative;overflow:hidden}.music-panorama img{width:100%;height:600px;object-fit:cover;object-position:50% 44%}.music-panorama figcaption{font-size:13px;color:#c4d6e1;margin:20px 0}.music-films{padding-top:90px;max-width:1080px;margin:auto;scroll-margin-top:105px}.films-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:35px}.films-heading h3{font-size:clamp(32px,4vw,52px);letter-spacing:-.04em;font-weight:500;line-height:1.08}.films-heading p{font-size:14px;color:#c4d6e1}.music-film-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;max-width:800px;margin:0 auto}.music-film-grid figure{margin:0}.music-film-grid video{display:block;width:100%;height:auto;aspect-ratio:600/1066;background:#0a2436;border-radius:4px;max-height:650px;object-fit:contain}.music-film-grid figcaption{color:#c4d6e1;font-size:13px;margin-top:14px}
@media(max-width:700px){.music-sticky{min-height:680px;padding:100px 6%}.music-images{inset:0}.music-images img{object-position:50% center}.music-overlay{background:linear-gradient(0deg,#061d30 0%,#061d30dd 35%,#061d3055 85%)}.music-title{padding-top:210px}.music-title h2{font-size:clamp(44px,10.5vw,65px);line-height:1.1}.music-title .text-link{font-size:12px;margin-top:25px}.music-enhanced{height:250svh}.music-enhanced .music-sticky{align-items:flex-end;padding:0 6% 145px}.music-enhanced .music-steps{left:6%;right:6%;bottom:35px;gap:20px;justify-content:space-between}.music-steps button{font-size:11px}.sound-wave{height:65px;bottom:95px;opacity:.14}.music-finale{padding:55px 6% 75px}.music-intro{margin-bottom:45px}.music-intro>p{font-size:25px;line-height:1.45}.music-panorama img{height:440px;object-position:50% 46%}.music-panorama figcaption{font-size:12px}.music-films{padding-top:55px}.films-heading{display:block}.films-heading h3{font-size:35px;margin-bottom:20px}.music-film-grid{gap:28px;grid-template-columns:1fr;max-width:350px}.music-film-grid video{max-height:570px}.music-film-grid figcaption{font-size:12px}}
@media(prefers-reduced-motion:reduce){.music-dna,.music-enhanced{height:auto}.music-sticky,.music-enhanced .music-sticky{position:relative;min-height:700px;height:auto;padding:130px 6% 90px;display:block}.music-title,.music-enhanced .music-title{padding-top:130px}.music-title h2 span{opacity:1!important;transform:none!important}.music-images img{opacity:0!important;transform:none!important}.music-images img:first-child{opacity:1!important}.music-steps{display:none!important}.sound-wave path{animation:none!important}.music-finale .music-intro{opacity:1!important;transform:none!important}}
/* Original cocktail photographs, with native touch and keyboard navigation. */
.cocktail-gallery{padding-top:15px;padding-bottom:110px;overflow:hidden}.cocktail-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:45px}.cocktail-heading h2{font-size:clamp(42px,5vw,70px)}.cocktail-tools{display:flex;align-items:center;gap:12px;flex-shrink:0}.photo-position{font-size:13px;color:var(--muted);margin-right:15px;min-width:35px;font-variant-numeric:tabular-nums}.cocktail-tools button{width:46px;height:46px;border-radius:50%;border:1px solid var(--line);background:white;color:var(--navy);font-size:20px;transition:background 250ms,color 250ms}.cocktail-tools button:hover:not(:disabled){background:var(--navy);color:white}.cocktail-tools button:disabled{opacity:.35;cursor:default}.drink-track{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding-bottom:20px;position:relative;overscroll-behavior-x:contain}.drink-slide{margin:0;flex:0 0 32%;scroll-snap-align:start;overflow:hidden;background:var(--sand)}.drink-slide img{width:100%;height:460px;object-fit:cover;object-position:center;transition:transform 750ms cubic-bezier(.16,1,.3,1)}.drink-slide:hover img{transform:scale(1.025)}.gallery-caption{font-size:13px;color:var(--muted);margin-top:18px}.narrative-media img:first-child{object-position:50% 58%}
@media(max-width:700px){.cocktail-gallery{padding-top:0;padding-bottom:65px}.cocktail-heading{display:block;margin-bottom:25px}.cocktail-heading h2{font-size:43px}.cocktail-tools{margin-top:25px;justify-content:flex-end}.drink-slide{flex-basis:82%}.drink-slide img{height:420px}.drink-track{gap:16px}.gallery-caption{font-size:12px}}
@media(prefers-reduced-motion:reduce){.drink-slide:hover img{transform:none}.moment:first-child{background-image:linear-gradient(90deg,#061d32e6,#061d3260),url('assets/drink-02.webp')}}

/* Full-resolution user-supplied rooftop images: no video-frame backgrounds. */
.music-images{inset:0}.music-images img{object-position:50% 55%}.music-overlay{background:linear-gradient(90deg,#061d30e8 0%,#061d30b0 40%,#061d3033 100%),linear-gradient(0deg,#061d30 0%,transparent 35%)}.music-panorama img{object-position:50% center}.expand-frame>img{object-position:center}.hero-image{object-position:50% 55%}
@media(max-width:700px){.music-images img{object-position:58% center}.music-overlay{background:linear-gradient(0deg,#061d30 0%,#061d30dc 40%,#061d3040 100%)}.hero-image{object-position:58% center}}