@layer components{.home{background:var(--bg)}.h-hero{height:140svh;position:relative}.h-hero-pin{isolation:isolate;height:100svh;padding:0 var(--edge) max(40px, calc(env(safe-area-inset-bottom) + 24px));color:var(--ink);align-content:end;display:grid;position:sticky;top:0;overflow:hidden}.h-hero-pin:before{content:"";z-index:-3;background:var(--lqip) center / cover no-repeat;filter:blur(18px);position:absolute;inset:0;transform:scale(1.08)}@media (aspect-ratio<=3/4){.h-hero-pin:before{background-image:var(--lqip-tall)}}.h-hero-photo{z-index:-2;object-fit:cover;width:100%;height:100%;transition:opacity .6s var(--ease-out);position:absolute;inset:0}.h-hero-photo[data-wait]{opacity:0}.h-hero-veil{z-index:-1;background:linear-gradient(180deg, rgb(var(--shade) / .62) 0%, rgb(var(--shade) / .18) 30%, rgb(var(--shade) / .42) 52%, rgb(var(--shade) / .9) 100%);position:absolute;inset:0}.h-hero-slot{left:var(--edge);top:calc(var(--header-h) + env(safe-area-inset-top) + 4svh);aspect-ratio:1068/378;width:min(78vw,980px,96.05svh);color:var(--c-yellow);position:absolute}.h-hero-logo{width:100%;height:auto;display:block}.h-hero-copy{gap:18px;display:grid}.h-hero-slogan{color:var(--c-yellow)}.h-hero-title{letter-spacing:-.04em;text-wrap:balance;max-width:17ch;font-size:clamp(34px,5.4vw,84px);font-weight:300;line-height:.98}.h-hero-title b{font-weight:600}.h-hero-lede{text-wrap:pretty;max-width:46ch;font-size:clamp(16px,1.3vw,19px);font-weight:400;line-height:1.5}@media (width>=900px){.h-hero-copy{grid-template-columns:7fr 5fr;align-items:end;column-gap:clamp(32px,5vw,80px)}.h-hero-slogan{grid-column:1/-1}.h-hero-lede{padding-bottom:.6em}}.h-hero-hint{right:var(--edge);top:calc(var(--header-h) + env(safe-area-inset-top) + 4svh);color:var(--ink);writing-mode:vertical-rl;letter-spacing:.28em;position:absolute}.h-hero-hint:after{content:"";transform-origin:top;width:1px;height:48px;animation:hero-drip 1.6s var(--ease-out) 3;background:currentColor;margin:14px auto 0;display:block}@keyframes hero-drip{0%{transform:scaleY(0)}60%{transform:scaleY(1)}to{opacity:.2;transform:scaleY(1)}}@media (width<=899px){.h-hero-hint{display:none}}html.js:has(.h-hero) .site-header a.text-brand>svg{opacity:0}html.js:has(.h-hero[data-dock]) .site-header a.text-brand>svg{opacity:1}.h-hero[data-dock=live] .h-hero-slot{visibility:hidden}html:has(.h-hero[data-dock=live]:not([data-docked])) .site-header[data-solid=true]{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-bottom-color:#0000}.chapter{background:var(--bg);height:340svh;position:relative}@media (aspect-ratio<=3/4){.chapter{height:180svh}}.stage{height:100svh;position:sticky;top:0;overflow:hidden}.stage video,.stage .clip,.stage .still{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}@media (aspect-ratio<=1){.stage video,.stage .still{object-position:var(--pos,50% 50%)}}@media (aspect-ratio<=3/4){.stage video,.stage .still{object-position:50% 50%}}.stage .still-final{display:none}.stage .still-final.is-shown{display:block}.stage .still-final.is-lite{opacity:0;display:block}.chapter:not([data-motion]) .still-first,.vida:not([data-motion]) .still-first{display:none}.chapter:not([data-motion]) .still-final,.vida:not([data-motion]) .still-final{opacity:1;display:block}.shade{--veil-top:linear-gradient(180deg, rgb(var(--shade) / .72) 0px, rgb(var(--shade) / .72) var(--hud-veil), rgb(var(--shade) / 0) calc(var(--hud-veil) + 90px));--veil-bottom:linear-gradient(0deg, rgb(var(--shade) / .6) 0%, rgb(var(--shade) / 0) 35%);background:var(--veil-top), linear-gradient(var(--veil-dir,90deg), rgb(var(--shade) / .84) 0%, rgb(var(--shade) / .4) 40%, rgb(var(--shade) / 0) 64%), var(--veil-bottom);position:absolute;inset:0}.hud{top:calc(var(--header-h) + env(safe-area-inset-top) + 10px);left:var(--edge);right:var(--edge);color:var(--ink);text-shadow:0 1px 12px rgb(var(--shade) / .5);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;gap:16px;display:flex;position:absolute}.phase{align-items:center;gap:12px;display:inline-flex}.phase .track{background:var(--line-strong);border-radius:2px;width:clamp(56px,14vw,200px);height:2px;position:relative;overflow:hidden}.phase .fill{background:var(--c-yellow);transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.phase .after{transition:color .4s var(--ease-out)}.phase .after[data-on],.stage .t-eyebrow{color:var(--c-yellow)}.panel{left:var(--edge);bottom:max(36px, calc(env(safe-area-inset-bottom) + 24px));width:min(470px, calc(100% - 2 * var(--gutter)));isolation:isolate;text-shadow:0 1px 2px rgb(var(--shade) / .45), 0 1px 14px rgb(var(--shade) / .6);position:absolute}.panel .t-h2{font-size:clamp(40px,5.6vw,84px);line-height:.92}.panel:before{--near:96px;--far:240px;content:"";top:-140px;bottom:-64px;left:calc(var(--near) * -1);right:calc(var(--far) * -1);z-index:-1;background:linear-gradient(var(--veil-dir,90deg), rgb(var(--shade) / 0) 0, rgb(var(--shade) / .5) var(--near), rgb(var(--shade) / .62) calc(100% - var(--far)), rgb(var(--shade) / .32) calc(100% - var(--far) * .6), rgb(var(--shade) / .1) calc(100% - var(--far) * .25), rgb(var(--shade) / 0) 100%);pointer-events:none;position:absolute;-webkit-mask-image:linear-gradient(#0000 0,#00000059 50px,#000c 100px,#000 140px);mask-image:linear-gradient(#0000 0,#00000059 50px,#000c 100px,#000 140px)}.js .chapter[data-motion] .panel>*{opacity:0;filter:blur(8px);transform:translateY(24px)}.panel-body{color:var(--ink);text-wrap:pretty;margin-top:16px;font-size:17px;line-height:1.5}.specs{border-top:1px solid var(--line-strong);grid-template-rows:auto auto;grid-template-columns:repeat(auto-fit,minmax(0,1fr));margin-top:22px;display:grid}.specs>div{grid-row:span 2;grid-template-rows:subgrid;padding:12px 12px 0 0;display:grid}.specs dt{letter-spacing:.12em;color:var(--ink)}.specs dd{font-variant-numeric:tabular-nums;letter-spacing:-.01em;margin-top:4px;font-size:20px;font-weight:600}.panel-link,.cap-link{margin-top:16px}.panel-place-hotel{display:none}.scene-link{min-height:44px;color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--c-yellow);text-decoration-color:var(--c-yellow);text-underline-offset:7px;align-items:center;gap:10px;font-size:16px;font-weight:600;text-decoration-thickness:2px;display:inline-flex}.scene-link .arrow{transition:transform .4s var(--ease-out);display:inline-block}.scene-link:hover .arrow{transform:translate(5px)}.panel:focus-within>*,.vida .cap:focus-within>*{opacity:1!important;filter:none!important;transform:none!important}.vida:has(.cap:focus-within) .shade{opacity:1!important}.stage .note,.vida .note{right:var(--edge);bottom:max(14px, env(safe-area-inset-bottom));position:absolute}.chapter[data-side=right]{--veil-dir:270deg}.chapter[data-side=right] .panel{left:auto;right:var(--edge)}.chapter[data-side=right] .panel:before{left:calc(var(--far) * -1);right:calc(var(--near) * -1)}.chapter[data-side=right] .note{right:auto;left:var(--edge)}@media (width<=700px),(aspect-ratio<=3/4){.panel:before{display:none}.panel{bottom:calc(max(14px, env(safe-area-inset-bottom)) + 40px)}.chapter .shade{background:var(--veil-top), linear-gradient(0deg, rgb(var(--shade) / .9) 0%, rgb(var(--shade) / .8) 30%, rgb(var(--shade) / 0) 52%)}.chapter[data-vside=top] .shade{background:linear-gradient(180deg, rgb(var(--shade) / .9) 0%, rgb(var(--shade) / .82) 44%, rgb(var(--shade) / 0) 60%), var(--veil-bottom)}.panel .t-h2{font-size:42px}.panel-body,.panel-place{display:none}.panel-place-hotel{display:block}.specs{margin-top:16px}.specs>div{padding-top:10px}.specs dt{letter-spacing:.1em;font-size:11px}.specs dd{margin-top:2px;font-size:18px}.panel-link{margin-top:10px}.hud-hotel{display:none}.chapter[data-side=right] .panel{right:auto;left:var(--edge)}.chapter[data-vside=top] .panel{top:calc(var(--hud-veil) + 24px);bottom:auto}}@media (height<=560px){.panel{bottom:20px}.panel .t-h2{font-size:32px}.panel-body,.panel .specs{display:none}}.vida{background:var(--bg);height:200svh;position:relative}.vida .stage{background:var(--bg)}.vida .frame{isolation:isolate;will-change:transform;border-radius:48px;position:absolute;inset:-24px;overflow:hidden;transform:scale(.62)}@media (aspect-ratio<=4/5){.vida .frame{transform:scale(.8)}}.vida .frame video,.vida .frame .still{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.vida[data-kind=photo] .frame .still.photo{object-position:var(--pos,50% 50%)}.vida .note{right:calc(var(--edge) + 24px);bottom:calc(24px + var(--radius) + max(14px, env(safe-area-inset-bottom)))}.js .vida[data-motion] .note{opacity:0}.vida .shade{background:linear-gradient(0deg, rgb(var(--shade) / .88) 0%, rgb(var(--shade) / .74) 32%, rgb(var(--shade) / 0) 62%);opacity:0}.vida:not([data-motion]) .shade{opacity:1}.vida:not([data-motion]) .frame{border-radius:0;inset:0;transform:none}.vida .cap{left:var(--edge);right:var(--edge);bottom:calc(max(14px, env(safe-area-inset-bottom)) + 48px);max-width:760px;text-shadow:0 1px 12px rgb(var(--shade) / .5);position:absolute}.js .vida[data-motion] .cap>*{opacity:0;transform:translateY(18px)}.vida .cap-where{background:rgb(var(--shade) / .62);color:var(--c-yellow);text-shadow:none;border-radius:999px;margin-bottom:14px;padding:6px 11px;display:inline-block}.vida .cap .t-h2{font-size:clamp(34px,4.8vw,68px)}.cap-body{max-width:54ch;color:var(--ink);text-wrap:pretty;margin-top:14px;font-size:17px;line-height:1.5}@media (width<=700px){.vida .cap .t-h2{font-size:32px}.cap-body{font-size:15px}}@media (height<=560px){.cap-body{display:none}}@media (width<=767px){.panel,.vida .cap{bottom:calc(env(safe-area-inset-bottom) + 92px)}.stage .note{right:auto;left:var(--edge);bottom:auto;top:calc(var(--header-h) + env(safe-area-inset-top) + 40px)}.vida .note{right:auto;left:calc(var(--edge) + 24px);bottom:auto;top:calc(24px + var(--header-h) + env(safe-area-inset-top) + 12px)}}.chapter+section[data-tone],.vida+section[data-tone],.vida+.h-sheet-night,.vida+div>section:first-child,.h-faq{z-index:2;margin-top:calc(var(--radius) * -1);border-radius:var(--radius) var(--radius) 0 0;background:var(--bg);position:relative}.h-figures{padding-block:clamp(96px,15vh,168px) clamp(40px,8vh,80px)}.h-figures-list{margin-top:clamp(40px,7vh,64px)}.h-method{padding-block:clamp(56px,10vh,112px) clamp(96px,15vh,168px)}.h-method-grid{gap:48px;display:grid}.h-steps{counter-reset:step;border-top:1px solid var(--line)}.h-step{counter-increment:step;border-bottom:1px solid var(--line);grid-template-columns:52px 1fr;column-gap:12px;padding-block:26px;display:grid}.h-step:before{content:counter(step, decimal-leading-zero);font-variant-numeric:tabular-nums;color:var(--accent);transition:color .45s var(--ease-out);grid-row:span 2;padding-top:.45em;font-weight:600}.h-step dt{letter-spacing:-.025em;transition:color .45s var(--ease-out);font-size:clamp(24px,2.6vw,36px);font-weight:600;line-height:1.1}.h-step dd{max-width:42ch;color:var(--ink-dim);margin-top:8px;font-size:17px;line-height:1.55}.h-method[data-live] .h-step:not([data-on]) dt,.h-method[data-live] .h-step:not([data-on]):before{color:var(--ink-dim)}@media (width>=900px){.h-method-grid{grid-template-columns:5fr 7fr;gap:clamp(40px,6vw,96px)}.h-method-head{top:calc(var(--header-h) + 48px);align-self:start;position:sticky}.h-method[data-live] .h-step{padding-block:clamp(40px,9vh,88px)}}.h-compare{padding-block:clamp(40px,8vh,80px) clamp(112px,17vh,184px)}.h-map-sec,.h-tours-sec{padding-block:clamp(96px,15vh,168px)}.h-faq{padding-block:clamp(96px,15vh,168px) clamp(120px,18vh,200px)}.h-faq-grid{gap:40px;display:grid}@media (width>=900px){.h-faq-grid{grid-template-columns:4fr 8fr;gap:clamp(40px,6vw,96px)}.h-faq-grid>:first-child{top:calc(var(--header-h) + 48px);align-self:start;position:sticky}}.h-cursor-tag{z-index:60;background:var(--c-yellow);color:var(--c-black);letter-spacing:.12em;text-transform:uppercase;pointer-events:none;opacity:0;transition:opacity .2s, scale .3s var(--ease-out);border-radius:999px;padding:8px 12px;font-size:12px;font-weight:600;position:fixed;top:0;left:0;translate:-50% -150%;scale:.8}.h-cursor-tag[data-on]{opacity:1;scale:1}@media not (pointer:fine){.h-cursor-tag{display:none}}@media (prefers-reduced-motion:reduce){.h-hero{height:auto}.h-hero-pin{position:relative}.h-hero-hint:after{animation:none}.h-hero-photo{transition:none}.js .panel>*,.js .vida .cap>*,.js .vida .note,.vida .shade{opacity:1;filter:none;transform:none}.vida .frame{border-radius:0;inset:0;transform:none}.stage video,.stage .clip,.stage .still-first{display:none}.stage .still-final{opacity:1;display:block}.chapter,.vida{height:auto}.chapter .stage,.vida .stage{position:relative}.phase .fill{transform:scaleX(1)}.scene-link .arrow,.h-step dt,.h-step:before,.h-cursor-tag{transition:none}}}
