@property --boxes-air{syntax:"<length>";inherits:true;initial-value:0}@property --hair-bottom{syntax:"<length>";inherits:true;initial-value:0}html:has(.vantage){scroll-snap-type:y mandatory}.vantage{--v-bg:#2c3230;--v-ink:#d9e4e8;--v-quiet:#9badb5;--v-rule:#d9e4e847;--v-app:#4a5e65;--v-card:#5a4633;--bx:calc(100vw / 1920);--by:calc(100svh / 1206.39);--ease-move:cubic-bezier(.22, 1, .36, 1);--rail-x:calc(125 * var(--bx));--hair-top:calc(122 * var(--by));--hair-bottom:calc(878.43 * var(--by));background:var(--v-bg);color:var(--v-ink);position:relative}.frame{z-index:2;pointer-events:none;position:fixed;inset:0}.rail{left:var(--rail-x);background:var(--v-rule);width:1px;position:absolute;top:0;bottom:0}.hair{background:var(--v-rule);height:1px;position:absolute;left:0;right:0}.hair.top{top:var(--hair-top)}.hair.bottom{top:var(--hair-bottom)}.tick{left:var(--rail-x);top:calc(var(--y) * var(--by));align-items:center;gap:calc(18 * var(--bx));display:flex;position:absolute}.tick-line{width:calc(30 * var(--bx));background:var(--v-ink);opacity:.45;height:1px;display:block}.tick-label{font-family:var(--font-display);letter-spacing:.22em;text-transform:uppercase;color:var(--v-quiet);white-space:nowrap;opacity:0;font-size:.6875rem}.sicon{left:var(--rail-x);top:var(--hair-bottom);fill:none;width:34px;height:34px;stroke:var(--v-ink);stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;position:absolute;overflow:visible;transform:translate(-50%,-50%)}.topbar{z-index:3;pointer-events:none;position:fixed;inset:0}.topbar .logo{left:calc(62.5 * var(--bx));top:calc(61 * var(--by));width:calc(46 * var(--bx));color:var(--v-ink);display:block;position:absolute;transform:translate(-50%,-50%)}.topbar .btn.app{right:calc(204.5 * var(--bx));top:calc(150 * var(--by));transition:filter .3s var(--ease-move), opacity .4s var(--ease-move), visibility 0s;position:absolute;transform:translate(50%)}.vantage[data-scene=apply] .topbar .btn.app{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .4s var(--ease-move), visibility 0s linear .4s}.topbar .logo :global(.vantage-mark){width:100%;height:auto;display:block}.btn{pointer-events:auto;background:var(--v-app);height:36px;font-family:var(--font-display);letter-spacing:.16em;text-transform:uppercase;color:var(--v-ink);white-space:nowrap;transition:filter .3s var(--ease-move);border-radius:4px;align-items:center;gap:12px;padding:0 6px 0 14px;font-size:.75rem;text-decoration:none;display:inline-flex}.btn:hover,.btn:focus-visible{filter:brightness(1.22)}.btn .arrow{letter-spacing:0;border:1px solid #c4cec180;border-radius:6px;place-items:center;width:25px;height:28px;font-size:.8125rem;display:grid}.deck{z-index:1;position:relative}.scene{scroll-snap-align:start;scroll-snap-stop:always;min-height:100svh;position:relative}.mid{left:calc(204 * var(--bx));right:calc(88 * var(--bx));bottom:calc(100svh - 878.43 * var(--by) + 40 * var(--by));pointer-events:none;position:absolute}.landing .mid{position:static}.landing .wordmark{left:calc(205.32 * var(--bx));top:calc(512 * var(--by));font-size:calc(200.11 * var(--bx));letter-spacing:calc(15.48 * var(--bx));text-indent:calc(15.48 * var(--bx));color:#9badb5;margin-bottom:0;padding-bottom:0;line-height:1.25;position:absolute;right:auto}.landing .notes{left:calc(220.8 * var(--bx));width:calc(1123.5 * var(--bx));top:calc(721 * var(--by));height:1.4em;position:absolute}.landing .line{white-space:nowrap;margin:0;position:absolute;top:0}.landing .line.who{left:0}.landing .line.by{left:42.8%}.landing .line.tag{right:0}.landing .btn.member{left:calc(220 * var(--bx));top:calc(793 * var(--by));position:absolute}.below{left:calc(220 * var(--bx));right:calc(88 * var(--bx));top:calc(920 * var(--by));align-items:flex-start;gap:calc(52 * var(--bx));display:flex;position:absolute}.below .note{text-align:left;text-wrap:pretty}.word,.wordmark,.line{margin:0 0 -.18em;padding-bottom:.18em;overflow:hidden}.rise{display:block}.word{font-family:var(--font-serif,Georgia, serif);letter-spacing:-.015em;color:#9badb5;font-size:clamp(2.75rem,7.2vw,8rem);font-weight:400;line-height:1.02}.wordmark{font-family:var(--font-display);letter-spacing:.17em;text-indent:.17em;text-transform:uppercase;color:var(--v-ink);font-size:clamp(2.5rem,6.1vw,7rem);font-weight:300;line-height:1}.landing .line{font-family:var(--font-serif,Georgia, serif);font-size:calc(28.75 * var(--bx));color:var(--v-quiet);line-height:1.35}.landing .line.tag{font-style:italic}.chip{min-width:46px;height:26px;font-family:var(--font-display);letter-spacing:.2em;text-transform:uppercase;color:var(--v-quiet);background:#d9e4e817;border-radius:4px;flex:none;place-items:center;padding:0 10px;font-size:.625rem;display:grid}.note{max-width:62ch;font-family:var(--font-serif,Georgia, serif);color:var(--v-ink);margin:0;font-size:clamp(.875rem,1.05vw,1.125rem);line-height:1.55}.lasso{fill:none;width:100%;height:100%;stroke:var(--v-ink);stroke-width:1px;vector-effect:non-scaling-stroke;opacity:.45;pointer-events:none;position:absolute;inset:0;transform:translateY(.5px)}.film{left:calc(980 * var(--bx));top:calc(232 * var(--by));width:calc(752 * var(--bx));height:calc(370 * var(--by));place-items:center;gap:calc(14 * var(--by));cursor:pointer;opacity:0;transition:background-color .3s var(--ease-move);background:#d9e4e80d;border:0;display:grid;position:absolute}.film:hover{background:#d9e4e817}.wheel{left:calc(840 * var(--bx));width:calc(992 * var(--bx));top:calc(240 * var(--by));height:calc(560 * var(--by));opacity:0;position:absolute}.wheel .wring{width:calc(330 * var(--bx));aspect-ratio:1;gap:calc(8 * var(--bx));border-radius:50%;grid-template:1fr 1fr/1fr 1fr;display:grid;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.wheel .wring img{object-fit:cover;width:100%;height:100%;transition:transform .4s var(--ease-move);display:block}.wheel .wring img:hover{transform:scale(1.03)}.wheel .whole{background:var(--v-bg);border-radius:50%;position:absolute;inset:30%}.wheel .wlab{max-width:calc(291 * var(--bx));font-family:var(--font-display);font-size:clamp(.6875rem, calc(17 * var(--bx)), 1.0625rem);color:var(--v-quiet);flex-direction:column;align-items:flex-start;margin:0;line-height:1.3;display:flex;position:absolute}.wheel .wlab-head{margin:0}.wheel .wlab-name{color:var(--v-ink)}.wheel .wlab-lines{margin:calc(12 * var(--by)) 0 0;font-family:var(--font-serif,Georgia, serif);font-size:clamp(.6875rem, calc(16 * var(--bx)), 1rem);color:var(--v-quiet);padding:0;line-height:1.5;list-style:none}.wheel .wlab-cta{margin-top:calc(14 * var(--by));letter-spacing:.12em;gap:9px;height:32px;padding:0 5px 0 11px;font-size:.6875rem}.wheel:has(.wlab-cta:hover) .wlab-cta,.wheel:has(.wlab-cta:focus-visible) .wlab-cta{filter:brightness(1.18)}.wheel:has(.wlab-cta:hover) .wlab-cta:hover,.wheel:has(.wlab-cta:focus-visible) .wlab-cta:focus-visible{filter:brightness(1.34)}.wheel .wlab-note{margin:calc(12 * var(--by)) 0 0;font-family:var(--font-serif,Georgia, serif);font-style:italic;font-size:clamp(.625rem, calc(14 * var(--bx)), .875rem);color:var(--v-quiet);opacity:.85;line-height:1.45}.wheel .tl{top:0;left:0}.wheel .tr{text-align:right;align-items:flex-end;top:0;right:0}.wheel .bl{bottom:0;left:0}.wheel .br{text-align:right;align-items:flex-end;bottom:0;right:0}.film-play svg{width:calc(64 * var(--bx));height:calc(64 * var(--bx));fill:none;stroke:var(--v-ink);stroke-width:1.5px}.film-play svg path{fill:var(--v-ink);stroke:none}.film-note{font-family:var(--font-display);letter-spacing:.22em;text-transform:uppercase;color:var(--v-quiet);font-size:.6875rem}.boxes .row{left:calc(var(--rail-x) + 3.3vw);right:0;top:calc(470 * var(--by) + .5px);align-items:center;display:flex;position:absolute;transform:translateY(-50%)}.rowlabel{font-family:var(--font-display);letter-spacing:.2em;text-transform:uppercase;color:var(--v-ink);white-space:nowrap;margin:0;font-size:.8125rem}.rowline{background:var(--v-ink);height:1px;display:block}.boxes .closing{height:calc(98 * var(--by));font-family:var(--font-display);font-size:calc(17.6 * var(--bx));color:#2d3939;background:#7b8e96;place-items:center;margin:0;display:grid;position:absolute;bottom:0;left:0;right:0}.boxes .closing p{max-width:none;letter-spacing:calc(2.84 * var(--bx));text-transform:uppercase;margin:0}.boxes .closing a{right:calc(88 * var(--bx));letter-spacing:calc(1.1 * var(--bx));color:inherit;transition:opacity .3s var(--ease-move);text-decoration:none;position:absolute;top:50%;transform:translateY(-50%)}.boxes .closing a:hover,.boxes .closing a:focus-visible{opacity:.62}.cards{left:calc(var(--rail-x) + 3.3vw);right:4vw;top:calc(470 * var(--by) + .5px + 2.23rem);grid-template-columns:repeat(3,minmax(0,1fr));gap:2.4vw;display:grid;position:absolute}.card{background:var(--v-card);will-change:clip-path, transform;border-radius:4px;padding:1.6rem 1.5rem 1.9rem}.card h3{font-family:var(--font-display);letter-spacing:.18em;text-transform:uppercase;color:#f3ede6;margin:0;font-size:.8125rem}.card-rule{background:#f3ede661;height:1px;margin:.9rem 0 1.1rem;display:block}.card .q{font-family:var(--font-serif,Georgia, serif);color:#f3ede6db;margin:0 0 .9rem;font-size:1rem;font-style:italic}.card .body{color:#f3ede6c7;margin:0;font-size:.875rem;line-height:1.6}@media (prefers-reduced-motion:reduce){html:has(.vantage){scroll-snap-type:none}.topbar{flex-direction:column;align-items:flex-start;gap:.9rem;height:auto;padding:1.1rem 6vw 0 5vw;position:static}.topbar .btn{margin-left:0}.scene{scroll-snap-align:none;min-height:0;padding:8vh 6vw 7vh calc(var(--rail-x) + 6vw)}.frame .tick,.frame .sicon,.lasso{display:none}.film{aspect-ratio:16/9;opacity:1;width:100%;height:auto;margin-top:1.6rem;position:static}.mid,.below,.boxes .row,.cards{position:static;inset:auto}.landing .wordmark,.landing .notes,.landing .line,.landing .btn.member{position:static;inset:auto;transform:none}.landing .wordmark{letter-spacing:.06em;text-indent:0;margin:0;font-size:clamp(2.5rem,13vw,4rem);line-height:1.05}.landing .notes{flex-wrap:wrap;gap:.25rem 1.2rem;width:auto;height:auto;margin-top:1rem;display:flex}.landing .line{white-space:nowrap;font-size:.75rem}.landing .btn.member{margin-top:1.4rem}.frame .hair{display:none}.topbar .logo,.topbar .btn.app{position:static;transform:none}.topbar .logo{width:calc(34 * var(--bx) * 1.8)}.wheel{flex-direction:column;gap:1.5rem;width:100%;height:auto;margin-top:1.6rem;display:flex;position:static}.wheel .wring img,.wheel .wring img:hover{transition:none;transform:none}.wheel .wlab{white-space:normal;max-width:none;position:static}.wheel .tr,.wheel .br{text-align:left;align-items:flex-start}.wheel .wring{order:-1;gap:2px;width:min(58vw,13rem);margin:0 auto;position:relative;transform:none}.boxes .row{transform:none}.below{flex-direction:column;gap:.9rem;margin-top:2.2rem}.boxes .row{margin-bottom:1.6rem}.boxes .closing{height:auto;margin:2rem calc(-6vw) 0 calc(-1 * (var(--rail-x) + 6vw));flex-direction:column;align-items:center;gap:.5rem;padding:1.1rem 1rem;font-size:.6875rem;display:flex;position:static}.boxes .closing p{letter-spacing:.18em}.boxes .closing a{letter-spacing:.04em;position:static;transform:none}.rowline{display:none}.cards{grid-template-columns:1fr;gap:1rem}.word{font-size:clamp(2.25rem,11vw,3.5rem)}.wordmark{font-size:clamp(2rem,10vw,3rem)}}@media (width<=899px){.landing .wordmark{left:calc(204 * var(--bx));right:calc(88 * var(--bx));top:calc(470 * var(--by));letter-spacing:.04em;text-indent:0;font-size:clamp(2.4rem,13vw,3.6rem);line-height:1.05}.landing .notes{left:calc(204 * var(--bx));right:calc(88 * var(--bx));width:auto;top:calc(640 * var(--by));flex-wrap:wrap;gap:.3rem 1.1rem;height:auto;display:flex}.landing .line,.landing .line.who,.landing .line.by,.landing .line.tag{font-size:.75rem;position:static}.landing .btn.member{left:calc(204 * var(--bx));top:calc(740 * var(--by))}.vantage{--hair-bottom:calc(940 * var(--by))}.mid{left:calc(204 * var(--bx));right:calc(88 * var(--bx));bottom:calc(100svh - 900 * var(--by))}.below{top:calc(980 * var(--by))}.word{font-size:clamp(2.2rem,11vw,3.2rem)}.below{left:calc(204 * var(--bx));right:calc(88 * var(--bx));flex-direction:column;gap:.7rem}.note{font-size:.8125rem;line-height:1.5}.film{left:calc(204 * var(--bx));right:calc(88 * var(--bx));width:auto;top:calc(420 * var(--by));height:calc(266 * var(--by));aspect-ratio:auto}.wheel{left:calc(204 * var(--bx));right:calc(88 * var(--bx));width:auto;top:calc(285 * var(--by));height:calc(505 * var(--by))}.wheel .wring{gap:2px;width:min(32vw,7.5rem)}.wheel .wlab{white-space:normal;max-width:calc(50% - min(16vw,3.75rem) - .2rem)}.wheel .wlab-head{font-size:.6875rem;line-height:1.3}.wheel .wlab-lines{margin-top:.3rem;font-size:.6875rem;line-height:1.4}.wheel .wlab-note{margin-top:.35rem;font-size:.5625rem;line-height:1.35}.wheel .wlab-cta{letter-spacing:.1em;gap:.35rem;height:1.9rem;margin-top:.4rem;padding:0 .35rem 0 .6rem;font-size:.5625rem}.boxes .row{left:calc(204 * var(--bx));right:calc(88 * var(--bx))}.cards{left:calc(204 * var(--bx));right:calc(88 * var(--bx));top:calc(560 * var(--by));grid-template-columns:1fr;gap:.5rem}.card{padding:.7rem .8rem}.card h3{font-size:.75rem}.card .q,.card .body{font-size:.6875rem;line-height:1.45}.scene.boxes{--boxes-air:calc(63 * var(--by));min-height:calc(100svh + 120px)}.boxes .closing{height:calc(150 * var(--by));gap:.3rem}.boxes .closing p{font-size:.625rem}.boxes .closing a{font-size:.625rem;position:static;transform:none}.tick-label{display:none}.topbar .btn.app{right:calc(88 * var(--bx));transform:none}.topbar .logo{left:calc(100 * var(--bx))}}.vantage.is-still .rise{transform:none!important}
