/* Cheongsonara palette sampled from the supplied mascot, 2026-10-29.
   BROS font stack verified from its public stylesheet. */
:root {
 --brand-blue:#005dce; --brand-blue-deep:#014fbe; --brand-sky:#61c4fd;
 --brand-navy:#001d4a; --brand-accent:#61c4fd;
 --brand-tint:#eff8ff; --brand-line:#d5e9f8; --brand-muted:#5c748e;
 --bg:#fff; --warm:var(--brand-tint); --greige:#e0f1fd;
 --ink:var(--brand-navy); --muted:var(--brand-muted); --line:var(--brand-line);
 --taupe:#88b6d8; --blue:var(--brand-blue); --blue-press:var(--brand-blue-deep);
 --font-sans:-apple-system,BlinkMacSystemFont,"Pretendard Variable","Pretendard","Segoe UI",Roboto,sans-serif;
}
body {font-family:var(--font-sans);}
button,input,select,textarea {font-family:inherit;}
h1,h2,h3,h4,h5,h6 {font-family:inherit;}
.reference-home {--ref-blue:var(--brand-blue);--ref-black:var(--brand-navy);--ref-soft:var(--brand-tint);}
.wordmark,.footer-logo {color:var(--brand-blue);}
.nav a::after {background:var(--brand-blue);}
.btn {background:var(--brand-blue);}
.btn:hover {background:var(--brand-blue-deep);}
.btn--ghost,.btn--light {background:var(--brand-tint);color:var(--brand-navy);}
.btn--ghost:hover,.btn--light:hover {background:#dff1fe;}
.profile-eyebrow,.ref-kicker,.reference-home .profile-eyebrow,
.service-detail,.service-editorial-card .service-detail,
.care-secondary-item a,.profile-consult,.scope-editorial-foot .profile-consult {color:var(--brand-blue);}
.reference-home .service-index {color:var(--brand-blue);background:#e5f5ff;}
.service-editorial-card,.review-editorial-card,.scope-editorial-card,.ref-range-card {border-color:var(--brand-line);}
.service-editorial-card:hover {border-color:var(--brand-sky);background:#f5fbff;}
.reference-home #representative,.team-reserved,.care-secondary,#scope-preview.scope-premium {background:var(--brand-tint);}
.representative-portrait,.team-empty-photo {background:#e4f4ff;}
.representative-portrait figcaption {background:var(--brand-tint);border-color:var(--brand-line);}
.representative-editorial-copy h2,.profile-lead,.profile-commitments dt,
.service-editorial-head h2,.section-editorial-head h2,.statistics-intro h2 {color:var(--brand-navy);}
.profile-commitments,.profile-commitments > div,.team-reserved-head,.care-secondary-head {border-color:var(--brand-line);}
.profile-consult {border-bottom-color:var(--brand-sky);}
.team-empty-photo {border-color:#a7d7f4;}
.statistics-editorial {background:linear-gradient(180deg,#fff,#f6fbff 60%,#fff);}
.statistics-editorial .ref-stat-grid,.statistics-editorial .ref-stat-grid > div + div {border-color:var(--brand-line);}
.statistics-editorial .ref-stat-grid p {color:#0085ca;}
.statistics-editorial .ref-stat-grid > div > span {color:var(--brand-navy);}
.statistics-intro > span,.statistics-closing,.statistics-editorial .ref-stat-grid em {color:var(--brand-muted);}
.reference-home .ref-detail {background:var(--brand-navy);}
.ref-points > div > span {color:var(--brand-sky);}
.ref-points > div {border-color:#ffffff22;}
.ref-detail-stats strong,.ref-detail h2,.ref-points h3 {color:#fff;}
.ref-detail-stats p {color:#bedff5;}
.reference-home #reviews,.ref-scope {background:#fafdff;}
.review-editorial-image > span,.review-editorial-label,.ref-range-link {color:var(--brand-blue);}
.reference-home .ref-final,.site-footer {background:var(--brand-tint);}
.site-footer {border-color:var(--brand-line);}
.summary {background:#edf7ff;border-color:var(--brand-line);}
.choice input:checked + label {background:var(--brand-blue);border-color:var(--brand-blue);}
input[type=checkbox],input[type=range] {accent-color:var(--brand-blue);}
.hero--cinematic .hero-consult {background:#fff;color:var(--brand-navy);border-color:#fff;}
.hero--cinematic .hero-consult:hover {background:#e4f4ff;border-color:#e4f4ff;color:var(--brand-blue);}
.hero--cinematic .interior-eyebrow {color:#fff;}
.hero--cinematic h1 {font-weight:700;}
.hero--cinematic .hero-description {font-weight:400;}
.profile-eyebrow::before {content:'';display:inline-block;width:16px;height:2px;background:var(--brand-accent);vertical-align:middle;margin-right:10px;}
.hero--cinematic .hero-promise {font-weight:750;}

/* Small original mascot in the wordmark; no decorative yellow outside the logo. */
.wordmark--mascot {display:inline-flex;align-items:center;gap:9px;white-space:nowrap;}
.wordmark-mascot {position:relative;display:block;flex:none;width:42px;height:40px;overflow:hidden;}
.wordmark-mascot img {position:absolute;width:61px;max-width:none;height:auto;left:-11px;top:-4.5px;clip-path:inset(0 0 28% 0);}
.sns-kakao,.sns-toggle {background:#fee500;color:#3c1e1e;}
.kav {background:#fee500;color:#3c1e1e;}
@media(max-width:760px) {
 .wordmark--mascot {gap:7px;}
 .wordmark-mascot {width:36px;height:34px;}
 .wordmark-mascot img {width:52px;left:-9px;top:-4px;}
}

/* Balanced header lockup; Kakao retains its recognizable brand yellow. */
.site-header .wordmark--mascot {gap:10px;font-size:24px;font-weight:750;letter-spacing:-.045em;line-height:1;flex-shrink:0;}
.site-header .wordmark--mascot > span:last-child {display:block;padding-bottom:1px;}
.site-header .wordmark-mascot {width:44px;height:42px;}
.site-header .wordmark-mascot img {width:63px;left:-11px;top:-4.5px;}
@media(max-width:760px) {
 .site-header .wordmark--mascot {gap:8px;font-size:22px;}
 .site-header .wordmark-mascot {width:38px;height:36px;}
 .site-header .wordmark-mascot img {width:55px;left:-10px;top:-4px;}
}

/* FAQ and closing consultation follow the same calm editorial system. */
.reference-home .ref-faq.faq-premium {padding:clamp(72px,9vw,128px) 0;background:#fff;}
.faq-premium-layout {display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(40px,7vw,88px);align-items:start;}
.reference-home .faq-premium-intro h2 {font-size:clamp(30px,3.3vw,44px);line-height:1.45;font-weight:500;letter-spacing:-.04em;color:var(--brand-navy);}
.faq-premium-intro .profile-eyebrow {margin-bottom:24px;}
.faq-premium-intro > p {margin-top:22px;font-size:14px;line-height:1.9;}
.faq-premium-intro .profile-consult {margin-top:24px;}
.faq-premium-list {border-top:1px solid var(--brand-line);}
.faq-premium-list details {border-bottom:1px solid var(--brand-line);transition:background .2s;}
.faq-premium-list details[open] {background:#f6fbff;}
.faq-premium-list summary {display:flex;gap:18px;align-items:baseline;padding:27px 42px 27px 12px;font-size:16px;font-weight:500;line-height:1.65;color:var(--brand-navy);}
.faq-premium-list summary::before,.faq-premium-list summary::after {right:12px;width:12px;background:#5d96c1;}
.faq-number {flex:none;font-size:11px;font-weight:500;letter-spacing:.04em;color:#7899b2;}
.faq-question {min-width:0;}
.faq-premium-list details p {padding:0 30px 27px 46px;font-size:13px;line-height:1.95;color:var(--brand-muted);max-width:none;}
.reference-home .cta-final.consultation-premium {min-height:0;padding:clamp(76px,10vw,132px) 0;background:linear-gradient(135deg,#f5fbff,#e9f5ff);border-top:1px solid var(--brand-line);}
.consultation-premium::before {display:none;}
.consultation-premium .profile-eyebrow {margin-bottom:28px;letter-spacing:.16em;}
.consultation-premium .profile-eyebrow::before {display:none;}
.reference-home .consultation-premium h2 {font-size:clamp(30px,3.6vw,48px);line-height:1.45;font-weight:400;letter-spacing:-.045em;color:var(--brand-navy);}
.consultation-premium h2 strong {font-weight:700;}
.reference-home .consultation-premium p {margin-top:24px;font-size:15px;line-height:1.9;color:var(--brand-muted);max-width:40em;}
.reference-home .consultation-premium .final-consult {display:inline-flex;justify-content:space-between;gap:40px;min-width:250px;min-height:58px;margin-top:36px;padding:17px 26px;border:1px solid var(--brand-blue);border-radius:3px;background:var(--brand-blue);color:#fff;font-size:14px;font-weight:600;box-shadow:none;}
.reference-home .consultation-premium .final-consult:hover {background:var(--brand-blue-deep);border-color:var(--brand-blue-deep);}
.consultation-area {display:block;font-size:11px;letter-spacing:.04em;color:#7892a6;margin-top:22px;}
@media(max-width:760px) {
 .faq-premium-layout {grid-template-columns:1fr;gap:32px;}
 .reference-home .faq-premium-intro h2 {font-size:30px;}
 .faq-premium-intro .profile-eyebrow {margin-bottom:18px;}
 .faq-premium-intro > p {font-size:13px;margin-top:18px;}
 .faq-premium-list summary {font-size:15px;padding-top:23px;padding-bottom:23px;gap:12px;}
 .faq-premium-list details p {font-size:12px;padding-left:40px;}
 .reference-home .consultation-premium h2 {font-size:clamp(26px,6.3vw,36px);}
 .reference-home .consultation-premium p {font-size:13px;}
 .reference-home .consultation-premium .final-consult {width:auto;min-width:240px;min-height:54px;}
 .consultation-area {font-size:10px;letter-spacing:0;}
}

/* Refined shared footer with a small original mascot lockup. */
.site-footer.footer-premium {background:#f8fbfe;padding:64px 0 28px;border-top:1px solid var(--brand-line);color:var(--brand-navy);}
.footer-premium > .wrap {max-width:1120px;padding-left:32px;padding-right:32px;}
.footer-premium-top {display:grid;grid-template-columns:1.45fr .8fr 1fr;gap:64px;padding-bottom:48px;}
.footer-brand-lockup {display:inline-flex;align-items:center;gap:10px;color:var(--brand-blue);text-decoration:none;font-size:27px;font-weight:750;letter-spacing:-.045em;line-height:1;}
.footer-mascot {position:relative;display:block;flex:none;width:46px;height:43px;overflow:hidden;}
.footer-mascot img {position:absolute;width:66px;max-width:none;height:auto;left:-12px;top:-5px;clip-path:inset(0 0 28% 0);}
.footer-premium .footer-brand-promise {font-size:15px;color:var(--brand-navy);line-height:1.85;margin-top:22px;}
.footer-premium .footer-brand-area {font-size:12px;color:var(--brand-muted);line-height:1.9;margin-top:16px;}
.footer-column-label {display:block;font-size:11px;letter-spacing:.08em;font-weight:600;color:#7a94a9;margin-bottom:22px;}
.footer-premium-nav {display:flex;flex-direction:column;align-items:flex-start;gap:13px;}
.footer-premium-nav .footer-column-label {margin-bottom:9px;}
.footer-premium-nav a {font-size:13px;color:#405e78;text-decoration:none;transition:color .2s;}
.footer-premium-nav a:hover {color:var(--brand-blue);}
.footer-premium .footer-consultation > p {font-size:14px;line-height:1.9;color:var(--brand-navy);}
.footer-consult-link {display:inline-flex;align-items:center;justify-content:space-between;gap:32px;border-bottom:1px solid #9bcdf0;margin-top:20px;padding:10px 0;font-size:13px;font-weight:600;color:var(--brand-blue);text-decoration:none;}
.footer-consult-link svg {width:16px;height:16px;}
.footer-premium-bottom {display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--brand-line);padding-top:24px;}
.footer-premium .footer-premium-bottom p,.footer-premium-bottom > span {font-size:10px;color:#8398a9;margin:0;}
.footer-source-details {margin-top:18px;}
.footer-source-details summary {display:inline-block;cursor:pointer;color:#718a9f;font-size:10px;list-style:none;}
.footer-source-details summary::-webkit-details-marker {display:none;}
.footer-source-details summary::after {content:' +';}
.footer-source-details[open] summary::after {content:' −';}
.footer-premium .credits {border-top:0;margin-top:12px;padding-top:0;font-size:10px;line-height:1.9;color:#7890a2;max-width:none;}
.footer-premium .credits a {color:#557d9c;}
@media(max-width:760px) {
 .site-footer.footer-premium {padding:44px 0 24px;}
 .footer-premium > .wrap {padding-left:24px;padding-right:24px;}
 .footer-premium-top {grid-template-columns:1fr 1fr;gap:32px 24px;padding-bottom:32px;}
 .footer-brand {grid-column:1/-1;}
 .footer-brand-lockup {font-size:25px;gap:9px;}
 .footer-mascot {width:42px;height:39px;}
 .footer-mascot img {width:60px;left:-11px;top:-4.5px;}
 .footer-premium .footer-brand-promise {font-size:14px;margin-top:18px;}
 .footer-column-label {margin-bottom:18px;}
 .footer-premium-nav a {font-size:12px;}
 .footer-premium .footer-consultation > p {font-size:12px;}
 .footer-consult-link {font-size:12px;gap:18px;}
 .footer-premium-bottom {align-items:flex-start;flex-direction:column;gap:8px;}
}

/* Match the supplied reference: vivid royal blue and heavy numerals. */
:root {--brand-blue:#2563eb;--brand-blue-deep:#1d4ed8;--blue:#2563eb;--blue-press:#1d4ed8;}
.statistics-editorial .ref-stat-grid p {color:#2563eb;font-weight:900;font-size:clamp(56px,6.4vw,84px);letter-spacing:-.055em;font-variation-settings:'wght' 900;}
.statistics-editorial .ref-stat-grid small {font-weight:900;font-variation-settings:'wght' 900;font-size:.48em;letter-spacing:-.04em;}
.statistics-editorial .ref-stat-grid > div > span {font-weight:700;color:#292929;}
.statistics-editorial .ref-stat-grid em {font-weight:400;}
.statistics-intro h2,.reference-home .service-editorial-head h2,.reference-home .section-editorial-head h2,
.reference-home .representative-editorial-copy h2,.reference-home .faq-premium-intro h2,
.reference-home .consultation-premium h2 {font-weight:700;}
.reference-home .service-editorial-card h3,.team-reserved-head h2 {font-weight:700;}
@media(max-width:760px) {.statistics-editorial .ref-stat-grid p {font-size:clamp(38px,10vw,60px);}}

/* Quiet three-clip cinematic reel. */
.reference-home .hero-reel .hero-video {opacity:0;transition:opacity 1s ease;pointer-events:none;}
.reference-home .hero-reel .hero-video.is-active {opacity:1;}
.hero-reel-controls {position:absolute;z-index:3;left:50%;bottom:28px;transform:translateX(-50%);display:flex;align-items:center;gap:4px;}
.hero-reel-index {font-size:10px;letter-spacing:.1em;color:#fff;margin-right:12px;}
.hero-reel-controls button {position:relative;width:40px;height:36px;border:0;background:none;cursor:pointer;padding:0;}
.hero-reel-controls button::after {content:'';position:absolute;left:4px;right:4px;top:17px;height:2px;background:#ffffff55;transition:background .25s;}
.hero-reel-controls button.is-active::after {background:#fff;}
@media(max-width:760px) {.hero-reel-controls {bottom:68px;}.hero-reel-controls button {width:36px;}.hero-reel-index {font-size:9px;}}
@media(prefers-reduced-motion:reduce) {.reference-home .hero-reel .hero-video {transition:none;}}

/* Floating rounded white navigation bar. */
body {--header-h:88px;}
.site-header.floating-header {height:88px;padding:12px 24px;background:transparent;border:0;pointer-events:none;box-shadow:none;}
.site-header.floating-header .header-pill {pointer-events:auto;max-width:1240px;width:100%;height:64px;padding:0 16px 0 20px;gap:22px;background:rgba(255,255,255,.97);border:1px solid #e6edf5;border-radius:18px;box-shadow:0 6px 24px #001d4a0d;}
.site-header.floating-header .wordmark--mascot {font-size:22px;gap:8px;}
.floating-header .nav {display:flex;align-items:center;gap:22px;margin-left:auto;}
.floating-header .nav a {font-size:12px;font-weight:650;white-space:nowrap;}
.header-phone {display:flex;align-items:center;gap:7px;flex-shrink:0;text-decoration:none;font-size:12px;font-weight:700;color:var(--brand-navy);white-space:nowrap;}
.header-phone svg {width:15px;height:15px;}
.floating-header .header-quote {display:inline-flex;font-size:12px;padding:11px 16px;min-height:40px;border-radius:9px;white-space:nowrap;background:var(--brand-navy);}
.floating-header .header-quote:hover {background:var(--brand-blue);}
body:has(.reference-home) {padding-top:0;}
.reference-home .hero.hero--cinematic {height:100svh;}
.reference-home .hero--cinematic .interior-copy {padding-top:100px;}
@media(max-width:1100px) {
 .site-header.floating-header .header-pill {gap:14px;}
 .floating-header .nav {gap:14px;}
 .header-phone {display:none;}
}
@media(max-width:900px) {
 .floating-header .nav {display:none;}
 .site-header.floating-header .menu-toggle {display:inline-flex;}
 .floating-header .header-quote {margin-left:auto;}
 .site-header.floating-header .wordmark--mascot {font-size:21px;}
 .site-header.floating-header {padding:10px 14px;height:84px;}
 .site-header.floating-header .header-pill {padding:0 14px;border-radius:15px;}
 .floating-header .menu-toggle {margin-left:0;}
 .mobile-nav {display:block;top:84px;}
}
@media(max-width:760px) {
 .site-header.floating-header .header-quote {display:inline-flex;min-height:36px;padding:9px 12px;font-size:11px;}
 .site-header.floating-header .header-pill {gap:10px;}
 .site-header.floating-header .wordmark--mascot {font-size:20px;gap:5px;}
}

/* Compact proportions from the supplied full-screen reference. */
body {--header-h:68px;}
.site-header.floating-header {height:68px;padding:9px 20px;}
.site-header.floating-header .header-pill {max-width:1000px;height:48px;padding:0 10px 0 16px;gap:18px;border-radius:14px;}
.site-header.floating-header .wordmark--mascot {font-size:18px;gap:6px;}
.site-header.floating-header .wordmark-mascot {width:34px;height:32px;}
.site-header.floating-header .wordmark-mascot img {width:49px;left:-9px;top:-3.5px;}
.floating-header .nav {gap:18px;}
.floating-header .nav a {font-size:10px;}
.header-phone {font-size:10px;gap:5px;}
.header-phone svg {width:12px;height:12px;}
.floating-header .header-quote {font-size:10px;min-height:34px;padding:8px 12px;border-radius:8px;gap:8px;}
.reference-home .hero--cinematic h1 {font-size:clamp(32px,3.2vw,48px);}
.reference-home .hero--cinematic .interior-eyebrow {font-size:10px;margin-bottom:22px;}
.reference-home .hero--cinematic .hero-description {font-size:14px;margin-top:20px;}
.reference-home .hero--cinematic .hero-consult {min-width:204px;min-height:46px;font-size:12px;padding:12px 20px;margin-top:28px;}
.reference-home .hero--cinematic .interior-copy {padding-top:68px;}
@media(min-width:901px) and (max-width:1100px) {.header-phone {display:flex;}.floating-header .nav {gap:12px;}.site-header.floating-header .header-pill {gap:14px;}}
@media(max-width:900px) {
 .site-header.floating-header {height:68px;padding:9px 12px;}
 .site-header.floating-header .header-pill {height:48px;gap:12px;}
 .site-header.floating-header .header-quote {font-size:10px;min-height:32px;padding:8px 11px;}
 .mobile-nav {top:68px;}
 .reference-home .hero--cinematic h1 {font-size:32px;}
}

/* Genuine alpha PNG replaces CSS cropping of the white source artwork. */
.site-header.floating-header .wordmark-mascot {width:35px;height:32px;overflow:visible;}
.site-header.floating-header .wordmark-mascot img {position:static;display:block;width:100%;height:100%;max-width:100%;object-fit:contain;clip-path:none;}
.footer-mascot {width:46px;height:42px;overflow:visible;}
.footer-mascot img {position:static;display:block;width:100%;height:100%;max-width:100%;object-fit:contain;clip-path:none;}
@media(max-width:760px) {.site-header.floating-header .wordmark-mascot {width:31px;height:29px;}.footer-mascot {width:42px;height:38px;}}

/* Original supplied blue lettering, displayed directly without redrawing. */
.brand-original-lettering {position:relative;display:block;flex:none;width:108px;height:29px;overflow:hidden;mix-blend-mode:multiply;}
.brand-original-lettering img {position:absolute;display:block;width:140px;max-width:none;height:140px;left:-16px;top:-102px;}
.site-header.floating-header .wordmark--mascot {gap:5px;}
.site-header .wordmark--mascot > .brand-original-lettering {padding:0;}
.footer-brand-lockup {gap:8px;}
.footer-brand-lockup .brand-original-lettering {width:133px;height:36px;}
.footer-brand-lockup .brand-original-lettering img {width:173px;height:173px;left:-20px;top:-126px;}
@media(max-width:760px) {
 .site-header .brand-original-lettering {width:96px;height:26px;}
 .site-header .brand-original-lettering img {width:125px;height:125px;left:-14px;top:-91px;}
 .site-header.floating-header .wordmark--mascot {gap:4px;}
}

/* Restore the clean text wordmark beside the transparent mascot. */
.site-header.floating-header .wordmark--mascot {font-size:18px;font-weight:750;letter-spacing:-.045em;line-height:1;gap:7px;}
.site-header .wordmark--mascot > span:last-child {padding:0;}
.footer-brand-lockup {font-size:25px;font-weight:750;letter-spacing:-.045em;gap:9px;}
@media(max-width:760px) {.site-header.floating-header .wordmark--mascot {font-size:17px;gap:6px;}.footer-brand-lockup {font-size:23px;}}

/* Keep the navigation and consultation controls in one compact group. */
@media(min-width:901px) {
 .site-header.floating-header .header-pill {max-width:920px;gap:14px;padding-left:16px;padding-right:8px;}
 .floating-header .nav {margin-left:32px;flex:1;justify-content:space-between;gap:18px;}
 .floating-header .nav a {font-size:11px;font-weight:650;}
 .floating-header .header-phone {display:flex;margin-left:10px;font-size:11px;gap:5px;}
 .floating-header .header-quote {margin-left:0;flex-shrink:0;font-size:11px;padding:8px 12px;gap:7px;}
 .site-header.floating-header .wordmark--mascot {font-size:17px;gap:5px;}
}
@media(min-width:901px) and (max-width:1000px) {
 .floating-header .nav {margin-left:18px;gap:12px;}
 .site-header.floating-header .header-pill {gap:12px;}
 .floating-header .header-phone {margin-left:0;font-size:10px;}
}

/* Match the supplied reference proportions, including a narrow preview pane. */
.site-header.floating-header {padding:3px 16px 0;height:54px;}
.site-header.floating-header .header-pill {width:min(900px,100%);max-width:900px;height:47px;gap:12px;padding:0 7px 0 18px;border-radius:13px;}
.site-header.floating-header .wordmark--mascot {font-size:16px;gap:5px;}
.site-header.floating-header .wordmark-mascot {width:30px;height:30px;}
.floating-header .nav {display:flex;flex:1;justify-content:flex-end;gap:22px;margin-left:28px;}
.floating-header .nav a {font-size:10px;font-weight:700;}
.floating-header .header-phone {display:flex;font-size:10px;margin-left:8px;}
.site-header.floating-header .header-quote {display:inline-flex;margin-left:0;min-height:34px;padding:8px 12px;font-size:10px;gap:6px;border-radius:8px;}
.site-header.floating-header .menu-toggle {display:none;}
.reference-home .hero--cinematic .hero-reference-copy {max-width:1050px;justify-content:center;gap:0;padding:66px 20px 42px;}
.hero-reference-status {display:flex;align-items:center;gap:6px;color:#fff;font-size:11px;font-weight:650;margin-bottom:54px;}
.hero-status-dot {width:7px;height:7px;border-radius:50%;background:#49dc82;box-shadow:0 0 7px #49dc8266;}
.reference-home .hero--cinematic .hero-reference-copy h1 {font-size:clamp(27px,2.6vw,38px);line-height:1.25;font-weight:700;letter-spacing:-.04em;white-space:nowrap;}
.reference-home .hero-reference-copy .hero-reference-subtitle {font-size:14px;font-weight:400;margin-top:26px;color:#fff;}
.hero-service-tray {display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:7px;width:min(768px,100%);margin-top:36px;padding:8px;border-radius:13px;background:#5a5a5a70;backdrop-filter:blur(9px);}
.hero-service-tile {display:flex;flex-direction:column;gap:7px;align-items:center;padding:8px 7px 10px;border-radius:10px;background:#ffffff26;text-decoration:none;min-width:0;transition:background .2s;}
.hero-service-tile:hover {background:#ffffff45;}
.hero-service-tile img,.hero-tile-icon {width:100%;aspect-ratio:1;object-fit:cover;border-radius:7px;display:grid;place-items:center;background:#ecf5fa;}
.hero-tile-icon svg {width:32px;height:32px;color:#4387ba;}
.hero-service-tile > span:last-child {font-size:10px;color:white;line-height:1.2;font-weight:650;white-space:nowrap;}
.reference-home .hero--cinematic .hero-reference-copy .hero-consult {background:#2563eb;color:#fff;border:0;border-radius:999px;min-width:0;min-height:42px;padding:12px 24px;font-size:12px;gap:10px;margin-top:32px;}
.reference-home .hero--cinematic .hero-reference-copy .hero-consult:hover {background:#1d4ed8;}
@media(max-width:1000px) {
 .floating-header .nav {gap:14px;margin-left:20px;}
 .site-header.floating-header .header-pill {gap:10px;}
 .floating-header .header-phone {font-size:9px;gap:4px;margin-left:0;}
}
@media(min-width:641px) and (max-width:800px) {
 .site-header.floating-header {padding-left:12px;padding-right:12px;}
 .site-header.floating-header .header-pill {gap:9px;padding-left:12px;}
 .floating-header .nav {display:flex;gap:11px;margin-left:12px;}
 .floating-header .nav a {font-size:9px;}
 .site-header.floating-header .wordmark--mascot {font-size:14px;gap:4px;}
 .site-header.floating-header .wordmark-mascot {width:26px;height:27px;}
 .site-header.floating-header .header-quote {font-size:9px;padding:8px 10px;gap:4px;}
 .header-phone svg {width:10px;height:10px;}
 .reference-home .hero--cinematic .hero-reference-copy {padding-top:68px;}
 .hero-reference-status {margin-bottom:42px;}
 .hero-service-tray {gap:5px;padding:7px;margin-top:30px;}
 .hero-service-tile {padding:6px 5px 8px;}
 .hero-service-tile > span:last-child {font-size:9px;}
}
@media(max-width:640px) {
 .floating-header .nav,.floating-header .header-phone {display:none;}
 .site-header.floating-header .menu-toggle {display:inline-flex;}
 .site-header.floating-header .header-quote {margin-left:auto;}
 .mobile-nav {top:58px;}
 .hero-reference-status {margin-bottom:28px;font-size:10px;}
 .reference-home .hero--cinematic .hero-reference-copy h1 {font-size:clamp(23px,5.7vw,32px);}
 .reference-home .hero-reference-copy .hero-reference-subtitle {font-size:12px;margin-top:18px;}
 .hero-service-tray {grid-template-columns:repeat(4,minmax(0,1fr));max-width:400px;margin-top:24px;gap:5px;}
 .hero-service-tile {padding:5px;gap:4px;}
 .hero-service-tile img,.hero-tile-icon {max-height:58px;}
 .hero-service-tile > span:last-child {font-size:9px;}
 .reference-home .hero--cinematic .hero-reference-copy .hero-consult {margin-top:22px;}
}

/* Hide only the hero sample note and pause control. */
.hero-reel > .interior-note,.hero-reel > .interior-toggle {display:none;}

/* Large representative portrait above a smaller, horizontal team gallery. */
.team-reserved.team-gallery {padding:52px 0 84px;background:#f3f8fc;}
.team-gallery-heading {display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:32px;}
.team-gallery-heading h2 {font-size:clamp(27px,3vw,38px);line-height:1.4;font-weight:750;letter-spacing:-.045em;color:var(--brand-navy);margin-top:16px;}
.team-gallery-heading p {font-size:13px;line-height:1.8;margin-top:16px;}
.team-gallery-controls {display:flex;gap:10px;padding-bottom:4px;}
.team-gallery-controls button {width:38px;height:38px;display:grid;place-items:center;border:1px solid #d8e5f1;border-radius:50%;background:white;color:#537b9c;font-size:19px;cursor:pointer;}
.team-gallery-controls button:hover {background:#e6f3ff;color:var(--brand-blue);}
.team-gallery-controls button:disabled {opacity:.35;cursor:default;}
.team-gallery-track {display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#c8dfef transparent;padding-bottom:16px;}
.team-gallery-card {width:156px;flex:0 0 156px;scroll-snap-align:start;min-width:0;}
.team-gallery-photo {width:100%;aspect-ratio:4/5;display:grid;place-items:center;background:linear-gradient(145deg,#e6f1fa,#f7fbff);border:1px dashed #bad4e8;border-radius:12px;overflow:hidden;}
.team-gallery-photo svg {width:34px;height:41px;color:#a5bfd2;}
.team-gallery-photo img {width:100%;height:100%;object-fit:cover;object-position:center 20%;}
.team-gallery-name {font-size:12px;font-weight:650;color:#668299;margin-top:13px;line-height:1.5;}
.team-gallery-role {display:block;font-size:11px;color:#7996ad;line-height:1.6;margin-top:3px;}
@media(max-width:760px) {
 .team-reserved.team-gallery {padding:36px 0 56px;}
 .team-gallery-heading {margin-bottom:24px;gap:12px;}
 .team-gallery-heading h2 {font-size:26px;}
 .team-gallery-heading p {font-size:12px;}
 .team-gallery-controls {gap:6px;}
 .team-gallery-controls button {width:32px;height:32px;font-size:16px;}
 .team-gallery-card {width:132px;flex-basis:132px;}
 .team-gallery-track {gap:14px;}
 .team-gallery-name {font-size:11px;}
 .team-gallery-role {font-size:10px;}
}

/* Supplied real employee portraits, original files preserved. */
.team-gallery-photo--real {border:0;background:#edf4fa;}
.team-gallery-photo--real img {display:block;width:100%;height:100%;object-fit:cover;object-position:50% 18%;}
.team-gallery-card .team-gallery-name {color:var(--brand-navy);}

/* Compact service overview and one unified representative/team section. */
.reference-home #services.services-premium {padding:64px 0 68px;}
.reference-home #services .service-editorial-head {margin-bottom:30px;}
.reference-home #services .service-editorial-head .profile-eyebrow {font-size:10px;margin-bottom:14px;}
.reference-home #services .service-editorial-head h2 {font-size:clamp(25px,2.6vw,34px);line-height:1.4;}
.reference-home #services .service-editorial-head p {font-size:13px;margin-top:16px;}
.reference-home #services .service-editorial-card {padding:24px 20px;}
.reference-home #services .service-index {width:34px;height:34px;font-size:11px;margin-bottom:20px;}
.reference-home #services .service-editorial-card h3 {font-size:19px;}
.reference-home #services .service-editorial-card p {font-size:12px;line-height:1.8;}
.reference-home #services .service-detail {font-size:11px;margin-top:20px;}
.reference-home #representative.representative-premium {padding-bottom:72px;}
.representative-team-row {margin-top:38px;}
.representative-team-row .team-gallery-track {display:grid;grid-template-columns:repeat(5,minmax(0,156px));justify-content:end;gap:20px;overflow:visible;padding-bottom:0;}
.representative-team-row .team-gallery-card {width:100%;min-width:0;}
.representative-team-row .team-gallery-name {font-size:11px;}
@media(max-width:760px) {
 .reference-home #services.services-premium {padding:44px 0 48px;}
 .reference-home #services .service-editorial-head h2 {font-size:25px;}
 .reference-home #services .service-editorial-card {padding:20px 16px;}
 .reference-home #services .service-editorial-card h3 {font-size:17px;}
 .reference-home #services .service-editorial-card p {font-size:12px;}
 .representative-team-row {margin-top:26px;}
 .representative-team-row .team-gallery-track {display:flex;justify-content:flex-start;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:12px;}
 .representative-team-row .team-gallery-card {width:124px;flex:0 0 124px;}
}

/* Main cleaning services with compact supporting care cards */
.reference-home #services .service-editorial-grid {grid-template-columns:repeat(3,minmax(0,1fr));}
.service-care-row {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px;}
.service-care-card {display:flex;align-items:center;gap:18px;padding:22px 24px;background:#f2f8ff;border:1px solid #dceafa;border-radius:8px;color:#182b43;text-decoration:none;transition:background .2s,border-color .2s;}
.service-care-card:hover {background:#eaf4ff;border-color:#9fc6f4;}
.service-care-icon {display:grid;place-items:center;flex:0 0 52px;height:52px;border-radius:12px;background:#fff;color:#2563eb;}
.service-care-icon svg {width:30px;height:30px;}
.service-care-card h3 {font-size:17px;font-weight:700;margin:0 0 6px;}
.service-care-card p {font-size:12px;line-height:1.8;color:#5c748e;margin:0;}
.service-care-arrow {margin-left:auto;color:#2563eb;font-size:20px;}
@media(max-width:640px){
.reference-home #services .service-editorial-grid {grid-template-columns:1fr;}
.service-care-row {grid-template-columns:1fr;gap:12px;margin-top:12px;}
.service-care-card {padding:18px;gap:14px;}
.service-care-icon {flex-basis:44px;height:44px;}
}
