/* Restrained copy, a discipline directory, and dancheong interaction details.
   This file belongs only to the local design study. */
@font-face{font-family:'GangwonEduPower';src:url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2201-2@1.0/GangwonEduPowerExtraBoldA.woff') format('woff');font-weight:900;font-style:normal;font-display:swap}
@font-face{font-family:'GangwonEduModu';src:url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2201-2@1.0/GangwonEdu_OTFLightA.woff') format('woff');font-weight:300 400;font-display:swap}
@font-face{font-family:'GangwonEduModu';src:url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2201-2@1.0/GangwonEdu_OTFBoldA.woff') format('woff');font-weight:500 800;font-display:swap}
:root{--dancheong-red:#b34536;--dancheong-blue:#365974;--dancheong-green:#28635a;--dancheong-gold:#ad813c;--wordmark:'GangwonEduPower','Apple SD Gothic Neo',sans-serif}
:root{--sans:'GangwonEduModu','Apple SD Gothic Neo',sans-serif;--serif:var(--wordmark)}
body{font-weight:400;-webkit-font-smoothing:antialiased}
.site-header nav a{font-size:13px;font-weight:500;letter-spacing:-.02em}
.header-contact{font-size:13px;font-weight:500}
.chapter{font-weight:500}.text-link{font-weight:500}
.faculty-tab strong{font-weight:500;letter-spacing:-.025em}
.faculty-detail dl{font-size:13px;line-height:1.8}
.faculty-heading>span{font-size:12px}
.faculty-full-link{font-size:13px}
.program-row strong{font-weight:500;letter-spacing:-.035em}
.program-detail p{font-size:14px;line-height:1.8}
.news-item h3{font-weight:500;letter-spacing:-.03em}
[data-variant=B] .faculty-detail h3{font-weight:500}
[data-variant=B] .black-bottom h2{font-family:var(--sans);font-weight:400;line-height:1.8;letter-spacing:-.02em}
.site-header .brand{display:flex;align-items:center;gap:10px;width:auto;flex-shrink:0}
.brand-symbol{display:block;width:25px;height:39px;overflow:hidden;flex-shrink:0}
.brand-symbol img{width:138px!important;height:39px!important;max-width:none;object-fit:contain;object-position:left}
.brand-name{font-family:var(--wordmark);font-size:21px;font-weight:900;letter-spacing:-.015em;white-space:nowrap;line-height:1.1;padding-top:5px}
.footer-brand{font-family:var(--wordmark);font-weight:900;font-size:27px;letter-spacing:-.01em}
.intro-brand{font-family:var(--wordmark);font-weight:900;font-size:clamp(26px,4vw,48px);letter-spacing:-.015em}
.faculty-scene{display:flex!important;flex-direction:column;align-items:stretch}
.faculty-heading{display:flex;width:100%;align-items:baseline;justify-content:space-between;margin-bottom:28px}
.faculty-heading h2{font-size:clamp(40px,5vw,76px);line-height:1.2}
.faculty-heading>span{font-size:11px;opacity:.65}
.faculty-directory{display:grid;width:100%;grid-template-columns:1fr 1fr;gap:7vw;align-items:stretch}
.faculty-tabs{border-top:1px solid currentColor}
.faculty-tab{width:100%;min-height:58px;display:flex;align-items:center;gap:20px;padding:15px 16px 15px 0;text-align:left;border-bottom:1px solid color-mix(in srgb,currentColor 22%,transparent);transition:color .25s,background .25s,padding .25s}
.faculty-tab small{font-size:10px;opacity:.65;min-width:20px}
.faculty-tab strong{font-size:clamp(15px,1.6vw,24px);font-weight:500;letter-spacing:-.045em}
.faculty-tab>span{margin-left:auto;opacity:0;font-size:20px;transition:opacity .2s,transform .3s}
.faculty-tab:hover>span,.faculty-tab[aria-selected=true]>span{opacity:1}
.faculty-tab[aria-selected=true]{background:var(--discipline);color:#fff;padding-left:18px;border-color:transparent}
.faculty-tab[aria-selected=true]>span{transform:rotate(45deg)}
.faculty-detail{display:flex;flex-direction:column;justify-content:center;position:relative;padding:22px 0 30px;min-width:0}
.faculty-detail-top{display:flex;justify-content:space-between;gap:16px;font-size:9px;letter-spacing:.13em;opacity:.65}
.faculty-detail h3{font-size:clamp(34px,4.5vw,70px);margin:28px 0 32px;letter-spacing:-.065em;line-height:1.35;text-wrap:balance}
.faculty-detail dl{margin:0 0 25px;font-size:12px}
.faculty-detail dl>div{display:grid;grid-template-columns:46px 1fr;gap:12px;padding:7px 0}
.faculty-detail dt{opacity:.5}.faculty-detail dd{margin:0;word-break:keep-all}
.faculty-full-link{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid currentColor;padding:12px 0;font-size:11px;width:100%;max-width:300px}
.faculty-full-link>span:last-child{font-size:22px;transition:transform .25s}
.faculty-full-link:hover>span:last-child{transform:translate(4px,-4px)}
.faculty-staff{position:absolute;left:0;right:0;bottom:0;display:flex;gap:7px}
.faculty-staff i{height:2px;flex:1;background:var(--dancheong-red)}
.faculty-staff i:nth-child(2){background:var(--dancheong-blue)}
.faculty-staff i:nth-child(3){background:var(--dancheong-gold)}
.faculty-staff i:nth-child(4){background:var(--dancheong-green)}
.faculty-staff i:nth-child(5){background:currentColor;opacity:.5}
.news-heading .text-link{margin-top:26px}
.program-heading h2{font-size:clamp(34px,4.1vw,64px);line-height:1.3}
.program-detail h3{font-size:28px}
.contact-main h2{font-size:clamp(64px,8vw,126px)!important}

/* B keeps its monochrome field; color appears at the points of interaction. */
[data-variant=B]{--accent:var(--dancheong-red)}
[data-variant=B] .site-header.light{background:#f5f5f1f2}
[data-variant=B] .hero-b h1{mix-blend-mode:normal}
[data-variant=B] .hero-b h1{font-family:var(--wordmark);font-size:clamp(62px,7.3vw,112px);font-weight:900;line-height:1.3;letter-spacing:-.035em;margin:30px 0 30px 2vw}
[data-variant=B] .hero-b h1>.accent-period{font:inherit;display:inline;color:#b34536;-webkit-text-stroke:0;letter-spacing:0}
[data-variant=B] #staff-canvas{opacity:.56}
[data-variant=B] .hero-b h1 i{position:relative}
[data-variant=B] .hero-b h1 i:after{display:none}
[data-variant=B] .hero-b .accent-period{color:#b34536}
[data-variant=B] .round-link,[data-variant=B] .contact-circle{border-color:#c44736;color:#ef7860}
[data-variant=B] .hero-b .round-link,[data-variant=B] .contact-circle{background:#ae3f32;color:#fff;border-color:#ae3f32}
[data-variant=B] .hero-b .round-link:hover,[data-variant=B] .contact-circle:hover{background:#ca513e}
[data-variant=B] .round-link:hover,[data-variant=B] .contact-circle:hover{background:#b34536;color:#fff;transform:none}
[data-variant=B] .header-contact{border-color:#b34536}
[data-variant=B] .site-header nav a[aria-current]:after{background:var(--link-light)}
[data-variant=B] .site-header.light nav a[aria-current]:after{background:var(--link-color)}
[data-variant=B] .chapter>span:first-child:before{content:'';display:inline-block;height:6px;width:6px;border-radius:50%;background:var(--scene-pigment);margin-right:10px}
[data-variant=B] .chapter{position:relative}
[data-variant=B] .chapter:before{content:'';position:absolute;left:0;top:-2px;width:52px;height:3px;background:var(--scene-pigment)}
[data-variant=B] .about-word em{text-decoration:underline;text-decoration-color:#b34536;text-decoration-thickness:3px;text-underline-offset:15px}
[data-variant=B] .admission-large span{color:#bd503b!important}
[data-variant=B] .faculty-scene{background:#f2f1ec}
[data-variant=B] .program-row.selected{background:#476b5926;color:inherit;border-color:#6b9284;padding-left:14px;padding-right:14px;box-shadow:inset 3px 0 #6b9284}
[data-variant=B] .program-row.selected>span:first-child{color:#a6c2a7;opacity:1}
[data-variant=B] .program-row.selected .course-arrow{color:#a6c2a7}
[data-variant=B] .program-row.selected strong{padding-left:0}
[data-variant=B] .program-image{border-bottom:0}
[data-variant=B] .program-image img{filter:grayscale(1)}
[data-variant=B] .text-link:hover>span,[data-variant=B] .branch-tel:hover>span,[data-variant=B] .news-item:hover .news-arrow{color:#c24b3d}
[data-variant=B] .faculty-detail h3{font-weight:650}
[data-variant=B] .program-heading h2{font-size:clamp(34px,4.1vw,64px)}
[data-variant=B] .news-tag{color:#a13d2e;background:#b3453612;padding:5px 9px;display:inline-block}
[data-variant=B] .branch-tel>span{color:#365974}
[data-variant=B] .faculty-tab{position:relative}
[data-variant=B] .faculty-tab[aria-selected=true]{background:color-mix(in srgb,var(--discipline) 7%,transparent);color:inherit;padding-left:15px;box-shadow:inset 3px 0 var(--discipline)}
[data-variant=B] .faculty-tab[aria-selected=true] small{color:var(--discipline);opacity:1}
[data-variant=B] .faculty-tab[aria-selected=true]>span{color:var(--discipline)}
[data-variant=B] .faculty-tab[aria-selected=true]:after{content:'';width:5px;height:5px;border-radius:50%;background:var(--discipline);position:absolute;right:41px;top:calc(50% - 2px)}
[data-variant=B] .faculty-staff{max-width:155px;gap:7px}
[data-variant=B] .faculty-staff i{height:3px}

/* C: paper and ink, red seal, five restrained pigments. */
[data-variant=C]{--accent:#a3392e;--ink:#302e29}
[data-variant=C] #staff-canvas{opacity:.42}
[data-variant=C] .hero-c{background:#f2eee5;color:#302e29}
[data-variant=C] .site-header{background:#f2eee5ed;color:#302e29}
[data-variant=C] .site-header.dark{background:#24372df2;color:#f4efe4}
[data-variant=C] .site-header.dark .brand img{filter:none}
[data-variant=C] .site-header nav a[aria-current]:after{background:#b34536}
[data-variant=C] .header-contact{border-color:#a3392e;color:#a3392e}
[data-variant=C] .site-header.dark .header-contact{color:#f3ad8c}
[data-variant=C] .paper-title em{color:#a3392e}
[data-variant=C] .seal{color:#a3392e;border-color:#a3392e;font-size:15px}
[data-variant=C] .paper-hero-grid figure{position:relative;border:0;padding:0}
[data-variant=C] .paper-hero-grid figure:before{content:'';position:absolute;left:-13px;top:0;width:3px;height:72px;background:#a3392e}
[data-variant=C] .paper-aside .round-link{border-color:#a3392e;color:#a3392e;width:104px;height:104px}
[data-variant=C] .paper-aside .round-link:hover{background:#a3392e;color:#fff;transform:none}
.dancheong-mark{display:flex;gap:6px;align-items:center;justify-content:center}
.dancheong-mark i{height:22px;width:4px;background:#b34536}
.dancheong-mark i:nth-child(2){background:#365974;height:16px}
.dancheong-mark i:nth-child(3){background:#ad813c;height:28px}
.dancheong-mark i:nth-child(4){background:#28635a;height:16px}
.dancheong-mark i:nth-child(5){background:#302e29}
[data-variant=C] .about-scene{background:#354d40}
[data-variant=C] .admission-scene{background:#e9e3d5;color:#302e29}
[data-variant=C] .admission-large,[data-variant=C] .admission-large span{color:#a3392e!important}
[data-variant=C] .faculty-scene{background:#f7f3eb;color:#302e29}
[data-variant=C] .faculty-detail h3{color:var(--discipline);font-weight:500}
[data-variant=C] .programs-scene{background:#eae9e0;color:#302e29}
[data-variant=C] .program-row.selected{color:#a3392e;background:transparent;border-color:#a3392e}
[data-variant=C] .program-row.selected .course-arrow{color:#a3392e}
[data-variant=C] .program-number{color:#a3392e;opacity:1}
[data-variant=C] .news-scene,[data-variant=C] .locations-scene{background:#f2eee5;color:#302e29}
[data-variant=C] .news-tag{color:#a3392e}
[data-variant=C] .contact-scene{background:#24372d}
[data-variant=C] .contact-circle{border-color:#e09979;color:#f0af92}
[data-variant=C] .contact-circle:hover{background:#a3392e;color:white}
[data-variant=C] .text-link:hover,[data-variant=C] .branch-tel:hover,[data-variant=C] .news-item:hover h3{color:#a3392e}

/* Menu pigments follow the original index, rather than assigning a single red to every action. */
[data-variant=B] .scene{--scene-pigment:var(--scene-color)}
[data-variant=B] .scene .text-link{border-bottom-color:var(--scene-color)}
[data-variant=B] .scene .text-link>span,[data-variant=B] .scene .text-link:hover>span{color:var(--scene-color)}
[data-variant=B] .about-word em{text-decoration-color:var(--scene-color)}
[data-variant=B] .admission-large span{color:var(--scene-light)!important}
[data-variant=B] .admission-scene .text-link,[data-variant=B] .programs-scene .text-link{border-color:var(--scene-light)}
[data-variant=B] .admission-scene .text-link>span,[data-variant=B] .programs-scene .text-link>span{color:var(--scene-light)}

[data-variant=B] .faculty-full-link{border-color:var(--discipline)}
[data-variant=B] .faculty-full-link>span:last-child{color:var(--discipline)}
[data-variant=B] .program-row.selected{background:color-mix(in srgb,var(--scene-color) 20%,transparent);border-color:var(--scene-light);box-shadow:inset 3px 0 var(--scene-light)}
[data-variant=B] .program-row.selected>span:first-child,[data-variant=B] .program-row.selected .course-arrow{color:var(--scene-light)}
[data-variant=B] .news-tag{color:var(--scene-color);background:color-mix(in srgb,var(--scene-color) 10%,transparent)}
[data-variant=B] .news-item:hover .news-arrow,[data-variant=B] .branch-tel>span,[data-variant=B] .branch-tel:hover>span{color:var(--scene-color)}
[data-variant=B] .branch-photo{border-bottom:3px solid var(--scene-light)}
[data-variant=B] .contact-circle{background:var(--scene-color);border-color:var(--scene-color);color:#fff}
[data-variant=B] .contact-circle:hover{background:#2f7d6a}
[data-variant=B] .site-header nav a:after{background:var(--link-light)}
[data-variant=B] .site-header.light nav a:after{background:var(--link-color)}
[data-variant=B] .site-header nav a:hover,[data-variant=B] .site-header nav a[aria-current]{color:var(--link-light)}
[data-variant=B] .site-header.light nav a:hover,[data-variant=B] .site-header.light nav a[aria-current]{color:var(--link-color)}
[data-variant=B] .header-contact{border-color:#508d7b}
[data-variant=B] .header-contact>span{color:#7fc9b6}
[data-variant=B] .site-header.light .header-contact>span{color:#1d5f53}
[data-variant=B] .custom-cursor,[data-variant=C] .custom-cursor{--cursor-red:var(--active-light)}
html[data-surface=light][data-variant=B] .custom-cursor,html[data-surface=light][data-variant=C] .custom-cursor{--cursor-red:var(--active-color)}
[data-variant=B] .custom-cursor>span,[data-variant=C] .custom-cursor>span{background:var(--active-color)}

/* Cursor tip stays at the exact pointer. The five-note signature sits beside it.
   Color is never inverted: red stays red on both the paper and black scenes. */
.custom-cursor{--cursor-ink:#f4efe4;--cursor-red:#d05a43;width:30px;height:30px;border:0;border-radius:0;background:none;mix-blend-mode:normal;color:var(--cursor-ink);transition:opacity .2s}
.custom-cursor:before{display:none}
.custom-cursor .cursor-point{position:absolute;left:13px;top:13px;width:4px;height:4px;background:var(--cursor-red);border-radius:50%;box-shadow:0 0 0 2px #ffffff90}
.custom-cursor .cursor-staff{position:absolute;left:23px;top:9px;display:grid;gap:3px;width:13px;transform:rotate(-18deg);transition:transform .25s,opacity .25s}
.cursor-staff i{height:1px;width:100%;background:var(--cursor-ink);opacity:.75;transition:width .25s}
.cursor-staff i:nth-child(3){background:var(--cursor-red);width:18px;opacity:1}
.custom-cursor>span{left:27px;top:23px;white-space:nowrap;opacity:0;transform:translateY(3px);font-size:9px;transition:opacity .2s,transform .2s;background:#a33b30;color:#fff;padding:4px 9px;line-height:1.7;border-radius:2px}
.custom-cursor.active{width:30px;height:30px;border:0;background:none;color:var(--cursor-ink)}
.custom-cursor.active .cursor-staff{transform:rotate(0)}
.custom-cursor.active .cursor-staff i{width:17px}
.custom-cursor.active>span{opacity:1;transform:translateY(0)}
html[data-surface=light] .custom-cursor{--cursor-ink:#302e29;--cursor-red:#ae3d30}
[data-variant=C] .custom-cursor .cursor-point{border-radius:0;width:5px;height:5px}
[data-variant=C] .custom-cursor .cursor-staff{border:1px solid var(--cursor-red);padding:4px;width:23px;left:24px;top:5px;gap:2px;transform:none;border-radius:2px}
[data-variant=C] .cursor-staff i,[data-variant=C] .custom-cursor.active .cursor-staff i{width:100%;background:var(--cursor-red)}
[data-variant=C] .custom-cursor>span{left:25px;top:31px}
@media(pointer:coarse){.custom-cursor{display:none!important}html.custom-pointer,html.custom-pointer a,html.custom-pointer button{cursor:auto}}
@media(prefers-reduced-motion:reduce){.custom-cursor{display:none!important}}
@media(min-width:801px) and (max-height:820px){
 .faculty-heading{margin-bottom:18px}.faculty-heading h2{font-size:44px}
 .faculty-tab{min-height:51px;padding-top:11px;padding-bottom:11px}
 .faculty-detail{padding-top:14px}.faculty-detail h3{font-size:42px;margin:16px 0 20px}
 .faculty-detail dl{margin-bottom:14px}
}

@media(max-width:1100px) and (min-width:801px){
 .faculty-directory{gap:5vw;grid-template-columns:1.05fr 1fr}
 .faculty-tab{gap:12px}.faculty-tab strong{font-size:17px}
 .faculty-detail h3{font-size:38px}.faculty-detail dl{font-size:11px}
}
@media(max-width:800px){
 .brand-name{font-size:17px}.brand-symbol{width:19px;height:31px}.brand-symbol img{width:110px!important;height:31px!important}.site-header .brand{gap:7px}
 [data-variant=B] .hero-b h1{font-size:clamp(48px,10.5vw,76px);margin:30px 0;line-height:1.35}
 .footer-brand{font-size:23px}
 .faculty-directory{grid-template-columns:1fr;gap:28px}
 .faculty-heading{margin-bottom:25px}.faculty-heading h2{font-size:42px}
 .faculty-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid currentColor}
 .faculty-tab{gap:10px;padding:14px 8px;min-height:58px}.faculty-tab strong{font-size:14px}
 .faculty-tab small{font-size:9px;min-width:15px}.faculty-tab>span{display:none}
 .faculty-tab[aria-selected=true]{padding-left:8px}
 .faculty-detail{padding:0 0 27px}.faculty-detail h3{font-size:38px;margin:20px 0}
 .faculty-detail dl{font-size:11px;margin-bottom:15px}
 .faculty-detail-top{font-size:8px}
 .faculty-full-link{max-width:none;font-size:11px;padding:10px 0}
 .program-detail h3{font-size:24px}
 [data-variant=B] .program-heading h2,.program-heading h2{font-size:34px}
 [data-variant=C] #staff-canvas{opacity:.3}
 [data-variant=C] .paper-aside{margin:0;align-items:center}
 [data-variant=C] .paper-aside .round-link{width:82px;height:82px}
 .contact-main h2{font-size:12vw!important}
}

/* The programme has its own instrument-family accents within the menu palette. */
[data-variant=B] .program-row{padding:19px 16px;transition:background .25s,color .25s,border-color .25s}
[data-variant=B] .program-row strong{font-size:31px;font-weight:450}
[data-variant=B] .program-row.selected{background:color-mix(in srgb,var(--course-color) 38%,transparent);border-color:var(--course-light);box-shadow:inset 3px 0 var(--course-light);padding-left:16px}
[data-variant=B] .program-row.selected>span:first-child,[data-variant=B] .program-row.selected .course-arrow{color:var(--course-light)}
[data-variant=B] .program-detail .text-link,[data-variant=B] .program-detail .text-link>span{border-color:var(--course-light);color:var(--course-light)}
[data-variant=B] .program-number{color:var(--course-light);opacity:1}
[data-variant=B] .program-detail h3{font:500 28px/1.4 var(--sans);letter-spacing:-.035em}
[data-variant=B] .program-detail p{font-size:14px;opacity:.8}
[data-variant=B] .faculty-detail h3{font-weight:500}
[data-variant=C] .program-row{padding-left:14px;padding-right:14px;transition:background .25s,color .25s,border-color .25s}
[data-variant=C] .program-row.selected{color:var(--course-color);background:color-mix(in srgb,var(--course-color) 10%,transparent);border-color:var(--course-color);box-shadow:inset 3px 0 var(--course-color)}
[data-variant=C] .program-row.selected .course-arrow{color:var(--course-color)}
[data-variant=C] .program-number,[data-variant=C] .program-detail h3{color:var(--course-color)}
[data-variant=C] .program-detail .text-link{color:var(--course-color)}
@media(min-width:801px) and (max-height:820px){[data-variant=B] .program-row{padding-top:12px;padding-bottom:12px}[data-variant=B] .program-row strong{font-size:27px}}
@media(max-width:800px){
 .site-header nav a{font-size:13px}
 .faculty-detail dl{font-size:12px}.faculty-tab strong{font-size:15px}
 .program-detail p,[data-variant=B] .program-detail p{font-size:13px}
 [data-variant=B] .program-row{padding:14px 12px}
 [data-variant=B] .program-row.selected{padding-left:12px}
 [data-variant=B] .program-row strong{font-size:24px}
}

/* One Korean type family: Power for the frame, Modu for reading. */
html[data-variant] .scene h1,html[data-variant] .scene h2,
html[data-variant] .scene h3,html[data-variant] .scene h1 em,
html[data-variant] .scene h2 em{font-family:var(--wordmark);font-weight:900;letter-spacing:-.025em}
.site-header nav a,.mobile-menu a,.header-contact,
.program-row strong,.faculty-tab strong{font-family:var(--wordmark);font-weight:900;letter-spacing:0}
body{font-weight:500}
html[data-variant] .brand-symbol img{width:100%!important;height:100%!important;object-fit:contain;filter:brightness(0) invert(1)}
html[data-variant] .site-header.light .brand-symbol img,
html[data-variant=C] .site-header:not(.dark) .brand-symbol img{filter:brightness(0)}
.site-header nav a{font-size:14px}
html[data-variant] .faculty-tab strong{font-weight:900}
html[data-variant] .news-item h3{font-family:var(--sans);font-weight:700}
html[data-variant] .program-row strong{font-weight:900}
html[data-variant] .faculty-detail h3{font-weight:900}
.eyebrow,.overline,.chapter,.text-link{font-size:13px}
.program-detail p,.about-note p,.admission-copy p{font-size:15px}
.footer-brand{font-family:var(--wordmark);font-weight:900}

/* B opens as a brand mark. No photographic/background image in this scene. */
[data-variant=B] .hero-b{min-height:100svh;padding-top:124px;padding-bottom:108px;justify-content:center;background:#101010}
.brand-stage{margin:auto;width:100%;display:flex;flex-direction:column;align-items:center;text-align:center;padding:25px 0}
.brand-lockup{display:flex;align-items:center;justify-content:center;gap:clamp(24px,4vw,64px)}
.hero-flame{width:clamp(66px,8vw,112px);height:auto;object-fit:contain;flex-shrink:0}
[data-variant=B] .hero-b h1{font-size:clamp(50px,6vw,90px);line-height:1.3;letter-spacing:-.025em;margin:15px 0 0;text-align:left}
.brand-subline{margin-top:30px;font-size:18px;letter-spacing:.02em;color:#c0bfba}
.brand-pigments{display:flex;align-items:center;gap:8px;margin-top:38px}
.brand-pigments i{display:block;width:clamp(24px,3.8vw,54px);height:4px;background:#b34536}
.brand-pigments i:nth-child(2){background:#477da0}
.brand-pigments i:nth-child(3){background:#c59b4b}
.brand-pigments i:nth-child(4){background:#4c927b}
.brand-pigments i:nth-child(5){background:#e5e3da}
.brand-baseline{position:absolute;left:var(--page);right:var(--page);bottom:85px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #ffffff25;padding-top:20px;font-size:12px;color:#aaa9a4;letter-spacing:.08em}
.brand-baseline a{color:#e5e3da;display:flex;align-items:center;gap:26px;letter-spacing:0;font-size:14px}
.brand-baseline a>span{color:#cd775f;font-size:20px}
.brand-baseline a:hover{color:#d58c72}

/* Eight public-list slots, with no private payload in the static preview. */
html[data-variant] .news-expanded{grid-template-columns:.6fr 1.8fr;gap:5vw;align-items:start}
.news-expanded .news-list{display:grid;grid-template-columns:1fr 1fr;column-gap:30px;border-top:1px solid currentColor}
.news-expanded .news-item{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:7px;padding:17px 27px 17px 0;min-height:105px;border-top:0;border-bottom:1px solid #30352c30}
.news-expanded .news-item:hover{padding-left:8px}
.news-expanded .news-date{font:11px/1.4 var(--sans);letter-spacing:.02em}
.news-expanded .news-tag{font-size:11px;line-height:1.2;background:none;padding:0;opacity:1}
html[data-variant] .news-expanded .news-item h3{font-size:18px;line-height:1.4;margin:5px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.news-expanded .news-arrow,.news-expanded .news-lock{position:absolute;right:0;top:20px;color:var(--scene-color)}
.news-expanded .news-arrow{font-size:21px}
.news-expanded .news-locked h3{opacity:.65}
.news-expanded .news-locked .news-date{letter-spacing:.08em;font-size:9px}
.news-expanded .news-lock{opacity:.65}
.news-expanded .news-heading .text-link{min-width:125px}
@media(min-width:801px) and (max-height:820px){
 [data-variant=B] .hero-b h1{font-size:clamp(48px,5.3vw,74px)}
 .hero-flame{width:84px}.brand-subline{margin-top:23px}
 .brand-pigments{margin-top:28px}.brand-baseline{bottom:72px}
 .news-expanded .news-item{padding-top:13px;padding-bottom:13px;min-height:94px}
 html[data-variant] .news-expanded .news-item h3{font-size:17px}
}
@media(max-width:1050px) and (min-width:801px){
 html[data-variant] .news-expanded{grid-template-columns:1fr}
 .news-expanded .news-heading{display:flex;align-items:center;justify-content:space-between}
 .news-expanded .news-heading .text-link{margin-top:0}
 .news-expanded .news-list{column-gap:28px}
 .news-expanded .news-item{min-height:89px;padding-top:11px;padding-bottom:11px}
}
@media(max-width:800px){
 .hero-flame{width:65px}
 [data-variant=B] .hero-b{padding-top:100px;padding-bottom:136px}
 [data-variant=B] .hero-b h1{font-size:clamp(42px,8.4vw,64px);margin:12px 0 0}
 .brand-lockup{gap:23px}.brand-stage{padding:20px 0}
 .brand-subline{font-size:16px;letter-spacing:0;margin-top:26px}
 .brand-pigments{margin-top:28px;gap:6px}.brand-pigments i{width:32px;height:3px}
 .brand-baseline{bottom:87px;flex-wrap:wrap;padding-top:17px;font-size:10px;gap:15px}
 .brand-baseline>span:first-child{display:none}.brand-baseline a{font-size:13px}
 html[data-variant] .news-expanded{grid-template-columns:1fr;gap:24px}
 .news-expanded .news-heading{display:flex;justify-content:space-between;align-items:center}
 .news-expanded .news-heading .text-link{margin:0;min-width:110px}
 .news-expanded .news-list{grid-template-columns:1fr}
 .news-expanded .news-item{min-height:96px;padding:15px 30px 15px 0;gap:3px}
 html[data-variant] .news-expanded .news-item h3{font-size:18px}
 .news-expanded .news-date{font-size:11px}
 .news-expanded .news-arrow,.news-expanded .news-lock{top:32px}
 .faculty-detail dl{font-size:14px}
}

/* C follows the same name-first identity, without seal ornamentation. */
[data-variant=C] .paper-hero-grid{grid-template-columns:1.2fr 1.05fr .35fr;gap:4vw}
[data-variant=C] .paper-title{padding:0}
.paper-brand-flame{width:45px;height:auto;object-fit:contain;margin-bottom:28px}
[data-variant=C] .paper-title h1{font-family:var(--wordmark);font-size:clamp(45px,5vw,78px);line-height:1.32;font-weight:900;letter-spacing:-.025em}
.paper-brand-tagline{font:500 19px/1.6 var(--sans);margin-top:24px;opacity:.65}
[data-variant=C] .custom-cursor .cursor-point{border-radius:50%;width:4px;height:4px}
[data-variant=C] .custom-cursor .cursor-staff{border:0;padding:0;width:13px;left:23px;top:9px;gap:3px;transform:rotate(-18deg);border-radius:0}
[data-variant=C] .custom-cursor.active .cursor-staff{transform:rotate(0)}
[data-variant=C] .custom-cursor>span{left:27px;top:23px}
@media(min-width:801px) and (max-height:820px){
 .paper-brand-flame{width:35px;margin-bottom:18px}
 [data-variant=C] .paper-title h1{font-size:clamp(42px,4.7vw,68px)}
 .paper-brand-tagline{margin-top:18px}
}
@media(max-width:800px){
 [data-variant=C] .paper-hero-grid{grid-template-columns:1fr 1fr;gap:24px 20px}
 [data-variant=C] .paper-title h1{font-size:clamp(32px,6.3vw,50px);line-height:1.35}
 .paper-brand-flame{width:30px;margin-bottom:20px}
 .paper-brand-tagline{font-size:15px;margin-top:18px}
 [data-variant=C] .paper-aside{grid-column:1/-1;display:flex;justify-content:space-between}
}

/* B wordmark remains one unbroken name at every viewport. */
[data-variant=B] .hero-b h1{white-space:nowrap;font-size:clamp(38px,5.1vw,78px);line-height:1.25;margin:16px 0 0}
[data-variant=B] .brand-lockup{gap:clamp(22px,3.4vw,52px)}
[data-variant=B] .hero-flame{width:clamp(62px,7vw,102px)}
@media(max-width:800px){
 [data-variant=B] .hero-b h1{font-size:clamp(24px,7.1vw,54px);margin:9px 0 0}
 [data-variant=B] .brand-lockup{gap:16px}
 [data-variant=B] .hero-flame{width:clamp(36px,10vw,60px)}
}

/* C keeps a paper/photo composition, with the same single-line brand lockup. */
[data-variant=C] .paper-hero-grid{grid-template-columns:1.45fr 1fr;gap:25px 4vw;align-items:center}
[data-variant=C] .paper-title{grid-column:1;grid-row:1;align-self:end}
.paper-brand-lockup{display:flex;align-items:center;gap:18px}
[data-variant=C] .paper-brand-flame{width:clamp(32px,3.7vw,56px);margin:0;flex-shrink:0}
[data-variant=C] .paper-title h1{font-size:clamp(25px,3.35vw,54px);white-space:nowrap;line-height:1.3;margin-top:10px}
[data-variant=C] .paper-brand-tagline{margin-left:calc(clamp(32px,3.7vw,56px) + 18px);font-size:18px}
[data-variant=C] .paper-hero-grid figure{grid-column:2;grid-row:1/3}
[data-variant=C] .paper-aside{grid-column:1;grid-row:2;align-self:start;display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin:15px 0 0;padding-left:calc(clamp(32px,3.7vw,56px) + 18px);padding-right:24px}
@media(max-width:800px){
 [data-variant=C] .paper-hero-grid{grid-template-columns:1fr 1fr;gap:27px 20px}
 [data-variant=C] .paper-title{grid-column:1/-1;grid-row:1;align-self:center}
 [data-variant=C] .paper-brand-lockup{justify-content:center;gap:16px}
 [data-variant=C] .paper-title h1{font-size:clamp(24px,7.1vw,54px);margin-top:9px}
 [data-variant=C] .paper-brand-flame{width:clamp(36px,10vw,60px)}
 [data-variant=C] .paper-brand-tagline{margin:17px 0 0;text-align:center;font-size:16px}
 [data-variant=C] .paper-hero-grid figure{grid-column:1;grid-row:2;margin:0;height:clamp(190px,32vh,320px)}
 [data-variant=C] .paper-aside{grid-column:2;grid-row:2;align-self:center;padding:0;margin:0;flex-direction:column;gap:45px}
}

/* Original faculty subject accents: coral, blue, gold, green, violet, jade. */
[data-variant=B] .faculty-tab[aria-selected=true]{background:color-mix(in srgb,var(--discipline) 14%,transparent)}
[data-variant=B] .faculty-tab[aria-selected=true] small{color:color-mix(in srgb,var(--discipline) 65%,#161616)}
[data-variant=B] .faculty-detail h3{color:color-mix(in srgb,var(--discipline) 70%,#161616)}
[data-variant=B] .faculty-staff i:nth-child(n){background:var(--discipline);opacity:1}
[data-variant=B] .faculty-staff i:nth-child(2){opacity:.8}
[data-variant=B] .faculty-staff i:nth-child(3){opacity:.6}
[data-variant=B] .faculty-staff i:nth-child(4){opacity:.4}
[data-variant=B] .faculty-staff i:nth-child(5){opacity:.25}

/* Mobile reading flow: intrinsic image ratios must not invade adjacent text. */
@media(max-width:800px){
 html[data-variant] .scene{height:auto;min-height:100svh}
 .scene :is(.about-layout,.about-word,.about-note,.program-layout,.program-detail,.faculty-directory,.faculty-detail,.branch,.news-item){min-width:0}
 html[data-variant] .about-layout{grid-template-columns:minmax(0,1fr);gap:26px;width:100%}
 html[data-variant] .about-word{grid-column:1;grid-row:1}
 html[data-variant] .about-word h2{font-size:clamp(33px,7.8vw,48px);line-height:1.45}
 html[data-variant] .about-photo{grid-column:1;grid-row:2;width:100%;min-width:0;max-width:100%;height:clamp(220px,65vw,390px);min-height:0;max-height:none;aspect-ratio:auto}
 html[data-variant] .about-photo img{width:100%;height:100%;object-fit:cover}
 html[data-variant] .about-note{grid-column:1;grid-row:3;display:block;padding:0;width:100%}
 html[data-variant] .about-note p{font-size:16px;line-height:1.8;margin:0 0 13px}
 html[data-variant] .about-note .text-link{font-size:14px;min-width:150px}
 html[data-variant] .heritage-number{font-size:46px;padding-top:16px}
 .motion-ready .scene:not(.seen) .reveal-media{clip-path:none}
 .motion-ready .scene:not(.seen) .section-heading h2,.motion-ready .scene:not(.seen) .about-word h2{opacity:1;transform:none}
 html[data-variant] .news-expanded .news-item h3{display:block;-webkit-line-clamp:unset;overflow:visible;overflow-wrap:anywhere}
 .faculty-tab strong{overflow-wrap:anywhere}
 .faculty-detail dd,.program-detail p,.branch>p{overflow-wrap:anywhere}
 .admission-steps p{font-size:12px;line-height:1.8}
 .admission-copy p:not(.eyebrow){font-size:15px;line-height:1.8}
 .branch>p{font-size:14px;line-height:1.7}
 .branch-tel{font-size:17px}
 .footer-links,.footer-links .text-link{font-size:12px;line-height:1.8}
 .footer-bottom .legal-info{font-size:10px;line-height:1.9}
 .scene .chapter{font-size:10px}
}