:root{--brand-blue:#087fae;--text-main:#252c32;--text-muted:#606b75}
body{font-family:'Manrope','Noto Sans KR','Apple SD Gothic Neo','Malgun Gothic',sans-serif;color:var(--text-main);-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{color:var(--text-main)!important;letter-spacing:-.035em;line-height:1.35;font-weight:750}
p,.sub,.step p,.about p,.contact-list,.spec td{color:#46525d!important;line-height:1.85}
.note,.spec-note,small,.number{color:var(--text-muted)!important}
.eyebrow,.tag,.hero-en{color:#39738b!important;font-weight:700;letter-spacing:.12em}
a,button{color:var(--text-main)}
.section-top h2,#compare>h2,.service h2,.about h2,.fitting-intro h1{position:relative;padding-bottom:20px}
.section-top h2:after,#compare>h2:after,.service h2:after,.about h2:after,.fitting-intro h1:after{content:'';display:block;position:absolute;bottom:0;left:0;width:48px;height:2px;background:var(--brand-blue)}
.hero .hero-tagline{color:#394d5a!important;font-weight:550;font-family:inherit}
.hero .hero-tagline span{color:var(--brand-blue)!important;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:9px;text-decoration-color:#81c7e2}
body .brand-accent,body .logo strong,body .logo strong span,body .brand-pair,body .hero-brand-name,body .hero-en{color:var(--brand-blue)!important}
.brand-accent{font-weight:700}.brand-wordmark small{color:#65717a!important}
.section-top{border-bottom-color:#dce4e8}.detail,.tabs,.about-list>div{border-color:#dce4e8!important}
.tabs button.active{color:var(--brand-blue)!important;border-bottom-color:var(--brand-blue)!important}
.detail button,.text-link{color:#08769f!important;font-weight:650}
nav a:hover{color:var(--brand-blue)!important;text-decoration-color:var(--brand-blue)}
.brand-caption h3{color:var(--brand-blue)!important}.visual-caption{font-family:inherit;font-weight:650;letter-spacing:-.035em;color:#304b5a}

body :is(h1,h2,h3,h4,button,input,summary,.logo,.visual-caption,.hero-tagline){font-family:Manrope,"Noto Sans KR","Malgun Gothic",sans-serif}body h2{font-weight:800}body p{font-weight:400}body .logo strong{font-weight:800;letter-spacing:-.035em}body .hero h1.hero-brand-name{font-weight:800;letter-spacing:-.06em}

/* Geometric display face for key brand and section headings. */
body .logo strong,body .brand-accent,body .brand-pair,body h1,body h2,body .brand-caption h3,body .visual-caption{font-family:Orbitron,"Noto Sans KR","Malgun Gothic",sans-serif;font-weight:800;letter-spacing:-.025em}
body .logo strong{font-size:clamp(19px,2.1vw,32px)}
/* Three-column athlete profiles: title, rule, equipment, photograph. */
.team .portraits{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:56px 30px;align-items:start}
.team .portrait{display:flex;flex-direction:column;align-items:center;text-align:center;background:transparent;border:0;padding:0;min-width:0}
.team .portrait h3{order:0;font-family:'Noto Sans KR',sans-serif;font-size:28px;font-weight:800;margin:0 0 18px;line-height:1.4}
.team .portrait h3:after{content:'';display:block;width:40px;height:2px;background:#087fae;margin:20px auto 0}
.team .portrait p{order:1;font-size:16px;line-height:1.75;min-height:90px;margin:0 0 24px;color:#56636e!important}
.team .portrait img{order:2;display:block;width:100%!important;height:340px!important;max-width:none;object-fit:contain!important;object-position:center;background:#fff;border:0!important;border-radius:0;filter:none!important}
.team .tour-heading{margin-top:50px;margin-bottom:38px;font-size:20px;color:#39738b!important;letter-spacing:.03em}
@media(max-width:800px){.team .portraits{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:36px 18px}.team .portrait img{height:280px!important}.team .portrait h3{font-size:24px}}
@media(max-width:480px){.team .portraits{grid-template-columns:1fr!important}.team .portrait img{height:340px!important}.team .portrait p{min-height:0}}
.player-gallery{margin:24px 0 48px;border:0}.player-gallery>summary{display:flex;align-items:center;justify-content:center;gap:48px;max-width:900px;margin:auto;padding:28px 40px;border:1px solid #dce4e8;background:white;cursor:pointer;list-style:none}.player-gallery>summary::-webkit-details-marker{display:none}.player-gallery>summary>img{width:260px;height:320px;object-fit:contain;background:white}.player-gallery>summary>span{display:flex;flex-direction:column;gap:25px}.player-gallery strong{font-size:32px;font-weight:800}.player-gallery strong:after{content:'';display:block;width:40px;height:2px;background:#087fae;margin-top:18px}.player-gallery small{font-size:16px;color:#087fae!important}.player-gallery-content{padding-top:36px}.player-gallery>summary:hover{border-color:#087fae}.player-gallery>summary:focus-visible{outline:2px solid #087fae;outline-offset:4px}@media(max-width:600px){.player-gallery>summary{flex-direction:column;gap:20px;padding:24px}.player-gallery>summary>img{width:100%;height:280px}}
/* Red accent rules; blue brand lettering stays unchanged. */
:root{--accent-rule:#c8102e}
.section-top h2:after,#compare>h2:after,.service h2:after,.about h2:after,.fitting-intro h1:after,.team .portrait h3:after,.player-gallery strong:after,.player-cover-text>strong:after,.hero .eyebrow:before{background:var(--accent-rule)!important}
.tabs button.active{border-bottom-color:var(--accent-rule)!important}
.hero .hero-tagline span,nav a:hover{text-decoration-color:var(--accent-rule)!important}
/* Requested black collection labels and hero emphasis. */
body #collection .section-top h2,body #collection .section-top .eyebrow,body #collection .tabs button,body #collection .tabs button.active,body .hero .hero-tagline span{color:#000!important}
/* Detail actions in red; main Korean brand title in black. */
body #collection .detail button,body #collection .detail button span{color:#c8102e!important}
body .hero h1.hero-brand-name{color:#000!important}
/* Brand panel titles: black, red, navy, each held for two seconds. */
body #brands .brand-caption h3{color:var(--panel-title-color,#000)!important}

/* Header wordmark in black on every page. */
body header .brand-wordmark strong,body header .brand-wordmark strong .brand-accent{color:#000!important}
