.spin-hero{display:flex;justify-content:center;padding:48px 24px}.spin-hero__layout{position:relative;z-index:1;display:flex;align-items:stretch;gap:16px;max-width:720px;width:100%}.spin-hero__card{flex:1 1 auto;display:flex;align-items:center;justify-content:center;min-width:0}.spin-hero__sheet{display:flex;width:100%;max-width:calc(min(var(--spin-hero-width, 420px),(100svh - 240px) * .6667) + 52px)}.spin-hero__spine{flex:0 0 52px;position:relative}.spin-hero__spine span{position:absolute;left:50%;bottom:14px;max-height:calc(100% - 28px);overflow:hidden;transform:translate(-50%) rotate(180deg);writing-mode:vertical-rl;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:9px;line-height:1.35;letter-spacing:.02em;text-transform:uppercase;color:#1b1a19}.spin-hero__photo{position:relative;flex:1 1 auto;min-width:0;overflow:hidden;background:radial-gradient(120% 90% at 50% 40%,#ebe6dd,#e3ddd2 70%,#d9d2c6)}.spin-hero__mark{position:absolute;top:5%;left:7%;z-index:2;width:20%;height:auto;pointer-events:none;mix-blend-mode:multiply;filter:url(#spin-hero-marker);transform:rotate(-4deg);opacity:.95}.spin-hero__mark--text{font-size:56px;font-weight:700;line-height:1;width:auto}.spin-hero__filters{position:absolute;width:0;height:0}.spin-hero__vellum{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;background-color:#f6f3ed21;background-image:linear-gradient(180deg,#ffffff38,#fff0 30%,#7870621a),url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)'/%3E%3C/svg%3E");background-size:100% 100%,200px 200px;box-shadow:inset 0 0 40px #ffffff59}.spin-hero__side{flex:0 0 140px;display:flex;flex-direction:column;gap:16px}.spin-hero__side-cell{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:14px;text-align:center}.spin-hero__side-cell img{width:100%;height:auto;object-fit:contain}.spin-hero__side-label{font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:#4d4843}@media screen and (max-width:749px){.spin-hero__layout{flex-direction:column}.spin-hero__side{flex-direction:row;flex:0 0 auto}.spin-hero__sheet{position:relative}.spin-hero__photo{background:none}.spin-hero__mark,.spin-hero__vellum{display:none}.spin-hero__frame{mix-blend-mode:normal}.spin-hero__clip-phone{--clip-w: 16px;position:absolute;top:calc(var(--clip-w) * -1.158);left:calc(52px + 15%);z-index:4;width:var(--clip-w);pointer-events:none;transform:rotate(-4deg);filter:drop-shadow(.5px 1.5px .8px rgba(0,0,0,.4)) drop-shadow(3px 6px 4px rgba(0,0,0,.16))}.spin-hero__clip-phone svg{display:block;width:100%;height:auto}}@media screen and (min-width:750px){.spin-hero__clip-phone{display:none}}.spin-hero__viewer{position:relative;width:100%;cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none}.spin-hero__viewer.is-dragging{cursor:grabbing}.spin-hero__frames{position:relative;width:100%;height:100%}.spin-hero__frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;display:none;pointer-events:none;mix-blend-mode:multiply}.spin-hero__frame.is-active{display:block}.spin-hero__hint{position:absolute;left:0;right:0;bottom:14px;display:flex;flex-direction:column;align-items:center;gap:7px;pointer-events:none}.spin-hero__dots{display:flex;gap:5px}.spin-hero__dot{width:16px;height:2px;background:#ebe8e2;transition:background-color .15s ease}.spin-hero__dot.is-active{background:#a3211a}.spin-hero__label{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#4d4843;white-space:nowrap}.spin-hero__gallery{display:none}@media screen and (min-width:750px){.spin-hero__layout{max-width:1280px}.spin-hero__card{display:none}.spin-hero__gallery{display:flex;flex:1 1 auto;min-width:0;padding-bottom:14px}.spin-hero__spine--gallery{align-self:stretch;margin-bottom:26px}.spin-hero__shots{flex:1 1 auto;min-width:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.6vw,24px)}.spin-hero__shot{position:relative;margin:0}.spin-hero__clip{position:absolute;--spin-hero-clip-w: clamp(14px, 1.35vw, 19px);top:calc(var(--spin-hero-clip-w) * -1.158);left:15%;z-index:4;width:var(--spin-hero-clip-w);pointer-events:none;transform:rotate(-4deg);filter:drop-shadow(.5px 1.5px .8px rgba(0,0,0,.4)) drop-shadow(3px 6px 4px rgba(0,0,0,.16))}.spin-hero__clip svg{display:block;width:100%;height:auto}.spin-hero__shot-photo{display:block;cursor:pointer;position:relative;overflow:hidden;aspect-ratio:var(--spin-hero-ar, 921 / 1382)}.spin-hero__shot-photo>img:first-child{display:block;width:100%;height:100%;object-fit:cover;-webkit-user-select:none;user-select:none}.spin-hero__shot-label{margin-top:10px;text-align:center;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#4d4843}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-spin-hero.css.map */