.phero{--phero-floor: 71%;--phero-dh: min(57svh, 52vw, 60rem);--odo-size: clamp(5.5rem, min(21svh, 15.5vw), 15rem);position:relative;height:max(100svh,38rem);overflow:clip;isolation:isolate}.phero__copy{position:absolute;z-index:3;left:var(--gutter);top:calc(var(--header-h) + clamp(1.5rem,6svh,4rem));display:grid;justify-items:start;gap:clamp(.75rem,2svh,1.25rem)}.phero__logo img{height:calc(clamp(3.5rem,11svh,6.5rem) * var(--logo-k, 1));width:auto;max-width:min(46vw,34rem);object-fit:contain;object-position:0 50%}.phero__tagline{max-width:16em;font-family:var(--font-display);font-size:clamp(1.75rem,min(3.1vw,5.4svh),3.25rem);font-style:italic;font-weight:700;line-height:1;text-transform:uppercase;text-wrap:balance}.phero__device{position:absolute;z-index:2;left:71%;top:calc(var(--phero-floor) - var(--phero-dh));transform:translate(-50%)}.phero__count{position:absolute;z-index:3;left:var(--gutter);bottom:clamp(1rem,7svh,4.5rem);display:flex;align-items:flex-end;gap:.625rem;color:var(--flare)}.phero .phero__odo{font-size:var(--odo-size)}.phero__unit{padding-bottom:calc(var(--odo-size) * .15);font-family:var(--font-display);font-size:clamp(1.125rem,2.6svh,1.75rem);font-style:italic;font-weight:700;line-height:1;text-transform:uppercase}@media(max-width:719.98px){.phero{--phero-floor: 69%;--phero-dh: min(calc(69svh - var(--header-h) - 8.5rem), 88vw);--odo-size: clamp(4.5rem, 24vw, 6.5rem);height:max(100svh,34rem)}.phero__copy{top:calc(var(--header-h) + 1rem);right:var(--gutter);justify-items:center;text-align:center;gap:.5rem}.phero__logo img{height:calc(3rem * var(--logo-k, 1));max-width:78vw;object-position:50% 50%}.phero__tagline{font-size:clamp(1.5rem,6.8vw,2rem)}.phero__device{left:50%}.phero__count{left:0;right:0;bottom:clamp(.75rem,2.4svh,1.5rem);justify-content:center}}.story{--sdh: calc(min(56svh, 40vw, 60rem) * var(--story-scale));--reach: clamp(1.5rem, 3.4vw, 3.5rem);--note-fs: clamp(1.5rem, calc(var(--sdh) * .074), 3rem);--story-floor: 71%;position:relative;isolation:isolate;background:var(--night-0)}.story__stage{position:relative;height:max(100svh,40rem);overflow:clip}.story__veil{position:absolute;inset:0;z-index:1;background:linear-gradient(to top,var(--night-0),transparent 18%),linear-gradient(to bottom,color-mix(in srgb,var(--night-0) 55%,transparent),transparent 34%),radial-gradient(52% 44% at 50% var(--story-floor),color-mix(in srgb,var(--night-0) 50%,transparent),transparent);pointer-events:none}.story__title{position:absolute;z-index:3;left:var(--gutter);top:calc(var(--header-h) + clamp(.75rem,3svh,2rem));max-width:min(8.4em,calc((100vw - var(--sdh) * var(--rig)) / 2 - var(--gutter) - 1rem));font-family:var(--font-display);font-size:clamp(2.5rem,min(5vw,8.6svh),5.25rem);font-style:italic;font-weight:800;line-height:.94;text-transform:uppercase;text-wrap:balance}.story__rig{position:absolute;z-index:2;left:50%;top:calc(var(--story-floor) - var(--sdh));width:calc(var(--sdh) * var(--rig));height:var(--sdh);transform:translate(-50%)}.story__views{display:flex;gap:calc(var(--sdh) * .09);height:100%}.story__view{position:relative;flex:none;width:calc(var(--sdh) * var(--ar));height:100%}.story__view:first-child{z-index:1}.story__pool{position:absolute;left:50%;top:100%;width:260%;height:40%;transform:translate(-50%,-50%);background:radial-gradient(closest-side,color-mix(in srgb,var(--accent) 26%,transparent),transparent);pointer-events:none}.story__shade{position:absolute;inset:0;z-index:3;display:none;background:var(--night-0);pointer-events:none;-webkit-mask-image:var(--mask),radial-gradient(circle at var(--sx, 50%) var(--sy, 50%),transparent calc(var(--sr, 0px) * .5),#000 var(--sr, 0px));mask-image:var(--mask),radial-gradient(circle at var(--sx, 50%) var(--sy, 50%),transparent calc(var(--sr, 0px) * .5),#000 var(--sr, 0px));-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-composite:source-in;mask-composite:intersect}.story__notes{position:absolute;inset:0;z-index:4}.note--left,.note--right{position:absolute;left:calc(var(--sdh) * var(--nx));top:calc(var(--sdh) * var(--ny))}.note--right{--lead: calc(var(--sdh) * (var(--rig) - var(--nx)) + var(--reach))}.note--left{--lead: calc(var(--sdh) * var(--nx) + var(--reach))}.note__dot{position:absolute;width:.4375rem;height:.4375rem;margin:-.21875rem;border-radius:50%;background:var(--flare);box-shadow:0 0 0 .1875rem color-mix(in srgb,var(--accent) 40%,transparent)}.note__lead{position:absolute;top:0;width:var(--lead);height:1px;background:var(--note-line, var(--accent))}.note--right .note__lead{left:0;transform-origin:0 50%}.note--left .note__lead{right:0;transform-origin:100% 50%}.note__text{position:absolute;bottom:0;width:max-content;max-width:calc((100vw - var(--sdh) * var(--rig)) / 2 - var(--reach) - var(--gutter));padding-bottom:.5rem;border-bottom:1px solid var(--note-line, var(--accent))}.note--right .note__text{left:var(--lead)}.note--left .note__text{right:var(--lead);text-align:right}.note__title{font-family:var(--font-display);font-size:var(--note-fs);font-style:italic;font-weight:700;line-height:1;text-transform:uppercase;text-wrap:balance}.note__sub{margin-top:.25rem;color:var(--fg-2);font-size:var(--fs-small);font-weight:500;line-height:1.3}.note--floor{position:absolute;left:calc(100% + var(--reach));top:calc(100% + var(--sdh) * .06 + var(--floor) * calc(var(--note-fs) * 1.5))}.note--floor .note__text{position:static;display:flex;align-items:center;gap:.625rem;padding:0;border:0;max-width:none}.note__icon{color:var(--accent)}html.motion .story{height:calc(100svh + var(--notes) * 74svh + (var(--views) - 1) * 60svh + 54svh)}html.motion .story__stage{position:sticky;top:0;height:100svh}html.motion .story__shade{display:block;opacity:0}@media(max-width:859.98px){.story{--sdh: min(calc(41svh * var(--story-scale)), calc((100vw - 2rem) / var(--rig)), calc(65svh - var(--header-h) - 4.5rem));--note-fs: clamp(1.625rem, 7.4vw, 2.125rem);--story-floor: 65%}.story__stage{height:auto;padding:calc(var(--header-h) + 1.5rem) var(--gutter) 2.5rem}.story__title{position:relative;left:auto;top:auto;max-width:none;font-size:clamp(2.5rem,12vw,3.25rem)}.story__rig{position:relative;left:auto;top:auto;height:auto;margin:1.5rem auto 0;transform:none}.story__views{height:var(--sdh);margin-bottom:calc(var(--sdh) * .42)}.story__notes{position:relative;inset:auto;width:calc(100vw - 2 * var(--gutter));margin-left:calc((var(--sdh) * var(--rig) - 100vw) / 2 + var(--gutter));border-top:1px solid var(--rule-c)}.note--left,.note--right,.note--floor{position:static;padding-block:.75rem;border-bottom:1px solid var(--rule-c)}.note__dot,.note__lead{display:none}.note__text,.note--floor .note__text{position:static;display:block;width:auto;max-width:none;padding:0;border:0;text-align:left}.note--left .note__text{text-align:left}.note__icon{display:none}html.motion .story__stage{height:100svh;padding:0}html.motion .story__title{position:absolute;left:var(--gutter);right:var(--gutter);top:calc(var(--header-h) + 1rem);font-size:clamp(2.25rem,11vw,3rem)}html.motion .story__rig{position:absolute;left:50%;top:calc(var(--story-floor) - var(--sdh));height:var(--sdh);margin:0;transform:translate(-50%)}html.motion .story__views{margin:0}html.motion .story__notes{position:absolute;inset:0;width:auto;margin:0;border:0}html.motion .note--left,html.motion .note--right{position:absolute;padding:0;border:0}html.motion .note--floor{position:absolute;left:50%;top:calc(100% + clamp(4rem,13svh,7rem));bottom:auto;padding:0;border:0}html.motion .note__dot,html.motion .note__lead{display:block}html.motion .note--left,html.motion .note--right{--lead: calc(var(--sdh) * (1 - var(--ny)) + clamp(4rem, 13svh, 7rem))}html.motion .note__lead{left:0;right:auto;width:1px;height:calc(var(--lead) - .5rem);transform-origin:50% 0}html.motion .note__text{position:absolute;left:calc(var(--sdh) * (var(--rig) / 2 - var(--nx)));right:auto;top:var(--lead);bottom:auto;width:calc(100vw - 2 * var(--gutter));max-width:none;transform:translate(-50%);text-align:center}html.motion .note--floor .note__text{left:0;top:0}html.motion .note__icon{display:none}}.pdl{border-top:1px solid var(--rule)}.pdl .wrap{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:1.5rem clamp(2rem,6vw,6rem);padding-block:clamp(1.5rem,3vw,3rem)}.pdl__list{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2rem clamp(1.5rem,3vw,3rem)}.pdl__item{display:flex;align-items:flex-end;gap:1.25rem}.pdl__preview{flex:none;display:block;overflow:hidden;border-radius:var(--radius);outline:1px solid var(--rule);transition:outline-color var(--dur-ui) ease}.pdl__preview img{height:clamp(11rem,15vw,15rem);width:auto;transition:transform var(--dur-overlay) var(--ease-out)}.pdl__text{display:grid;justify-items:start;gap:.375rem}.pdl__name{font-size:1.25rem;font-weight:600;line-height:1.2}.pdl__text .btn{margin-top:.5rem}.pdl__preview:focus-visible{outline:2px solid var(--focus);outline-offset:3px}@media(hover:hover)and (pointer:fine){.pdl__preview:hover{outline-color:var(--ink-2)}}@media(max-width:859.98px){.pdl .wrap{grid-template-columns:minmax(0,1fr)}}@media(max-width:479.98px){.pdl__preview img{height:11rem}.pdl__item{width:100%}}