.sf-collab{--sf-ink: #111111;--sf-muted: #5f6368;--sf-line: #dedede;--sf-paper: #f7f8f8;--sf-panel: #ffffff;--sf-accent: #f2c400;--sf-accent-ink: #171400;background:var(--sf-paper);color:var(--sf-ink);font-family:var(--text-font-family)}.sf-collab *{box-sizing:border-box}.sf-hero{position:relative;display:grid;min-height:min(82dvh,760px);overflow:hidden;align-items:end;padding:clamp(96px,12vw,150px) clamp(20px,6vw,80px) clamp(34px,6vw,70px);isolation:isolate;background:#111}.sf-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(90deg,#000000b8,#0000004d 52%,#00000014)}.sf-hero__image{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:54% 48%}.sf-hero__content{width:min(680px,100%);color:#fff}.sf-hero__label,.sf-product__location{margin:0;color:var(--sf-accent);font-size:.72rem;font-weight:800;letter-spacing:.12em;line-height:1.2;text-transform:uppercase}.sf-hero h1,.sf-close h2{margin:14px 0 0;max-width:11ch;color:inherit;font-family:var(--heading-font-family);font-size:clamp(3rem,8vw,6rem);font-weight:900;letter-spacing:-.035em;line-height:.92;text-wrap:balance;text-transform:none}.sf-hero__text{max-width:42rem;margin:22px 0 30px;color:#ffffffe0;font-size:clamp(1rem,1.35vw,1.2rem);line-height:1.6}.sf-button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;padding:14px 22px;border:1px solid var(--sf-ink);border-radius:6px;background:var(--sf-ink);color:#fff;font-size:.88rem;font-weight:800;letter-spacing:.03em;line-height:1;text-decoration:none;text-transform:uppercase;transition:transform .18s ease,background-color .18s ease,color .18s ease,border-color .18s ease;white-space:nowrap}.sf-button:hover{transform:translateY(-2px)}.sf-button:active{transform:translateY(0)}.sf-button:focus-visible{outline:3px solid var(--sf-accent);outline-offset:3px}.sf-button--hero,.sf-button--dark{border-color:var(--sf-accent);background:var(--sf-accent);color:var(--sf-accent-ink)}.sf-intro{max-width:920px;margin:0 auto;padding:clamp(44px,7vw,86px) 20px clamp(24px,5vw,52px)}.sf-intro p{margin:0;font-family:var(--heading-font-family);font-size:clamp(1.55rem,4vw,3.35rem);font-weight:800;letter-spacing:-.03em;line-height:1.04;text-align:center;text-wrap:balance;text-transform:none}.sf-products{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(18px,2.4vw,30px);width:min(1480px,calc(100% - 40px));margin:0 auto;padding:0 0 clamp(48px,8vw,98px)}.sf-product{display:grid;grid-column:span 6;grid-template-columns:minmax(0,1fr);overflow:hidden;border:1px solid var(--sf-line);border-radius:8px;background:var(--sf-panel)}.sf-product:first-child,.sf-product:last-child{grid-column:1 / -1;grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr)}.sf-product__gallery{display:grid;grid-auto-columns:minmax(280px,78%);grid-auto-flow:column;gap:10px;overflow-x:auto;padding:10px;scroll-snap-type:x mandatory;scrollbar-width:thin;background:#ebedef}.sf-product:first-child .sf-product__gallery,.sf-product:last-child .sf-product__gallery{grid-auto-columns:minmax(340px,58%)}@media(min-width:1101px){.sf-product:first-child .sf-product__gallery{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-columns:initial;grid-auto-flow:row;overflow:visible}.sf-product:last-child .sf-product__gallery{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-columns:initial;grid-auto-flow:row;overflow:visible}.sf-product:first-child .sf-shot,.sf-product:last-child .sf-shot{aspect-ratio:4 / 3}}.sf-shot{display:block;min-width:0;margin:0;overflow:hidden;border-radius:6px;scroll-snap-align:start;background:#f3f3f3;aspect-ratio:4 / 3}.sf-shot img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .35s ease}.sf-shot:hover img{transform:scale(1.025)}.sf-product__content{display:grid;align-content:start;gap:22px;padding:clamp(22px,3vw,36px)}.sf-product__content h2{margin:8px 0 0;color:var(--sf-ink);font-family:var(--heading-font-family);font-size:clamp(1.85rem,4vw,3.65rem);font-weight:900;letter-spacing:-.035em;line-height:.96;text-transform:none;text-wrap:balance}.sf-product__desc{max-width:62ch;margin:16px 0 0;color:var(--sf-muted);font-size:.98rem;line-height:1.65}.sf-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px;font-family:var(--heading-font-family);font-size:clamp(1.3rem,2.2vw,2rem);font-weight:900;letter-spacing:-.025em}.sf-price s{color:#7a7a7a;font-size:.65em;font-weight:700;text-decoration-thickness:2px}.sf-specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px;margin:0}.sf-specs div{min-width:0;padding-top:12px;border-top:1px solid var(--sf-line)}.sf-specs dt{margin:0 0 5px;color:#767676;font-size:.72rem;font-weight:800;letter-spacing:.08em;line-height:1.2;text-transform:uppercase}.sf-specs dd{margin:0;color:var(--sf-ink);font-size:.92rem;line-height:1.45}.sf-close{display:grid;justify-items:center;gap:22px;padding:clamp(56px,9vw,110px) 20px;background:var(--sf-ink);color:#fff;text-align:center}.sf-close h2{max-width:13ch;margin:0}.sf-close p{max-width:46rem;margin:0;color:#ffffffc7;font-size:1rem;line-height:1.65}@media(max-width:1100px){.sf-product,.sf-product:first-child,.sf-product:last-child{grid-column:1 / -1;grid-template-columns:1fr}.sf-product:first-child .sf-product__gallery,.sf-product:last-child .sf-product__gallery{grid-auto-columns:minmax(290px,72%)}}@media(max-width:700px){.sf-hero{min-height:76dvh;padding:92px 18px 28px}.sf-hero:after{background:linear-gradient(0deg,#000000c7,#00000038)}.sf-hero__image{object-position:58% 50%}.sf-hero h1,.sf-close h2{font-size:clamp(2.75rem,15vw,4.3rem)}.sf-hero__text{margin-bottom:22px}.sf-products{width:min(100% - 24px,1480px)}.sf-product__gallery{grid-auto-columns:86%;padding:8px}.sf-specs{grid-template-columns:1fr}.sf-button{width:100%;padding-right:16px;padding-left:16px;font-size:.8rem}}@media(prefers-reduced-motion:reduce){.sf-collab *,.sf-collab *:before,.sf-collab *:after{transition-duration:.01ms!important;scroll-behavior:auto!important}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/nottoys-studio-five-collab.css.map */