@charset "utf-8";
/* R3 common refinements. The three alternate design studies are not auto-applied. */
.cs-site [hidden]{display:none!important}
.cs-site .cs-art-card,.cs-site .cs-services>a{position:relative;overflow:hidden;isolation:isolate}
.cs-site .cs-card-art{position:absolute;right:10px;bottom:11px;width:94px;height:82px;object-fit:contain;pointer-events:none;z-index:-1}
.cs-site .cs-guide-card .cs-card-art{width:130px;height:108px;right:9px;bottom:13px}
.cs-site .cs-guide-card{padding-right:114px;min-height:190px}
.cs-site .cs-guide-card h2{font-size:20px;max-width:290px;text-wrap:balance}
.cs-site .cs-services>a{min-height:142px;padding:24px 104px 24px 22px}
.cs-site .cs-services b{line-height:1.5;font-size:16px}
.cs-site .cs-services b>span{position:absolute;right:18px;top:23px;font-size:13px}
.cs-site .cs-services p{line-height:1.8;max-width:245px}
.cs-site .cs-step-links{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:16px}
.cs-site .cs-step-links a{font-size:12px;color:var(--cs-link);padding:5px 0;border-bottom:1px solid #756447}
.cs-site .cs-step-links a:hover{color:#fff0cf;border-color:#c9ac7e}
.cs-guide-view{margin:32px 0;scroll-margin-top:20px;border:1px solid var(--cs-line);background:var(--cs-panel)}
.cs-guide-view-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 30px 18px}
.cs-guide-view-head h2{font-size:24px;line-height:1.5;margin:6px 0 0}
.cs-guide-view-head button{border:1px solid var(--cs-line);background:transparent;color:var(--cs-muted);font-size:12px;padding:8px 12px}
.cs-guide-tabs{display:flex;gap:8px;flex-wrap:wrap;padding:0 30px 20px;border-bottom:1px solid var(--cs-line)}
.cs-guide-tabs a{font-size:12px;padding:8px 13px;border:1px solid var(--cs-line);color:var(--cs-muted)}
.cs-guide-tabs a[aria-current=page]{color:#1a1c18;background:var(--cs-accent);border-color:var(--cs-accent);font-weight:700}
#cs-guide-frame{display:block;width:100%;border:0;min-height:320px;background:var(--cs-panel)}
.cs-guide-fallback{padding:10px 30px 20px;font-size:11px;text-align:right}
.cs-guide-fallback a{color:var(--cs-muted)}
@media(max-width:1100px){.cs-site .cs-guide-card{padding-right:100px}.cs-site .cs-guide-card .cs-card-art{width:100px;height:90px}.cs-site .cs-services>a{padding-right:92px}.cs-site .cs-card-art{width:83px;height:76px;right:6px}}
@media(max-width:760px){.cs-site .cs-guide-card{padding:22px 110px 22px 22px;min-height:175px}.cs-site .cs-services>a{min-height:130px;padding:23px 120px 23px 22px}.cs-site .cs-card-art{width:106px;height:88px;right:10px}.cs-guide-view-head{padding:20px 18px 16px;align-items:flex-start}.cs-guide-view-head h2{font-size:21px}.cs-guide-view-head button{flex-shrink:0}.cs-guide-tabs{padding:0 18px 18px;gap:6px}.cs-guide-tabs a{font-size:11px;padding:7px 9px}.cs-guide-fallback{padding:12px 18px}.cs-site .cs-guide-card h2{font-size:19px}}

/* R4 hero copy: same branding/layout, revised message and low-grade cyan assets. */
.cs-site .cs-hero h1{font-size:clamp(30px,3vw,41px);line-height:1.4;letter-spacing:-1.8px;word-break:keep-all;margin-bottom:16px}
.cs-hero-intro{font-size:17px;line-height:1.75;letter-spacing:-.4px;color:#e0d0af;margin:0 0 15px;word-break:keep-all}
.cs-site .cs-description{word-break:keep-all}
@media(max-width:760px){.cs-site .cs-hero h1{font-size:29px;letter-spacing:-1.6px}.cs-hero-intro{font-size:14px}}

/* R6: restrained season light and the user's original character banner. */
.cs-site .cs-hero{position:relative;isolation:isolate;overflow:hidden}
.cs-site .cs-hero-copy,.cs-site .cs-hero-art{position:relative;z-index:1}
.cs-site .cs-hero .cs-kicker{line-height:1.9;overflow-wrap:normal}
.cs-season-light{display:inline-block;white-space:nowrap;color:#dfc496;text-shadow:0 0 5px #e6bd7040,0 0 12px #dca9511c}
/* Display only source pixels x=0..1276, y=82..600; screen chrome stays outside. */
.cs-hero-echo{position:absolute;z-index:0;pointer-events:none;right:0;top:50%;transform:translateY(-50%);width:92%;max-width:1050px;aspect-ratio:1276 / 518;overflow:hidden;background-image:url('assets/hero-original-banner.jpg');background-size:100.8621% 131.6603%;background-position:0 50%;background-repeat:no-repeat;opacity:.17;filter:saturate(.7);-webkit-mask-image:radial-gradient(ellipse 67% 62% at 62% 50%,#000 15%,transparent 85%);mask-image:radial-gradient(ellipse 67% 62% at 62% 50%,#000 15%,transparent 85%)}
@media(max-width:760px){.cs-hero-echo{top:auto;bottom:0;right:-30%;transform:none;width:170%;max-width:none;opacity:.12}.cs-site .cs-hero .cs-kicker{font-size:9px;letter-spacing:1.2px}}
