.cs{background:var(--paper-50)}.cs-eyebrow{color:var(--cs1, #0B3A82)}.cs-stat-v{background:linear-gradient(100deg,var(--cs1, #0B3A82),#7C5CFF);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.cs-hero{position:relative;overflow:hidden;color:#fff;padding:60px 0 76px;isolation:isolate}.cs-hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:linear-gradient(160deg,var(--cs1, #0B3A82) 0%,var(--cs2, #05143B) 65%,#06070D 100%)}.cs-hero-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(50% 60% at 82% 8%,rgba(255,209,0,.2),transparent 55%),radial-gradient(50% 60% at 8% 92%,rgba(124,92,255,.26),transparent 60%)}.cs-hero-grain{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;opacity:.35;mix-blend-mode:overlay;pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.04 0'/></filter><rect width='200' height='200' filter='url(%23n)'/></svg>")}.cs-hero-inner{position:relative;z-index:2;max-width:800px}.cs-crumbs{color:#ffffff8c;margin-bottom:22px}.cs-crumbs a{cursor:pointer}.cs-hero-badge{display:flex;align-items:center;gap:12px;margin-bottom:22px}.cs-hero-crest{width:52px;height:52px;border-radius:13px;background:#ffffff1a;border:1px solid rgba(255,255,255,.22);display:flex;align-items:center;justify-content:center;overflow:hidden}.cs-hero-kicker{font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#fffc}.cs-hero-title{font-family:var(--font-display);font-weight:800;font-size:clamp(34px,5vw,62px);line-height:1;letter-spacing:-.035em;margin:0;max-width:16ch}.cs-hero-sub{font-size:18px;line-height:1.6;color:#ffffffc7;margin:20px 0 0;max-width:620px}.cs-hero-btns{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}.cs-pillars{display:grid;grid-template-columns:1fr 1fr;gap:16px}.cs-pillar{display:grid;grid-template-columns:132px 1fr;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden}.cs-pillar-art{position:relative;overflow:hidden;background:linear-gradient(160deg,var(--c1),var(--c2));display:flex;align-items:center;justify-content:center}.cs-pillar-num{position:absolute;top:10px;left:12px;z-index:3;font-family:var(--font-mono);font-size:12px;font-weight:700;color:#ffffffb3}.cs-pillar-icon{position:relative;z-index:2;width:52px;height:52px;border-radius:15px;background:#ffffff29;border:1px solid rgba(255,255,255,.28);display:flex;align-items:center;justify-content:center;color:#fff}.cs-pillar-body{padding:22px}.cs-pillar-body h3{font-family:var(--font-display);font-weight:800;font-size:19px;letter-spacing:-.02em;color:var(--ink-950);margin:0}.cs-pillar-body p{font-size:14px;line-height:1.55;color:var(--fg-muted);margin:8px 0 0}.cs-golden{position:relative;padding:84px 0;background:#0a0a14;color:#fff;overflow:hidden}.cs-golden-glow{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:radial-gradient(50% 60% at 78% 50%,rgba(255,209,0,.22),transparent 55%),radial-gradient(50% 60% at 10% 100%,rgba(124,92,255,.18),transparent 60%)}.cs-golden-inner{position:relative;z-index:2;display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}.cs-golden-eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--yellow-400)}.cs-golden-title{font-family:var(--font-display);font-weight:800;font-size:clamp(28px,3.6vw,44px);line-height:1.04;letter-spacing:-.03em;color:#fff;margin:14px 0 0}.cs-golden-sub{font-size:16px;line-height:1.6;color:#ffffffbd;margin:16px 0 0}.cs-golden-points{list-style:none;padding:0;margin:22px 0 0;display:flex;flex-direction:column;gap:10px}.cs-golden-points li{display:flex;align-items:center;gap:10px;font-size:15px;color:#ffffffe0}.cs-golden-points svg{color:var(--yellow-400);flex-shrink:0}.cs-golden-ticket{display:flex;align-items:center;justify-content:center}.cs-ticket{position:relative;width:100%;max-width:320px;aspect-ratio:3/4;border-radius:22px;background:linear-gradient(155deg,#ffe9a8,#f9d56e 40%,#d9a300);color:#3a2a00;padding:26px;display:flex;flex-direction:column;gap:6px;box-shadow:0 40px 80px #d9a30066;overflow:hidden;transform:rotate(-3deg);animation:cs-ticket-float 6s ease-in-out infinite}@keyframes cs-ticket-float{0%,to{transform:rotate(-3deg) translateY(0)}50%{transform:rotate(-2deg) translateY(-12px)}}.cs-ticket-shine{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,transparent 40%,rgba(255,255,255,.6) 50%,transparent 60%);animation:cs-shine 4s ease-in-out infinite}@keyframes cs-shine{0%{transform:translate(-120%)}60%,to{transform:translate(120%)}}.cs-ticket-crest{position:relative;z-index:2;width:50px;height:50px;border-radius:13px;background:#ffffff80;display:flex;align-items:center;justify-content:center;overflow:hidden}.cs-ticket-label{position:relative;z-index:2;font-family:var(--font-mono);font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;margin-top:14px;opacity:.7}.cs-ticket-prize{position:relative;z-index:2;font-family:var(--font-display);font-weight:800;font-size:30px;letter-spacing:-.02em;line-height:1}.cs-ticket-sub{position:relative;z-index:2;font-size:13px;font-weight:600;opacity:.7}.cs-ticket-star{position:absolute;right:22px;bottom:22px;z-index:2;width:44px;height:44px;border-radius:50%;background:#3a2a00;color:#f9d56e;display:flex;align-items:center;justify-content:center}.cs-ticket:before,.cs-ticket:after{content:"";position:absolute;width:26px;height:26px;border-radius:50%;background:#0a0a14;top:50%;transform:translateY(-50%)}.cs-ticket:before{left:-13px}.cs-ticket:after{right:-13px}.cs-stories{padding:72px 0}.cs-story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.cs-story{margin:0;padding:26px;background:#fff;border:1px solid var(--line);border-radius:18px;display:flex;flex-direction:column}.cs-story-tag{align-self:flex-start;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--cs1, #0B3A82);padding:5px 10px;border-radius:999px;background:color-mix(in oklab,var(--cs1, #0B3A82) 10%,#fff)}.cs-story blockquote{font-family:var(--font-display);font-weight:700;font-size:18px;line-height:1.35;letter-spacing:-.015em;color:var(--ink-950);margin:16px 0;flex:1}.cs-story figcaption{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;color:var(--fg-muted)}.cs-story-dot{width:26px;height:26px;border-radius:8px;flex-shrink:0}.cs-cta{padding:84px 0;background:linear-gradient(160deg,var(--cs1, #0B3A82),var(--cs2, #05143B) 70%,#06070D);color:#fff;text-align:center}.cs-cta-inner{max-width:640px;margin:0 auto}.cs-cta-crest{width:64px;height:64px;border-radius:18px;background:#ffffff1a;border:1px solid rgba(255,255,255,.22);display:inline-flex;align-items:center;justify-content:center;overflow:hidden}.cs-cta-title{font-family:var(--font-display);font-weight:800;font-size:clamp(28px,4vw,46px);line-height:1.02;letter-spacing:-.03em;margin:20px 0 0}.cs-cta-sub{font-size:17px;line-height:1.6;color:#ffffffc7;margin:16px auto 0;max-width:500px}.cs-cta-btns{display:flex;gap:12px;justify-content:center;margin-top:28px;flex-wrap:wrap}@media(max-width:1040px){.cs-pillars{grid-template-columns:1fr}.cs-golden-inner{grid-template-columns:1fr;gap:36px}.cs-golden-ticket{order:-1}.cs-story-grid{grid-template-columns:1fr}}@media(max-width:560px){.cs-pillar{grid-template-columns:1fr}.cs-pillar-art{aspect-ratio:16/7}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/yats-casestudy.css.map */