@font-face{font-family:"serif";src:url(../media/InstrumentSerif_400-s.p.118x8y2i-64ne.ttf)format("truetype");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:"serif";src:url(../media/InstrumentSerif_400_Italic-s.p.2i1dj0stqne44.ttf)format("truetype");font-display:swap;font-weight:400;font-style:italic}@font-face{font-family:serif Fallback;src:local(Arial);ascent-override:128.92%;descent-override:40.37%;line-gap-override:0.0%;size-adjust:76.79%}.serif_c4836a01-module__sXuzaa__className{font-family:"serif",serif Fallback}.serif_c4836a01-module__sXuzaa__variable{--font-serif:"serif", "serif Fallback"}
@font-face{font-family:sans;src:url(../media/InstrumentSans_400-s.p.01l_s1hggwd-s.ttf)format("truetype");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:sans Fallback;src:local(Arial);ascent-override:93.97%;descent-override:24.22%;line-gap-override:0.0%;size-adjust:103.22%}.sans_72bb1198-module__I9zF1a__className{font-family:sans,sans Fallback}.sans_72bb1198-module__I9zF1a__variable{--font-sans:"sans", "sans Fallback"}
*,:before,:after{box-sizing:border-box}*{margin:0}html{background-color:var(--color-off-white);overscroll-behavior-y:none;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background-color:var(--color-background);min-height:100dvh;color:var(--color-foreground);font:400 var(--font-size-paragraph)/var(--line-height-paragraph) var(--font-family-secondary);font-feature-settings:"kern" on, "liga" on;letter-spacing:var(--letter-spacing-paragraph);-webkit-tap-highlight-color:transparent}img,video,svg,canvas{max-width:100%;display:block}img,video{height:auto}button,input,textarea,select{font:inherit;letter-spacing:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none;padding:0}a{color:inherit;text-decoration:none}ul,ol{padding:0;list-style:none}hr{border:none}::selection{color:#140700;background:#ffd9bf}:focus-visible{outline:2px solid var(--color-foreground);outline-offset:2px}[data-on-media]{--color-foreground:var(--color-white)}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip{z-index:90;border-radius:var(--radius-pill);background:var(--color-foreground);color:var(--color-background);transition:transform .3s var(--ease-out-cubic);padding:.75rem 1.25rem;position:fixed;top:1rem;left:1rem;transform:translateY(-200%)}.skip:focus-visible{transform:none}.cf-turnstile{margin:0}input::placeholder{color:var(--color-mid);opacity:1}[data-prose]{max-width:var(--measure-read);flex-direction:column;gap:1.25rem;display:flex}@media (pointer:coarse){[data-tap]{min-height:44px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-white:#fff;--color-off-white:#f8f8f7;--color-off-black:#140700;--color-mid-black:#5e5855;--color-mid-white:#d0d0c8;--color-panel-light:#efeeec;--color-panel-dark:#241a14;--color-accent:#ff7600;--color-background:var(--color-off-white);--color-foreground:var(--color-off-black);--color-mid:var(--color-mid-black);--color-panel:var(--color-panel-light);--color-hairline:#14070029;--color-stroke-field:#1407007a;--color-scrim:#1407008c;--shadow-sm:0 21px 13px #0000000f, 0 9px 9px #0000001a, 0 2px 5px #0000001c}@property --color-background{syntax:"<color>";inherits:true;initial-value:#f8f8f7}@property --color-foreground{syntax:"<color>";inherits:true;initial-value:#140700}@property --color-mid{syntax:"<color>";inherits:true;initial-value:#5e5855}@property --color-panel{syntax:"<color>";inherits:true;initial-value:#efeeec}html{transition:--color-background .6s var(--ease-in-out-sine), --color-foreground .6s var(--ease-in-out-sine), --color-mid .6s var(--ease-in-out-sine), --color-panel .6s var(--ease-in-out-sine), background-color .6s var(--ease-in-out-sine);background-color:var(--color-background)}@media (prefers-reduced-motion:reduce){html{transition:none}}[data-theme=dark]{--color-background:var(--color-off-black);--color-foreground:var(--color-off-white);--color-mid:var(--color-mid-white);--color-panel:var(--color-panel-dark);--color-hairline:#f8f8f72e;--color-stroke-field:#f8f8f785;--color-scrim:#0000008c;background-color:var(--color-background);color:var(--color-foreground)}:root{--columns:4;--max-width:768px;--grid-padding-min:1.5rem;--gutter-width:1rem;--grid-padding:max(var(--grid-padding-min), calc((100vw - var(--max-width)) / 2));--column-width:((100vw - (var(--grid-padding) * 2) - (var(--gutter-width) * (var(--columns) - 1))) / var(--columns))}@media (min-width:768px){:root{--columns:8;--max-width:960px;--grid-padding-min:1rem}}@media (min-width:960px){:root{--columns:10;--max-width:1244px}}:root{--font-family-primary:var(--font-serif), Georgia, "Times New Roman", serif;--font-family-secondary:var(--font-sans), system-ui, -apple-system, "Segoe UI", sans-serif;--font-size-xl:3rem;--font-size-primary:1.8125rem;--font-size-title-lg:1.5rem;--font-size-title-sm:1.12rem;--font-size-paragraph:1.12rem;--font-size-eyebrow:1rem;--font-size-cta:.875rem;--font-size-meta:.75rem;--line-height-xl:1;--line-height-primary:1.05;--line-height-title-lg:1.05;--line-height-title-sm:1.2;--line-height-paragraph:1.35;--line-height-eyebrow:1.3;--line-height-cta:1;--line-height-meta:1;--letter-spacing-xl:-.02em;--letter-spacing-primary:-.02em;--letter-spacing-title-lg:0;--letter-spacing-title-sm:0;--letter-spacing-paragraph:0;--letter-spacing-eyebrow:-.01rem;--letter-spacing-cta:-.01rem;--letter-spacing-meta:-.04rem}@media (min-width:768px){:root{--font-size-xl:3.625rem;--font-size-primary:2rem;--font-size-title-lg:1.625rem}}@media (min-width:960px){:root{--font-size-xl:4.5rem;--font-size-primary:2.25rem;--font-size-title-lg:1.75rem}}:root{--border-radius:1rem;--radius-pill:999px;--radius-window:1.5rem;--section-padding:3rem;--section-gap:1.5rem;--ease-out-expo:cubic-bezier(.19, 1, .22, 1);--ease-out-cubic:cubic-bezier(.215, .61, .355, 1);--ease-in-out-sine:cubic-bezier(.445, .05, .55, .95);--ease-in-out-cubic:cubic-bezier(.645, .045, .355, 1);--ease-out-elastic:linear(0, .5737 7.6%, .8382 11.87%, .9463 14.19%, 1.0292 16.54%, 1.0886 18.97%, 1.1258 21.53%, 1.137 22.97%, 1.1424 24.48%, 1.1423 26.1%, 1.1366 27.86%, 1.1165 31.01%, 1.0507 38.62%, 1.0219 42.57%, .9995 46.99%, .9872 51.63%, .9842 58.77%, 1.0011 81.26%, 1);--measure-head:500px;--measure-read:66ch}@media (min-width:768px){:root{--section-padding:4rem;--section-gap:3rem}}@media (min-width:960px){:root{--section-padding:5rem}}.text-xl{font:400 var(--font-size-xl)/var(--line-height-xl) var(--font-family-primary);font-feature-settings:"kern" on, "liga" on;letter-spacing:var(--letter-spacing-xl);margin-block:-.12em -.16em}.text-primary{font:400 var(--font-size-primary)/var(--line-height-primary) var(--font-family-primary);font-feature-settings:"kern" on, "liga" on;letter-spacing:var(--letter-spacing-primary);margin-block:-.145em -.185em}.text-title-lg{font:400 var(--font-size-title-lg)/var(--line-height-title-lg) var(--font-family-secondary);font-feature-settings:"kern" on, "liga" on;letter-spacing:var(--letter-spacing-title-lg)}.text-title-sm{font:400 var(--font-size-title-sm)/var(--line-height-title-sm) var(--font-family-secondary);font-feature-settings:"kern" on, "liga" on;letter-spacing:var(--letter-spacing-title-sm)}.text-paragraph{font:400 var(--font-size-paragraph)/var(--line-height-paragraph) var(--font-family-secondary);font-feature-settings:"kern" on, "liga" on;letter-spacing:var(--letter-spacing-paragraph)}.text-eyebrow{font:400 var(--font-size-eyebrow)/var(--line-height-eyebrow) var(--font-family-secondary);font-feature-settings:"kern" on, "liga" on;letter-spacing:var(--letter-spacing-eyebrow)}.text-cta{font:400 var(--font-size-cta)/var(--line-height-cta) var(--font-family-secondary);font-feature-settings:"kern" on, "liga" on;letter-spacing:var(--letter-spacing-cta)}.text-meta{font:400 var(--font-size-meta)/var(--line-height-meta) var(--font-family-secondary);font-feature-settings:"kern" on, "liga" on;letter-spacing:var(--letter-spacing-meta)}.text-xl em,.text-primary em{font-style:italic}[data-grid]{grid-template-columns:repeat(var(--columns), 1fr);column-gap:var(--gutter-width);padding-inline:var(--grid-padding);display:grid}.icon{vertical-align:middle;flex:none;width:1em;height:1em;display:inline-block;overflow:visible}.icon,.icon *{fill:currentColor}:root{--appear:.3s grid-template-columns var(--ease-out-cubic), .15s visibility 0s, .15s opacity var(--ease-in-out-sine) 0s;--hide:.3s grid-template-columns var(--ease-out-cubic), .1s visibility, .1s opacity var(--ease-in-out-sine)}[data-swap]{display:grid}[data-swap]>*{opacity:0;visibility:hidden;transition:opacity .3s var(--ease-in-out-sine), visibility .5s;grid-area:1/1}[data-swap]>[data-active]{opacity:1;visibility:visible}[data-dim-group] a,[data-dim-group] button{transition:color .7s var(--ease-out-cubic);width:fit-content}:is([data-dim-group] a:has(~a:hover),[data-dim-group] a:has(~a:focus-visible)),[data-dim-group] a:hover~a,[data-dim-group] a:focus-visible~a{color:var(--color-mid)}@media (any-pointer:fine){[data-dim-group] a:hover{color:var(--color-foreground);transition:color .45s var(--ease-out-cubic)}}[data-dim-group] a:focus-visible{color:var(--color-foreground);transition:color .45s var(--ease-out-cubic)}.site-header{z-index:9;color:var(--color-foreground);pointer-events:none;transition:transform .45s var(--ease-out-cubic);position:fixed;inset:0 0 auto;transform:translateY(0)}.site-header a,.site-header button{pointer-events:auto}.site-header:before{content:"";background-color:var(--color-background);transition:opacity .4s var(--ease-in-out-sine);transition-delay:.2s;position:absolute;inset:0}.site-header[data-at-top=true]:before{opacity:0;transition-delay:0s}.site-header[data-hidden=true]{transform:translateY(-100%)}.site-header__bar{z-index:1;padding:max(1.5rem, calc(1rem + env(safe-area-inset-top))) var(--grid-padding) 1.5rem;grid-template-columns:1fr auto;grid-template-areas:"logo actions";align-items:center;display:grid;position:relative}.site-header__logo{grid-area:logo}.site-header__actions{grid-area:actions;justify-content:end;align-items:center;gap:.75rem;display:flex}.site-header__menu{color:inherit;place-items:center;font-size:1.125rem;display:grid;position:relative}.site-header__menu:before{content:"";width:48px;height:48px;position:absolute}.site-header__menu .icon,.site-header__menu .icon rect{transform-origin:50%;transition:transform .45s var(--ease-in-out-cubic)}.site-header__menu[data-state=cross] .icon{transform:rotate(180deg)}.site-header__menu[data-state=cross] .icon rect:first-child{transform:rotate(45deg)translateY(25%)}.site-header__menu[data-state=cross] .icon rect:nth-child(2){transform:rotate(-45deg)translateY(-25%)}.menu{overscroll-behavior:contain;background-color:var(--color-background);width:100%;max-width:100%;height:100dvh;max-height:100dvh;color:var(--color-foreground);border:none;margin:0;padding:0;overflow-y:auto}.menu::backdrop{background:#14070099}.menu .grid{min-height:100dvh;padding-block:max(6rem, calc(5rem + env(safe-area-inset-top))) 3rem}.menu .grid__mark{display:none}.menu__bar{z-index:2;padding:max(1.5rem, calc(1rem + env(safe-area-inset-top))) var(--grid-padding) 1.5rem;justify-content:end;display:flex;position:absolute;inset:0 0 auto}@media (prefers-reduced-motion:no-preference){.menu{clip-path:xywh(0 0 100% 100% round 0);transition:clip-path .3s var(--ease-out-cubic), overlay .3s allow-discrete, display .3s allow-discrete}.menu>*{transition:transform .8s var(--ease-out-expo)}@starting-style{.menu[open]{clip-path:xywh(0 0 100% 0 round 0 0 1.5rem 1.5rem)}.menu[open]>*{transform:scale(.9)}}.menu:not([open]){clip-path:xywh(0 0 100% 0 round 0 0 1.5rem 1.5rem)}}.head{min-height:90svh;padding:0 var(--grid-padding);text-align:center;grid-template-rows:1fr 1fr 1fr;grid-template-columns:100%;justify-content:center;align-items:center;gap:2rem;display:grid}@media (min-width:768px){.head{gap:4rem}}.head__intro{flex-direction:column;grid-area:2/1/3/2;align-items:center;gap:1.75rem;display:flex}.head__line{max-width:var(--measure-head);color:var(--color-mid);line-height:var(--line-height-paragraph);text-wrap:pretty;margin-inline:auto}.head__ask{grid-area:3/1/4/2;align-self:start;justify-items:center;display:grid}@media not (min-width:768px){.head__title{font-size:2.3rem}.head__title br{display:none}}@media (prefers-reduced-motion:no-preference){.head__intro,.head__ask{transition:opacity 1s ease, transform 2s var(--ease-out-expo)}.head__intro{transition-delay:.1s}@starting-style{.head__intro,.head__ask{opacity:0;transform:translateY(8rem)}}}.section-head{text-wrap:pretty;flex-direction:column;gap:2rem;display:flex}.section-head hgroup{flex-direction:column;gap:1.25rem;display:flex}@media (min-width:768px){.section-head hgroup{gap:1.75rem}}.section-head :is(h1,h2){color:var(--color-mid);font:400 var(--font-size-eyebrow)/var(--line-height-eyebrow) var(--font-family-secondary);font-feature-settings:"kern" on, "liga" on;letter-spacing:var(--letter-spacing-eyebrow)}.section-head :is(h1,h2)+p{color:var(--color-foreground);font:400 var(--font-size-primary)/var(--line-height-primary) var(--font-family-primary);font-feature-settings:"kern" on, "liga" on;letter-spacing:var(--letter-spacing-primary);margin-block:-.145em -.185em}@media (prefers-reduced-motion:no-preference){.section-head{transition:opacity .8s ease, transform 1.2s var(--ease-out-expo)}}@media (prefers-reduced-motion:no-preference) and (scripting:enabled){.products:not(.in-view)>.section-head,.notes:not(.in-view)>.section-head{opacity:0;transform:translateY(2rem)}}.section-head :where(h1,h2,p){max-width:var(--measure-head);text-wrap:balance}.button{border:1px solid var(--color-foreground);border-radius:var(--radius-pill);background:var(--color-background);width:fit-content;height:2.8125rem;color:var(--color-foreground);font:400 var(--font-size-cta)/var(--line-height-cta) var(--font-family-secondary);letter-spacing:var(--letter-spacing-cta);transition:transform .8s var(--ease-out-expo);justify-content:center;align-items:center;gap:.75rem;padding:0 1.5rem;display:inline-flex;position:relative}.button--solid{background:var(--color-foreground);color:var(--color-background);border-color:#0000}.button--solid:before{content:"";border-radius:inherit;box-shadow:var(--shadow-sm);opacity:0;transition:opacity .8s var(--ease-out-expo);position:absolute;inset:0}.button--translucent{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:var(--color-white);background:#ffffff29;border-color:#0000}@media (any-pointer:fine){.button:hover{transform:scale(1.04)}.button--solid:hover:before{opacity:1}}.button:focus-visible{transform:scale(1.04)}.button--solid:focus-visible:before{opacity:1}.button:active{transform:scale(.98)}.button[disabled]{cursor:not-allowed;opacity:.5;transform:none}.button .icon{transition:transform .5s var(--ease-out-cubic);font-size:.85em}@media (any-pointer:fine){.button:hover .icon{transform:translate(.25em)}}.button:focus-visible .icon{transform:translate(.25em)}[data-media]{border-radius:var(--border-radius);background:var(--color-panel);width:100%;position:relative;overflow:clip}[data-media] img,[data-media] video{object-fit:cover;border-radius:inherit;width:100%;height:100%;position:absolute;inset:0}[data-media] img{pointer-events:none;transition:opacity .4s var(--ease-in-out-sine), visibility .4s}[data-ratio=wide]{aspect-ratio:16/9}[data-ratio=tall]{aspect-ratio:9/16}[data-ratio=square]{aspect-ratio:1}[data-ratio="2-3"]{aspect-ratio:2/3}[data-ratio="3-4"]{aspect-ratio:3/4}[data-ratio="4-5"]{aspect-ratio:4/5}[data-ratio=window]{aspect-ratio:16/9;border-radius:var(--radius-window)}@media not (min-width:768px){[data-ratio=window]{aspect-ratio:4/5}}[data-media-tag]{z-index:2;border-radius:var(--radius-pill);background:var(--color-background);color:var(--color-mid);font:400 var(--font-size-meta)/var(--line-height-meta) var(--font-family-secondary);letter-spacing:var(--letter-spacing-meta);padding:.35rem .6rem;position:absolute;top:.75rem;left:.75rem}[data-media][data-flush-top]{border-radius:var(--border-radius) var(--border-radius) 0 0}.slot{border-radius:inherit;position:absolute;inset:0;overflow:hidden}.slot__caption{text-align:center;color:var(--color-mid);font:400 var(--font-size-meta)/var(--line-height-paragraph) var(--font-family-secondary);letter-spacing:var(--letter-spacing-meta);flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:1rem;display:flex;position:absolute;inset:0}.slot__caption .icon{font-size:1.25rem}.slot__caption span{max-width:90%}.slot__frame{pointer-events:none;border:1px dashed var(--color-stroke-field);border-radius:inherit;position:absolute;inset:0}.reel{grid-template-columns:repeat(var(--columns), 1fr);column-gap:var(--gutter-width);padding-inline:var(--grid-padding);margin-bottom:var(--section-padding);display:grid}.reel__frame{grid-column:1 / span var(--columns);width:100%;clip-path:xywh(0 0 100% 100% round var(--radius-window));position:relative;overflow:clip}.reel__media{transform-origin:50%}@media (prefers-reduced-motion:no-preference) and (scripting:enabled){.reel__frame{transition:clip-path 1.2s var(--ease-out-expo)}.reel__media{transition:transform 1.2s var(--ease-out-expo)}.reel:not(.in-view) .reel__frame{clip-path:xywh(10% 0 80% 85% round var(--radius-window))}.reel:not(.in-view) .reel__media{transform:scale(1.12)}}@media (prefers-reduced-motion:no-preference){.reel{transform-origin:top;transition:transform 2s var(--ease-out-expo) .2s}@starting-style{.reel{transform:translateY(15vh)scale(.8)}}}.marks{padding-inline:var(--grid-padding);flex-direction:column;align-items:start;gap:1.5rem;display:flex}.marks__claim,.marks__note{color:var(--color-mid)}.marks__grid{gap:2rem var(--gutter-width);grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}@media (min-width:768px){.marks__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media not (min-width:768px){.marks__grid{gap:1.5rem var(--gutter-width)}}.marks__item{flex-direction:column;gap:.5rem;display:flex}.marks__item>span:last-child{color:var(--color-mid);line-height:var(--line-height-paragraph)}@media (prefers-reduced-motion:no-preference) and (scripting:enabled){.marks__grid,.marks__claim,.marks__note{transition:opacity .8s var(--ease-out-expo), transform .8s var(--ease-out-expo)}.marks:not(.in-view) :is(.marks__grid,.marks__claim,.marks__note){opacity:0;transform:translateY(2rem)}}.products{padding:var(--section-padding) var(--grid-padding);flex-direction:column;gap:4rem;display:flex}.products__stack{gap:calc(var(--section-padding) * 2);flex-direction:column;display:flex}.showcase{flex-direction:column;gap:2.5rem;display:flex}@media (min-width:768px){.showcase{gap:3.5rem}}.showcase__head{border-top:1px solid var(--color-hairline);align-items:end;gap:2rem;padding-top:2rem;display:grid}@media (min-width:960px){.showcase__head{column-gap:calc(var(--gutter-width) * 2);grid-template-columns:1fr 1fr;padding-top:2.5rem}}.showcase__title{flex-direction:column;gap:1rem;display:flex}.showcase__index{color:var(--color-mid);font-variant-numeric:tabular-nums}.showcase__index:after{content:" / 02"}.showcase__status{color:var(--color-mid)}.showcase__name{font:400 var(--font-size-xl)/var(--line-height-xl) var(--font-family-primary);font-feature-settings:"kern" on, "liga" on;letter-spacing:var(--letter-spacing-xl);margin-block:-.12em -.16em}.showcase__promise{max-width:var(--measure-head);text-wrap:pretty}.showcase__aside{flex-direction:column;align-items:start;gap:1.25rem;display:flex}.showcase__dream{color:var(--color-mid);max-width:var(--measure-read)}.showcase__frame{border-radius:var(--border-radius);width:100%;clip-path:xywh(0 0 100% 100% round var(--border-radius));position:relative;overflow:clip}.showcase__media{transform-origin:50%}.spec{grid-template-columns:1fr;gap:0;width:100%;display:grid}@media (min-width:768px){.spec{column-gap:calc(var(--gutter-width) * 2);grid-template-columns:1fr 1fr}}@media (min-width:960px){.spec{grid-template-columns:repeat(3,1fr)}}.spec>div{flex-direction:column;gap:.5rem;padding-block:1.25rem;display:flex;position:relative}.spec>div:before{content:"";background-color:var(--color-hairline);transform-origin:0;pointer-events:none;height:1px;position:absolute;inset:0 0 auto}.spec dt{color:var(--color-mid)}@media (prefers-reduced-motion:no-preference){.showcase__frame{transition:clip-path 1.2s var(--ease-out-expo)}.showcase__media{transition:transform 1.2s var(--ease-out-expo)}.showcase__head{transition:opacity .8s ease, transform 1.2s var(--ease-out-expo)}.spec>div{transition:opacity .8s var(--ease-in-out-sine) .15s}.spec>div:before{transition:transform 1s var(--ease-out-expo) .15s}}@media (prefers-reduced-motion:no-preference) and (scripting:enabled){.showcase:not(.in-view) .showcase__frame{clip-path:xywh(8% 0 84% 82% round var(--border-radius))}.showcase:not(.in-view) .showcase__media{transform:scale(1.1)}.showcase:not(.in-view) .showcase__head{opacity:0;transform:translateY(2.5rem)}.showcase:not(.in-view) .spec>div{opacity:0}.showcase:not(.in-view) .spec>div:before{transform:scaleX(0)}}@media (any-pointer:fine){.showcase__frame:hover .showcase__media{transform:scale(1.03)}.showcase:has(.button:hover) .showcase__media{transform:scale(1.03)}}.showcase:has(.button:focus-visible) .showcase__media{transform:scale(1.03)}.notes{grid-template-columns:repeat(var(--columns), 1fr);column-gap:var(--gutter-width);padding:var(--section-padding) 0;row-gap:4rem;display:grid}.notes>*{grid-column:span var(--columns)}.notes .section-head{padding-inline:var(--grid-padding)}.shelf{width:fit-content;max-width:100%;padding:2rem var(--grid-padding);perspective:1000px;overscroll-behavior-x:contain;scroll-behavior:smooth;scroll-snap-type:x mandatory;scroll-snap-stop:always;scroll-padding:0 var(--grid-padding);scrollbar-width:none;grid-auto-columns:min-content;grid-auto-flow:column;align-items:end;gap:1rem;margin:-2rem auto;display:grid;overflow:auto clip}.shelf::-webkit-scrollbar{display:none}.shelf>li{scroll-snap-align:center}.shelf-progress{display:none}@media (pointer:fine) and (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.shelf-pin{view-timeline:--shelf block;height:280svh}.shelf-stick{align-content:center;height:100svh;display:grid;position:sticky;top:0}.shelf-window{margin-block:-2rem;padding-block:2rem;overflow:hidden clip;container-type:inline-size}.shelf-progress{height:1px;margin-top:2.5rem;margin-inline:var(--grid-padding);background-color:var(--color-hairline);display:block;position:relative}.shelf-progress:after{content:"";background-color:var(--color-mid);transform-origin:0;animation:linear both shelf-progress;animation-timeline:--shelf;animation-range:contain;position:absolute;inset:0;scale:0 1}.shelf{width:max-content;max-width:none;margin-block:0;padding-block:0;animation:linear both shelf-travel;animation-timeline:--shelf;animation-range:contain;overflow:visible}}}@keyframes shelf-travel{to{translate:calc(100cqw - 100%)}}@keyframes shelf-progress{to{scale:1}}.shelf *{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.note-card{--column-width:(min(65vw, var(--max-width)) - (var(--gutter-width) * (var(--columns) - 1))) / var(--columns);width:calc(var(--column-width) * 4 + var(--gutter-width) * 3);perspective:1500px;flex-direction:column;gap:1rem;max-width:500px;display:flex}@media (min-width:768px){.note-card{--column-width:((var(--max-width) - (var(--gutter-width) * (var(--columns) - 1))) / var(--columns));width:calc(var(--column-width) * 3 + var(--gutter-width) * 2)}}[data-kind=short] [data-media]{aspect-ratio:2/3}[data-kind=video] [data-media]{aspect-ratio:4/5}@media not (min-width:768px){.shelf [data-media]{aspect-ratio:4/5}}.note-card__link{flex-direction:column;gap:1rem;display:flex}.note-card__quote{aspect-ratio:3/4;background:var(--color-panel);border-radius:var(--border-radius);align-items:end;padding:2rem;display:grid}@media not (min-width:768px){.note-card__quote{aspect-ratio:4/5}}.note-card__text{flex-direction:column;gap:.4rem;display:flex}.note-card__meta{color:var(--color-mid)}.note-card__dek{color:var(--color-mid);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.note-card h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.note-card__play{z-index:2;border-radius:var(--radius-pill);background:var(--color-background);width:2.25rem;height:2.25rem;color:var(--color-foreground);place-items:center;font-size:.75rem;display:grid;position:absolute;bottom:.75rem;right:.75rem}.note-card [data-media],.note-card__quote{transform-origin:bottom;will-change:transform;transition:clip-path .8s var(--ease-out-expo), transform .8s var(--ease-out-expo), opacity .25s var(--ease-in-out-sine)}@media (any-pointer:fine){.note-card:hover [data-media],.note-card:hover .note-card__quote{transform:rotateX(-10deg)}.note-card:hover:active [data-media],.note-card:hover:active .note-card__quote{transform:rotateX(0)}}.note-card__link:focus-visible [data-media],.note-card__link:focus-visible .note-card__quote{transform:rotateX(-10deg)}@media (prefers-reduced-motion:no-preference) and (scripting:enabled){.notes:not(.in-view) .note-card [data-media],.notes:not(.in-view) .note-card .note-card__quote{clip-path:xywh(0 100% 100% 100% round var(--border-radius));opacity:0;transform:rotateX(50deg)}.notes:not(.in-view) .note-card__text{opacity:0}.note-card__text{transition:opacity .5s var(--ease-in-out-sine) .2s}}.close{z-index:1;padding:var(--section-padding) var(--grid-padding) 0;margin-bottom:-8rem;position:relative}.close__window{border-radius:var(--radius-window);width:100%;position:relative;overflow:clip}@media (prefers-reduced-motion:no-preference){.close__window{transition:clip-path 1.2s var(--ease-out-expo)}}@media (prefers-reduced-motion:no-preference) and (scripting:enabled){.close:not(.in-view) .close__window{clip-path:xywh(6% 0 88% 84% round var(--radius-window))}}.close__window:after{content:"";z-index:1;background:linear-gradient(to top, var(--color-scrim), transparent 60%);pointer-events:none;position:absolute;inset:0}.close__overlay{z-index:2;text-align:center;color:var(--color-white);flex-direction:column;align-items:center;gap:1.5rem;padding:2rem;display:flex;position:absolute;inset:auto 0 0}.grid{column-gap:var(--gutter-width);width:100%;min-height:100dvh;padding:calc(8rem + 8rem) var(--grid-padding) max(3rem, calc(2rem + env(safe-area-inset-bottom)));grid-template:"nav nav""newsletter newsletter""links socials""mark mark""legal legal"/minmax(0,1fr) minmax(0,1fr);place-content:center;row-gap:3.75rem;display:grid}@media (min-width:768px){.grid{padding-inline:calc(var(--grid-padding) + var(--column-width) * .5);grid-template:"nav nav nav"1fr"newsletter.socials"min-content"legal legal links"min-content"mark mark mark"min-content/minmax(0,1fr) auto minmax(0,1fr);row-gap:6rem}}@media (min-width:960px){.grid{padding-inline:calc(var(--grid-padding) + var(--column-width) + var(--gutter-width))}}.grid__nav{grid-area:nav;align-self:center}.grid__nav nav{font:400 var(--font-size-xl)/var(--line-height-xl) var(--font-family-primary);font-feature-settings:"kern" on, "liga" on;letter-spacing:var(--letter-spacing-xl);flex-direction:column;align-items:start;gap:1rem;margin-block:-.12em -.16em;display:flex}.grid__nav a{align-items:baseline;gap:.18em;display:inline-flex}.grid__nav a>span{display:block}@media (prefers-reduced-motion:no-preference){.grid__nav a>span{transition:transform .45s var(--ease-out-cubic)}.grid__nav a .icon{transition:transform .5s var(--ease-out-cubic), color .5s var(--ease-out-cubic)}}.grid__nav a .icon{color:#0000;align-self:center;font-size:.42em}@media (any-pointer:fine){.grid__nav a:hover>span{transform:translate(.06em)}.grid__nav a:hover .icon{color:inherit;transform:translate(.1em,-.1em)}}.grid__nav a:focus-visible>span{transform:translate(.06em)}.grid__nav a:focus-visible .icon{color:inherit;transform:translate(.1em,-.1em)}.grid__newsletter{flex-direction:column;grid-area:newsletter;gap:.75rem;width:100%;min-width:0;max-width:360px;display:flex}.grid__byline{align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.grid__byline>span{flex-direction:column;gap:.25rem;display:flex}.grid__byline .text-meta{color:var(--color-mid)}.grid__socials{grid-area:socials;justify-self:end}.grid__links{grid-area:links}.grid__legal{color:var(--color-mid);grid-area:legal}.grid__links,.grid__socials{color:var(--color-mid);font:400 var(--font-size-eyebrow)/var(--line-height-eyebrow) var(--font-family-secondary);letter-spacing:var(--letter-spacing-eyebrow);gap:.5rem 2rem;display:flex}@media not (min-width:768px){.grid__links,.grid__socials{flex-direction:column}}@media (min-width:768px){.grid__links,.grid__socials{align-items:center}}.grid__links a,.grid__links button,.grid__socials a{position:relative}.grid__links a:after,.grid__links button:after,.grid__socials a:after{content:"";transform-origin:0;pointer-events:none;background-color:currentColor;height:1px;position:absolute;inset:auto 0 -.35em;transform:scaleX(0)}@media (prefers-reduced-motion:no-preference){.grid__links a:after,.grid__links button:after,.grid__socials a:after{transition:transform .45s var(--ease-out-cubic)}}@media (any-pointer:fine){.grid__links a:hover:after,.grid__links button:hover:after,.grid__socials a:hover:after{transform:scaleX(1)}}.grid__links a:focus-visible:after,.grid__links button:focus-visible:after,.grid__socials a:focus-visible:after{transform:scaleX(1)}.grid__mark{grid-area:mark;overflow:clip;container-type:inline-size}.grid__mark>span{font:400 34.6cqw/1.3 var(--font-family-primary);font-feature-settings:"kern" on, "liga" on;letter-spacing:var(--letter-spacing-xl);white-space:nowrap;margin-block:-.22em 0;display:block}.newsletter{flex-direction:column;align-items:start;width:100%;display:flex;position:relative}.newsletter__label{margin-bottom:.625rem}.newsletter__group{gap:.5rem;width:100%;height:2.75rem;display:flex}.newsletter__field{border:1px solid var(--color-stroke-field);border-radius:var(--radius-pill);background:var(--color-background);min-width:0;color:var(--color-foreground);transition:transform .2s var(--ease-out-cubic), border-color .3s var(--ease-out-cubic);flex:1;align-items:center;gap:.75rem;padding:0 1rem;display:flex}.newsletter__field input{background:0 0;border:none;flex:1;min-width:0}.newsletter__field .icon{color:var(--color-mid);font-size:1.2rem}.newsletter__field input[name=code]{text-align:center;letter-spacing:.3em}.newsletter__submit{aspect-ratio:1;border-radius:var(--radius-pill);background:var(--color-foreground);height:100%;color:var(--color-background);transition:opacity .2s var(--ease-out-cubic), transform .8s var(--ease-out-elastic);place-items:center;display:grid}.newsletter__field:has(input:placeholder-shown){transform:translate(1.625rem)}.newsletter__field:has(input:placeholder-shown)+.newsletter__submit{opacity:0;transform:scale(.8)}@media (any-pointer:fine){.newsletter__submit:not(:disabled):hover{transform:scale(1.05)}}.newsletter__submit:not(:disabled):active{transform:scale(.95)}.newsletter__submit:disabled{cursor:not-allowed;opacity:.5}.newsletter__hint{color:var(--color-mid);transition:color .3s var(--ease-out-cubic);margin-top:.875rem}.newsletter__hint[data-emphasis]{color:var(--color-foreground)}.newsletter[data-status=error] .newsletter__field{border-color:var(--color-foreground);animation:.2s shake}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-2px)}50%{transform:translate(2px)}75%{transform:translate(-2px)}}.newsletter__confirmed{border-radius:var(--radius-pill);background:var(--color-accent);color:var(--color-off-black);align-items:center;gap:.75rem;padding:.75rem 1.25rem;display:flex}.index{padding:calc(var(--section-padding) + 6rem) var(--grid-padding) var(--section-padding);flex-direction:column;gap:4rem;display:flex}.index__grid{gap:2.5rem var(--gutter-width);grid-template-columns:1fr;align-items:end;display:grid}@media (min-width:768px){.index__grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:960px){.index__grid{grid-template-columns:repeat(3,1fr)}}.entry{max-width:var(--max-width);padding:calc(var(--section-padding) + 6rem) var(--grid-padding) var(--section-padding);flex-direction:column;gap:2.5rem;margin-inline:auto;display:flex}.entry__head{flex-direction:column;align-items:start;gap:1.25rem;display:flex}.entry__topline,.entry__back{color:var(--color-mid)}.entry__lede{color:var(--color-mid);max-width:var(--measure-read)}.entry__rule{background:var(--color-hairline);height:1px}.entry__film{max-width:290px}.entry__watch{flex-direction:column;align-items:start;gap:1.5rem;display:flex}.entry__foot{border-top:1px solid var(--color-hairline);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;padding-top:2.5rem;display:flex}.entry__byline{align-items:center;gap:.75rem;display:flex}.entry__byline>span{flex-direction:column;display:flex}.entry__byline .text-meta{color:var(--color-mid)}@media (prefers-reduced-motion:no-preference){.entry__head{transition:opacity .8s ease, transform 1.2s var(--ease-out-expo)}@starting-style{.entry__head{opacity:0;transform:translateY(3rem)}}}
