.border-glow-card{--edge-proximity:0;--cursor-angle:45deg;--edge-sensitivity:30;--border-radius:18px;--glow-padding:36px;--cone-spread:24;isolation:isolate;border-radius:var(--border-radius);background:var(--card-bg);border:1px solid #ffffff2e;display:grid;position:relative;box-shadow:0 18px 55px #00000052}.border-glow-card:before,.border-glow-card:after,.border-glow-card>.edge-light{content:"";border-radius:inherit;pointer-events:none;transition:opacity .28s ease-out;position:absolute}.border-glow-card:before{z-index:-1;background:conic-gradient(from var(--cursor-angle), var(--gradient-one), var(--gradient-two), var(--gradient-three), var(--gradient-one));opacity:calc((var(--edge-proximity) - var(--edge-sensitivity)) / (100 - var(--edge-sensitivity)));-webkit-mask-composite:xor;padding:1px;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-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:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.border-glow-card:after{z-index:0;background:radial-gradient(ellipse at 50% 50%, transparent 40%, color-mix(in srgb, var(--gradient-two) 12%, transparent) 100%);opacity:calc((var(--edge-proximity) - var(--edge-sensitivity)) / (100 - var(--edge-sensitivity)));mix-blend-mode:screen;-webkit-mask-image:conic-gradient(from var(--cursor-angle), black calc(var(--cone-spread) * 1%), transparent calc((var(--cone-spread) + 16) * 1%), transparent calc((100 - var(--cone-spread) - 16) * 1%), black calc((100 - var(--cone-spread)) * 1%));mask-image:conic-gradient(from var(--cursor-angle), black calc(var(--cone-spread) * 1%), transparent calc((var(--cone-spread) + 16) * 1%), transparent calc((100 - var(--cone-spread) - 16) * 1%), black calc((100 - var(--cone-spread)) * 1%));inset:1px}.border-glow-card>.edge-light{inset:calc(var(--glow-padding) * -1);z-index:-2;opacity:calc((var(--edge-proximity) - var(--edge-sensitivity)) / (100 - var(--edge-sensitivity)));-webkit-mask-image:conic-gradient(from var(--cursor-angle), black 2.5%, transparent 11%, transparent 89%, black 97.5%);mask-image:conic-gradient(from var(--cursor-angle), black 2.5%, transparent 11%, transparent 89%, black 97.5%)}.border-glow-card>.edge-light:before{content:"";inset:var(--glow-padding);border-radius:inherit;box-shadow:inset 0 0 2px var(--glow), inset 0 0 16px color-mix(in srgb, var(--glow) 45%, transparent), 0 0 4px var(--glow), 0 0 20px color-mix(in srgb, var(--glow) 35%, transparent), 0 0 58px color-mix(in srgb, var(--glow) 14%, transparent);position:absolute}.border-glow-inner{z-index:1;border-radius:inherit;display:flex;position:relative;overflow:hidden}.border-glow-card:not(:hover):before,.border-glow-card:not(:hover):after,.border-glow-card:not(:hover)>.edge-light{opacity:0;transition:opacity .7s}@media (hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){.border-glow-card:before,.border-glow-card:after,.border-glow-card>.edge-light{display:none}}.selected-work{content-visibility:auto;contain-intrinsic-size:auto 3200px;background:#000;height:430svh;position:relative}.selected-work__sticky{isolation:isolate;background:radial-gradient(circle at 50% 47%,#ffffff0b,#0000 34%),#000;height:100svh;position:sticky;top:0;overflow:hidden}.selected-work__sticky:before{content:"";z-index:-1;opacity:.34;pointer-events:none;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:25vw 25vh;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 12%,#0000 78%);mask-image:radial-gradient(circle,#000 12%,#0000 78%)}.selected-work__header{z-index:240;width:min(calc(100% - 64px), var(--max));pointer-events:none;position:absolute;top:34px;left:50%;transform:translate(-50%)}.selected-work__eyebrow{border-bottom:1px solid var(--line);color:#8e8e8e;letter-spacing:.15em;justify-content:space-between;padding-bottom:14px;font:600 10px/1 monospace;display:flex}.selected-work__eyebrow span:first-child{color:#d2d2ce}.selected-work__header h2{max-width:820px;margin:26px 0 0}.selected-work__header p{color:#777;letter-spacing:.02em;margin:30px 0 0;font-size:13px}.spatial-stage{z-index:10;perspective:1500px;perspective-origin:50% 48%;transform-style:preserve-3d;pointer-events:none;position:absolute;inset:0}.spatial-card{--card-focus:.4;color:#fff;cursor:pointer;pointer-events:auto;width:clamp(190px,18vw,310px);transform-style:preserve-3d;will-change:transform, opacity;touch-action:manipulation;background:0 0;border:0;margin:0;padding:0;position:absolute;top:50%;left:50%}.spatial-card__surface{width:100%;transform-style:preserve-3d;will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden;display:block}.spatial-card__frame{aspect-ratio:16/10;border:1px solid rgba(255,255,255,calc(.11 + var(--card-focus) * .34));isolation:isolate;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#0a0a0a;border-radius:clamp(11px,1vw,16px);width:100%;transition:border-color .42s cubic-bezier(.22,1,.36,1),box-shadow .55s cubic-bezier(.22,1,.36,1);display:block;position:relative;overflow:hidden;transform:translateZ(0);box-shadow:0 32px 90px #00000094}.spatial-card__frame img{object-fit:cover;width:104%;height:104%;filter:saturate(calc(.5 + var(--card-focus) * .55)) brightness(calc(.45 + var(--card-focus) * .6));will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden;margin:-2%;transition:filter .42s cubic-bezier(.22,1,.36,1);transform:translateZ(0)}.spatial-card__shade{opacity:calc(.72 - var(--card-focus) * .48);pointer-events:none;background:linear-gradient(#0000000f,#0000008f);position:absolute;inset:0}.spatial-card__number{color:#ffffffc2;letter-spacing:.12em;font:700 9px/1 monospace;position:absolute;top:12px;left:12px}.spatial-card__play{opacity:0;color:#fff;letter-spacing:.2em;white-space:nowrap;font:700 9px/1 monospace;transition:opacity .35s,transform .45s cubic-bezier(.16,1,.3,1);position:absolute;bottom:16px;left:50%;transform:translate(-50%,10px)}.spatial-card__caption{opacity:calc(.2 + var(--card-focus) * .8);text-align:left;justify-content:space-between;gap:18px;padding-top:12px;display:flex}.spatial-card__caption b{max-width:66%;font-size:13px;line-height:1.2}.spatial-card__caption small{color:#8e8e8e;letter-spacing:.08em;text-align:right;font:600 8px/1.3 monospace}:is(.spatial-card:hover .spatial-card__play,.spatial-card:focus-visible .spatial-card__play,.spatial-card.is-active .spatial-card__play){opacity:1;transform:translate(-50%)}:is(.spatial-card:hover .spatial-card__frame,.spatial-card:focus-visible .spatial-card__frame){border-color:#ffffffc7;box-shadow:0 40px 120px #000000c7}.spatial-card:focus-visible{outline:0}.spatial-card:focus-visible .spatial-card__frame{box-shadow:0 0 0 2px #fff,0 40px 120px #000000c7}.spatial-meta{z-index:230;width:min(calc(100% - 64px), var(--max));pointer-events:none;border-top:1px solid #ffffff42;grid-template-columns:120px minmax(0,1fr) minmax(340px,.72fr);align-items:end;gap:28px;padding-top:16px;display:grid;position:absolute;bottom:42px;left:50%;transform:translate(-50%)}.spatial-meta__index{align-items:baseline;gap:14px;display:flex}.spatial-meta__index span{font:500 28px/1 monospace}.spatial-meta__index small,.spatial-meta__title small,.spatial-meta__facts span{color:#929292;letter-spacing:.12em;font:600 9px/1.25 monospace}.spatial-meta__title h3{letter-spacing:-.055em;margin:6px 0 0;font-size:clamp(22px,2.4vw,42px);line-height:.95}.spatial-meta__facts{text-align:right;grid-template-columns:1fr 1.3fr auto;gap:18px;display:grid}.spatial-meta__facts span{color:#c7c7c4}.selected-work__progress{z-index:250;width:min(calc(100% - 64px), var(--max));background:#ffffff17;height:1px;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.selected-work__progress span{transform-origin:0;background:#d8d8d4;width:100%;height:100%;transition:transform .48s cubic-bezier(.16,1,.3,1);display:block}.review-player{z-index:400;background:0 0;place-items:center;padding:clamp(18px,3vw,52px);display:grid;position:fixed;inset:0}.review-player__backdrop{cursor:default;background:0 0;border:0;width:100%;height:100%;position:absolute;inset:0}.review-player__panel{z-index:1;will-change:transform;background:#050505;border:1px solid #ffffff3d;border-radius:8px;width:min(1600px,100%);position:relative;overflow:hidden;box-shadow:0 40px 160px #000000d1}.review-player__top{color:#8f8f8f;letter-spacing:.13em;border-bottom:1px solid #ffffff29;grid-template-columns:1fr auto 1fr;align-items:center;height:52px;padding:0 18px;font:600 9px/1 monospace;transition:opacity .28s;display:grid}.review-player__top strong{color:#e4e4e0;font-weight:600}.review-player__top button{color:#cfcfcb;cursor:pointer;font:inherit;letter-spacing:inherit;background:0 0;border:0;justify-self:end;padding:10px 0 10px 20px}.review-player__stage{aspect-ratio:16/9;background:#000;width:100%}.review-player__stage video{object-fit:contain;cursor:pointer;width:100%;height:100%}.review-player__missing{color:#777;letter-spacing:.18em;place-items:center;height:100%;font:700 11px/1 monospace;display:grid}.review-player__bottom{border-top:1px solid #ffffff29;grid-template-columns:minmax(180px,.5fr) 1.5fr;align-items:center;gap:30px;min-height:64px;padding:10px 18px;transition:opacity .28s;display:grid}.review-player:not(.controls-visible) .review-player__chrome{pointer-events:none;opacity:0!important}.review-player__bottom>div:first-child{color:#8f8f8f;letter-spacing:.11em;flex-direction:column;gap:7px;font:600 8px/1 monospace;display:flex}.review-player__bottom>div:first-child b{color:#d2d2ce;font-weight:600}.review-controls{grid-template-columns:auto auto minmax(140px,1fr) auto 90px auto;align-items:center;gap:14px;min-width:0;display:grid}.review-controls button{color:#d7d7d3;cursor:pointer;letter-spacing:.11em;background:0 0;border:0;padding:8px 0;font:700 8px/1 monospace}.review-time{color:#969692;white-space:nowrap;font:600 8px/1 monospace}.review-progress,.review-volume{align-items:center;display:flex}.review-controls input[type=range]{accent-color:#d8d8d4;cursor:pointer;width:100%;height:18px;margin:0}@media (max-width:1200px) and (min-width:901px){.spatial-card{width:clamp(170px,19vw,240px)}.spatial-meta{grid-template-columns:80px minmax(0,1fr) minmax(280px,.8fr)}}@media (max-width:900px){.selected-work{height:auto;padding:92px 0 72px}.selected-work__sticky{height:auto;position:relative;overflow:visible}.selected-work__header{width:calc(100% - 36px);margin:0 auto 44px;position:relative;top:auto;left:auto;transform:none}.selected-work__header p{max-width:320px;line-height:1.7}.spatial-stage{perspective:none;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#ffffff6b #ffffff14;grid-auto-columns:min(82vw,620px);grid-auto-flow:column;gap:14px;padding:4px 18px 12px;display:grid;position:relative;inset:auto;overflow-x:auto}.spatial-stage::-webkit-scrollbar{height:2px}.spatial-stage::-webkit-scrollbar-track{background:#ffffff14}.spatial-stage::-webkit-scrollbar-thumb{background:#aaa}.spatial-card{scroll-snap-align:start;opacity:1;width:100%;position:relative;top:auto;left:auto;transform:none}.spatial-card__frame{aspect-ratio:16/10}.spatial-card__frame img{filter:saturate(.82)brightness(.86)}.spatial-card__caption{opacity:1}.spatial-card__play{display:none}.spatial-meta{grid-template-columns:52px 1fr;gap:18px;width:calc(100% - 36px);margin:30px auto 0;position:relative;bottom:auto;left:auto;transform:none}.spatial-meta__facts{text-align:left;grid-column:1/3;grid-template-columns:1fr 1fr auto}.selected-work__progress{width:calc(100% - 36px);margin:22px auto 0;position:relative;bottom:auto;left:auto;transform:none}.review-player{padding:0}.review-player__panel{border-width:0;width:100%}.review-player__top{grid-template-columns:1fr auto}.review-player__top strong{display:none}.review-player__stage{aspect-ratio:16/10}.review-player__bottom{grid-template-columns:1fr;gap:10px}.review-player__bottom>div:first-child{display:none}.review-controls{grid-template-columns:auto auto minmax(90px,1fr) auto auto;gap:10px}.review-volume{display:none}}@media (prefers-reduced-motion:reduce){.selected-work{height:auto;padding:100px 0}.selected-work__sticky{height:auto;position:relative;overflow:visible}.spatial-stage{width:min(calc(100% - 64px),var(--max));perspective:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:50px auto 0;display:grid;position:relative;inset:auto}.spatial-card{opacity:1;width:100%;position:relative;top:auto;left:auto;transform:none}.spatial-meta,.selected-work__progress{display:none}}@media (max-width:560px){.selected-work__eyebrow span:last-child{display:none}.spatial-stage{grid-auto-columns:88vw}.spatial-meta__facts{grid-template-columns:1fr;gap:8px}.review-player__top{height:48px;padding:0 14px}.review-player__stage{aspect-ratio:16/11}.review-player__bottom{min-height:72px;padding:8px 12px}.review-controls{grid-template-columns:auto auto minmax(80px,1fr) auto;gap:9px}.review-controls button:last-child{display:none}.review-time{font-size:7px}}
