.tos-project-stories{--tos-stories-bg: #050b14;--tos-stories-bg-2: #081426;--tos-stories-text: #f7f2e8;--tos-stories-muted: rgba(210, 222, 236, .72);--tos-stories-line: rgba(232, 211, 162, .52);--tos-stories-glow: rgba(96, 132, 180, .2);position:relative;isolation:isolate;overflow:hidden;padding-bottom:clamp(4rem,6vw,8rem);background:radial-gradient(circle at 50% 42%,rgba(232,211,162,.08),transparent 20rem),radial-gradient(circle at 52% 38%,var(--tos-stories-glow),transparent 38rem),linear-gradient(180deg,var(--tos-stories-bg),var(--tos-stories-bg-2));color:var(--tos-stories-text)}.tos-project-stories:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-3;background:linear-gradient(90deg,rgba(247,242,232,.04) 1px,transparent 1px),linear-gradient(180deg,rgba(247,242,232,.025) 1px,transparent 1px);background-size:8rem 8rem;-webkit-mask-image:radial-gradient(circle at 50% 44%,black,transparent 62%);mask-image:radial-gradient(circle at 50% 44%,black,transparent 62%);opacity:.34}.tos-project-stories:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;background:radial-gradient(circle at 50% 30%,rgba(232,211,162,.05),transparent 32rem),linear-gradient(180deg,#02060c2e,#02060c75);opacity:0;transition:opacity 1.6s cubic-bezier(.22,1,.36,1)}.tos-project-stories__inner{position:relative;display:grid;gap:clamp(3.2rem,4vw,5.2rem);min-height:clamp(34rem,48vh,50rem);place-items:center;padding:clamp(5.6rem,7vw,8.4rem) 2rem clamp(6.4rem,8vw,10rem)}.tos-project-stories__spotlight{position:absolute;top:50%;left:50%;z-index:-1;width:clamp(30rem,48vw,74rem);aspect-ratio:1;border-radius:999rem;background:radial-gradient(circle,rgba(247,242,232,.16),rgba(104,136,178,.08) 34%,transparent 68%);filter:blur(1rem);opacity:0;transform:translate(-50%,-50%) scale(.84);transition:opacity 1.6s cubic-bezier(.22,1,.36,1),transform 1.8s cubic-bezier(.22,1,.36,1)}.tos-project-stories__copy{width:min(92vw,104rem);text-align:center;transform:translateY(0)}.tos-project-stories__kicker{display:flex;flex-wrap:wrap;justify-content:center;margin:0;color:var(--tos-stories-muted);font-size:clamp(1.1rem,.7vw,1.3rem);font-weight:700;letter-spacing:.46em;line-height:1.4;opacity:0;text-transform:uppercase;transform:translateY(1.4rem)}.tos-project-stories__kicker span{display:inline-block;opacity:0;transform:translateY(.8rem)}.tos-project-stories__line{display:block;width:min(30rem,54vw);height:.1rem;margin:1.8rem auto 2.4rem;background:linear-gradient(90deg,transparent,var(--tos-stories-line),transparent);opacity:0;transform:scaleX(0);transform-origin:center}.tos-project-stories__headline{position:relative;display:flex;flex-wrap:wrap;justify-content:center;gap:.18em;margin:0;color:var(--tos-stories-text);font-size:clamp(3.6rem,5vw,7rem);font-weight:800;letter-spacing:0;line-height:.92;text-wrap:balance;overflow:hidden}.tos-project-stories__headline span{display:inline-block;opacity:0;text-shadow:0 0 0 rgba(247,242,232,0);transform:translateY(1.4rem);clip-path:inset(0 100% 0 0)}.tos-project-stories__subheading{max-width:52rem;margin:1.8rem auto 0;color:var(--tos-stories-muted);font-size:clamp(1.6rem,1.2vw,2rem);letter-spacing:.06em;line-height:1.7;opacity:0;transform:translateY(1.6rem)}.tos-project-stories__catalogue{position:relative;display:grid;grid-template-columns:repeat(5,minmax(18rem,1fr));gap:clamp(1.4rem,1.6vw,2.2rem);width:min(94vw,152rem);perspective:120rem}.tos-project-stories__catalogue:before{content:"";position:absolute;top:42%;left:50%;z-index:-1;width:min(92vw,148rem);height:16rem;background:linear-gradient(90deg,transparent,rgba(232,211,162,.1),rgba(118,151,195,.11),transparent);filter:blur(1.4rem);opacity:0;pointer-events:none;transform:translate(-50%,2rem) scaleX(.72)}.tos-project-stories.is-visible .tos-project-stories__catalogue:before{animation:tosStoriesCatalogueSweep 1.6s 3.2s cubic-bezier(.22,1,.36,1) both}.tos-project-stories__card{position:relative;min-height:clamp(34rem,32vw,43rem);overflow:hidden;border:.1rem solid rgba(226,235,246,.14);border-radius:1.8rem;background:#0e1a2ddb;box-shadow:0 2rem 5rem #00050e57;filter:blur(10px);opacity:0;transform:translateY(4rem) rotateX(6deg);transform-origin:center bottom;cursor:pointer;transition:border-color .36s ease,box-shadow .36s ease,filter .36s ease,transform .36s ease}.tos-project-stories__card:focus-visible{outline:.2rem solid rgba(232,211,162,.72);outline-offset:.4rem}.tos-project-stories.is-visible .tos-project-stories__card{animation:tosStoriesCardReveal 1.12s calc(3.5s + (var(--tos-card-index, 0) * 125ms)) cubic-bezier(.22,1,.36,1) forwards}.tos-project-stories__card:nth-child(1){--tos-card-index: 0}.tos-project-stories__card:nth-child(2){--tos-card-index: 1}.tos-project-stories__card:nth-child(3){--tos-card-index: 2}.tos-project-stories__card:nth-child(4){--tos-card-index: 3}.tos-project-stories__card:nth-child(5){--tos-card-index: 4}.tos-project-stories__card:after{content:"";position:absolute;inset:auto 0 0;height:68%;background:linear-gradient(180deg,transparent 0%,rgba(3,8,16,.42) 30%,rgba(3,8,16,.82) 62%,rgba(3,8,16,.98));pointer-events:none}.tos-project-stories__image{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 34%,rgba(247,242,232,.25),transparent 12rem),linear-gradient(145deg,#34527c9e,#07101deb);transform:scale(1);transition:transform .56s cubic-bezier(.22,1,.36,1)}.tos-project-stories__image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 42%}.tos-project-stories__image:before,.tos-project-stories__image:after{content:"";position:absolute;border-radius:999rem;pointer-events:none}.tos-project-stories__image:before{inset:18% 24% auto;height:42%;border:.12rem solid rgba(247,242,232,.2);background:#f7f2e80f}.tos-project-stories__image:after{right:12%;bottom:16%;width:44%;aspect-ratio:1;background:radial-gradient(circle,rgba(232,211,162,.32),transparent 68%);filter:blur(.4rem)}.tos-project-stories__card--maa .tos-project-stories__image{background:radial-gradient(circle at 48% 26%,rgba(247,242,232,.12),transparent 18rem),linear-gradient(180deg,#1221375c,#07101df5)}.tos-project-stories__card--maa .tos-project-stories__image:before,.tos-project-stories__card--maa .tos-project-stories__image:after{display:none}.tos-project-stories__card--maa .tos-project-stories__image img{width:100%;height:100%;margin:0;border-radius:0;object-fit:cover;object-position:center 31%;filter:saturate(.92) contrast(1.02);box-shadow:none}.tos-project-stories__card--nala .tos-project-stories__image{background:radial-gradient(circle at 48% 24%,rgba(247,242,232,.14),transparent 18rem),linear-gradient(180deg,#12213757,#07101df5)}.tos-project-stories__card--nala .tos-project-stories__image:before,.tos-project-stories__card--nala .tos-project-stories__image:after{display:none}.tos-project-stories__card--nala .tos-project-stories__image img{width:100%;height:100%;object-fit:cover;object-position:center 34%;filter:saturate(.94) contrast(1.02)}.tos-project-stories__card--starboy .tos-project-stories__image{background:radial-gradient(circle at 48% 30%,rgba(232,211,162,.14),transparent 18rem),linear-gradient(180deg,#12213757,#07101df5)}.tos-project-stories__card--starboy .tos-project-stories__image:before,.tos-project-stories__card--starboy .tos-project-stories__image:after{display:none}.tos-project-stories__card--starboy .tos-project-stories__image img{width:100%;height:100%;object-fit:cover;object-position:center 35%;filter:saturate(.96) contrast(1.03)}.tos-project-stories__card--bulk .tos-project-stories__image{background:radial-gradient(circle at 48% 34%,rgba(226,235,246,.12),transparent 18rem),linear-gradient(180deg,#12213757,#07101df5)}.tos-project-stories__card--bulk .tos-project-stories__image:before,.tos-project-stories__card--bulk .tos-project-stories__image:after{display:none}.tos-project-stories__card--bulk .tos-project-stories__image img{width:100%;height:100%;object-fit:cover;object-position:center 48%;filter:saturate(.92) contrast(1.04)}.tos-project-stories__card--samurai .tos-project-stories__image{background:linear-gradient(135deg,transparent 48%,rgba(232,211,162,.34) 49%,transparent 51%),radial-gradient(circle at 50% 25%,rgba(220,229,239,.18),transparent 15rem),linear-gradient(145deg,#172a44,#07101d)}.tos-project-stories__card--soul .tos-project-stories__image{background:radial-gradient(circle at 54% 36%,rgba(247,242,232,.38),transparent 10rem),linear-gradient(150deg,#e8d3a247,#203856a3,#07101df0)}.tos-project-stories__card--chaos .tos-project-stories__image{background:repeating-linear-gradient(115deg,rgba(247,242,232,.16) 0 .2rem,transparent .2rem 1.6rem),radial-gradient(circle at 42% 34%,rgba(110,143,188,.46),transparent 14rem),linear-gradient(150deg,#07101d,#203856)}.tos-project-stories__card--nexora .tos-project-stories__image{background:linear-gradient(90deg,rgba(247,242,232,.1) 1px,transparent 1px),linear-gradient(180deg,rgba(247,242,232,.08) 1px,transparent 1px),linear-gradient(145deg,#102139,#07101d);background-size:4rem 4rem,4rem 4rem,auto}.tos-project-stories__card--vibes .tos-project-stories__image{background:radial-gradient(circle at 28% 32%,rgba(232,211,162,.38),transparent 8rem),radial-gradient(circle at 72% 34%,rgba(132,164,205,.34),transparent 10rem),linear-gradient(150deg,#152a45,#07101d 78%)}.tos-project-stories__card-copy{position:absolute;inset:auto 0 0;z-index:1;padding:clamp(1.8rem,1.7vw,2.4rem)}.tos-project-stories__category{margin:0 0 .9rem;color:#e8d3a2d1;font-size:1rem;font-weight:800;letter-spacing:.28em;line-height:1.3;text-transform:uppercase}.tos-project-stories__title{margin:0;color:var(--tos-stories-text);font-size:clamp(2.1rem,1.8vw,2.8rem);font-weight:800;letter-spacing:0;line-height:1.05}.tos-project-stories__idea{margin:1.1rem 0 0;color:#d2deecc7;font-size:1.35rem;line-height:1.55}.tos-project-stories__cta{display:inline-block;margin-top:1.6rem;color:var(--tos-stories-line);font-size:1.1rem;font-weight:800;letter-spacing:.2em;line-height:1.3;text-transform:uppercase;transition:color .28s ease,transform .28s ease}.tos-project-stories__card:hover,.tos-project-stories__card:focus-within{border-color:#e8d3a26b;box-shadow:0 2.4rem 5.4rem #00050e6b,0 0 0 .1rem #e8d3a229;transform:translateY(-.4rem)}.tos-project-stories__card:hover .tos-project-stories__image,.tos-project-stories__card:focus-within .tos-project-stories__image{transform:scale(1.045)}.tos-project-stories__card:hover .tos-project-stories__cta,.tos-project-stories__card:focus-within .tos-project-stories__cta{color:#f7f2e8;transform:translate(.4rem)}.tos-project-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483000;display:grid;place-items:center;padding:clamp(1.6rem,3vw,4rem);opacity:0;pointer-events:none;transition:opacity .36s cubic-bezier(.22,1,.36,1)}.tos-project-modal.is-open{opacity:1;pointer-events:auto}.tos-project-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:radial-gradient(circle at 45% 28%,rgba(78,108,150,.24),transparent 42rem),#02060cdb;-webkit-backdrop-filter:blur(1.2rem);backdrop-filter:blur(1.2rem)}.tos-project-modal__panel{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(34rem,.95fr);gap:clamp(2rem,3vw,4.4rem);width:min(144rem,94vw);max-height:min(86rem,90vh);overflow:auto;border:.1rem solid rgba(226,235,246,.16);border-radius:clamp(1.8rem,2vw,2.8rem);background:radial-gradient(circle at 18% 10%,rgba(232,211,162,.08),transparent 28rem),linear-gradient(145deg,#0a1626fa,#050b14fa);box-shadow:0 4rem 12rem #00000075,0 0 0 .1rem #f7f2e80a;opacity:0;transform:scale(.96);transition:opacity .42s cubic-bezier(.22,1,.36,1),transform .42s cubic-bezier(.22,1,.36,1)}.tos-project-modal.is-open .tos-project-modal__panel{opacity:1;transform:scale(1)}.tos-project-modal__close{position:absolute;top:1.6rem;right:1.6rem;z-index:3;display:grid;width:4.2rem;height:4.2rem;place-items:center;border:.1rem solid rgba(226,235,246,.16);border-radius:999rem;background:#050b14b8;color:var(--tos-stories-text);cursor:pointer;font-size:2.8rem;line-height:1;transition:background .24s ease,border-color .24s ease,transform .24s ease}.tos-project-modal__close:hover,.tos-project-modal__close:focus-visible{border-color:#e8d3a285;background:#142238e6;transform:translateY(-.1rem)}.tos-project-modal__image-wrap{min-height:clamp(48rem,68vh,76rem);overflow:hidden;border-radius:clamp(1.4rem,1.6vw,2.2rem);background:radial-gradient(circle at 50% 28%,rgba(247,242,232,.16),transparent 24rem),linear-gradient(145deg,#122137eb,#050b14f5);box-shadow:0 2.8rem 8rem #00050e7a}.tos-project-modal__visual{width:100%;height:100%;min-height:inherit}.tos-project-modal__visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 32%}.tos-project-modal__visual--placeholder{position:relative;background:radial-gradient(circle at 50% 34%,rgba(247,242,232,.18),transparent 16rem),linear-gradient(145deg,#34527c9e,#07101df5)}.tos-project-modal__visual--placeholder:before{content:"";position:absolute;inset:18% 24% auto;height:42%;border:.12rem solid rgba(247,242,232,.2);border-radius:999rem;background:#f7f2e80f}.tos-project-modal__visual--placeholder:after{content:"";position:absolute;right:12%;bottom:16%;width:44%;aspect-ratio:1;border-radius:999rem;background:radial-gradient(circle,rgba(232,211,162,.32),transparent 68%);filter:blur(.4rem)}.tos-project-modal__content{display:flex;flex-direction:column;justify-content:center;padding:clamp(3.2rem,4vw,6.4rem) clamp(2.2rem,3vw,4.8rem) clamp(3.2rem,4vw,5.6rem) 0}.tos-project-modal__category,.tos-project-modal__eyebrow{margin:0;color:#e8d3a2d6;font-size:1.1rem;font-weight:800;letter-spacing:.32em;line-height:1.4;text-transform:uppercase}.tos-project-modal__title{margin:1.2rem 0 3rem;color:var(--tos-stories-text);font-size:clamp(4rem,4.8vw,7.2rem);font-weight:850;letter-spacing:0;line-height:.95}.tos-project-modal__section{margin-top:0}.tos-project-modal__story{max-width:58rem;margin:1.2rem 0 0;color:#e2ebf6d1;font-size:clamp(1.7rem,1.2vw,2.1rem);line-height:1.75}.tos-project-modal__chips{display:flex;flex-wrap:wrap;gap:1rem;margin:3rem 0}.tos-project-modal__chip{display:inline-flex;flex-direction:column;gap:.35rem;min-width:11rem;padding:1rem 1.2rem;border:.1rem solid rgba(226,235,246,.14);border-radius:1.2rem;background:#f7f2e80b;color:var(--tos-stories-text)}.tos-project-modal__chip-label{color:#d2deec8f;font-size:.9rem;font-weight:800;letter-spacing:.22em;line-height:1.3;text-transform:uppercase}.tos-project-modal__chip-value{font-size:1.35rem;font-weight:700;line-height:1.3}.tos-project-modal__reaction{position:relative;padding:clamp(2.4rem,2.8vw,3.8rem);border:.1rem solid rgba(232,211,162,.2);border-radius:2rem;background:linear-gradient(135deg,#f7f2e812,#f7f2e806),radial-gradient(circle at 12% 0%,rgba(232,211,162,.1),transparent 20rem);box-shadow:inset 0 0 0 .1rem #f7f2e806}.tos-project-modal__reaction:before{content:"";position:absolute;top:2.4rem;bottom:2.4rem;left:0;width:.3rem;border-radius:999rem;background:linear-gradient(180deg,#e8d3a21f,#e8d3a2b8,#e8d3a21f)}.tos-project-modal__memory-note{max-width:42rem;margin:.9rem 0 0;color:#d2deec9e;font-size:1.35rem;line-height:1.6}.tos-project-modal__reaction blockquote{margin:2rem 0 0;color:var(--tos-stories-text);font-family:Georgia,Times New Roman,serif;font-size:clamp(1.85rem,1.35vw,2.35rem);font-style:italic;line-height:1.62}.tos-project-modal__actions{display:flex;flex-wrap:wrap;gap:1.2rem;margin-top:3rem}.tos-project-modal__primary,.tos-project-modal__secondary{display:inline-flex;align-items:center;justify-content:center;min-height:4.8rem;padding:0 2.2rem;border-radius:999rem;font-size:1.2rem;font-weight:850;letter-spacing:.16em;line-height:1.2;text-decoration:none;text-transform:uppercase;transition:border-color .26s ease,background .26s ease,color .26s ease,transform .26s ease}.tos-project-modal__primary{border:.1rem solid #f0ddb0;background:#f0ddb0;color:#07101d!important}.tos-project-modal__primary:link,.tos-project-modal__primary:visited{color:#07101d!important}.tos-project-modal__secondary{border:.1rem solid rgba(226,235,246,.16);background:transparent;color:var(--tos-stories-text);cursor:pointer}.tos-project-modal__primary:hover,.tos-project-modal__primary:focus-visible{background:#f7f2e8;border-color:#f7f2e8;color:#07101d!important;transform:translateY(-.15rem)}.tos-project-modal__secondary:hover,.tos-project-modal__secondary:focus-visible{transform:translateY(-.15rem)}body.tos-project-modal-open{overflow:hidden}body.tos-project-modal-open .footer,body.tos-project-modal-open .shopify-section-group-footer-group,body.tos-project-modal-open .newsletter,body.tos-project-modal-open .footer-block--newsletter{pointer-events:none;visibility:hidden}.tos-project-stories.is-visible:after{opacity:1}.tos-project-stories.is-visible .tos-project-stories__spotlight{opacity:1;transform:translate(-50%,-50%) scale(1.08)}.tos-project-stories.is-visible .tos-project-stories__kicker{animation:tosStoriesKicker .82s .16s cubic-bezier(.22,1,.36,1) both}.tos-project-stories.is-visible .tos-project-stories__kicker span{animation:tosStoriesKickerLetter .64s calc(.26s + (var(--tos-kicker-letter) * 32ms)) cubic-bezier(.22,1,.36,1) both}.tos-project-stories.is-visible .tos-project-stories__line{animation:tosStoriesLine 1.12s 1.04s cubic-bezier(.22,1,.36,1) both}.tos-project-stories.is-visible .tos-project-stories__headline span{animation:tosStoriesWord 1.28s calc(1.52s + (var(--tos-story-word) * 145ms)) cubic-bezier(.22,1,.36,1) both}.tos-project-stories.is-visible .tos-project-stories__subheading{animation:tosStoriesSubheading 1.04s 2.9s cubic-bezier(.22,1,.36,1) both}@keyframes tosStoriesKicker{to{opacity:1;transform:translateY(0)}}@keyframes tosStoriesKickerLetter{to{opacity:1;transform:translateY(0)}}@keyframes tosStoriesLine{to{opacity:1;transform:scaleX(1)}}@keyframes tosStoriesWord{to{opacity:1;text-shadow:0 0 2.6rem rgba(247,242,232,.18);transform:translateY(0);clip-path:inset(0 0 0 0)}}@keyframes tosStoriesSubheading{to{opacity:1;transform:translateY(0)}}@keyframes tosStoriesCardReveal{to{filter:blur(0);opacity:1;transform:translateY(0) rotateX(0)}}@keyframes tosStoriesCatalogueSweep{0%{opacity:0;transform:translate(-50%,2rem) scaleX(.72)}45%{opacity:1}to{opacity:.34;transform:translate(-50%) scaleX(1)}}@media screen and (max-width:749px){.tos-project-stories__inner{min-height:38rem;padding:5.6rem 1.8rem}.tos-project-stories__kicker{letter-spacing:.28em}.tos-project-stories__headline{font-size:clamp(3.4rem,10vw,5rem)}.tos-project-stories__subheading{font-size:1.5rem}.tos-project-stories__catalogue{grid-template-columns:1fr;width:min(100%,42rem)}.tos-project-stories__card{min-height:38rem}.tos-project-modal{align-items:start;padding:1.2rem;overflow-y:auto}.tos-project-modal__panel{grid-template-columns:1fr;gap:0;width:100%;max-height:none;margin:2rem 0;overflow:visible}.tos-project-modal__image-wrap{min-height:34rem;border-radius:1.8rem 1.8rem 0 0}.tos-project-modal__content{padding:2.6rem 2rem 2.4rem}.tos-project-modal__close{top:1rem;right:1rem;width:3.8rem;height:3.8rem}.tos-project-modal__title{margin-bottom:2.2rem;font-size:clamp(3.2rem,12vw,5.2rem)}.tos-project-modal__story{font-size:1.55rem}.tos-project-modal__chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.tos-project-modal__chip{min-width:0}.tos-project-modal__actions{display:grid}}@media screen and (min-width:750px)and (max-width:1189px){.tos-project-stories__catalogue{grid-template-columns:repeat(2,minmax(0,1fr));width:min(92vw,78rem)}}@media screen and (min-width:1190px)and (max-width:1439px){.tos-project-stories__catalogue{grid-template-columns:repeat(4,minmax(0,1fr))}.tos-project-stories__card:last-child{display:none}}@media(prefers-reduced-motion:reduce){.tos-project-stories *,.tos-project-stories *:before,.tos-project-stories *:after{animation:none!important;transition:none!important}.tos-project-stories__spotlight,.tos-project-stories__kicker,.tos-project-stories__kicker span,.tos-project-stories__line,.tos-project-stories__headline span,.tos-project-stories__subheading{opacity:1;transform:none;clip-path:none}.tos-project-stories__card{filter:none;opacity:1;transform:none}.tos-project-stories:after,.tos-project-stories__catalogue:before{opacity:1}.tos-project-stories__card:hover,.tos-project-stories__card:focus-within,.tos-project-stories__card:hover .tos-project-stories__image,.tos-project-stories__card:focus-within .tos-project-stories__image,.tos-project-stories__card:hover .tos-project-stories__cta,.tos-project-stories__card:focus-within .tos-project-stories__cta{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/tos-project-stories.css.map */
