.hs{--hs-paper:#fff;--hs-ink:#1e1a23;--hs-tag-bg:#1e1a23;--hs-tag-fg:#fff;--hs-line:2px;aspect-ratio:4/5;position:relative;container-type:inline-size}.hs-stage{position:absolute;inset:0}.hs:has(>.hs-stage[data-phase=look]){mix-blend-mode:multiply}.hs-look{aspect-ratio:1;visibility:hidden;width:100%;position:absolute;bottom:0;left:50%;overflow:hidden;translate:-50%}.hs-look[data-on]{visibility:visible}.hs-atlas{position:absolute;inset:1px;overflow:hidden}.hs-atlas img{max-width:none;width:calc(var(--cols) * (100% + 2px));height:calc(var(--rows) * (100% + 2px));transform:translate(calc(var(--col) * -100% / var(--cols)), calc(var(--row) * -100% / var(--rows)));position:absolute;top:-1px;left:-1px}.hs-look img.hs-front{width:100%;height:100%;position:absolute;top:0;left:0}.hs-grid{grid-template-columns:repeat(3,1fr);gap:1.2cqw;width:84%;display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%}.hs-cell{aspect-ratio:1/2;background:var(--hs-paper);box-shadow:0 0 0 var(--hs-line) var(--hs-ink), 0 2cqw 4cqw -2cqw #1e1a2373;visibility:hidden;scale:var(--pop,1);border-radius:2cqw;position:relative;overflow:hidden}.hs-cell[data-on]{visibility:visible}.hs-cell img{width:300%;max-width:none;height:200%;transform:translate(calc(var(--c) * -33.3333%), calc(var(--r) * -50%));position:absolute;top:0;left:0}.hs-photo{z-index:2;width:27%;box-shadow:0 0 0 var(--hs-line) var(--hs-ink), 0 3cqw 5cqw -3cqw #1e1a2380;visibility:hidden;background:#fff;border-radius:1cqw;padding:1.2cqw 1.2cqw 0;position:absolute;bottom:3%;left:1%;rotate:-7deg}.hs-photo[data-on]{visibility:visible}.hs-photo img{aspect-ratio:3/4;object-fit:cover;border-radius:.6cqw;width:100%;height:auto}.hs-photo figcaption{text-align:center;padding:1.6cqw 0 2cqw;font-size:max(11px,3.2cqw);font-weight:700;line-height:1}.hs-tag{z-index:3;background:var(--hs-tag-bg);color:var(--hs-tag-fg);border-radius:999px;margin:0;padding:1cqw 2.2cqw;font-size:max(11px,2.9cqw);font-weight:700;line-height:1.2;position:absolute;top:3cqw;right:3cqw}.lp-hero{gap:.875rem;max-width:80rem;margin:0 auto;padding:.25rem 1.25rem 2.5rem;display:grid}.lp-eyebrow{display:none}.lp-hero h1{letter-spacing:-.035em;font-size:2.125rem;font-weight:800;line-height:1.02}.lp-mark{white-space:nowrap;color:var(--color-tomato)}.lp-sub{color:var(--color-muted);max-width:36ch;margin-top:.5rem;font-size:1rem;line-height:1.45}.lp-show{min-width:0}.lp-stage{isolation:isolate;touch-action:pan-y;-webkit-user-select:none;user-select:none;height:17.5rem;position:relative}.lp-arch{z-index:-1;background:radial-gradient(50% 45% at 50% 30%, #fffc, transparent 70%), radial-gradient(70% 30% at 50% 100%, #d63d1424, transparent 70%), linear-gradient(180deg, var(--color-stage), var(--color-stage-2));box-shadow:inset 0 0 0 2px var(--color-ink);border-radius:9rem 9rem 1.5rem 1.5rem;position:absolute;inset:0}.lp-scene{--arch:9rem 9rem 1.5rem 1.5rem;aspect-ratio:1;height:100%;margin:0 auto;position:absolute;inset:0}.lp-scene .hs-tag{white-space:nowrap;font-size:max(10.5px,2.9cqw);inset:auto auto 3cqw 50%;translate:-50%}.lp-scene .hs-look{border-radius:var(--arch)}.lp-scene .hs-grid{border-radius:2.5cqw;width:66%;padding:2cqw;top:46%;rotate:-1.5deg}.lp-scene .hs-stage[data-phase=sheet] .hs-grid{box-shadow:0 0 0 2px var(--color-ink), 0 3cqw 6cqw -3cqw #1e1a238c;background:#fff}.lp-scene .hs-cell{box-shadow:none;border-radius:1cqw}.lp-scene .hs-photo{width:22%;bottom:15%;left:0}.lp-anim .lp-scene:not([data-live]){visibility:hidden;animation:0s 2.5s forwards lp-reveal}@keyframes lp-reveal{to{visibility:visible}}.lp-scene .hs-look{-webkit-mask-composite:source-in;-webkit-mask-image:linear-gradient(90deg,#0000,#000 7% 93%,#0000),linear-gradient(#0000,#000 6%);mask-image:linear-gradient(90deg,#0000,#000 7% 93%,#0000),linear-gradient(#0000,#000 6%);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:border-box,border-box;mask-clip:border-box,border-box;-webkit-mask-origin:border-box,border-box;mask-origin:border-box,border-box;-webkit-mask-composite:source-in;mask-composite:intersect;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.lp-pause{z-index:4;width:2.75rem;height:2.75rem;color:var(--color-ink);border-radius:999px;place-items:center;display:none;position:absolute;top:.25rem;right:.25rem}.lp-anim .lp-stage:has([data-live]) .lp-pause{display:grid}.lp-pause[aria-pressed=true] svg{display:none}.lp-pause[aria-pressed=true]:before{content:"";border:7px solid #0000;border-left:11px solid;margin-left:9px}.lp-note{text-align:center;text-wrap:balance;max-width:40ch;margin:.5rem auto 0;font-size:.8125rem;font-weight:600;line-height:1.35}.lp-note span{white-space:nowrap}@media (width<=359px){.lp-note span:last-child{white-space:normal}}.lp-hint{text-align:center;color:var(--color-muted);margin-top:.2rem;font-size:.75rem;display:none}.lp-anim .lp-hint{display:block}@media (hover:hover) and (pointer:fine){.lp-hint-touch{display:none}}@media not ((hover:hover) and (pointer:fine)){.lp-hint-fine{display:none}}.lp-sheet{gap:1.75rem;scroll-margin-top:1rem;display:grid}.lp-paper{box-shadow:inset 0 0 0 2px var(--color-ink), 0 24px 40px -28px #1e1a238c;background:#fff;border-radius:1.5rem;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"tag photo""cells cells";gap:.875rem .75rem;padding:0 .75rem 1rem;display:grid;position:relative}.lp-tag{background:var(--color-ink);color:#fff;border-radius:999px;grid-area:tag;place-self:end start;padding:.2rem .65rem;font-size:.75rem;font-weight:700;line-height:1.4}.lp-tag span{white-space:nowrap}.lp-cells{grid-area:cells;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem .375rem;display:grid}.lp-cell{justify-items:center;gap:.25rem;display:grid}.lp-cell-img{aspect-ratio:1/2;border-radius:.5rem;width:100%;position:relative;overflow:hidden}.lp-cell-img img{width:300%;max-width:none;height:200%;transform:translate(calc(var(--c) * -33.3333%), calc(var(--r) * -50%));position:absolute;top:0;left:0}.lp-cell-l{background:var(--color-cream);box-shadow:inset 0 0 0 1.5px var(--color-ink);border-radius:999px;padding:.15rem .55rem;font-size:.8125rem;font-weight:700;line-height:1.2}.lp-photo{z-index:2;width:4.75rem;box-shadow:0 0 0 2px var(--color-ink), 0 10px 18px -10px #1e1a2380;background:#fff;border-radius:.5rem;grid-area:photo;margin:-1.75rem -.25rem 0 0;padding:.3rem .3rem 0;position:relative;rotate:5deg}.lp-photo img{aspect-ratio:3/4;object-fit:cover;border-radius:.3rem;width:100%;height:auto}.lp-photo figcaption{text-align:center;padding:.25rem 0 .35rem;font-size:.6875rem;font-weight:700}@media (width>=360px) and (width<=1023px) and (height<=740px){.lp-stage{height:15.5rem}}@media (width<=359px){.lp-hero h1{font-size:1.875rem}.lp-stage{height:13.5rem}.lp-anim .lp-hint{display:none}.lp-cell-l{padding:.1rem .4rem;font-size:.75rem}.lp-paper{padding-inline:.5rem}.lp-photo{width:4.25rem}}@media (width>=1024px){.lp-hero{grid-template:"copy show""act show"1fr/minmax(0,5fr) minmax(0,6fr);align-items:center;gap:0 4rem;min-height:min(100dvh - 4.5rem,52rem);padding:.5rem 2.5rem 4rem}.lp-copy{grid-area:copy;align-self:end}.lp-show{grid-area:show;position:relative}.lp-act{grid-area:act;align-self:start}.lp-eyebrow{background:var(--color-butter);box-shadow:inset 0 0 0 1.5px var(--color-ink);border-radius:999px;padding:.35rem .8rem;font-size:.9375rem;font-weight:700;display:inline-block}.lp-hero h1{margin-top:1.25rem;font-size:clamp(3rem,4.6vw,4.5rem);line-height:.98}.lp-sub{max-width:30ch;margin-top:1.25rem;font-size:1.1875rem}.lp-stage{height:min(38rem,100dvh - 12rem);min-height:30rem}.lp-arch{border-radius:20rem 20rem 2rem 2rem}.lp-scene{--arch:20rem 20rem 2rem 2rem}.lp-scene .hs-photo{bottom:6%}.lp-scene .hs-tag{font-size:max(11px,2.9cqw);left:auto;right:3cqw;translate:none}.lp-pause{top:1rem;right:1rem}.lp-note{max-width:none;margin-top:.875rem;font-size:.9375rem}.lp-hint{margin-top:.25rem;font-size:.8125rem}.lp-sheet{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:center;gap:4rem}.lp-paper{justify-self:center;gap:1.25rem 1.5rem;width:100%;max-width:40rem;padding:0 2rem 1.75rem}.lp-tag{padding:.3rem .8rem;font-size:.875rem}.lp-cells{gap:1.25rem 1rem}.lp-cell-l{padding:.2rem .75rem;font-size:.9375rem}.lp-photo{width:6rem;margin:-3.5rem -1.75rem 0 0}.lp-photo figcaption{font-size:.8125rem}}
