.visual-guides{background:#faf7f0;color:#244b3b}.visual-guides>header,.visual-guides>footer{max-width:none;padding:0;display:block}.visual-guides header img{mix-blend-mode:normal}.visual-guides .header{gap:18px}.visual-guides .header nav{flex-wrap:nowrap}.visual-guides header .btn{white-space:nowrap;margin:0}.visual-guides main{max-width:1200px;padding:0 38px}.visual-guides .hero{display:grid;grid-template-columns:1.15fr .85fr;max-width:none;gap:60px;align-items:center;padding:50px 0 60px}.visual-guides h1{font-size:clamp(44px,4.6vw,64px);line-height:1.08;letter-spacing:-.025em}.visual-guides .hero>img{width:100%;height:470px;max-height:none;object-fit:cover;border-radius:230px 230px 10px 10px;box-shadow:10px 10px 0 #dfd4b9}.visual-guides .hero p{font-size:18px;line-height:1.65}.visual-guides .hero .small{font-size:15px}.guide-ribbon{height:35px;background:linear-gradient(110deg,#24503f,#6d9b85,#2e6953);border-top:1px solid #b8924d;border-bottom:1px solid #b8924d}.visual-guides .section{padding:45px 0;border-color:#b8924d88}.visual-guides main h2{font-size:36px;line-height:1.16}.visual-guides h3{font-size:26px;line-height:1.2}.visual-guides .cards{gap:18px}.visual-guides .card{background:#e8ebdf;border:1px solid #b8924d77;border-radius:18px;padding:24px}.guide-story{display:grid;grid-template-columns:.85fr 1.15fr;gap:45px;align-items:center}.guide-arch{width:100%;height:340px;object-fit:cover;border-radius:180px 180px 10px 10px;box-shadow:8px 8px 0 #dfd4b9}.visual-guides .quote{background:#244b3b;color:#faf7f0;border-left:4px solid #b8924d;padding:30px;border-radius:16px;font-size:29px}.guide-start{display:grid;grid-template-columns:170px 1fr;gap:38px;align-items:start}.guide-mascot{width:170px;height:275px;object-fit:contain;background:#e8ebdf;border-radius:110px 110px 12px 12px;border:1px solid #b8924d}.visual-guides .steps div{border-color:#b8924d;border-radius:10px}.visual-guides .note{border-left:3px solid #b8924d}.visual-guides .button,.visual-guides main .btn{border-radius:28px;padding:14px 24px}.visual-guides main a:not(.button):not(.btn){text-decoration:underline;text-underline-offset:4px}.visual-guides .grid{gap:24px;margin-top:28px}.visual-guides .grid article{background:#f5f0e4;border:1px solid #b8924d88;border-radius:18px;padding:24px}.routine-image{display:block;width:100%;height:215px;object-fit:cover;border-radius:115px 115px 8px 8px;margin-bottom:22px}.visual-guides main>p{font-size:15px;margin:10px 0 35px}.visual-guides footer .shell{max-width:1280px}.visual-guides .footer-grid{padding-top:45px;padding-bottom:45px}
@media(max-width:760px){.visual-guides main{padding:0 24px}.visual-guides .hero{display:flex;flex-direction:column-reverse;gap:30px;padding:25px 0 35px}.visual-guides .hero>img{height:280px;max-width:100%;border-radius:150px 150px 8px 8px;box-shadow:6px 6px 0 #dfd4b9}.visual-guides h1{font-size:44px}.visual-guides main h2{font-size:31px}.visual-guides .section{padding:32px 0}.guide-ribbon{height:24px}.guide-story,.guide-start{display:block}.guide-arch{height:230px;margin-bottom:30px}.guide-mascot{display:block;width:115px;height:180px;margin:0 auto 25px}.visual-guides .quote{font-size:25px;padding:24px}.visual-guides .grid,.visual-guides .cards,.visual-guides .steps{grid-template-columns:1fr}.routine-image{height:190px}.visual-guides .grid article{padding:20px}.visual-guides .footer-grid{padding:32px 24px}.visual-guides .header{height:auto;min-height:100px;padding:16px 20px;gap:10px}.visual-guides header details.mobile{border:0;padding:0}.visual-guides header .btn{font-size:14px;padding:12px 15px}}
@media(prefers-reduced-motion:reduce){.visual-guides{scroll-behavior:auto}.visual-guides *{animation:none!important;transition:none!important}}
.visual-guides .hero,.visual-guides .hero h1,.visual-guides .hero p,.visual-guides .hero .eyebrow{color:#244b3b!important}.visual-guides .logo-window{display:block;width:110px;height:70px;overflow:visible}.visual-guides .logo-window img{position:static!important;transform:none!important;width:110px!important;height:70px!important;max-width:none!important;object-fit:contain!important}.visual-guides .hero{min-height:0}
.visual-guides .logo-window{max-width:none;position:relative;width:160px;height:65px;overflow:hidden}.visual-guides .logo-window img{position:absolute!important;width:310px!important;height:auto!important;left:-70px;top:-67px;filter:url(#logo-clear)}
@media(max-width:760px){.visual-guides .logo-window{width:108px;height:53px}.visual-guides .logo-window img{width:235px!important;left:-55px;top:-49px}}

@media(min-width:761px){body.visual-guides .logo-window{width:160px!important}}

.visual-guides .guide-hero-image{object-position:right center}
