:root{--black:#080808;--ink:#111;--cream:#eee9dd;--gold:#e7b957;--blue:#0b2c62;--wine:#683746;--line:rgba(255,255,255,.15)}*{box-sizing:border-box}html{background:var(--black)}body{margin:0;background:var(--black);color:var(--cream);font-family:"DM Sans",sans-serif;font-weight:300}a{color:inherit;text-decoration:none}.collect-nav{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 3vw;border-bottom:1px solid var(--line)}.collect-brand{display:flex;align-items:center;gap:1rem;letter-spacing:.18em;font-size:.66rem}.collect-brand strong{font-size:.83rem;letter-spacing:.28em}.collect-brand span{opacity:.42;border-left:1px solid var(--line);padding-left:1rem}.return-link{display:flex;align-items:center;gap:1rem;text-transform:uppercase;letter-spacing:.16em;font-size:.65rem}.return-link i{width:38px;height:30px;border:1px solid var(--line);display:grid;place-items:center;font-style:normal;clip-path:polygon(0 0,100% 0,100% 70%,78% 100%,0 100%)}main{max-width:1600px;margin:auto;padding:0 3vw}.collect-intro{min-height:46vh;display:grid;grid-template-columns:.55fr 1.2fr .8fr;gap:5vw;align-items:end;padding:7vw 0 5vw;border-bottom:1px solid var(--line)}.intro-index,.collect-intro>p,.portal-copy span,.portal-copy p,footer{font-size:.68rem;text-transform:uppercase;letter-spacing:.18em}.intro-index{align-self:start;color:rgba(238,233,221,.42)}h1{font-family:"DM Serif Display",serif;font-size:clamp(4.5rem,8.5vw,10rem);font-weight:400;line-height:.82;letter-spacing:-.045em;margin:0}h1 em{color:var(--gold);font-weight:400}.collect-intro>p{max-width:390px;line-height:1.8;color:rgba(238,233,221,.48);text-transform:none;letter-spacing:0;font-size:1rem}.portal-list{padding:4vw 0 7vw;display:grid;grid-template-columns:1fr 1fr;gap:1rem}.portal{position:relative;min-height:290px;padding:2rem;display:grid;grid-template-columns:54px 1fr auto;grid-template-rows:auto 1fr;gap:2rem;border:1px solid var(--line);overflow:hidden;transition:transform .25s,background .25s,color .25s}.portal:before{content:"";position:absolute;inset:auto -60px -90px auto;width:210px;height:210px;border:1px solid currentColor;opacity:.12;transform:rotate(35deg)}.portal:hover{transform:translateY(-5px)}.portal-number{font-family:"DM Serif Display",serif;font-size:1.4rem;opacity:.45}.portal img{grid-column:2;max-width:150px;width:100%;height:44px;object-fit:contain;object-position:left center;filter:brightness(0) invert(1)}.portal-copy{grid-column:2;align-self:end}.portal-copy span{opacity:.48}.portal-copy h2{font-family:"DM Serif Display",serif;font-weight:400;font-size:clamp(2.3rem,3.4vw,4rem);line-height:1;margin:.35em 0}.portal-copy p{opacity:.5;margin:0}.portal-action{grid-column:3;grid-row:1/3;align-self:stretch;border-left:1px solid var(--line);padding-left:1.5rem;display:flex;flex-direction:column;justify-content:space-between;text-transform:uppercase;letter-spacing:.13em;font-size:.65rem}.portal-action b{font-size:1.5rem;font-weight:300}.portal-superrare:hover{background:var(--cream);color:var(--ink)}.portal-transient:hover{background:var(--wine)}.portal-objkt:hover{background:var(--blue)}.portal-6529:hover{background:var(--gold);color:var(--ink)}.portal:hover img{filter:brightness(0)}.portal-transient:hover img,.portal-objkt:hover img{filter:brightness(0) invert(1)}footer{border-top:1px solid var(--line);min-height:180px;padding:3rem 3vw;display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;color:rgba(238,233,221,.4)}footer p{font-family:"DM Serif Display",serif;font-size:clamp(2.5rem,4vw,5rem);color:var(--cream);text-transform:none;letter-spacing:-.03em;text-align:center}footer span:last-child{text-align:right}@media(max-width:900px){.collect-intro{grid-template-columns:1fr;min-height:auto;padding:14vw 0 10vw}.intro-index{align-self:auto}.portal-list{grid-template-columns:1fr;padding:8vw 0 16vw}.portal{min-height:250px}.collect-intro h1{font-size:clamp(4rem,15vw,7rem)}footer{grid-template-columns:1fr}footer p{text-align:left}footer span:last-child{text-align:left}}@media(max-width:520px){.collect-nav{height:66px;padding:0 4vw}.collect-brand span,.return-link span{display:none}main{padding:0 4vw}.portal{padding:1.3rem;grid-template-columns:36px 1fr;gap:1.2rem}.portal-action{grid-column:2;grid-row:auto;border-left:0;border-top:1px solid var(--line);padding:1rem 0 0;flex-direction:row}.portal-copy h2{font-size:2.6rem}.portal img{max-width:120px}.portal-copy p{line-height:1.5}}
