@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Instrument+Serif:ital@0;1&display=swap";.os-hero{--os-pitch-black: #0A0A0A;--os-deep-purple: #4D3E77;--os-electric-violet: #9581D3;--os-magenta: #B171BC;--os-shock-yellow: #D4F490;--os-off-white: #F2F1E9;--os-ink: #1A1A1A;position:relative;padding:80px 0 120px;overflow:hidden;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--os-ink)}.os-hero__wrapper{display:grid;grid-template-columns:1.15fr 1fr;gap:80px;align-items:center;position:relative}.os-hero__left{position:relative}.os-hero__corner-star{position:absolute;top:-40px;left:-50px;font-size:40px;color:var(--os-electric-violet);animation:os-hero-spin 24s linear infinite;line-height:1}@keyframes os-hero-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.os-hero__eyebrow-row{display:flex;align-items:center;gap:16px;margin-bottom:36px;flex-wrap:wrap}.os-hero__badge{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:100px;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;line-height:1}.os-hero__badge-dot{width:6px;height:6px;border-radius:50%;display:inline-block;animation:os-hero-pulse 2s infinite}@keyframes os-hero-pulse{0%,to{opacity:1}50%{opacity:.4}}.os-hero__eyebrow{display:inline-flex;align-items:center;gap:12px;font-size:12px;font-weight:600;letter-spacing:.15em;text-transform:uppercase}.os-hero__eyebrow-line{display:inline-block;width:28px;height:1px}.os-hero__headline{font-family:Inter,sans-serif;font-size:clamp(48px,7vw,96px);font-weight:800;letter-spacing:-.035em;line-height:.96;margin:0 0 32px}.os-hero__line{display:block}.os-hero__line--serif{font-family:"Instrument Serif",serif;font-style:italic;font-weight:400;letter-spacing:-.015em}.os-hero__marker{background:linear-gradient(180deg,transparent 55%,var(--marker-color, var(--os-shock-yellow)) 55%,var(--marker-color, var(--os-shock-yellow)) 92%,transparent 92%);padding:0 6px;box-decoration-break:clone;-webkit-box-decoration-break:clone}.os-hero__subtitle{font-size:18px;line-height:1.55;max-width:520px;margin:0 0 40px;opacity:.75}.os-hero__cta-row{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.os-hero__btn{display:inline-flex;align-items:center;gap:10px;padding:15px 28px;border-radius:100px;font-family:Inter,sans-serif;font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);border:1.5px solid transparent;min-height:48px;line-height:1;white-space:nowrap}.os-hero__btn[hidden]{display:none!important}.os-hero__btn-arrow{display:inline-block;transition:transform .2s ease}.os-hero__btn:hover .os-hero__btn-arrow{transform:translate(4px)}.os-hero__btn--yellow{background:var(--os-shock-yellow);color:var(--os-pitch-black);border-color:var(--os-pitch-black)}.os-hero__btn--yellow:hover{transform:translateY(-2px);box-shadow:5px 5px 0 var(--os-pitch-black)}.os-hero__btn--black{background:var(--os-pitch-black);color:var(--os-shock-yellow);border-color:var(--os-pitch-black)}.os-hero__btn--black:hover{background:var(--os-deep-purple);border-color:var(--os-deep-purple);transform:translateY(-2px)}.os-hero__btn--purple{background:var(--os-deep-purple);color:#fff;border-color:var(--os-deep-purple)}.os-hero__btn--purple:hover{filter:brightness(1.1);transform:translateY(-2px)}.os-hero__btn--ghost{background:transparent;color:var(--os-pitch-black);border-color:var(--os-pitch-black)}.os-hero__btn--ghost:hover{background:var(--os-pitch-black);color:var(--os-off-white)}.os-hero__toggle{display:inline-flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#0a0a0a99}.os-hero__toggle-input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.os-hero__toggle-switch{position:relative;width:46px;height:26px;background:#0a0a0a26;border-radius:100px;transition:background .25s ease;display:inline-block;flex-shrink:0;border:1.5px solid transparent}.os-hero__toggle-knob{position:absolute;top:2px;left:2px;width:18px;height:18px;background:#fff;border-radius:50%;transition:transform .25s cubic-bezier(.4,0,.2,1),background .25s;box-shadow:0 2px 4px #00000026}.os-hero__toggle-input:checked+.os-hero__toggle-switch{background:var(--os-shock-yellow);border-color:var(--os-pitch-black)}.os-hero__toggle-input:checked+.os-hero__toggle-switch .os-hero__toggle-knob{transform:translate(20px);background:var(--os-pitch-black)}.os-hero__toggle-input:focus-visible+.os-hero__toggle-switch{outline:2px solid var(--os-deep-purple);outline-offset:3px}.os-hero__toggle-label{display:inline-block}.os-hero__right{position:relative}.os-hero__image-wrap{position:relative;aspect-ratio:4/5;max-width:520px;margin-left:auto}.os-hero__image{width:100%;height:100%;object-fit:cover;border-radius:24px;box-shadow:0 24px 60px #0a0a0a1f;position:relative;z-index:2}.os-hero__image-wrap--tilt .os-hero__image{transform:rotate(-2deg);transition:transform .5s ease}.os-hero__image-wrap--tilt:hover .os-hero__image{transform:rotate(0)}.os-hero__image-accent{position:absolute;top:-28px;right:-28px;width:55%;aspect-ratio:1/1;border-radius:24px;z-index:1;transform:rotate(4deg);opacity:.9}.os-hero__sticker{position:absolute;width:130px;height:130px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-weight:700;font-size:12px;letter-spacing:.1em;line-height:1.25;text-transform:uppercase;border:2px solid;box-shadow:4px 4px 0 currentColor;z-index:3;padding:12px;animation:os-hero-wobble 6s ease-in-out infinite}.os-hero__sticker-text{white-space:pre-line}.os-hero__sticker-stars{display:block;margin-top:6px;font-size:9px;letter-spacing:.15em}.os-hero__sticker--top-right{top:-20px;right:-30px;transform:rotate(12deg)}.os-hero__sticker--bottom-right{bottom:-30px;right:-30px;transform:rotate(-12deg)}.os-hero__sticker--bottom-left{bottom:-30px;left:-30px;transform:rotate(-8deg)}.os-hero__sticker--top-left{top:-20px;left:-30px;transform:rotate(-12deg)}@keyframes os-hero-wobble{0%,to{transform:rotate(var(--rot, -12deg)) translateY(0)}50%{transform:rotate(calc(var(--rot, -12deg) + 4deg)) translateY(-3px)}}.os-hero__sticker--top-right{--rot: 12deg}.os-hero__sticker--bottom-right{--rot: -12deg}.os-hero__sticker--bottom-left{--rot: -8deg}.os-hero__sticker--top-left{--rot: -12deg}@media(max-width:1024px){.os-hero__wrapper{gap:56px}.os-hero__corner-star{top:-20px;left:-20px;font-size:28px}}@media(max-width:900px){.os-hero{padding:60px 0 90px}.os-hero__wrapper{grid-template-columns:1fr;gap:56px}.os-hero__right{order:-1;max-width:420px;margin:0 auto}.os-hero__image-wrap{margin:0 auto}}@media(max-width:640px){.os-hero{padding:40px 0 70px}.os-hero__headline{font-size:clamp(42px,11vw,64px)}.os-hero__subtitle{font-size:16px;margin-bottom:32px}.os-hero__cta-row{gap:16px}.os-hero__btn{padding:14px 22px;font-size:12px}.os-hero__sticker{width:100px;height:100px;font-size:10px}.os-hero__image-accent{top:-16px;right:-16px}}
/*# sourceMappingURL=/cdn/shop/t/44/assets/our-story-hero.css.map */
