.syuk-reference-hero{background:linear-gradient(90deg,rgba(249,251,254,.96) 0%,rgba(246,250,254,.94) 33%,rgba(211,228,244,.62) 69%,rgba(149,181,209,.6) 100%);min-height:500px}.syuk-reference-hero .hero-grid{min-height:500px;grid-template-columns:48% 52%}.syuk-reference-hero .hero-copy{padding:45px 0;z-index:4}.syuk-reference-hero h1{font-size:58px;font-weight:650;letter-spacing:-.048em;line-height:1.09;margin:32px 0 28px}.syuk-reference-hero h1 em{font-size:45px;font-weight:600;letter-spacing:-.055em;color:#2378ca}.syuk-reference-hero .hero-pill{font-size:12px;padding:8px 15px;box-shadow:0 2px 4px #122c3c10}.syuk-reference-hero .hero-copy>p{font-size:18px;max-width:490px;margin-bottom:32px}.syuk-reference-hero .hero-art{height:500px;overflow:visible;filter:drop-shadow(0 10px 16px #24435b40)}.hero-photo{position:absolute;object-fit:contain;max-width:none}.hero-photo-back{width:73%;height:310px;right:39%;top:92px;opacity:.68;transform:perspective(800px) rotateY(-3deg)}.hero-photo-front{width:87%;height:400px;right:-5%;top:100px;filter:contrast(1.05) saturate(.98)}.syuk-reference-hero .button{padding:13px 20px}.circle-arrow{background:#2186df;border-radius:50%;width:27px;height:27px;display:inline-grid;place-items:center;margin-left:10px}.syuk-reference-hero .watch{margin-top:16px}.site-header .brand{min-width:170px}.syuk-reference-logo{max-width:120px;height:auto;width:120px;display:block}.reference-card-image{height:200px;width:100%;object-fit:contain;mix-blend-mode:multiply}.kit-art:has(.reference-card-image){background:#eff6fa}.kit-card{border-radius:12px}.kit-copy h3{font-weight:680;letter-spacing:-.025em}
@media(max-width:850px){.syuk-reference-hero .hero-grid{grid-template-columns:1fr;min-height:800px}.syuk-reference-hero .hero-copy{padding:42px 0 0}.syuk-reference-hero .hero-art{position:absolute;right:0;bottom:0;width:100%;height:310px}.hero-photo-back{top:0;width:62%;height:230px;right:38%}.hero-photo-front{top:12px;width:77%;height:290px;right:0}.syuk-reference-hero h1{font-size:50px}.syuk-reference-hero h1 em{font-size:38px}}
@media(max-width:550px){.syuk-reference-hero .hero-grid{min-height:725px}.syuk-reference-hero h1{font-size:45px}.syuk-reference-hero h1 em{font-size:33px}.syuk-reference-hero .hero-art{height:280px}.syuk-reference-hero .hero-copy>p{font-size:16px}.syuk-reference-hero .button{font-size:12px;padding:11px 13px}.reference-card-image{height:150px}}