body.home:has(.shs-flagship-facts){--flag-ink:#17191c;--flag-red:#b62821;--flag-paper:#f7f8fa;background:var(--flag-paper)}
.home:has(.shs-flagship-facts) #header-text-nav-container{background:#f7f8fa}
.home:has(.shs-flagship-facts) #header-text-nav-container>.inner-wrap{width:min(1440px,calc(100% - 40px));max-width:none}
.home:has(.shs-flagship-facts) #header-text-nav-wrap{padding:6px clamp(12px,2vw,26px);border-radius:20px}
.home:has(.shs-flagship-facts) #header-text-nav-container.shs-header-fixed{background:#ffffffc9}
.shs-flagship-shell{width:min(1200px,calc(100% - 64px));margin-inline:auto}
.home .shs-corporate-slider .corp-slide:after{background:linear-gradient(90deg,#101216e8 0%,#101216a8 35%,#10121614 76%)}
.home .shs-corporate-slider .corp-slide-content{max-width:min(1200px,calc(100% - 128px))}
.home .shs-corporate-slider .corp-slide-content :is(h1,h2){max-width:11em;margin-bottom:20px;letter-spacing:-.035em}
.home .shs-corporate-slider .corp-slide-content p{margin-bottom:24px}
.shs-flagship-facts{background:#181b1e;color:#fff;padding:clamp(30px,5vw,65px) 0}
.shs-flagship-facts h2,.shs-flagship-visit h2{color:#fff;font-size:clamp(25px,3vw,40px);padding:0;margin:0 0 18px;line-height:1.25}
.shs-flagship-fact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0}
.shs-flagship-fact-grid>div{padding:clamp(14px,2vw,25px);border-radius:14px;background:#25292e}
.shs-flagship-fact-grid dt{font-size:13px;color:#d0d5db}
.shs-flagship-fact-grid dd{margin:6px 0 0;font-size:clamp(20px,3vw,32px);font-weight:750;line-height:1.2}
.shs-flagship-fact-grid dd strong{font-variant-numeric:tabular-nums}
.shs-flagship-courses{padding:clamp(35px,6vw,76px) 0}
.shs-flagship-heading{display:flex;justify-content:space-between;align-items:end;gap:12px;margin-bottom:20px}
.shs-flagship-heading h2,.shs-flagship-cta h2{padding:0;margin:0;color:var(--flag-ink);font-size:clamp(27px,3vw,42px);line-height:1.2}
.shs-flagship-course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.shs-flagship-course-grid>article{overflow:hidden;border:1px solid #e4e7eb;border-radius:15px;background:#fff;margin:0}
.shs-flagship-media{aspect-ratio:16/10;overflow:hidden;background:#edeff2}
.shs-flagship-media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 58%}
.shs-flagship-car{background:#edeff2 url(assets/training-directions.webp) right center/300% auto no-repeat}
.shs-flagship-card{padding:18px 20px}
.shs-flagship-card h3{padding:0;margin:0 0 6px;font-size:23px;color:var(--flag-ink)}
.shs-flagship-card p{margin:0 0 12px;color:#4d535a}
.shs-flagship-link,.shs-flagship-primary{display:inline-flex;align-items:center;gap:6px;min-height:44px;font-weight:700;color:var(--flag-red);text-decoration:none}
.shs-flagship-link::after{content:"";width:16px;height:16px;background:currentColor;mask:url(assets/site-icons/chevron-right.svg) center/contain no-repeat}
.shs-flagship-visit{box-sizing:border-box;min-height:clamp(210px,30vw,370px);display:flex;align-items:center;padding:clamp(24px,5vw,64px);border-radius:18px;background:#181b1e linear-gradient(90deg,#111417ec,#11141738) center/cover no-repeat;background-image:linear-gradient(90deg,#111417ed,#11141730),url(assets/training-yard.webp);background-position:center,center 62%}
.shs-flagship-visit .shs-flagship-link{color:#fff}
.shs-flagship-cta{box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:clamp(20px,4vw,40px);margin-block:28px 46px;background:#fff;border:1px solid #e4e7eb;border-radius:16px}
.shs-flagship-cta h2{font-size:clamp(22px,2.6vw,32px)}
.shs-flagship-cta p{margin:8px 0 0;color:#4d535a}
.shs-flagship-primary{padding:0 18px;border-radius:8px;background:var(--flag-red);color:#fff!important;white-space:nowrap}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.shs-flagship-course-grid>article,.shs-flagship-link::after,.shs-flagship-primary{transition:translate .2s ease,box-shadow .2s ease}.shs-flagship-course-grid>article:hover{translate:0 -3px;box-shadow:0 10px 25px #17191c12}.shs-flagship-link:hover::after{translate:3px 0}.shs-flagship-primary:hover{translate:0 -2px}}
@media(max-width:900px){.home:has(.shs-flagship-facts) #header-text-nav-container>.inner-wrap{width:calc(100% - 32px)}.shs-flagship-shell{width:calc(100% - 40px)}}
@media(max-width:680px){.home .shs-corporate-slider .corp-slide-content{width:calc(100% - 88px);max-width:none}.shs-flagship-course-grid{grid-template-columns:1fr}.shs-flagship-fact-grid{gap:6px}.shs-flagship-fact-grid>div{padding:12px 8px}.shs-flagship-fact-grid dd{font-size:clamp(16px,4.3vw,22px)}.shs-flagship-cta{align-items:flex-start;flex-direction:column}.shs-flagship-heading{align-items:center}}
.home:has(.shs-flagship-facts) #masthead #header-text-nav-wrap{padding:8px clamp(12px,2vw,24px);border:1px solid #e6e8eb;background:#fff;border-radius:18px}
.home:has(.shs-flagship-facts) #header-text-nav-container{padding-block:8px}
.home:has(.shs-flagship-facts) #header-text-nav-container.shs-header-fixed #header-text-nav-wrap{background:#ffffffb5}

/* Shared flagship shell; preserve WordPress navigation and content routes. */
body.wp-theme-spacious{--flag-ink:#181a1e;--flag-red:#b72b24;--flag-paper:#f5f5f7}
body.wp-theme-spacious #header-text-nav-container{padding:8px 0;background:#f5f5f7}
body.wp-theme-spacious #header-text-nav-container>.inner-wrap{width:min(1440px,calc(100% - 38px));max-width:none}
body.wp-theme-spacious #masthead #header-text-nav-wrap{box-sizing:border-box;padding:8px clamp(14px,2vw,28px);border:1px solid #ffffff20;border-radius:28px;background:rgba(18,19,22,.86);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
body.wp-theme-spacious #masthead #site-title a,body.wp-theme-spacious #masthead #site-navigation.main-navigation a{color:#fff}
body.wp-theme-spacious #masthead #site-description{color:#c1c2c7}
body.wp-theme-spacious #masthead #site-navigation.main-navigation .current-menu-item>a{color:#ffaca6}
body.wp-theme-spacious #masthead #site-navigation.main-navigation #menu-item-123>a{background:#b72b24;color:#fff;border-radius:100px;padding:8px 14px;border:0}
body.wp-theme-spacious #masthead #menu-item-123>a::after{display:none}
body.wp-theme-spacious #masthead #header-text-nav-container.shs-header-fixed{background:transparent;box-shadow:none;backdrop-filter:none}
body.wp-theme-spacious #masthead .main-small-navigation ul{background:#1b1c20}
body.wp-theme-spacious #masthead .menu-toggle{background:#282a30;color:#fff;border-color:#ffffff30}
body.wp-theme-spacious #masthead .main-navigation ul ul a{background:#222428;color:#fff}
body.wp-theme-spacious .sh-foot{background:#121316;color:#d4d4d8}
body.wp-theme-spacious .sh-foot a{color:#e3e3e7}
body.wp-theme-spacious:not(.home) #main{background:#f5f5f7}
body.wp-theme-spacious:not(.home) .entry-content :is(.shs-editorial,.shs-field-service-grid article,.corp-form-panel){border-color:#e1e2e6}
body.wp-theme-spacious:not(.home) .entry-content :is(.shs-field-services,.shs-field-gallery,.shs-editorial) h2{color:#181a1e}
body.page-id-10 #main #reservation{background:#fff;border-color:#dedfe3;border-radius:20px}
.home:has(.shs-bento) #masthead{position:absolute;top:0;left:0;width:100%;z-index:100}
.home.admin-bar:has(.shs-bento) #masthead{top:32px}
.home:has(.shs-bento) #masthead #header-text-nav-container{background:transparent}
.home:has(.shs-bento) .shs-header-spacer{height:0!important}
.home:has(.shs-bento) .corp-slider .corp-slide-content{position:relative;z-index:2;padding-top:48px}
.home:has(.shs-bento) .corp-slider .corp-slide-content :is(h1,h2){font-size:clamp(35px,5.6vw,82px);max-width:13em}
.home:has(.shs-bento) .corp-slider::before{content:"SHUNHONG";position:absolute;z-index:2;pointer-events:none;inset:14% auto auto 7%;font-size:clamp(48px,12vw,192px);font-weight:900;letter-spacing:-.055em;line-height:1;color:transparent;-webkit-text-stroke:1px #ffffff2b}
.home:has(.shs-bento) .corp-slider .corp-dots{bottom:75px}
.shs-hero-data{position:absolute;z-index:3;bottom:14px;left:50%;translate:-50% 0;display:flex;align-items:center;justify-content:center;width:max-content;max-width:calc(100% - 34px);padding:8px 12px;border:1px solid #ffffff35;border-radius:18px;background:#151619b5;color:#fff;backdrop-filter:blur(18px);font-size:14px}
.shs-hero-data span{padding:4px 14px;white-space:nowrap}
.shs-hero-data span+span{border-left:1px solid #ffffff35}
.shs-bento{background:#070708;color:#fff;padding:clamp(32px,6vw,80px) 0}
.shs-bento .shs-flagship-heading h2,.shs-bento .shs-flagship-link{color:#fff}
.shs-bento-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:15px}
.shs-bento-grid article{box-sizing:border-box;margin:0;min-height:220px;padding:clamp(22px,4vw,42px);border-radius:28px;background:#202125;color:#fff}
.shs-bento-grid :is(h3,p){color:#fff;margin:9px 0 0;padding:0}
.shs-bento-grid h3{font-size:clamp(28px,4vw,55px);line-height:1.12}
.shs-bento-grid article>span,.shs-bento-grid article>div>span{color:#ececf0}
.shs-bento-grid .shs-bento-yard{background:#1b1d21 linear-gradient(90deg,#0f1013dc,#0f101340) center/cover no-repeat;background-image:linear-gradient(90deg,#0f1013dc,#0f101340),url(assets/training-yard.webp);background-position:center,center 66%;display:flex;align-items:end;min-height:320px}
.shs-bento-grid .shs-bento-red{background:#ac2821}
.shs-bento-grid ul{display:flex;flex-wrap:wrap;gap:7px 16px;margin:16px 0 0;list-style:none}
.shs-portrait-grid>a{position:relative;isolation:isolate;display:flex;align-items:end;overflow:hidden;border-radius:24px;min-height:clamp(330px,40vw,520px);background:#1b1c20;color:#fff}
.shs-portrait-grid>a::before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#08090be8,transparent 74%);z-index:-1}
.shs-portrait-grid img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.shs-portrait-grid>a>div{padding:24px}
.shs-portrait-grid :is(h3,p){color:#fff;padding:0;margin:5px 0}
.shs-portrait-grid h3{font-size:clamp(24px,3vw,35px)}
.shs-action-wrap{background:#101113;color:#fff}
.shs-action-wrap .shs-flagship-cta{background:transparent;border:0;margin-block:0;padding-block:clamp(34px,6vw,75px)}
.shs-action-wrap .shs-flagship-cta :is(h2,p){color:#fff}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.shs-portrait-grid img{transition:scale .45s ease}.shs-portrait-grid>a:hover img{scale:1.035}}
@media(max-width:782px){.home.admin-bar:has(.shs-bento) #masthead{top:46px}}
@media(max-width:760px){body.wp-theme-spacious #header-text-nav-container>.inner-wrap{width:calc(100% - 22px)}.shs-bento-grid{grid-template-columns:1fr}.shs-bento-grid article,.shs-bento-grid .shs-bento-yard{min-height:185px}.shs-portrait-grid{grid-template-columns:1fr}.shs-portrait-grid>a{min-height:295px}.shs-hero-data{font-size:11px}.shs-hero-data span{padding-inline:7px}}

/* Companion pages: dark editorial title band, shared grid and quiet chrome. */
body.wp-theme-spacious:not(.home) #main>.inner-wrap{width:min(1200px,calc(100% - 64px));max-width:none}
body.wp-theme-spacious:not(.home) #main{padding-block:clamp(20px,3vw,42px)}
body.wp-theme-spacious:not(.home) #main .entry-content :is(.shs-field-services,.shs-field-gallery){width:100%;padding:0}
body.wp-theme-spacious:not(.home) #main .entry-content :is(.shs-editorial,.shs-field-service-grid article,.shs-training-visit,.sh-timeline-row){background:white;border:1px solid #e3e4e8;border-radius:20px;box-shadow:0 9px 30px #18191c08}
body.page-id-8 #main .entry-content .shs-editorial{box-sizing:border-box;max-width:920px;padding:clamp(22px,4vw,54px)}
body.page-id-8 #main .entry-content .shs-editorial>h2:first-of-type{font-size:clamp(24px,3vw,42px);line-height:1.2}
body.page-id-8 #main .entry-content .shs-org{background:#1b1c20;border:0;color:#f4f4f5;border-radius:16px}
body.page-id-8 #main .entry-content .shs-org>p,body.page-id-8 #main .entry-content .shs-org-teams>li{background:#292b31;border-color:#404249;color:#f4f4f5}
body.page-id-8 #main .entry-content .shs-org>p strong{color:#fff}
body.page-id-9 #main .shs-field-service-grid{gap:17px}
body.page-id-9 #main .shs-field-service-grid article{overflow:hidden;display:flex;flex-direction:column;align-items:stretch}
body.page-id-9 #main .shs-field-service-grid .shs-field-vehicle{width:100%;aspect-ratio:1.55;background-color:#f3f4f6}
body.page-id-9 #main .shs-field-service-grid .shs-field-service-copy{padding:22px}
body.page-id-9 #main .shs-training-visit{margin-top:22px}
body.page-id-76 #main .shs-field-gallery-feature,body.page-id-76 #main .shs-field-gallery-grid figure{border-radius:20px;overflow:hidden}
body.page-id-87 #main .sh-timeline-row{padding:clamp(14px,2vw,25px);margin-bottom:12px}
body.page-id-10 #main #reservation{margin-top:0;border-radius:22px;box-shadow:0 10px 30px #18191c0c}
body.page-id-10 #main #reservation .corp-form-panel h3{font-size:23px}
@media(min-width:900px){body.page-id-9 #main .shs-field-service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:680px){body.wp-theme-spacious:not(.home) #main>.inner-wrap{width:calc(100% - 34px)}body.wp-theme-spacious:not(.home) #main{padding-block:18px}}
@media(prefers-reduced-motion:no-preference){
 .shs-exact #hero-headline{animation:shs-route-enter .46s cubic-bezier(.2,.7,.3,1) both}
 body.wp-theme-spacious:not(.home) #main .entry-content{animation:shs-route-enter .5s cubic-bezier(.2,.7,.3,1) .08s both}
 .shs-exact :is(header,#sectors) a{transition:color .2s ease,background-color .2s ease,translate .2s ease}
 .shs-exact :is(header,#sectors) a:active{translate:0 2px}
}
@keyframes shs-route-enter{from{opacity:.25;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}

body.wp-theme-spacious:not(.home) #main .entry-content :is(.shs-field-services>header,.shs-field-gallery-head){box-sizing:border-box;padding:clamp(19px,3vw,36px);border-radius:20px;background:#17181c;color:#f3f3f5;margin:0 0 18px}
body.wp-theme-spacious:not(.home) #main .entry-content :is(.shs-field-services>header,.shs-field-gallery-head) :is(h1,h2,p){color:#fff}