:root{--yellow:#efda4a;--white:#fff;--black:#252525;--pink:#fdbfbf;--mint:#7cf5b5;--display:"Arial Black", "Myriad Pro", Arial, sans-serif;--body:"Myriad Pro", Myriad, Arial, sans-serif}*{box-sizing:border-box}html{background:var(--black);color:var(--black);font-family:var(--body)}body{min-width:320px;min-height:100vh;margin:0}.collection-page{isolation:isolate;background:linear-gradient(#fff 0%,#effcff 32%,#d4f7fd 68%,#c0f2fb 100%);width:100%;min-height:100svh;padding:clamp(110px,12vh,150px) clamp(28px,6vw,105px) clamp(110px,10vh,150px);display:grid;position:relative;overflow:hidden auto}.top-frame,.bottom-frame{z-index:8;background:var(--black);pointer-events:none;width:106%;height:9vw;min-height:54px;position:absolute;left:-3%}.top-frame{top:-5vw;transform:rotate(-3deg)}.bottom-frame{bottom:-5vw;transform:rotate(-3deg)}.accent-panel{z-index:1;background:linear-gradient(180deg, var(--accent-top), var(--accent) 42%, var(--accent-bottom) 135%);backdrop-filter:blur(8px);border:1px solid #ffffff7a;border-radius:24px;width:min(76vw,1050px);position:absolute;top:clamp(210px,24svh,310px);bottom:-2%;left:50%;transform:translate(-50%);box-shadow:inset 0 1px #ffffff85,0 12px 36px #25252512}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.background-windows{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.mini-window{top:var(--y);left:var(--x);width:var(--w);height:var(--h);color:#25252540;font:900 .7rem var(--display);backdrop-filter:blur(3px);background:#9ca6aa33;border:1px solid #ffffff73;border-radius:clamp(5px,.7vw,14px);place-items:center;display:grid;position:absolute;box-shadow:inset 0 1px #ffffff57,0 5px 14px #2525250d}.mini-dots{gap:3px;display:flex;position:absolute;top:6px;left:7px}.mini-dots i{background:var(--pink);border-radius:50%;width:4px;height:4px}.mini-dots i:nth-child(2),.window-dots i:nth-child(2){background:var(--yellow)}.mini-dots i:nth-child(3),.window-dots i:nth-child(3){background:var(--mint)}.collection-content{z-index:3;text-align:center;place-self:center;width:min(100%,1100px);min-width:0;max-width:100%;position:relative}.eyebrow{letter-spacing:.16em;text-transform:uppercase;margin:0 auto clamp(12px,2vh,24px);font-size:clamp(.78rem,1.1vw,1rem);font-weight:900}h1{font:950 clamp(4.5rem, 12vw, 12rem)/.78 var(--display);letter-spacing:-.025em;overflow-wrap:anywhere;text-transform:uppercase;margin:0}h1 span{display:block}.collection-content[data-section=behind-the-scenes] h1{font-size:clamp(3.1rem,8vw,8.2rem);line-height:.86}.introduction{width:min(90%,690px);margin:clamp(24px,3vh,36px) auto 0;font-size:clamp(1rem,1.5vw,1.3rem);font-weight:700;line-height:1.45}.entry-grid{text-align:left;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,2.5vw,32px);width:min(94%,920px);min-width:0;max-width:100%;margin:clamp(42px,6vh,72px) auto 0;display:grid}.entry-card{outline-offset:-3px;width:100%;min-width:0;max-width:100%;min-height:260px;color:var(--white);backdrop-filter:blur(10px);background:linear-gradient(#ffffff12,#ffffff05),#252525d1;border:1px solid #ffffff7a;border-radius:28px;outline:1px solid #ffffff1f;padding:58px clamp(22px,3vw,36px) clamp(25px,3vw,34px);animation:5.2s ease-in-out infinite card-float;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff57,0 16px 38px #25252524}.entry-card:nth-child(2n){animation-delay:-2.6s}.entry-card:hover{animation-play-state:paused}.window-dots{z-index:2;gap:6px;display:flex;position:absolute;top:20px;left:23px}.window-dots i{background:var(--pink);border:1px solid #2525252e;border-radius:50%;width:10px;height:10px;box-shadow:inset 0 1px #ffffff7a,0 1px 3px #25252552}.entry-copy{z-index:1;flex-direction:column;flex:1;align-items:flex-start;min-width:0;display:flex;position:relative}.entry-copy time{color:var(--accent-solid);letter-spacing:.1em;text-transform:uppercase;margin-bottom:12px;font-size:.78rem;font-weight:900}.entry-copy h2{font:900 clamp(1.25rem, 2.4vw, 2rem)/1.08 var(--display);overflow-wrap:anywhere;text-transform:uppercase;margin:0}.entry-copy p{color:#ffffffd1;margin:15px 0 0;font-size:clamp(.98rem,1.3vw,1.12rem);font-weight:600;line-height:1.5}.entry-copy a{color:var(--accent-solid);font:900 .9rem var(--display);text-underline-offset:5px;text-transform:uppercase;margin-top:auto;padding-top:26px;text-decoration-thickness:2px;transition:color .18s,transform .26s cubic-bezier(.34,1.4,.64,1)}.entry-copy a:hover{color:var(--white);transform:translate(3px)}.entry-copy a:focus-visible{outline:3px solid var(--accent-solid);outline-offset:4px;border-radius:4px}.entry-image{background:#ffffff1a;flex:0 0 42%;align-self:stretch;min-width:0;margin:-58px 26px -34px -36px;overflow:hidden}.entry-image img{object-fit:cover;width:100%;height:100%;min-height:260px;display:block}.status-card{text-align:center;grid-column:1/-1;justify-content:center;align-items:center;min-height:190px}.status-card p{overflow-wrap:anywhere;white-space:normal;width:100%;min-width:0;max-width:100%;margin:0;font-size:clamp(1rem,1.6vw,1.2rem);font-weight:800}.error-card p{color:#ffe0e0eb}.location{z-index:5;font:950 clamp(1.3rem, 2.2vw, 2.6rem)/1 var(--display);letter-spacing:-.06em;margin:0;position:absolute;bottom:clamp(54px,7vh,92px);right:clamp(32px,6vw,110px)}@keyframes card-float{0%,to{translate:0}50%{translate:0 -4px}}@media (width<=820px){.collection-page{min-height:100svh;padding:178px 24px 120px;display:block;overflow-y:auto}.accent-panel{width:calc(100% - 28px);top:clamp(245px,31svh,340px)}h1{font-size:clamp(3.5rem,18vw,7rem)}.collection-content[data-section=interviews] h1{overflow-wrap:normal;word-break:normal;font-size:clamp(2.7rem,12vw,5rem)}.collection-content[data-section=behind-the-scenes] h1{font-size:clamp(1.9rem,7.6vw,3.8rem)}.entry-grid{grid-template-columns:minmax(0,1fr);width:100%}.location{white-space:nowrap;font-size:1.25rem;bottom:46px;right:24px}}@media (width<=480px){.collection-page{padding:166px 16px 110px}.eyebrow{max-width:76%;font-size:.67rem}.introduction{width:100%;font-size:.98rem}.entry-grid{gap:15px;margin-top:36px}.entry-card{border-radius:22px;min-height:230px;padding:52px 21px 25px}.window-dots{gap:4px;top:18px;left:20px}.window-dots i{width:7px;height:7px}.entry-image{flex-basis:40%;margin:-52px 18px -25px -21px}.entry-image img{min-height:230px}}@media (width<=390px){.entry-card:has(.entry-image){display:block}.entry-image{width:calc(100% + 42px);height:190px;margin:-52px -21px 24px}.entry-image img{min-height:0}}@media (prefers-reduced-motion:reduce){.entry-card,.entry-copy a{transition:none;animation:none}}
