.naola-site.cinematic-home{--story-ink:#173b50;--story-paper:#f2f7f8;overflow-x:clip}.cinematic-home .hero-shell{position:relative}.cinematic-home .hero-shell>.site-header{z-index:10;-webkit-backdrop-filter:none;backdrop-filter:none;color:var(--story-ink);background:0 0;border:0;padding:24px 4.5vw;position:absolute;inset:0 0 auto}.cinematic-home .hero-shell .site-header .button-primary{background:var(--story-paper);color:inherit;border-color:currentColor;border-radius:0;min-width:100px}.cinematic-story{--story-reveal:0;--story-progress:0;background:var(--canvas);height:270vh;position:relative}.story-stage{background:var(--canvas);height:100vh;min-height:650px;position:sticky;top:0;overflow:clip}.story-photo{background:var(--story-paper);clip-path:inset(calc(var(--story-reveal) * 8%) calc(var(--story-reveal) * 5%) calc(var(--story-reveal) * 9%) calc(var(--story-reveal) * 52%));position:absolute;inset:0;overflow:hidden}.story-photo picture,.story-photo img{width:100%;height:100%;display:block}.story-photo img{object-fit:cover;object-position:right center;transform:scale(calc(1.025 - var(--story-reveal) * .025))}.story-opening{z-index:2;width:56%;color:var(--story-ink);opacity:calc(1 - var(--story-reveal) * 2.5);transform:translateY(calc(var(--story-reveal) * -55px));inset-inline-start:6.5%;position:absolute;top:24%}.story-location{margin:0 0 27px;font-size:14px}.naola-site .story-opening h1{letter-spacing:-.055em;margin:0 0 32px;font-size:clamp(72px,7.9vw,144px);line-height:.96}.story-opening h1 span,.story-exhale h2 span{display:block}.story-intro{max-width:320px;margin:0;font-size:clamp(16px,1.35vw,20px)}.story-actions{flex-wrap:wrap;align-items:center;gap:28px;margin-top:32px;display:flex}.story-primary{border-bottom:1px solid;align-items:center;gap:28px;min-height:52px;font-size:15px;font-weight:500;display:inline-flex}.story-primary>span{place-items:center;width:36px;height:36px;transition:transform .18s;display:grid}.story-primary:hover>span{transform:translate(3px,-3px)}.story-primary svg{width:22px;height:22px}.story-secondary{align-items:center;min-height:48px;font-size:14px;display:inline-flex}.story-secondary:hover{text-underline-offset:6px;text-decoration:underline}.story-exhale{visibility:hidden;opacity:0;width:39%;transform:translateY(calc((1 - var(--story-reveal)) * 35px));inset-inline-start:7%;position:absolute;top:26%}.story-chapter{margin:0 0 30px;font-size:14px}.naola-site .story-exhale h2{letter-spacing:-.035em;margin:0 0 28px;font-size:clamp(48px,4.5vw,80px);line-height:1.04}.story-exhale>p:not(.story-chapter){max-width:350px;margin-bottom:25px;font-size:17px}.cinematic-story[data-chapter=exhale] .story-opening{visibility:hidden}.cinematic-story[data-chapter=exhale] .story-exhale{visibility:visible;opacity:calc((var(--story-reveal) - .3) * 1.6)}.story-foot{z-index:3;color:var(--story-ink);bottom:24px;justify-content:space-between;align-items:center;gap:24px;font-size:12px;display:flex;position:absolute;inset-inline:4.5%}.story-scroll{align-items:center;gap:14px;min-height:48px;display:flex}.story-scroll svg{width:17px;height:24px}.story-skip{text-underline-offset:5px;align-items:center;min-height:48px;text-decoration:underline;display:inline-flex}.story-progress{background:var(--line);height:2px;position:absolute;inset:auto 0 0}.story-progress i{background:var(--brand);width:100%;height:100%;transform:scaleX(var(--story-progress));transform-origin:0;display:block}.story-arrival{background:var(--surface);padding:110px 7% 80px;scroll-margin-top:24px}.story-arrival-heading{grid-template-columns:1.2fr .8fr;align-items:end;gap:10%;display:grid}.naola-site .story-arrival h2{letter-spacing:-.035em;max-width:600px;margin:0;font-size:clamp(48px,5.3vw,88px)}.story-arrival-heading>p{max-width:360px;color:var(--ink-secondary);margin:0 0 6px}.story-practices{grid-template-columns:repeat(3,1fr);gap:5%;margin-top:64px;display:grid}.story-practice{border-top:1px solid var(--line-strong);padding:24px 28px 20px 0;position:relative}.story-practice h3{margin:0 0 9px;font-size:32px}.story-practice p{color:var(--ink-secondary);margin:0;font-size:14px}.story-practice>svg{inset-inline-end:0;width:22px;transition:transform .18s;position:absolute;top:28px}.story-practice:hover>svg{transform:translate(3px,-3px)}.cinematic-home[dir=rtl] .story-opening,.cinematic-home[dir=rtl] .story-exhale{text-align:right;inset-inline-start:auto;left:6.5%}.cinematic-home[dir=rtl] .story-opening h1{letter-spacing:0;font-size:clamp(62px,6.4vw,118px);line-height:1.18}.cinematic-home[dir=rtl] .story-exhale h2{letter-spacing:0;font-size:clamp(42px,3.8vw,70px)}.cinematic-home[dir=rtl] .story-intro,.cinematic-home[dir=rtl] .story-exhale>p{margin-inline:0 auto}.cinematic-home[dir=rtl] .story-actions{justify-content:flex-start}.cinematic-home[dir=rtl] .story-arrival h2{letter-spacing:0}@media (width<=900px),(height<=649px),(prefers-reduced-motion:reduce){.cinematic-story{height:auto}.story-stage{grid-template-columns:1fr 1fr;height:auto;min-height:0;display:grid;position:relative;overflow:hidden}.story-photo{clip-path:none;grid-area:1/2;min-height:650px;position:relative}.story-photo img{object-position:73% center;transform:none}.story-opening{opacity:1;background:var(--story-paper);grid-area:1/1;width:auto;padding:150px 9% 64px;position:relative;inset:auto;transform:none}.naola-site .story-opening h1{font-size:clamp(54px,6vw,88px)}.story-exhale,.cinematic-story[data-chapter=exhale] .story-exhale{visibility:visible;opacity:1;grid-column:1/-1;width:auto;padding:72px 8%;position:relative;inset:auto;transform:none}.cinematic-story[data-chapter=exhale] .story-opening{visibility:visible}.story-exhale>p:not(.story-chapter){max-width:540px}.story-foot{color:var(--ink);grid-column:1/-1;padding:8px 8% 24px;position:relative;inset:auto}.story-caption,.story-progress{display:none}.cinematic-home[dir=rtl] .story-opening,.cinematic-home[dir=rtl] .story-exhale{left:auto}}@media (width<=900px){.cinematic-home .hero-shell>.site-header{background:var(--story-paper);grid-template-columns:1fr auto;padding:14px 6%;position:relative}.cinematic-home .desktop-nav,.cinematic-home .header-actions{display:none}.cinematic-home .mobile-menu{display:block}.cinematic-home .mobile-menu nav{z-index:20;color:var(--ink)}.story-stage{grid-template-columns:1fr}.story-opening{grid-area:1/1;padding:46px 7% 44px}.story-location{margin-bottom:22px;font-size:12px}.naola-site .story-opening h1{letter-spacing:-.045em;margin-bottom:24px;font-size:clamp(51px,10vw,84px)}.story-photo{aspect-ratio:4/5;grid-area:2/1;width:100%;min-height:0}.story-photo img{object-fit:cover;object-position:center}.story-actions{gap:20px;margin-top:22px}.story-exhale{grid-row:3}.story-foot{flex-wrap:wrap;grid-row:4;gap:8px}.naola-site .story-exhale h2{font-size:clamp(40px,7vw,60px)}.story-arrival{padding:68px 7% 48px}.story-arrival-heading{grid-template-columns:1fr;gap:24px}.story-practices{grid-template-columns:1fr;gap:8px;margin-top:36px}.story-practice{padding-top:22px;padding-bottom:22px}.cinematic-home[dir=rtl] .story-opening h1{font-size:clamp(43px,8.7vw,76px)}.cinematic-home[dir=rtl] .story-exhale h2{font-size:clamp(36px,7vw,60px)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cinematic-home *,.cinematic-home :before,.cinematic-home :after{transition:none!important;animation:none!important}}.direction-board{padding:40px 7% 100px}.direction-board>header{justify-content:space-between;align-items:center;display:flex}.direction-board>header a{border-bottom:1px solid var(--line-strong);padding-block:14px}.direction-intro{max-width:720px;padding-block:90px 60px}.direction-intro h1{letter-spacing:-.05em;margin:20px 0;font-size:clamp(64px,10vw,128px);line-height:1}.direction-grid{grid-template-columns:1fr .7fr;gap:12%;margin-bottom:80px;display:grid}.direction-board h2{margin-block:32px 24px;font-size:30px}.direction-board h3{margin-block:30px 20px;font-size:42px;line-height:1.1}.direction-board p{max-width:600px}.direction-grid figure{margin:0}.direction-grid img{width:100%;display:block}.direction-grid figcaption{color:var(--ink-secondary);margin-top:16px;font-size:12px}.direction-swatches{gap:12px;display:flex}.direction-swatches>div{flex:1}.direction-swatches span{aspect-ratio:1;border:1px solid var(--line);display:block}.direction-swatches small{margin-top:10px;display:block}@media (width<=700px){.direction-grid{grid-template-columns:1fr;gap:48px}}.cinematic-home[data-theme=rose],.cinematic-home[data-theme=sand]{--story-ink:var(--ink);--story-paper:var(--canvas)}.story-detail{display:none}.story-detail img{object-fit:cover;width:100%;height:100%;display:block}@media (width>=901px) and (height>=650px) and (prefers-reduced-motion:no-preference){.story-detail{background:var(--elevated);clip-path:inset(calc((1 - var(--story-reveal)) * 100%) 0 0 0);display:block;position:absolute;inset:8% 5% 9% 52%;overflow:hidden}.story-detail img{object-position:center}.cinematic-home[data-theme=sea] .story-detail img{transform:translateY(calc((1 - var(--story-reveal)) * 45px)) scale(calc(1.04 - var(--story-reveal) * .04))}.cinematic-home[data-theme=rose] .story-photo,.cinematic-home[data-theme=rose] .story-detail{clip-path:inset(0 round calc(42% * (1 - var(--story-reveal))) calc(42% * (1 - var(--story-reveal))) 0 0);inset:13% 5% 7% 53%}.cinematic-home[data-theme=rose] .story-photo img{object-position:center;transform:scale(calc(1.06 - var(--story-reveal) * .06))}.cinematic-home[data-theme=rose] .story-detail{opacity:var(--story-reveal);transform:translateY(calc((1 - var(--story-reveal)) * 24px))}.cinematic-home[data-theme=rose] .story-detail img{transform:scale(calc(1.045 - var(--story-reveal) * .045))}.cinematic-home[data-theme=sand] .story-photo{clip-path:inset(0);inset:12% 0 7% 52%}.cinematic-home[data-theme=sand] .story-photo img{object-position:60% center;transform:translateX(calc(var(--story-reveal) * 24px)) scale(1.06)}.cinematic-home[data-theme=sand] .story-detail{clip-path:inset(0 calc((1 - var(--story-reveal)) * 100%) 0 0);inset:12% 5% 7% 52%}.cinematic-home[data-theme=sand] .story-detail img{transform:translateX(calc((1 - var(--story-reveal)) * -35px))}.cinematic-home[data-theme=rose] .story-opening,.cinematic-home[data-theme=sand] .story-opening{width:43%;top:29%}.cinematic-home[data-theme=rose] .story-opening h1,.cinematic-home[data-theme=sand] .story-opening h1{font-size:clamp(68px,6.5vw,118px)}.cinematic-home[data-theme=rose] .story-opening{transform:translateY(calc(var(--story-reveal) * -25px))}.cinematic-home[data-theme=sand] .story-opening{transform:translateX(calc(var(--story-reveal) * -40px))}.cinematic-home[data-theme=sand] .story-exhale{transform:translateX(calc((1 - var(--story-reveal)) * 45px))}}@media (width<=900px),(height<=649px),(prefers-reduced-motion:reduce){.story-detail{aspect-ratio:4/5;background:var(--elevated);grid-area:3/1/auto/-1;width:min(100%,640px);margin-inline:auto;display:block;position:relative}.story-foot{grid-row:4}}@media (width<=900px){.story-detail{grid-row:4}.story-foot{grid-row:5}.cinematic-home[data-theme=sand] .story-photo{aspect-ratio:5/4}.cinematic-home[data-theme=sand] .story-photo img{object-position:center}}@supports (animation-timeline:view()){@media (width<=900px) and (prefers-reduced-motion:no-preference){.cinematic-home .story-photo,.cinematic-home .story-detail{animation-duration:1ms;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:view();animation-range:entry entry 85%}.cinematic-home[data-theme=sea] .story-photo,.cinematic-home[data-theme=sea] .story-detail{animation-name:sea-arrival}.cinematic-home[data-theme=rose] .story-photo,.cinematic-home[data-theme=rose] .story-detail{animation-name:rose-arrival}.cinematic-home[data-theme=sand] .story-photo,.cinematic-home[data-theme=sand] .story-detail{animation-name:sand-arrival}}}@keyframes sea-arrival{0%{transform:translateY(22px)}to{transform:translateY(0)}}@keyframes rose-arrival{0%{clip-path:inset(2% round 8% 8% 0 0)}to{clip-path:inset(0)}}@keyframes sand-arrival{0%{clip-path:inset(0 5% 0 0)}to{clip-path:inset(0)}}