.home .reference-collection{--wall-night:#120d20;--wall-panel:#1b142a;--wall-lime:#c4ff00;position:relative;isolation:isolate;overflow:clip;background:var(--wall-night);padding-block:104px 84px}
.reference-depth{position:absolute;inset:-12% -14%;z-index:0;pointer-events:none;overflow:hidden;mask-image:linear-gradient(transparent,#000 12%,#000 90%,transparent)}
.reference-depth-grid{position:absolute;inset:0;display:grid;gap:12px;will-change:transform;transform-origin:50% 50%}
.reference-depth-grid>i{display:block;position:relative;min-width:0;border-radius:5px;background:#302442d9;border:1px solid #9f82be6b;box-shadow:inset 0 1px 0 #e5c4ff15,0 7px 15px #08040e48}
.reference-depth-grid>i::after{content:"";position:absolute;inset:22% 24%;border:1px solid #baa1d139;border-radius:2px}
.reference-depth-grid>i:nth-child(7n){background:#3b412bd9;border-color:#b6d76980}
.reference-depth-grid>i:nth-child(11n){background:#473157d9;border-color:#d2a6ed66}
.reference-depth-far{grid-template-columns:repeat(24,minmax(0,1fr));grid-template-rows:repeat(24,minmax(0,1fr));opacity:.66;transform:perspective(1600px) translate3d(var(--depth-far-x,0px),var(--depth-far-y,0px),-190px) rotateX(13deg) rotateZ(-9deg) scale(1.25)}
.reference-depth-near{inset:6% 3%;grid-template-columns:repeat(14,minmax(0,1fr));grid-template-rows:repeat(12,minmax(0,1fr));gap:20px;opacity:.46;transform:perspective(1600px) translate3d(var(--depth-near-x,0px),var(--depth-near-y,0px),-40px) rotateX(6deg) rotateZ(6deg) scale(1.12)}
.reference-depth-near>i{background:#291d3b99;border-color:#a5b76a55}
.reference-collection>.section-label,.reference-collection>.work-heading,.reference-selection,.reference-collection>.reference-grid,.reference-continuation{position:relative;z-index:2}
.reference-collection>.section-label{width:fit-content;background:#120d20e8;box-shadow:0 0 40px 28px #120d20d9}
.reference-collection .work-heading{align-items:flex-end;gap:40px;margin-bottom:32px}
.reference-collection .work-heading h2{font:500 clamp(42px,4.6vw,86px)/1.06 Archivo,sans-serif;letter-spacing:-.055em;max-width:1000px;text-wrap:balance;text-shadow:0 2px 28px #120d20}
.reference-collection .work-heading h2 em{color:var(--wall-lime);font-style:normal}
.reference-collection .work-heading>div{background:radial-gradient(ellipse at 40% 40%,#120d20e8 25%,#120d2000 78%)}
.reference-collection .work-heading>.text-link{flex:none;white-space:nowrap;font-size:13px;min-height:48px;background:#120d20ed;border:1px solid #c4ff004a;padding:12px 18px;border-radius:30px;box-shadow:0 0 30px #120d20;gap:24px}
.reference-intro{font-size:14px;line-height:1.8;color:#c5bbd1;max-width:610px;margin:24px 0 0}
.reference-selection{display:flex;justify-content:space-between;align-items:center;gap:24px;font-size:11px;letter-spacing:.04em;color:#c5bbd1;border-block:1px solid #c4ff0042;padding:18px 0;margin-bottom:30px;background:#120d20de;box-shadow:0 0 22px 7px #120d20a8}
.reference-selection>span:first-child{color:var(--wall-lime);display:flex;align-items:center;gap:14px;white-space:nowrap}
.reference-selection b{font:500 32px/1 Archivo,sans-serif;letter-spacing:-.04em}
.reference-collection .reference-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:24px 18px}
.reference-collection .reference-tile{background:var(--wall-panel);border:1px solid #9a84b845;border-radius:8px;padding:9px;box-shadow:0 18px 42px #07040cc2;min-width:0;transition:border-color .25s,box-shadow .25s;align-self:stretch;contain:paint}
.reference-collection .reference-tile:hover,.reference-collection .reference-tile:focus-visible{border-color:#c4ff0099;box-shadow:0 18px 42px #07040ce6,0 0 0 1px #c4ff0033}
.reference-collection .reference-art{border-radius:4px;aspect-ratio:1.12}
.reference-collection .reference-info{padding:16px 5px 12px;gap:9px}
.reference-collection .reference-info h3{font-size:clamp(16px,1.17vw,23px);line-height:1.25;letter-spacing:-.035em;color:#f5f1fa}
.reference-collection .reference-info p{font-size:11px;line-height:1.65;margin-top:8px;color:#c7bad6}
.reference-collection .reference-index{font-size:9px;min-width:15px;padding-top:4px}
.reference-continuation{padding-top:44px;perspective:1400px;text-align:center}
.reference-satellites{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:18px;margin-inline:4%;transform:translate3d(0,var(--satellite-y,0px),0) rotateX(var(--satellite-tilt,7deg));transform-origin:center top;will-change:transform}
.reference-satellite{display:flex;flex-direction:column;gap:11px;padding:8px 8px 12px;border:1px solid #a18aab6b;background:#20172eef;border-radius:7px;box-shadow:0 12px 25px #06040ba8;min-width:0;transform:translateY(var(--satellite-offset,0px));transition:border-color .25s}
.reference-satellite:nth-child(2n){--satellite-offset:14px}
.reference-satellite:nth-child(3n){--satellite-offset:25px}
.reference-satellite img{aspect-ratio:1.2;width:100%;height:auto;object-fit:cover;border-radius:3px;opacity:.88;filter:saturate(.7)}
.reference-satellite>span{font-size:10px;line-height:1.5;color:#d1c3df}
.reference-satellite:hover,.reference-satellite:focus-visible{border-color:var(--wall-lime)}
.reference-continuation>p{font:500 clamp(26px,2.2vw,39px)/1.25 Archivo,sans-serif;letter-spacing:-.04em;color:#ded2ec;position:relative;margin:65px 0 18px;text-shadow:0 3px 20px #120d20}
.reference-continuation>p span{color:var(--wall-lime);letter-spacing:.05em}
.reference-continuation>.text-link{font-size:13px;min-height:48px;color:var(--wall-lime);gap:22px}
.partners-more{display:flex;gap:27px;align-items:center;margin-top:42px;padding-top:29px;border-top:1px solid #ffffff21;color:#a99dbb}
.partners-more>span{font:500 56px/1 Archivo,sans-serif;color:#c4ff00;letter-spacing:.08em}
.partners-more p{font-size:13px;line-height:1.8;margin:0}
.partners-more strong{font-weight:500;color:#eee8f4}
@media(min-width:1800px){.reference-intro{font-size:clamp(14px,.8vw,20px);max-width:35vw}.reference-selection{font-size:clamp(11px,.64vw,16px)}.reference-collection .reference-info p{font-size:clamp(11px,.63vw,16px)}.reference-collection .reference-info h3{font-size:1.18vw}.reference-satellite>span{font-size:clamp(10px,.65vw,16px)}.reference-collection .work-heading>.text-link,.reference-continuation>.text-link{font-size:clamp(13px,.77vw,19px)}.partners-more p{font-size:.73vw}.partners-more>span{font-size:3.12vw}}
@media(max-width:1100px){.reference-collection .reference-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 16px}.reference-collection .reference-tile:last-child{grid-column:2}.reference-collection .work-heading{align-items:flex-start}.reference-collection .work-heading>.text-link{font-size:11px;white-space:normal;max-width:190px;gap:15px}.reference-satellites{gap:12px;margin-inline:0}.reference-satellite>span{font-size:9px}.reference-satellite{padding:5px 5px 9px}}
@media(max-width:650px){.home .reference-collection{padding:65px 22px 58px}.reference-depth{inset:-4% -22%}.reference-depth-far{grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:repeat(48,minmax(0,1fr));gap:7px;opacity:.7}.reference-depth-near{grid-template-columns:repeat(7,minmax(0,1fr));grid-template-rows:repeat(24,minmax(0,1fr));gap:13px;opacity:.5}.reference-collection .work-heading{display:block;margin-bottom:24px}.reference-collection .work-heading h2{font-size:clamp(36px,10.2vw,60px);text-wrap:initial}.reference-intro{font-size:12px;margin-top:20px;max-width:460px}.reference-collection .work-heading>.text-link{display:inline-flex;max-width:none;margin-top:23px;font-size:11px;padding:11px 16px;min-height:44px}.reference-selection{align-items:flex-start;gap:15px;line-height:1.65;letter-spacing:0;padding:15px 0;margin-bottom:23px;font-size:9px}.reference-selection>span:first-child{gap:9px}.reference-selection>span:last-child{max-width:138px;text-align:right}.reference-selection b{font-size:27px}.reference-collection .reference-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.reference-collection .reference-tile:last-child{grid-column:auto}.reference-collection .reference-tile{padding:5px;border-radius:5px}.reference-collection .reference-art{aspect-ratio:1.04}.reference-collection .reference-info{padding:12px 4px 8px;gap:6px}.reference-collection .reference-info h3{font-size:14px;line-height:1.3}.reference-collection .reference-info p{font-size:10px;line-height:1.6;margin-top:7px}.reference-collection .reference-index{font-size:8px;min-width:12px}.reference-continuation{padding-top:34px}.reference-satellites{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 9px;transform:translate3d(0,var(--satellite-y,0px),0) rotateX(var(--satellite-tilt,5deg))}.reference-satellite{gap:7px}.reference-satellite:nth-child(2n){--satellite-offset:5px}.reference-satellite:nth-child(3n){--satellite-offset:9px}.reference-satellite img{aspect-ratio:1}.reference-satellite>span{font-size:8px;line-height:1.5}.reference-continuation>p{margin-top:44px;font-size:29px}.reference-continuation>.text-link{font-size:12px}.partners-more{gap:18px;margin-top:29px;padding-top:24px}.partners-more>span{font-size:42px}.partners-more p{font-size:11px}}
@media(prefers-reduced-motion:reduce){.reference-depth-grid,.reference-satellites{will-change:auto}.reference-depth-far{transform:rotate(-9deg) scale(1.1)}.reference-depth-near{transform:rotate(6deg) scale(1.05)}.reference-satellites{transform:none}}