@property --fill{syntax:"<percentage>";inherits:false;initial-value:115%}@layer components{.site .coast{margin:calc(-1 * var(--gutter)) calc(-1 * var(--gutter)) 0;--hold:26;--move:64;--pause:22;--end:22;--rise:100;height:calc(( 100 + var(--hold) + 2 * var(--move) + var(--pause) + var(--end) + var(--rise) ) * 1svh);position:relative}.site .coast-pin{background:var(--stage);--sh:max(100svh, 56.25vw);--hy:calc(50% - var(--sh) * .054);height:100svh;position:sticky;top:0;overflow:clip}.site .cs-stage{aspect-ratio:16/9;width:max(100%,177.78svh);position:absolute;top:50%;left:50%;translate:-50% -50%}.site .cs-sea{object-fit:cover;width:100%;max-width:none;height:100%;position:absolute;inset:0;scale:1.06}.site .cs-place{position:absolute;inset:0}.site .cs-place+.cs-place{visibility:hidden}.site .cs-l{max-width:none;height:auto;width:calc(var(--w) * 1%);left:calc(var(--x) * 1%);bottom:calc(var(--b) * 1%);will-change:translate;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;display:block;position:absolute}.site .cs-l.r{left:auto;right:calc(var(--x) * 1%)}.site .cs-l.t{bottom:auto;top:calc(var(--b) * 1%)}.site .cs-l.flip{scale:-1 1}.site .cs-l.fe{-webkit-mask-image:linear-gradient(to right, transparent, #000 calc(var(--fl,0) * 1%), #000 calc(100% - var(--fr,0) * 1%), transparent);-webkit-mask-image:linear-gradient(to right, transparent, #000 calc(var(--fl,0) * 1%), #000 calc(100% - var(--fr,0) * 1%), transparent);mask-image:linear-gradient(to right, transparent, #000 calc(var(--fl,0) * 1%), #000 calc(100% - var(--fr,0) * 1%), transparent)}.site .cs-haze{background:var(--stage);pointer-events:none;--fill:115%;-webkit-mask-image:linear-gradient(to top, transparent var(--fill), #000 calc(var(--fill) + 16%));-webkit-mask-image:linear-gradient(to top, transparent var(--fill), #000 calc(var(--fill) + 16%));mask-image:linear-gradient(to top, transparent var(--fill), #000 calc(var(--fill) + 16%));position:absolute;left:0;right:0}.site .cs-haze.sky{top:-1px;bottom:55.4%}.site .cs-haze.sea{top:44.6%;bottom:-1px}.site .cs-hz{background:var(--ink);opacity:0;pointer-events:none;height:1px;margin-top:-.5px;position:absolute;top:44.6%;left:0;right:0}:root.dark .site .cs-sea,:root.dark .site .cs-l{filter:brightness(.52)saturate(.8)contrast(1.06)}:root.dark .site .cs-stage:after{content:"";pointer-events:none;background:linear-gradient(#090e1e99,#10182e57 44.6%,#060a1680);position:absolute;inset:0}.site .cs-copy{z-index:3;left:0;right:0;top:calc(var(--nav-h) + clamp(12px, 5vh, 72px));text-align:center;padding-inline:var(--pad);will-change:transform, opacity;justify-items:center;gap:20px;display:grid;position:absolute}.site .cs-copy .hero-title{font-size:clamp(2.75rem,1.3rem + 4.4vw,6.25rem)}.site .cs-copy .lead{max-width:46ch;font-size:var(--t-lead);color:color-mix(in srgb, var(--ink) 84%, transparent);line-height:1.5}.site .cs-copy .hero-actions{justify-content:center}.site .cs-title{z-index:2;left:0;right:0;bottom:calc(100% - var(--hy) + clamp(18px, 3.6vh, 44px));text-align:center;padding-inline:var(--pad);will-change:translate, opacity;opacity:0;visibility:hidden;justify-items:center;gap:14px;display:grid;position:absolute}.site .cs-title h2{font-size:clamp(2.5rem,1.2rem + 3.6vw,5rem);font-weight:var(--w-display);letter-spacing:var(--track-display);line-height:1}.site .cs-title p{max-width:62ch;font-size:var(--t-lead);color:color-mix(in srgb, var(--ink) 84%, transparent);flex-wrap:wrap;justify-content:center;align-items:baseline;gap:4px 18px;display:flex}.site .cs-title .link{color:var(--ink)}.site .cs-index{z-index:4;left:50%;bottom:calc(clamp(16px, 3.4vh, 30px) + env(safe-area-inset-bottom,0px));border-radius:13px;position:absolute;translate:-50%}.site .cs-index button{height:34px;color:var(--ink-2);white-space:nowrap;padding:0 14px;font-size:.8125rem}.site .cs-index .thumb{border-radius:10px;transition:none}@media (max-aspect-ratio:1){.site .cs-stage{aspect-ratio:auto;width:auto;inset:0;translate:none}.site .cs-l{width:calc(var(--pw) * 1vw);left:calc(var(--px) * 1vw);bottom:calc(var(--pb) * 1svh)}.site .cs-l.r{left:auto;right:calc(var(--px) * 1vw)}.site .cs-l.t{bottom:auto;top:calc(var(--pb) * 1svh)}}@media (max-width:767px){.site .coast{--hold:22;--move:56;--pause:18;--end:18}.site .cs-copy{gap:16px}.site .cs-copy .lead{display:none}.site .cs-title{gap:10px}.site .cs-title p{font-size:var(--t-ui);gap:2px 14px}.site .cs-index button{padding:0 11px}}@media (max-height:700px) and (min-width:768px){.site .cs-copy .lead{display:none}}@media (prefers-reduced-motion:reduce){.site .coast{height:100svh}}.site .hero-title{font-size:var(--t-hero);font-weight:var(--w-display);letter-spacing:var(--track-display);text-wrap:balance;line-height:1}.site .verb{vertical-align:baseline;transition:width .7s var(--ease-soft);margin-block:-.1em -.14em;padding-block:.1em .14em;display:inline-grid;overflow:clip}.site .verb>span{white-space:nowrap;grid-area:1/1;justify-self:start}.site .verb>span+span{opacity:0;transform:translateY(110%)}.site .hero-actions{flex-wrap:wrap;gap:10px;display:flex}@media (max-width:560px){.site .hero-actions .btn{flex:auto}}.site .film-track{z-index:5;margin:-100svh calc(-1 * var(--gutter)) 0;--open:110;--pause:40;--rise:100;height:calc((100 + var(--open) + var(--pause) + var(--rise)) * 1svh);background:var(--page);border-radius:var(--r-sheet) var(--r-sheet) 0 0;position:relative;box-shadow:0 -30px 60px -30px #00000073}.site .film-pin{--t:40svh;--s:calc(var(--gutter) + var(--pad));--r:var(--r-inner);--zoom:1.1;--fb:0px;--rb:0px;height:100svh;position:sticky;top:0;overflow:clip}.site .film-copy{z-index:1;max-width:calc(1560px + 2 * var(--gutter));padding:calc(var(--nav-h) + clamp(40px, 9vh, 120px)) calc(var(--pad) + var(--gutter)) 0;will-change:transform, opacity;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);align-items:end;gap:clamp(28px,4vw,80px);margin-inline:auto;display:grid;position:absolute;top:0;left:0;right:0}.site .film-copy h2{font-size:var(--t-h1);font-weight:var(--w-display);letter-spacing:var(--track-display);line-height:1}.site .film-side{gap:26px;padding-bottom:.55em;display:grid}.site .film-side p{max-width:34ch;font-size:var(--t-lead);color:var(--ink-2);line-height:1.5}.site .film-bezel{z-index:2;top:calc(var(--t) - var(--bz) - 1px);left:calc(var(--s) - var(--bz) - 1px);right:calc(var(--s) - var(--bz) - 1px);border-radius:calc(var(--r) + var(--bz) + 1px);background:var(--bezel);border:1px solid var(--rule-2);box-shadow:var(--bezel-shadow);opacity:var(--bezel-o,1);position:absolute;bottom:-40px}.site .film-window{z-index:3;clip-path:inset(var(--t) var(--s) var(--fb) var(--s) round var(--r) var(--r) var(--rb) var(--rb));background:var(--rule);position:absolute;inset:0}.site .film-develop{transform-origin:50% 60%;position:absolute;inset:0}.site .film-media{transform:scale(var(--zoom));transform-origin:50% 60%}.site .film-shade{height:46%;opacity:var(--shade-o,0);pointer-events:none;background:linear-gradient(#0000,#0a0a0880);position:absolute;inset:auto 0 0}.site .film-track .film-caption{left:calc(var(--s) + 18px);bottom:calc(var(--fb) + 18px);opacity:var(--chip-o,1)}.site .film-credit{z-index:4;left:calc(max(0px, (100% - 1560px - 2 * var(--gutter)) / 2) + var(--pad) + var(--gutter));color:var(--on-film);opacity:var(--credit-o,0);transform:translateY(calc((1 - var(--credit-o,0)) * 14px));text-shadow:0 1px 18px #00000040;pointer-events:none;position:absolute;bottom:clamp(28px,6vh,64px)}.site .film-credit b{font-size:var(--t-h2);font-weight:var(--w-display);letter-spacing:var(--track-display);line-height:1.08;display:block}.site .film-credit span{font-size:var(--t-lead);opacity:.86;margin-top:8px;display:block}.site .reel-ticks{z-index:4;right:calc(var(--s) + 18px);bottom:calc(var(--fb) + 24px);gap:5px;display:flex;position:absolute}.site .reel-ticks:not([data-on]){display:none}.site .reel-ticks i{background:#ffffff59;border-radius:2px;width:22px;height:2px;position:relative;overflow:hidden}.site .reel-ticks i:after{content:"";transform:scaleX(var(--fill,0));transform-origin:0;background:#fff;transition:transform .25s linear;position:absolute;inset:0}@media (max-width:860px){.site .film-copy{grid-template-columns:minmax(0,1fr);align-items:start;gap:22px}.site .film-side{padding-bottom:0}}@media (max-width:767px){.site .film-track{--open:90;--pause:30;border-radius:24px 24px 0 0}.site .film-pin{--t:47svh}.site .film-track .film-caption{left:calc(var(--s) + 12px);bottom:calc(var(--fb) + 12px)}}@media (prefers-reduced-motion:reduce){.site .film-track{height:100svh;box-shadow:none;margin:0}.site .film-copy{max-width:1560px;padding-inline:var(--pad)}.site .film-pin{--zoom:1;--fb:clamp(24px, 4vw, 48px);--rb:var(--r)}.site .film-bezel{bottom:calc(var(--fb) - var(--bz) - 1px)}}.site .over{z-index:5;background:var(--page);border-radius:var(--r-sheet);margin-top:-100svh;padding-bottom:clamp(56px,8vw,120px);position:relative;box-shadow:0 -30px 60px -30px #00000073}@media (max-width:767px){.site .over{border-radius:24px 24px 0 0}}@media (prefers-reduced-motion:reduce){.site .over{box-shadow:none;margin-top:0}}.site .over .section,.site .over .sell{scroll-margin-top:calc(var(--nav-h) + 8px)}.site .vmap-track{--fh:min(calc(100svh - var(--nav-h) - 40px), 60vw);--fly:80;height:calc(var(--fh) + var(--fly) * 1svh);margin-bottom:clamp(40px,5vw,72px);position:relative}.site .vmap-pin{top:calc(var(--nav-h) + 12px);height:var(--fh);position:sticky}.site .vmap{height:100%}.site .vmap>.inner{--sea:#e9e6dd;--land:var(--sheet);--coast:#cbc6b8;background:var(--sea);height:100%}:root.dark .site .vmap>.inner{--sea:#151513;--land:#2b2a27;--coast:#4a4842}.site .atlas-map{width:100%;height:100%;display:block;position:absolute;inset:0}.site .atlas-map .land{fill:var(--land);stroke:var(--coast);stroke-width:1px;vector-effect:non-scaling-stroke;stroke-linejoin:round}.site .atlas-layer{pointer-events:none;--z:1;position:absolute;inset:0}.site .atlas-layer>*{position:absolute;top:0;left:0}.site .atlas-layer:not([data-ready]){visibility:hidden}.site .atlas-place{font-size:var(--t-ui);font-weight:var(--w-strong);white-space:nowrap;transform:translate(calc(var(--x) - 5px), calc(var(--y) - 50%));opacity:clamp(0, calc(1 - var(--z) * 2.4), 1);align-items:center;gap:8px;display:flex}.site .atlas-place i{background:var(--ink);width:10px;height:10px;box-shadow:0 0 0 5px color-mix(in srgb, var(--ink) 10%, transparent);border-radius:50%}.site .atlas-isle{letter-spacing:.02em;color:var(--ink-3);white-space:nowrap;transform:translate(calc(var(--x) - 50%), calc(var(--y) - 50%));opacity:clamp(0, calc(var(--z) * 2.2 - 1.2), 1);font-size:.75rem}.site .atlas-isle.big{font-size:var(--t-h3);font-weight:var(--w-title);letter-spacing:-.01em;color:var(--ink-2)}.site .atlas-town{color:var(--ink-2);white-space:nowrap;transform:translate(calc(var(--x) - 3px), calc(var(--y) - 50%));opacity:clamp(0, calc(var(--z) * 2.2 - 1.2), 1);align-items:center;gap:6px;font-size:.75rem;display:flex}.site .atlas-town i{border:1.5px solid var(--ink-2);border-radius:50%;width:6px;height:6px}.site .pin{pointer-events:auto;transform:translate(calc(var(--x) - 50%), calc(var(--y) - 50%));width:28px;height:28px;color:inherit;cursor:pointer;opacity:clamp(0, calc(var(--z) * 3 - 2), 1);background:0 0;border:0;place-items:center;padding:0;text-decoration:none;display:grid}.site .pin i{background:var(--ink);width:13px;height:13px;box-shadow:0 0 0 2.5px var(--land), 0 1px 4px rgb(var(--shadow-ink) / .35);transition:transform .36s var(--ease-soft), background-color .2s;border-radius:50%}.site .pin .tip{text-align:left;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .2s var(--ease-settle), transform .36s var(--ease-soft);border-radius:11px;gap:1px;padding:7px 11px 8px;display:grid;position:absolute;bottom:calc(100% + 2px);left:50%;transform:translate(-50%,6px)}.site .pin .tip b{font-size:.8125rem;font-weight:var(--w-strong)}.site .pin .tip span{color:var(--ink-2);font-size:.75rem}.site .pin:hover,.site .pin:focus-visible,.site .pin.on{z-index:2}.site .pin:hover .tip,.site .pin:focus-visible .tip,.site .pin.on .tip{opacity:1;transform:translate(-50%)}.site .pin:hover i,.site .pin:focus-visible i,.site .pin.on i{transform:scale(1.35)}.site .atlas-credit{z-index:2;color:var(--ink-3);font-size:.6875rem;position:absolute;bottom:10px;right:14px}@media (max-width:767px){.site .vmap-track{--fh:min(calc(100svh - var(--nav-h) - 40px), 125vw);--fly:60}.site .atlas-isle:not(.big){display:none}}@media (prefers-reduced-motion:reduce){.site .vmap-track{height:var(--fh)}}.site .rows{z-index:0;border-top:1px solid var(--rule);position:relative}.site .row{border-bottom:1px solid var(--rule);color:inherit;grid-template-columns:64px minmax(0,1.4fr) minmax(0,1fr) auto;align-items:center;gap:20px;padding:16px 12px 16px 0;text-decoration:none;display:grid;position:relative}.site .row:before{content:"";z-index:-1;background:var(--bezel);opacity:0;transition:opacity .26s var(--ease-settle);border-radius:16px;position:absolute;inset:-1px -14px}.site .row:hover:before{opacity:1}.site .row .tile{width:64px;height:64px;box-shadow:0 0 0 .5px rgb(var(--shadow-ink) / .14);border-radius:12px;position:relative;overflow:hidden}.site .row .tile img{object-fit:cover;width:100%;height:100%}.site .row h3{font-size:1.0625rem;font-weight:var(--w-strong);letter-spacing:-.01em}.site .row .place{color:var(--ink-2);font-size:var(--t-ui)}.site .row .facts{color:var(--ink-3);font-size:var(--t-ui)}.site .row .price{font-weight:var(--w-strong);text-align:right;white-space:nowrap}.site .row .tag{vertical-align:2px;margin-left:8px}.site .rows-foot{margin-top:24px}@media (max-width:860px){.site .row{grid-template-columns:56px minmax(0,1fr) auto}.site .row .tile{width:56px;height:56px}.site .row .facts{display:none}}@media (max-width:560px){.site .row{grid-template-columns:56px minmax(0,1fr);gap:4px 16px}.site .row .tile{grid-row:span 2;align-self:start}.site .row .price{text-align:left;white-space:normal;font-size:var(--t-ui)}}.site .sell{margin-top:clamp(72px,11vw,160px)}.site .sell .bezel>.inner{background:var(--sheet);grid-template-columns:minmax(0,1.1fr) auto minmax(0,1fr);gap:clamp(32px,5vw,96px) clamp(28px,3.6vw,64px);padding:clamp(28px,4.8vw,72px);display:grid}.site .sell h2{font-size:var(--t-h2);font-weight:var(--w-display);letter-spacing:var(--track-display)}.site .sell .lead{color:var(--ink-2);font-size:var(--t-lead);max-width:40ch;margin-top:20px}.site .sell .btn{margin-top:32px}@media (max-width:860px){.site .sell .bezel>.inner{grid-template-columns:minmax(0,1fr)}.site .sell .mvert{display:none}}}
