.mags{--shade: #140f07;position:absolute;z-index:3;aspect-ratio:.75;pointer-events:none;font-size:calc(var(--magw, 150px) / 100)}.mag{position:absolute;inset:0;transform:translate(var(--x),var(--y)) rotate(var(--r));will-change:transform}.js .mags:not(.is-thrown) .mag{opacity:0}.mag-shadow{position:absolute;inset:0;transform:translate(var(--sx, 4.4em),var(--sy, 5.8em))}.mag-shadow:before,.mag-shadow:after,.mag-contact{content:"";position:absolute;inset:0;background:var(--shade)}.mag-shadow:before{opacity:.55;filter:blur(.8em)}.mag-shadow:after{inset:-1em;opacity:.18;filter:blur(6em)}.mag-contact{opacity:.6;transform:translate(var(--cx, .5em),var(--cy, .8em));filter:blur(.45em)}.mag-body{position:absolute;inset:0;overflow:clip;background:linear-gradient(180deg,#ffffff73,#fff0 45%,#00000009),var(--paper);box-shadow:.4px .7px #f1eee4,.8px 1.3px #d8d2c2}.mag-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.mag-spine{position:absolute;top:0;bottom:0;left:0;width:5.5%;background:linear-gradient(90deg,#0000001f,#ffffff42 30%,#0000000a 58%,#0000)}.mag-gloss{position:absolute;inset:0;background:linear-gradient(calc(135deg - var(--r, 0deg)),#fffcf475,#fffcf429 18%,#fffcf400 40%,#140e0400 58%,#140e0433),#fffbf205;box-shadow:inset 1px 1px #ffffff80,inset 0 0 0 .5px #00000029}:root{--hx-gap-top: 100px;--hx-gap: 96px}@media(min-width:900px){:root{--hx-gap-top: calc(1.5 * var(--pitch));--hx-gap: calc(1.5 * var(--pitch))}}.hx{--F: calc((100vw - 2 * var(--mi)) / 4.865);padding-inline:var(--mi);padding-top:calc(.205 * var(--F))}.hx-name{margin:0;font-family:var(--serif);font-weight:400;font-size:var(--F);line-height:.96;letter-spacing:-.05em;text-transform:uppercase}.hx-l{display:block;white-space:nowrap;overflow-y:clip;margin-left:-.045em}.hx-l>span{display:inline-block}.js .hx-l>span{animation:hx-rise 1.3s var(--ease) both}.js .hx-l2>span{animation-delay:.1s}@keyframes hx-rise{0%{transform:translateY(105%)}}@media(prefers-reduced-motion:reduce){.js .hx-l>span{animation:none}}.hx-date{display:flex;justify-content:space-between;gap:24px;margin-top:calc(29px - .125 * var(--F) - var(--trim))}.hx-deck{--deck: var(--s-state);margin-top:calc(var(--hx-gap-top) - 10px * (1.2 - .714) / 2);padding:calc((1.25 - .268) * var(--deck)) 12px;background:var(--white);border:var(--heavy) solid var(--ink);text-align:center}.hx-deck-text{font-family:var(--sans);font-weight:500;font-size:var(--deck);line-height:1.25;letter-spacing:0;text-wrap:balance}.hx-deck-text .lb{display:inline}@media(max-width:357px){.hx-deck{--deck: 20px}}@media(min-width:600px){.hx-date{--lh: 1;--trim: calc(12px * (1 - .714) / 2);font-size:12px;line-height:1;letter-spacing:0}.hx-deck{width:fit-content;margin:calc(var(--hx-gap-top) - 12px * (1 - .714) / 2) auto 0;padding-inline:calc(1.25 * var(--deck))}}@media(min-width:900px){.hx{--F: calc((100vw - 2 * var(--m)) / 9.163);padding-inline:var(--m)}.hx-name{white-space:nowrap}.hx-l{display:inline-block;vertical-align:top}.hx-l2{margin-left:0}.hx-date{margin-top:calc(.3 * var(--F) - .125 * var(--F) - var(--trim))}}.s2{padding-top:var(--hx-gap);padding-bottom:calc(var(--sec) - var(--trim-s))}.s2-lede{margin:calc(40px - var(--trim-s)) calc(var(--mi) - var(--m)) 0}.s2-cards{display:flex;gap:12px;margin:0 calc(-1 * var(--m)) -28px;padding:0 var(--m) 28px;list-style:none;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--m);scrollbar-width:none}.s2-cards::-webkit-scrollbar{display:none}.s2-item{flex:0 0 clamp(200px,58vw,264px);scroll-snap-align:start}.hcard{display:flex;flex-direction:column;height:100%;background:var(--white);color:var(--ink);text-decoration:none}.hcard .frame img{transition:transform 1.2s var(--ease)}.hcard-text{--tl: 1.944px;--tt: calc((18px - 16px * .714) / 2);flex:1;display:flex;flex-direction:column;padding:calc(14px - var(--tl)) 14px calc(16px - var(--tt))}.hcard-label{color:var(--accent, var(--ink))}.hcard-title{margin-top:calc(14px - var(--tl) - var(--tt));line-height:18px;text-wrap:pretty}.kp{white-space:nowrap}@media(hover:hover){.hcard:hover .hcard-title{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em}}@media(hover:hover)and (min-width:900px){.hcard:hover .frame img{transform:scale(1.035)}}@media(min-width:900px){.s2-lede{max-width:calc((100% + var(--g)) * 17 / 20 - var(--g));margin:calc(var(--pitch) - var(--trim-s)) 0 0}.s2-cards{gap:12px;margin:0;padding:0;overflow:visible;scroll-snap-type:none}.s2-item{flex:1 1 0;min-width:0}.hcard .kp{white-space:normal}}@media(min-width:1200px){.s2-cards{gap:var(--g);margin-left:calc((100% + var(--g)) * 2 / 20)}.hcard .kp{white-space:nowrap}}.s3{--trim-c: 5.288px;--magw: clamp(116px, 34vw, 160px);--magh: calc(var(--magw) / .75);--seam: 24px;padding-top:var(--sec);padding-bottom:var(--sec);padding-inline:var(--mi)}.s3-grid{display:grid;row-gap:var(--seam)}.s3-head{margin-top:calc(var(--inset) - var(--trim))}.s3-head .x{color:var(--accent)}.s3-copy{margin-top:20px}.s3-more{display:flex;margin-top:calc(24px - var(--trim-c))}.s3-side .s3-more{margin-top:calc(32px - var(--trim-s))}.s3-p1{z-index:1;padding:0 var(--inset)}.s3-p1 .s3-copy{margin-bottom:calc(.8 * var(--magh) + 24px - var(--seam))}.s3-p2{z-index:2;display:flex;flex-direction:column}.s3-p2 .mags{top:calc(-.361 * var(--magh));left:calc(50% - .761 * var(--magw));width:var(--magw)}.s3-side{margin:calc(.8 * var(--magh) + 40px) var(--inset) var(--inset)}.s3-head2{margin:0}.s3-reel{position:relative;aspect-ratio:4 / 5;overflow:clip;background:#1c1a17;color:var(--white)}.s3-reel video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.s3-shade{position:absolute;inset:0;background:linear-gradient(to bottom,#0000 40%,#0009)}.s3-reelbody{position:absolute;left:var(--inset);right:var(--inset);bottom:calc(26px - var(--trim));text-wrap:pretty}.s3-reelbtn{position:absolute;top:18px;right:18px;display:grid;place-items:center;width:28px;height:28px;padding:0;border:1px solid rgba(255,255,255,.7);background:#0003;color:var(--white);cursor:pointer;opacity:.75;transition:opacity .25s ease}.s3-reelbtn:hover{opacity:1}.s3-reel .ico-play,.s3-reel.is-paused .ico-pause{display:none}.s3-reel.is-paused .ico-play{display:block}@media(min-width:900px){.s3{--magw: calc(11 * var(--u));--seam: calc(var(--pitch) / 2);padding-inline:var(--m)}.s3-grid{grid-template-columns:repeat(20,minmax(0,1fr));column-gap:var(--g)}.s3-p1,.s3-p2{grid-column:4 / span 14;display:grid;grid-template-columns:repeat(14,minmax(0,1fr));column-gap:var(--g);align-items:start;padding:0}.s3-p1 .s3-head{grid-column:2 / span 8;margin-bottom:calc(.8 * var(--magh) + 24px - var(--seam))}.s3-p1 .s3-copy{grid-column:10 / span 4;margin:calc(var(--pitch) - var(--trim-c)) 0 var(--pitch)}.s3-p2{min-height:calc(7.25 * var(--pitch))}.s3-p2 .mags{left:calc(4 * var(--pitch) - .761 * var(--magw))}.s3-side{grid-column:2 / span 7;grid-row:1;align-self:end;margin:calc(.8 * var(--magh) + 56px) 0 var(--pitch)}.s3-reel{grid-column:9 / -1;grid-row:1;align-self:stretch;aspect-ratio:auto}.s3-reelbody{left:var(--pitch);right:var(--pitch);bottom:calc(24px - var(--trim))}.s3-reelbtn{top:22px;right:22px}}@media(min-width:900px)and (max-width:1199px){.s3-p1,.s3-p2{grid-column:2 / span 18;grid-template-columns:repeat(18,minmax(0,1fr))}.s3-p1 .s3-head{grid-column:2 / span 9}.s3-p1 .s3-copy{grid-column:12 / span 6}.s3-side{grid-column:2 / span 8}.s3-reel{grid-column:11 / -1}}@media(min-width:600px)and (max-width:899px){.s3-reel{aspect-ratio:3 / 2}}.s4{padding-top:var(--sec);padding-bottom:calc(var(--sec) * 1.5);padding-inline:var(--mi)}.s4-text{padding:calc(var(--inset) - var(--trim-s)) var(--inset)}.s4-run{display:none}.js .s4.is-hold{padding-top:0;padding-bottom:0}.js .s4.is-hold .s4-stage{position:sticky;top:calc(var(--navh) + max(0px,(100vh - var(--navh) - var(--hold-h, 100vh)) / 2));top:calc(var(--navh) + max(0px,(100svh - var(--navh) - var(--hold-h, 100svh)) / 2));padding-top:var(--sec);padding-bottom:calc(var(--sec) * 1.5)}.js .s4.is-hold .s4-run{display:block;height:120vh;height:120svh}@media(min-width:900px){.s4{padding-inline:var(--m)}.s4-panel{margin-inline:calc((100% + var(--g)) * 4 / 20 - var(--g))}.s4-text{padding:calc(var(--pitch) - var(--trim-s)) var(--pitch)}}
