/* NEXO: architectural typography, mineral surfaces and scenes with distinct cadence. */
@font-face{font-family:Manrope;src:url('assets/fonts/manrope-variable.woff2') format('woff2');font-style:normal;font-weight:200 800;font-display:swap}
@font-face{font-family:Instrument;src:url('assets/fonts/instrument-serif-italic.woff2') format('woff2');font-style:italic;font-weight:400;font-display:swap}
:root{--sans:Manrope,Arial,sans-serif;--serif:Instrument,Georgia,serif;--ink:#101a17;--cream:#ece9e1;--champagne:#d0b78d;--quiet:#c3c6c0;--gutter:clamp(22px,5vw,120px)}
body{font:400 16px/1.75 var(--sans)}button{font:inherit}h1,h2,h3{font-family:var(--sans);font-weight:400;letter-spacing:-.055em;line-height:1.08}h1 em,h2 em,h3 em{font-family:var(--serif);font-weight:400;letter-spacing:-.025em;font-size:1.13em;color:#d4c9b3;line-height:.99}
.eyebrow{font-family:var(--sans);font-size:12px;letter-spacing:.14em;line-height:1.7}.text-link{font-size:14px;font-weight:500}.image-note,.gallery-caption,figure>figcaption{font-size:12px;line-height:1.65}.word-clip{padding-bottom:.16em;margin-bottom:-.16em}.word-ink{padding-right:.035em}
.site-nav{padding-block:16px;background:#101714f0}.nav-location{font-size:11px;letter-spacing:.14em;text-transform:uppercase}.nav-actions{gap:24px}.nav-plan,.nav-contact,.menu-button{font-size:12px}.motion-label{display:none}#motion{padding:0}.brand-official{width:180px}.nav-location>span{max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-contact{padding-inline:18px}
.opening-topline{font-size:12px;letter-spacing:.14em}.opening-bottom p{font-family:var(--sans);font-size:clamp(32px,3vw,54px);font-weight:300;letter-spacing:-.04em}.opening-bottom p em{font-family:var(--serif);font-size:1.18em;font-weight:400}.opening-bottom .button-light{background:#e4ddcc;min-height:56px;font-size:14px}.scroll-caption{font-family:var(--sans);font-weight:300;letter-spacing:-.06em}.entrance-label{font-size:12px}
.hero{grid-template-columns:minmax(260px,.46fr) minmax(0,1.54fr);gap:4vw;padding-bottom:24px}.hero-copy h1{font-family:var(--sans);font-size:clamp(42px,3.6vw,72px);font-weight:400;line-height:1.11;margin:28px 0 32px;letter-spacing:-.055em}.hero-copy h1 em{white-space:nowrap;font-size:1.15em}.hero-facts{font-size:12px;gap:4px}.hero-facts strong{font-family:var(--sans);font-size:32px;font-weight:400;letter-spacing:-.06em}.hero-detail{padding-top:28px}.hero-detail p{font-size:13px}.gallery-tabs button{font-size:13px}.gallery-tabs button span{font-size:11px}.hero-visual>.image-note{font-size:12px}.gallery-toolbar{min-height:65px}.gallery-enlarge,.image-enlarge{font-family:Arial,sans-serif;backdrop-filter:none}
.manifesto{display:grid;grid-template-columns:1fr 1fr;gap:8vw;padding-block:76px 88px;border-bottom:1px solid var(--line)}.manifesto h2{font-size:clamp(38px,3.7vw,70px);margin:24px 0 0}.project-summary{display:flex;flex-direction:column}.project-summary a{display:flex;align-items:center;gap:24px;padding:22px 0;border-bottom:1px solid var(--line);transition:padding .35s}.project-summary a:first-child{border-top:1px solid var(--line)}.project-summary a:hover{padding-inline:10px}.project-summary strong{display:block;font-weight:450;font-size:19px;letter-spacing:-.025em}.project-summary small{display:block;font-size:13px;line-height:1.65;color:var(--quiet);margin-top:6px}.summary-index{font-size:11px;color:var(--champagne)}.project-summary i{font-style:normal;margin-left:auto;font-size:23px;color:var(--champagne)}
.section-heading h2,.material-copy h2{font-family:var(--sans);font-size:clamp(44px,4.3vw,86px);line-height:1.12;letter-spacing:-.055em}.section-heading{grid-template-columns:1fr 1.25fr;gap:18px 5vw;margin-bottom:42px}.section-heading>.eyebrow{grid-column:1/-1;border:0;padding:0;margin:0;max-width:none;color:var(--champagne)}.section-heading h2{grid-column:1}.section-heading .section-description{grid-column:2;align-self:end;font-size:16px;max-width:29em;padding-bottom:8px}.architecture,.studio,.social,.wellness,.arrival,.rooftop{padding-block:100px}
.architecture{display:grid;grid-template-columns:.65fr 1.35fr;gap:6vw;align-items:start}.architecture>.section-heading{position:sticky;top:calc(var(--nav) + 40px);display:flex;flex-direction:column;align-items:flex-start;gap:24px;margin:0}.architecture .section-heading h2{font-size:clamp(42px,4vw,82px)}.architecture .section-description{font-size:15px;margin-top:4px;padding:0;max-width:27em}.architecture-key{display:flex;flex-direction:column;width:100%;margin-top:15px;font-size:12px;color:var(--quiet)}.architecture-key span{padding:13px 0;border-top:1px solid var(--line)}.architecture-key span:before{content:'';display:inline-block;width:16px;height:1px;margin-right:15px;vertical-align:middle;background:var(--champagne)}.architecture-photo{width:100%;padding-top:0}.architecture-photo .image-open{aspect-ratio:16/9}.architecture-photo img{width:100%;height:100%;object-fit:contain}.architecture-photo figcaption{flex-wrap:wrap;gap:8px}
.material-chapter{max-width:1900px;grid-template-columns:.95fr 1.05fr;gap:8vw;padding-block:60px 100px}.material-copy{order:2}.material-chapter>figure{order:1;width:100%;max-width:608px}.material-copy h2{font-size:clamp(38px,3.5vw,66px)}.material-copy>p:not(.eyebrow){font-size:15px;max-width:30em}.material-words{font-size:11px;letter-spacing:.12em}.material-chapter>figure:before{content:'NEXO / DETALHE DA FACHADA';display:block;font-size:10px;letter-spacing:.2em;color:var(--champagne);margin-bottom:18px}
.arrival{padding-top:50px}.arrival>.section-heading{max-width:1600px;margin:0 auto 42px;grid-template-columns:1.1fr 1fr}.arrival-pair{gap:5vw;grid-template-columns:1.2fr .8fr;align-items:center}.arrival-pair figure:nth-child(2){padding-top:110px}.arrival-pair figure:nth-child(2) .image-open img{aspect-ratio:auto;height:auto;object-fit:contain}
.studio{border-top:1px solid var(--line);padding-top:100px}.studio>.section-heading{grid-template-columns:1.4fr .6fr;align-items:end}.studio .section-heading h2{font-size:clamp(50px,5.2vw,100px)}.studio .section-description{max-width:24em}.studio-layout{grid-template-columns:minmax(0,1fr) 220px;gap:4vw}.studio-rail>.eyebrow{font-size:11px}.studio-tabs button{font-size:14px;padding-block:18px}.studio-tabs button span{font-size:10px}.studio-gallery{aspect-ratio:16/9}.studio-rail{padding-left:24px;border-left:1px solid var(--line)}.studio-rail>.text-link{font-size:13px}.studio .gallery-caption{border-bottom:1px solid var(--line);padding-bottom:18px;font-size:12px}
.social>.section-heading{grid-template-columns:1.25fr .75fr}.social .section-heading h2{font-size:clamp(46px,4.4vw,88px)}.social-lead{width:88%;margin-left:auto}.social-pair{display:grid;grid-template-columns:.72fr 1fr 1fr;gap:3vw;align-items:center;margin-top:60px}.social-pair figure:nth-child(2){padding-top:0}.social-pair figure:last-child{padding-top:80px}.social-interlude{align-self:center;padding-right:16px}.social-interlude>.eyebrow{font-size:10px;letter-spacing:.08em}.social-interlude p{font-size:clamp(28px,2.5vw,49px);line-height:1.1;letter-spacing:-.045em;margin:24px 0}.social-interlude p em{font-family:var(--serif);font-size:1.16em;color:#d4c9b3}.interlude-line{display:block;width:70px;height:1px;background:var(--champagne);transform-origin:left}.social-pair figcaption{display:block;font-size:11px}.social-pair figcaption span{display:block}.social-pair figcaption span+span{margin-top:4px;color:#adb3ab}
.wellness{display:grid;grid-template-columns:.6fr 1.4fr;gap:42px 6vw}.wellness>.section-heading{display:flex;flex-direction:column;align-items:flex-start;gap:22px;margin:0;align-self:center}.wellness>.section-heading h2{font-family:var(--sans);font-size:clamp(42px,4.2vw,86px)}.wellness>.section-heading h2 em{font-family:var(--serif);font-size:1.13em}.wellness .section-description{max-width:24em;font-size:15px}.gym-main{width:100%;margin:0}.wellness-second{grid-column:1/-1;grid-template-columns:.55fr .85fr;gap:8vw;margin:10px 0 0 15%;align-items:center}.wellness-second>p{font-family:var(--sans);font-size:clamp(27px,2.3vw,45px);letter-spacing:-.04em}.wellness-second>p em{font-family:var(--serif);font-size:1.16em}
.family{padding-block:60px 100px;grid-template-columns:1.1fr .9fr;gap:8vw}.family>div{border:0;padding:0}.family h2{font-family:var(--sans);font-size:clamp(39px,3.4vw,68px);margin:24px 0}.family>div>p:last-child{font-size:15px}.family>figure{max-width:880px}
.rooftop{padding-top:100px;border-top:1px solid var(--line)}.rooftop>.section-heading{display:grid;grid-template-columns:1.4fr .6fr;gap:18px 6vw}.rooftop .section-heading h2{font-size:clamp(54px,6vw,116px)}.rooftop-life{width:100%;margin:0}.roof-layout{grid-template-columns:.7fr 1.3fr;gap:5vw;margin-top:60px}.roof-copy h3{font-family:var(--sans);font-size:clamp(36px,3.2vw,64px);letter-spacing:-.05em}.roof-tabs button{font-size:14px}.roof-gallery{aspect-ratio:16/9}
.film-chapter{display:grid;grid-template-columns:.65fr 1.35fr;gap:20px 6vw;padding-block:100px;align-items:center}.film-heading{display:flex;flex-direction:column;align-items:flex-start;gap:24px;margin:0}.film-heading>.eyebrow{border:0;max-width:none;padding:0;margin:0;font-size:12px}.film-heading h2{font-size:clamp(40px,4vw,78px);line-height:1.1}.film-heading>p:last-child{font-size:15px;max-width:23em}.film-poster{outline:0;width:100%;border:1px solid var(--line)}.film-caption{grid-column:2;margin:0;padding-top:0;font-size:10px}.film-pending,.film-open{left:20px;bottom:20px;padding:12px 18px;font-size:14px}.film-play-symbol{width:48px;height:48px}.film-pending small{font-size:10px}
.final{padding-top:100px;border-top:1px solid var(--line)}.final>div:first-child{display:grid;grid-template-columns:1.2fr .8fr;gap:20px 7vw;align-items:end}.final .eyebrow{grid-column:1/-1}.final h2{font-size:clamp(60px,7vw,135px);margin:0}.contact-intro{font-size:16px;max-width:27em;color:var(--quiet);padding-bottom:12px}.final-actions{grid-column:2;display:flex;flex-direction:column;align-items:flex-start;gap:18px;margin-top:12px}.final-word{margin:76px 0 38px}.site-footer{font-size:11px}.site-footer .brand-official{width:180px}.menu-layout h2{font-family:var(--sans);font-size:clamp(42px,3.8vw,70px)}.menu-layout nav a{font-family:var(--sans);font-weight:350;font-size:clamp(23px,2vw,32px)}.menu-layout nav a span{font-size:11px}.menu-preview{padding-top:70px}.dialog-toolbar h2{font-family:var(--sans);font-weight:400;letter-spacing:-.035em}
@media(min-width:2000px){.architecture-photo .image-open{max-width:1500px}.hero-gallery{max-width:1664px}.hero-visual .gallery-toolbar,.hero-visual>.image-note{max-width:1664px}}
@media(max-width:1100px){.nav-location{display:none}.nav-actions{gap:18px}.hero-copy h1{font-size:40px}.manifesto{gap:5vw}.architecture{grid-template-columns:.8fr 1.2fr;gap:4vw}.architecture .section-heading h2{font-size:42px}.material-chapter{gap:5vw}.studio-layout{grid-template-columns:minmax(0,1fr) 185px;gap:24px}.studio-rail{padding-left:16px}.social-pair{grid-template-columns:1fr 1fr}.social-interlude{grid-column:1/-1;display:flex;gap:40px;align-items:center}.social-interlude p{margin:0;font-size:35px}.social-pair figure:last-child{padding-top:65px}.wellness{gap:30px}.film-chapter{gap:20px 4vw}.final-actions{grid-column:1/-1;flex-direction:row;align-items:center}.contact-intro{font-size:15px}}
@media(min-width:701px) and (max-width:1100px) and (orientation:portrait){.hero-copy h1{font-size:54px}.hero-copy{grid-template-columns:1.1fr .6fr}.hero{gap:32px}.hero-gallery{max-width:100%}}
@media(max-width:700px){
 :root{--gutter:22px}.site-nav{padding:12px 16px;gap:8px}.brand-official{width:136px;height:38px}.nav-actions{gap:4px}.nav-contact{font-size:11px;min-width:56px;padding:0 6px}.menu-button{padding:0}.motion-icon{width:28px}.site-nav>.brand{min-height:44px}
 .opening-topline{font-size:10px;letter-spacing:.1em;top:98px}.opening-bottom{bottom:25px}.opening-bottom p{font-size:32px}.opening-bottom .button-light{font-size:13px;min-height:48px}.entrance-label{font-size:11px}.scroll-caption{font-size:42px}
 .hero{display:flex;gap:15px;padding:92px 20px 17px;height:100svh;min-height:0}.hero-copy{display:grid;grid-template-columns:minmax(0,1fr) 112px;gap:10px;align-items:end}.hero-copy>.eyebrow{font-size:11px;grid-column:1/-1}.hero-copy h1{font-size:29px;line-height:1.12;margin:0}.hero-copy h1 em{font-size:1.17em;white-space:nowrap}.hero-facts{font-size:11px;gap:3px}.hero-facts span:first-child{font-size:10px}.hero-facts strong{font-size:27px}.hero-detail,.hero-copy>.text-link{display:none}.hero-visual{min-height:0}.hero-gallery{height:calc(100% - 78px)}.gallery-toolbar{min-height:53px}.gallery-tabs{gap:16px}.gallery-tabs button{font-size:12px}.hero-visual>.image-note{font-size:11px;line-height:1.5;margin-top:8px}.gallery-pause{flex-shrink:0}.gallery-enlarge{bottom:12px;right:12px}
 .manifesto{grid-template-columns:1fr;gap:32px;padding-block:58px 62px}.manifesto h2{font-size:39px;margin:18px 0 0}.project-summary a{padding:18px 0;gap:18px}.project-summary strong{font-size:17px}.project-summary small{font-size:13px}.summary-index{font-size:11px}.eyebrow{font-size:11px}
 .architecture,.studio,.social,.wellness,.arrival,.rooftop{padding-block:62px}.section-heading,.social>.section-heading,.rooftop>.section-heading,.studio>.section-heading{display:flex;flex-direction:column;align-items:flex-start;gap:20px;margin-bottom:30px}.section-heading h2,.architecture .section-heading h2{font-size:43px;line-height:1.14}.section-heading .section-description{font-size:15px;line-height:1.8;padding:0;max-width:28em}.section-heading>.eyebrow{font-size:11px;min-width:0}
 .architecture{display:block}.architecture>.section-heading{position:static;gap:21px;margin-bottom:30px}.architecture-key{display:none}.architecture-photo{width:100%}.architecture-photo figcaption{font-size:11px}.material-chapter{display:flex;flex-direction:column;gap:30px;padding-block:35px 60px}.material-copy{order:0}.material-chapter>figure{order:1;max-width:608px}.material-copy h2{font-size:39px;margin:20px 0}.material-copy>p:not(.eyebrow){font-size:15px}.material-words{font-size:11px;margin-top:22px}.material-chapter>figure:before{font-size:10px;margin-bottom:12px}
 .arrival>.section-heading{display:flex;gap:20px;margin-bottom:30px}.arrival-pair{display:block}.arrival-pair figure:nth-child(2){padding:0;margin-top:28px;width:88%;margin-left:auto}.arrival-pair figure:nth-child(2) .image-open img{aspect-ratio:auto}.arrival-pair figcaption{display:block;font-size:11px}.arrival-pair figcaption span{display:block}
 .studio .section-heading h2{font-size:46px}.studio-layout{display:flex;gap:16px}.studio-gallery{aspect-ratio:16/10}.studio-rail{border:0;padding:0}.studio-tabs{gap:20px;margin:0 0 10px}.studio-tabs button{font-size:13px;padding-block:14px;gap:8px}.studio-tabs button span{font-size:10px}.studio .gallery-caption{font-size:12px;padding-block:13px;min-height:0}.studio-rail>.text-link{font-size:14px}
 .social .section-heading h2{font-size:43px}.social-lead{width:calc(100% + 44px);margin-left:-22px}.social-pair{display:flex;flex-direction:column;align-items:stretch;gap:30px;margin-top:35px}.social-interlude{display:block;padding:0}.social-interlude>.eyebrow{font-size:10px}.social-interlude p{font-size:38px;margin:16px 0}.interlude-line{width:50px}.social-pair figure:last-child{padding-top:0}.social-pair figcaption{font-size:12px}.social-pair figcaption span+span{display:none}
 .wellness{display:block}.wellness>.section-heading{gap:20px;margin-bottom:30px}.wellness>.section-heading h2{font-size:48px}.gym-main{width:100%;margin:0}.gym-main>figcaption{margin:0}.wellness-second{display:flex;gap:26px;margin:34px 0 0}.wellness-second>p{font-size:32px}.wellness-second>figure{width:88%;align-self:flex-end}.family{padding-block:40px 65px;gap:25px}.family h2{font-size:40px;margin:20px 0}.family>div>p:last-child{font-size:15px}
 .rooftop .section-heading h2{font-size:49px}.rooftop-life{width:calc(100% + 44px);margin-left:-22px}.roof-layout{display:block;margin-top:34px}.roof-copy h3{font-size:38px;margin:20px 0 25px}.roof-tabs button{font-size:13px;gap:9px}.roof-tabs{gap:22px;margin-bottom:20px}.roof-tabs button span{font-size:10px}.gallery-caption{font-size:12px}
 .film-chapter{display:block;padding-block:60px}.film-heading{gap:20px;margin-bottom:28px}.film-heading h2{font-size:43px}.film-heading>.eyebrow{font-size:11px}.film-heading>p:last-child{font-size:15px}.film-caption{padding-top:18px;font-size:10px}.film-pending,.film-open{left:12px;bottom:12px;padding:10px 12px;gap:12px;font-size:12px}.film-play-symbol{width:38px;height:38px}.film-pending small{font-size:10px}
 .final{padding-top:62px}.final>div:first-child{display:flex;flex-direction:column;gap:25px;align-items:flex-start}.final h2{font-size:54px;margin:0}.contact-intro{font-size:15px;margin:0;padding:0}.final-actions{margin:0;gap:16px;flex-direction:column;align-items:flex-start}.final-word{margin:50px 0 30px}.site-footer{font-size:12px}.site-footer .brand-official{width:170px}.menu-layout h2{font-size:39px}.menu-layout nav a{font-size:22px;padding-block:12px}.dialog-toolbar h2{font-family:var(--sans)}
}
@media(max-width:360px){.brand-official{width:112px}.hero-copy{grid-template-columns:1fr 100px}.hero-copy h1{font-size:25px}.hero-facts{font-size:10px}.hero-facts strong{font-size:25px}.gallery-tabs{gap:11px}.gallery-tabs button{font-size:11px}.nav-contact{font-size:10px}.section-heading h2,.architecture .section-heading h2,.social .section-heading h2{font-size:38px}}
@media(max-height:500px) and (orientation:landscape){.hero{display:grid;grid-template-columns:minmax(180px,.7fr) minmax(0,1.3fr);height:100svh;padding:82px 22px 12px;gap:18px}.hero-copy{display:block}.hero-copy h1{font-size:26px;margin:10px 0}.hero-facts{text-align:left;font-size:10px}.hero-facts strong{font-size:23px}.hero-visual{display:block}.hero-gallery{height:auto;aspect-ratio:16/9;width:min(100%,calc((100svh - 164px)*16/9))}.gallery-toolbar{min-height:50px}.hero-visual>.image-note{font-size:10px}.opening-topline{display:none}}
@media(prefers-reduced-motion:reduce){.project-summary a{transition:none}}.no-motion .architecture>.section-heading{position:static}
.manifesto h2 br{display:block}#motion{min-width:44px;justify-content:center}
.site-footer .brand-official{mix-blend-mode:screen}
.site-footer br{display:block}
/* Navigation enters while the signature is still forming. No full-scene wait. */
.intro-active.intro-content-ready .site-nav,.intro-active.intro-content-ready .opening-topline,.intro-active.intro-content-ready .opening-bottom{opacity:1;visibility:visible;transition:opacity .65s ease,visibility .65s}
.intro-active.intro-content-ready .entrance-controls,.intro-active.intro-content-ready .entrance-loading{opacity:0;visibility:hidden;pointer-events:none}
/* Luminance masking removes the supplied JPEG canvas even inside isolated sections. */
.site-footer .brand{width:180px;mask:url('assets/nexo-signature.svg') center/contain no-repeat;mask-mode:luminance;mix-blend-mode:normal}
.site-footer .brand-official{mix-blend-mode:normal;filter:brightness(1.5)}
@media(max-width:700px){.site-footer .brand{width:170px}}
/* Six supplied views: one photographic role per image, without synthetic changes. */
.hero-gallery .gallery-frame img{object-position:50% 50%;transform:none}
.hero-gallery{max-width:2720px}
.architecture-photo picture,.material-chapter picture{display:block;width:100%;aspect-ratio:16/9}
.architecture-photo img,.material-chapter .image-open img{display:block;width:100%;height:100%;aspect-ratio:16/9;object-fit:cover;transform:none}
.material-chapter{max-width:2200px;grid-template-columns:1.2fr .8fr;gap:58px 6vw}
.material-chapter>.material-day{max-width:none;width:100%}
.material-day:before{content:none!important}
.material-copy{align-self:center}
.material-evening{order:3;grid-column:1/-1;display:grid;grid-template-columns:.55fr 1.45fr;align-items:center;gap:6vw;margin-top:12px}
.material-evening .material-night{width:100%;max-width:none}
.material-evening-copy{padding-left:4vw}
.material-evening-copy p{font-size:clamp(29px,2.8vw,54px);line-height:1.12;letter-spacing:-.045em;margin:22px 0 30px}
.material-evening-copy p em{font-family:var(--serif);color:#d4c9b3;font-size:1.16em}
.material-fine-line{display:block;width:65px;height:1px;background:var(--champagne)}
.material-chapter figcaption{flex-wrap:wrap;gap:6px}
.film-poster img{object-fit:cover;transform:none}
.sky-chapter{max-width:2100px;margin:auto;padding-block:100px;border-top:1px solid var(--line)}
.sky-chapter>.section-heading{grid-template-columns:1.3fr .7fr}
.sky-visual{max-width:1664px;margin:0 auto}
.sky-gallery{aspect-ratio:16/9;background:transparent}
.sky-gallery .gallery-frame img{object-fit:cover;object-position:center;transform:none}
.sky-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);min-height:72px}
.sky-edition{font-size:10px;letter-spacing:.14em;color:var(--champagne);text-transform:uppercase}
.sky-visual>.gallery-caption{padding-top:17px;min-height:0}
.sky-visual>.image-note{font-size:11px;margin-top:5px}
@media(max-width:700px){
 .hero-gallery .gallery-frame img{object-fit:cover}
 .material-chapter{gap:28px}
 .material-evening{display:flex;flex-direction:column;align-items:stretch;gap:26px;margin-top:4px}
 .material-evening-copy{padding:0}
 .material-evening-copy p{font-size:36px;margin:14px 0 20px}
 .material-fine-line{width:48px}
 .material-chapter figcaption{font-size:11px}
 .sky-chapter{padding-block:62px}
 .sky-chapter>.section-heading{display:flex}
 .sky-gallery{aspect-ratio:9/16;max-width:390px;margin:auto}
 .sky-toolbar{min-height:60px;gap:10px}
 .sky-edition{display:none}
 .sky-visual>.gallery-caption{font-size:12px}
}
@media(max-width:700px) and (orientation:landscape){.sky-gallery{aspect-ratio:16/9;max-width:none}}

/* Graphite, silver and deep blue connect the water to the supplied identity. */
:root{--ink:#090f17;--ink-deep:#060a10;--glass:#111e2aed;--cream:#e9edf0;--champagne:#b7cbdc;--quiet:#b7c1cb;--line:#b6cadd35}
.site-nav{background:#09111beF;border-bottom-color:var(--line)}
.material-static{background:linear-gradient(90deg,#060d18d9,#07132299),url('assets/nexo-water-blue-desktop.webp') center/cover;opacity:1;filter:saturate(.6)}
.opening-fallback img{filter:saturate(.65) brightness(.53)}
.opening-fallback:after{content:'';position:absolute;inset:0;background:#07203924;mix-blend-mode:color}
.opening-bottom p{text-shadow:0 2px 24px #040b13}
h1 em,h2 em,h3 em,.social-interlude p em,.material-evening-copy p em{color:#c4d1dc}
.opening-bottom .button-light,.button-light{background:#e0e7ed;color:#101822}
.button-light:hover{background:#bfd3e5}
.text-link{border-color:#c0d3e35e}.motion-icon{border-color:var(--line)}
.hero-gallery{outline:none;box-shadow:0 25px 80px #0003}
.hero-gallery,.hero-visual .gallery-toolbar,.hero-visual>.image-note{max-width:1664px}
.page-progress i,.gallery-progress i{width:100%;transform:scaleX(0);transform-origin:left}
.story-direction{display:inline-flex;align-items:center;gap:16px;color:var(--quiet);font-size:10px;letter-spacing:.06em;white-space:nowrap}
.story-direction i{font-style:normal;font-size:20px;color:var(--cream)}
.story-meter{display:flex;gap:24px;align-items:center;justify-content:space-between;width:100%;margin-top:24px;padding-top:18px;border-top:1px solid var(--line);font-variant-numeric:tabular-nums}
.story-meter>[data-story-count]{font-size:13px;letter-spacing:.1em;color:var(--cream)}
.studio-rail .story-meter{flex-wrap:wrap;gap:8px}.studio-rail .studio-tabs{margin-top:18px}
.gallery[data-scroll-active]:after{content:'';position:absolute;z-index:4;inset:0 auto 0 var(--reveal-edge,100%);width:40px;transform:translateX(-50%);pointer-events:none;opacity:var(--reveal-glow,0);background:linear-gradient(90deg,transparent,#d3eaff35 46%,#ecf8ff99 50%,#d3eaff20 54%,transparent)}
.scroll-story .gallery-frame{transition:none}
.studio-layout,.roof-layout{isolation:isolate}
.studio-gallery{max-height:calc(100svh - var(--nav) - 140px)}
.studio .gallery-caption{min-height:58px}.roof-layout .gallery-caption{min-height:55px}
.roof-tabs{margin-top:16px}.roof-tabs button{min-width:100%}
.film-poster{box-shadow:0 24px 70px #0004}.film-poster:after{background:none!important}
.film-pending,.film-open{background:#0b1625ed;border:1px solid var(--line);backdrop-filter:blur(12px)}
.film-player,dialog{background:#0d1722}.menu-dialog{background:linear-gradient(90deg,#070e19f7,#0c1a2de8),url('assets/nexo-water-blue-optical.webp') center/cover}
dialog::backdrop{background:#040914cf}.social-pair figcaption span+span{color:var(--quiet)}
.final-word{background:linear-gradient(110deg,#687f93 0%,#d6e2eb 25%,#eff5f8 42%,#7f97ad 68%,#d3e4f2 100%)}
.no-motion .story-direction,.no-motion .gallery-progress{visibility:hidden}
.scroll-story:not(:has([data-scroll-active])) .story-direction{visibility:hidden}
.no-motion .gallery[data-scroll-active]:after{display:none}
@media(min-width:701px){.hero{min-height:0}.hero-gallery{aspect-ratio:16/9}}
@media(max-width:700px){
 .material-static{background-image:linear-gradient(90deg,#060d18db,#071322aa),url('assets/nexo-water-blue-mobile.webp')}
 .hero-visual .story-direction{font-size:0;gap:0}.hero-visual .story-direction i{font-size:20px}
 .story-meter{margin-top:12px;padding-top:12px;gap:12px}.studio-rail .story-meter{margin-top:0;padding-top:0;border-top:0;flex-wrap:nowrap;gap:12px}
 .studio-rail>.eyebrow{display:none}.studio-tabs{display:flex;flex-wrap:wrap;overflow:visible;gap:0 18px}.studio-tabs button{width:auto;min-height:44px;padding-block:8px}
 .studio .gallery-caption{min-height:62px;display:flex;align-items:center;padding-block:10px}.studio-rail>.text-link{margin-top:3px}
 .roof-tabs{display:flex;flex-direction:row;margin-top:10px}.roof-tabs button{min-width:0}
 .roof-copy h3{font-size:34px;margin:16px 0}.roof-copy>.eyebrow{font-size:10px}
 .hero-gallery{box-shadow:0 18px 40px #0003}
}
@media(max-height:650px) and (orientation:landscape){
 .hero{height:100svh;min-height:0;padding-top:calc(var(--nav) + 8px);padding-bottom:10px}
 .hero-copy h1{font-size:clamp(22px,3.3vw,36px);margin:12px 0}.hero-copy>.eyebrow{font-size:10px}.hero-copy>.text-link,.hero-detail{display:none}
 .hero-gallery{width:min(100%,calc((100svh - var(--nav) - 96px)*16/9));height:auto;aspect-ratio:16/9}
 .hero-visual{display:flex;flex-direction:column;align-items:center;min-height:0;min-width:0}.hero-visual .gallery-toolbar,.hero-visual>.image-note{width:min(100%,calc((100svh - var(--nav) - 96px)*16/9))}.gallery-toolbar{min-height:48px}
 .hero-visual .story-direction{font-size:0}.hero-visual .story-direction i{font-size:20px}
 .studio-gallery{max-height:none}
}