/* v25 photo backgrounds and live text. Home does not load this stylesheet. */
@media(min-width:701px){
.about-hero{background:#edf5ff url('../images/about-brand-light-v34.png') center/cover no-repeat;position:relative;isolation:isolate}
.about-hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#edf5ff 0%,#edf5fff5 37%,#edf5ffbd 49%,#edf5ff00 66%);z-index:-1}
.about-hero .about-visual,.about-hero-inner:after{display:none}
.about-hero-inner,.repair-hero .service-hero-inner{width:100%;max-width:1440px;height:480px;min-height:480px;margin:0 auto;padding:24px var(--gutter);display:flex;align-items:center}
.about-hero-copy,.repair-hero .service-hero-copy{width:53%;max-width:640px;flex:none}
.about-hero h1,.repair-hero h1{font-size:clamp(32px,2.65vw,48px);line-height:1.2;letter-spacing:-.055em;margin:0 0 14px;font-weight:900}
.about-kicker,.repair-hero .eyebrow{font-size:12px;line-height:1.3;margin:0 0 10px}
.about-lead,.about-intro{font-size:16px;line-height:1.7;color:#314d6c;letter-spacing:-.04em}
.about-lead{margin:0 0 12px}.about-intro{margin:0}
.repair-hero .hero-summary{font-size:16px;line-height:1.6}
.repair-hero .repair-area{font-size:12px;line-height:1.5;margin-top:10px;padding:6px 10px;border-radius:8px}
.repair-hero .text-link{font-size:13px;line-height:20px;margin-top:8px;padding-bottom:4px}
.repair-hero .text-link span{font-size:17px}
}
@media(min-width:701px) and (max-width:1000px){
.about-hero-copy,.repair-hero .service-hero-copy{width:64%;max-width:620px}
.about-hero-inner,.repair-hero .service-hero-inner{height:440px;min-height:440px}
.about-hero:before{background:linear-gradient(90deg,#edf5ff 0%,#edf5fff5 47%,#edf5ffbb 65%,#edf5ff00 84%)}
}
@media(max-width:700px){
/* Remove fixed poster heights and spare photo space; keep readable live text. */
.about-hero .about-hero-inner,.repair-hero .service-hero-inner,.remote-hero .service-hero-inner{height:auto;min-height:0;padding:20px var(--gutter);display:block}
.about-hero-copy,.repair-hero .service-hero-copy,.remote-hero .service-hero-copy{width:100%;max-width:none;margin:0;padding:0;background:none}
.about-kicker,.service-hero .eyebrow{font-size:10px;line-height:1.4;letter-spacing:.025em;margin:0 0 8px}
.about-hero h1,.service-hero h1{font-size:clamp(25px,6.8vw,29px);line-height:1.2;letter-spacing:-.055em;font-weight:900;margin:0 0 12px}
.about-lead,.about-intro,.service-hero .hero-summary{font-size:13px;line-height:1.6;letter-spacing:-.025em;color:#294665;margin:0}
.about-lead{margin-bottom:8px}.about-intro strong{color:#0a284b}
.about-hero-inner:after{background:linear-gradient(90deg,#edf5fffa 0%,#edf5fff5 55%,#edf5ffe6 100%)}
.about-visual img{object-position:75% center;opacity:.55}
.service-hero .hero-summary .desktop-break{display:none}
.repair-hero .repair-area{display:block;width:fit-content;max-width:100%;margin:10px 0 0;padding:6px 10px;font-size:11px;line-height:1.5;border-radius:8px}
.repair-hero .text-link{display:inline-flex;gap:12px;line-height:1.4;margin-top:10px;padding-bottom:3px;font-size:12px}
.repair-hero .text-link span{font-size:16px}
.remote-hero .platform-label{font-size:11px;line-height:1.4;padding:4px 9px;margin-top:10px}
.remote-hero{background-image:linear-gradient(90deg,#eef7fffa,#eef7fff0),url('../images/remote-workstation.webp')}
.guide-hero{padding:22px var(--gutter);text-align:left}
.guide-hero .eyebrow{font-size:10px;margin:0 0 8px}
.guide-hero h1{font-size:clamp(24px,6.6vw,28px);line-height:1.25;margin:0 0 12px}
.guide-hero>p:not(.eyebrow){font-size:13px;line-height:1.65;color:#294665}
.guide-hero .mobile-only{display:none}
/* Tighter subpage sections without removing descriptions or service steps. */
.about-story{padding:28px var(--gutter);gap:14px}
.about-story h2{font-size:25px;line-height:1.35;margin-bottom:8px}
.about-mark{margin-bottom:12px}.about-story-heading>p{font-size:13px}
.about-story-text p{font-size:14px;line-height:1.75;margin-bottom:15px}

.service-regions{margin-top:20px;padding:15px 16px}
.service-regions dd{font-size:13px;line-height:1.6}
.service-regions>div+div{padding-top:10px;margin-top:10px}
.about-values{gap:10px;margin-bottom:28px}.about-value{padding:17px 16px;column-gap:12px}
.about-value h3{font-size:18px;margin-bottom:6px}.about-value p{font-size:13px;line-height:1.65}
.about-contact{margin-bottom:28px;padding:23px 20px}.about-contact h2{font-size:22px}
.page-section{padding-top:22px;padding-bottom:22px}
.service-overview{gap:12px}.service-overview article{padding:20px 18px}
.service-overview h2{font-size:22px;margin:10px 0}.service-overview p{font-size:13px;line-height:1.7}
.tag-list{margin-top:14px;gap:5px}.tag-list li{font-size:11px;padding:5px 7px}
.section-heading{margin-bottom:16px}.process li{padding:16px}.process p{line-height:1.65}
.guide-options{gap:12px}.guide-option{padding:20px 18px}.guide-option h2{font-size:27px}
.guide-description{font-size:13px;line-height:1.7;margin-bottom:18px}
.process.compact li{padding:13px 0}.compact h3{font-size:16px}.compact p{font-size:13px}
}
/* The section color fills the viewport; the brand artwork keeps its proportions. */
.about-hero{width:100%;background-color:#edf5ff;position:relative;isolation:isolate}
@media(min-width:701px){
.about-hero{background-image:none}
.about-hero:before{content:'';position:absolute;inset:0;background:transparent url('../images/about-brand-light-v34.png') right center/auto 100% no-repeat;mask-image:linear-gradient(90deg,transparent 0%,#000 42%);z-index:-1}
.about-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#edf5ff 0%,#edf5fff7 30%,#edf5ff77 49%,transparent 66%);z-index:-1;pointer-events:none}
}
@media(max-width:700px){
.about-hero{background-image:linear-gradient(90deg,#edf5fffa,#edf5ffe8),url('../images/about-brand-light-v34.png');background-repeat:no-repeat;background-position:center,right center;background-size:100% 100%,auto 100%}
.about-hero .about-visual,.about-hero-inner:after{display:none}
}

/* v35: fade artwork on its own bounds, extend the light background across the viewport. */
@media(min-width:701px){
.about-hero{background:radial-gradient(ellipse at 38% 85%,#ffffff 0%,#f0f9ff90 34%,transparent 67%),linear-gradient(165deg,transparent 0 33%,#ffffffb0 34%,#e2f2ff70 35%,transparent 38%),linear-gradient(17deg,transparent 0 24%,#ffffffb0 25%,#e3f2ff80 26%,transparent 28%),linear-gradient(115deg,#e5f3ff,#f4fbff 44%,#dcefff);}
.about-hero:before{left:auto;right:0;width:min(100%,1440px);background-position:right center;background-size:auto 100%;mask-image:linear-gradient(90deg,transparent 0%,#000 33%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 33%)}
.about-hero:after{background:linear-gradient(90deg,#edf5ff44 0%,#edf5ff66 30%,transparent 62%)}
}

.about-story-text p{font-weight:400;letter-spacing:0;text-rendering:auto;color:#30475f}
/* Keep dense Hangul strokes separated in the story heading. */
.about-story h2{font-size:clamp(34px,2.6vw,46px);line-height:1.45;letter-spacing:0;font-weight:700;text-rendering:auto;-webkit-font-smoothing:auto}
@media(max-width:700px){.about-story h2{font-size:28px;line-height:1.4;letter-spacing:0}}

/* Keep each symptom together in the compact mobile introduction. */
@media(max-width:700px){.about-lead .about-symptom{display:block;word-break:keep-all;overflow-wrap:normal}.about-lead .wide-only{display:none}}