/* Emotionography professional B2B page — follows the official "Spine" company system. */

.professional-page{
  --pro-rule:rgba(38,38,51,.2);
  --pro-soft-rule:rgba(38,38,51,.11);
  background:var(--cream);
}

.professional-page .spine{z-index:3}
.professional-page .shell{overflow:hidden}
.professional-page .nav{width:min(1240px,100%)}
.professional-page .nav-links{gap:1.35rem;padding-right:3vw}
.professional-page .nav-inquiry{
  padding:.64rem 1.05rem;border:1px solid var(--purple-deep);border-radius:999px;
  color:var(--purple-deep);font-weight:600
}
.professional-page .nav-inquiry:hover,.professional-page .nav-inquiry:focus-visible{
  background:var(--purple-deep);color:#fff
}

.professional-page .inner{width:min(1010px,calc(100% - 5vw))}
.professional-page h1{max-width:20ch;font-size:clamp(2.2rem,3.45vw,3.45rem);line-height:1.28}
.professional-page h2{max-width:24ch;font-size:clamp(1.7rem,2.65vw,2.45rem);line-height:1.32}
.professional-page h3{font-size:1.08rem;line-height:1.45}
.professional-page p{line-height:1.86}
.professional-page .button{background:var(--purple-deep);color:#fff}
.professional-page .button:hover,.professional-page .button:focus-visible{background:var(--navy);color:#fff}
.professional-page .text-link{font-weight:600}

.section-index{
  display:block;margin-bottom:var(--gap-label);color:var(--purple-deep);
  font-size:.72rem;font-weight:600;letter-spacing:.13em
}
.section-heading>p{max-width:40rem;margin-top:var(--gap-lead);font-size:.94rem;line-height:1.78}
.pro-section{padding:var(--pad-section) 0}
.pro-band{margin-left:calc(var(--rail) * -1);padding:var(--pad-section) 0 var(--pad-section) var(--rail)}
.record-flow,.practice-flow,.benefit-list,.process-flow,.trust-list{margin-left:0;padding-left:0;list-style:none}

/* Hero */
.pro-hero{
  margin-left:calc(var(--rail) * -1);padding:clamp(4rem,5vw,5.5rem) 0 clamp(4.8rem,6.5vw,7rem) var(--rail);
  background:var(--mist)
}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:clamp(3rem,4.5vw,4.5rem);align-items:center}
.hero-copy .lead{max-width:42rem;margin-top:2rem;font-size:1.03rem}
.hero-copy .actions{margin-top:2.25rem}
.hero-product{
  min-height:clamp(380px,38vw,520px);display:grid;place-items:center;padding:clamp(2rem,3.5vw,3.8rem);
  border-left:1px solid rgba(99,68,224,.24)
}
.hero-product img{width:min(100%,430px);filter:drop-shadow(0 28px 24px rgba(38,38,51,.16))}
.product-summary{
  display:grid;grid-template-columns:.7fr 1.45fr 1fr;margin:3.4rem 0 0;border-top:1px solid var(--pro-rule)
}
.product-summary div{padding:1.15rem 1.15rem 0 0}
.product-summary div+div{padding-left:1.15rem;border-left:1px solid var(--pro-soft-rule)}
.product-summary dt{font-size:.72rem;color:var(--purple-deep);font-weight:600}
.product-summary dd{margin:.28rem 0 0;color:var(--ink);font-size:.85rem;line-height:1.6}

/* Buyer problem */
.problem-band{
  margin-left:calc(var(--rail) * -1);padding:clamp(4.5rem,7vw,7rem) 0 clamp(4.5rem,7vw,7rem) var(--rail);
  background:var(--stone)
}
.problem-band .inner{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(3rem,7vw,7rem)}
.problem-list{border-top:2px solid var(--navy)}
.problem-list article{display:grid;grid-template-columns:minmax(180px,.8fr) 1.2fr;gap:2rem;padding:1.45rem 0;border-bottom:1px solid var(--pro-rule)}
.problem-list p{font-size:.92rem}

/* Product anatomy */
.record-flow{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(1.4rem,3vw,3rem);margin-top:var(--gap-block);padding-bottom:1.6rem;border-bottom:1px solid var(--pro-rule)}
.record-flow::before{position:absolute;top:3.2rem;right:8%;left:8%;height:2px;background:var(--purple);content:"";opacity:.8}
.record-flow li{position:relative;min-width:0}
.record-flow .flow-icon{position:relative;z-index:1;display:block;width:96px;height:72px;margin-bottom:1.1rem;padding:.2rem;background:var(--cream);color:var(--purple-deep);fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.record-flow span,.process-flow>li>span{display:block;color:var(--purple-deep);font-size:1.35rem;font-weight:600}
.record-flow h3{margin-top:.75rem}
.record-flow p{margin-top:.7rem;font-size:.86rem}
.product-gallery{display:grid;grid-template-columns:1fr 1fr;gap:1.7rem;margin-top:3.5rem}
.product-gallery figure{padding:1rem;background:#fff;border:1px solid var(--pro-soft-rule)}
.product-gallery figcaption{padding:.85rem .2rem 0;color:var(--charcoal);font-size:.78rem}

/* In-practice sequence */
.practice{padding-top:clamp(4rem,6vw,6rem);border-top:1px solid var(--pro-soft-rule)}
.compact-heading{display:grid;grid-template-columns:.68fr 1.32fr;gap:clamp(2rem,6vw,6rem)}
.compact-heading .section-index{grid-column:1/-1}
.compact-heading>p{margin:0}
.practice-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.7rem,4vw,4rem);margin-top:var(--gap-block)}
.practice-flow li{position:relative;padding-top:1.25rem;border-top:2px solid var(--navy)}
.practice-flow li:not(:last-child)::after{position:absolute;top:1.05rem;right:-2rem;color:var(--purple);content:"→"}
.practice-flow span{color:var(--purple-deep);font-size:1.45rem;font-weight:600}
.practice-flow h3{margin-top:2.6rem;font-size:1.25rem}
.practice-flow p{margin-top:.8rem;font-size:.93rem}
.scope-note{margin-top:3rem;padding:1.25rem 0;border-top:1px solid var(--pro-rule);border-bottom:1px solid var(--pro-rule);font-size:.85rem}

/* Institution use cases */
.use-band{background:var(--mist)}
.use-layout{display:grid;grid-template-columns:.56fr 1.44fr;gap:clamp(3rem,7vw,7rem)}
.use-orbit{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:2px solid var(--navy)}
.use-orbit::before{position:absolute;top:50%;right:4%;left:4%;height:1px;background:var(--pro-soft-rule);content:""}
.use-orbit article{position:relative;z-index:1;min-height:220px;padding:1.65rem 1.1rem 1.5rem;text-align:center;border-bottom:1px solid var(--pro-rule)}
.use-orbit svg{display:block;width:84px;height:72px;margin:0 auto 1.2rem;color:var(--purple-deep);fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.use-orbit h3{color:var(--purple-deep);font-size:.94rem;line-height:1.45}
.use-orbit p{margin:.65rem auto 0;max-width:18rem;font-size:.8rem;line-height:1.7}

/* School and university programme offers */
.education-programmes{border-top:1px solid var(--pro-soft-rule)}
.campus-visual{position:relative;display:grid;grid-template-columns:1fr minmax(220px,.8fr) 1fr;gap:clamp(1.5rem,4vw,4rem);align-items:center;margin-top:var(--gap-block);padding:2.8rem 0 3rem;border-top:2px solid var(--navy);border-bottom:1px solid var(--pro-rule)}
.campus-visual::before,.campus-visual::after{position:absolute;top:46%;z-index:0;height:2px;background:var(--purple);content:"";opacity:.75}
.campus-visual::before{left:19%;width:25%;transform:rotate(3deg)}
.campus-visual::after{right:19%;width:25%;transform:rotate(-3deg)}
.campus-path{position:relative;z-index:1;text-align:center}
.campus-illustration{display:block;width:min(100%,310px);height:220px;margin:0 auto 1.15rem;object-fit:contain;mix-blend-mode:multiply;-webkit-mask-image:radial-gradient(ellipse 86% 84% at center,#000 72%,transparent 100%);mask-image:radial-gradient(ellipse 86% 84% at center,#000 72%,transparent 100%)}
.university-path .campus-illustration{width:min(100%,300px)}
.campus-path h3{color:var(--purple-deep);font-size:.95rem;line-height:1.5}
.campus-path ul{margin:1rem auto 0;max-width:15rem;border-top:1px solid var(--pro-rule)}
.campus-path li{padding:.55rem 0;border-bottom:1px solid var(--pro-soft-rule);font-size:.8rem;line-height:1.55}
.campus-product{position:relative;z-index:2;display:grid;place-items:center}
.campus-product img{width:min(100%,270px);filter:drop-shadow(0 24px 22px rgba(38,38,51,.17))}
.teaching-support{display:grid;grid-template-columns:1.05fr 1.45fr;gap:clamp(2rem,5vw,5rem);align-items:center;margin-top:2.6rem;padding:1.7rem 0;border-top:1px solid var(--pro-rule);border-bottom:1px solid var(--pro-rule)}
.teaching-intro{display:grid;grid-template-columns:104px 1fr;gap:1.25rem;align-items:center}
.teaching-mark{color:var(--purple-deep)}
.teaching-mark svg{display:block;width:104px;height:auto;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.teaching-intro h3{color:var(--purple-deep);font-size:1.02rem}
.teaching-intro p{margin-top:.45rem;font-size:.8rem;line-height:1.65}
.teaching-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none}
.teaching-modes li{display:grid;grid-template-columns:48px 1fr;gap:.65rem;align-items:center;min-width:0;padding:.4rem 1rem;border-left:1px solid var(--pro-soft-rule)}
.teaching-modes svg{width:44px;height:44px;color:var(--purple-deep);fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}
.teaching-modes strong,.teaching-modes span{display:block}
.teaching-modes strong{font-size:.82rem;line-height:1.4}
.teaching-modes span{margin-top:.2rem;color:var(--charcoal);font-size:.68rem;line-height:1.45}
.programme-grid{display:grid;grid-template-columns:1fr 1fr;margin-top:3rem;border-top:1px solid var(--pro-rule)}
.programme-card{padding:2.1rem 2.2rem 2.4rem 0;border-bottom:1px solid var(--pro-rule)}
.programme-card+ .programme-card{padding-left:2.2rem;padding-right:0;border-left:1px solid var(--pro-soft-rule)}
.programme-kicker{display:block;color:var(--purple-deep);font-size:.69rem;font-weight:600;letter-spacing:.12em}
.programme-card h3{margin-top:1.05rem;font-size:clamp(1.25rem,1.8vw,1.55rem);line-height:1.45}
.programme-lead{margin-top:1.35rem;font-size:.94rem}
.programme-meta{margin:2rem 0 0;border-top:1px solid var(--pro-rule)}
.programme-meta div{display:grid;grid-template-columns:6rem 1fr;gap:1rem;padding:.85rem 0;border-bottom:1px solid var(--pro-soft-rule)}
.programme-meta dt{color:var(--purple-deep);font-size:.73rem;font-weight:600}
.programme-meta dd{margin:0;font-size:.84rem;line-height:1.72}
.programme-points{margin-top:1.7rem}
.programme-points li{position:relative;padding-left:1.1rem;font-size:.87rem;line-height:1.78}
.programme-points li+li{margin-top:.65rem}
.programme-points li::before{position:absolute;left:0;color:var(--purple-deep);content:"·"}
.programme-note{display:flex;align-items:center;justify-content:space-between;gap:3rem;margin-top:2.2rem;padding:1.5rem 0;border-top:1px solid var(--pro-rule);border-bottom:1px solid var(--pro-rule)}
.programme-note p{max-width:46rem;font-size:.84rem}
.programme-note .text-link{flex:none;color:var(--purple-deep);font-size:.86rem;text-underline-offset:.25rem}

/* Supply comparison and CTA */
.wide-heading{display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(2rem,6vw,6rem)}
.wide-heading .section-index{grid-column:1/-1}
.wide-heading>p{margin:0}
.supply-editorial{display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(2.5rem,6vw,6rem);align-items:center;margin-top:var(--gap-block);padding-top:2rem;border-top:2px solid var(--navy)}
.supply-visual{position:relative;min-height:520px;padding:0 3.5rem 5rem 0}
.supply-visual figure{overflow:hidden;background:#fff;border:1px solid var(--pro-soft-rule);box-shadow:0 18px 34px rgba(38,38,51,.1)}
.supply-visual figure:first-child{position:relative;z-index:1}
.supply-visual figure:last-child{position:absolute;z-index:2;right:0;bottom:0;width:67%}
.supply-visual img{width:100%;height:auto}
.supply-list{margin:0;padding:0;border-top:1px solid var(--pro-rule);list-style:none}
.supply-list li{display:grid;grid-template-columns:3rem 1fr;gap:1rem;padding:1.25rem 0;border-bottom:1px solid var(--pro-rule)}
.supply-list>li>span{color:var(--purple-deep);font-size:1.05rem;font-weight:600}
.supply-list h3{font-size:1rem}
.supply-list p{margin:.35rem 0 0;font-size:.84rem;line-height:1.68}
.supply-list small{display:block;margin-top:.35rem;color:var(--charcoal);font-size:.69rem;line-height:1.6}
.supply-cta{display:flex;align-items:center;justify-content:space-between;gap:3rem;margin-top:3rem;padding:2.8rem 3rem;background:var(--purple);color:var(--navy)}
.supply-cta h3{font-size:clamp(1.35rem,2.4vw,2rem);color:var(--navy)}
.supply-cta p{max-width:38rem;margin-top:.8rem;font-size:.86rem}
.dark-action{flex:none;background:var(--navy)!important;color:var(--cream)!important}
.dark-action:hover,.dark-action:focus-visible{background:#10101d!important;color:#fff!important}

/* Partnership benefits */
.partner-band{background:var(--mist)}
.partner-layout{display:grid;grid-template-columns:.68fr 1.32fr;gap:clamp(3rem,7vw,7rem)}
.benefit-list{border-top:2px solid var(--navy)}
.benefit-list li{display:grid;grid-template-columns:2.6rem 1fr;gap:1.2rem;padding:1.35rem 0;border-bottom:1px solid var(--pro-rule)}
.benefit-list>li>span{color:var(--purple-deep);font-size:.78rem;font-weight:600}
.benefit-list p{margin-top:.6rem;font-size:.9rem}
.partner-note{display:flex;align-items:center;justify-content:space-between;gap:2rem;margin-top:3rem;padding-top:1.35rem;border-top:1px solid var(--pro-rule)}
.partner-note p{max-width:44rem;font-size:.82rem}
.partner-note a{flex:none;color:var(--purple-deep);font-size:.88rem;font-weight:600;text-underline-offset:.25rem}

/* Adoption process */
.process{border-top:1px solid var(--pro-soft-rule)}
.process-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:var(--gap-block);border-top:2px solid var(--navy)}
.process-flow li{min-height:210px;padding:1.35rem 1.35rem 1.5rem 0}
.process-flow li+li{padding-left:1.35rem;border-left:1px solid var(--pro-soft-rule)}
.process-flow h3{margin-top:2.5rem}
.process-flow p{margin-top:.8rem;font-size:.9rem}

/* Trust */
.trust-band{background:var(--navy);color:rgba(255,255,255,.78)}
.trust-band h2,.trust-band h3{color:#fff}
.trust-band .section-index{color:var(--lavender)}
.trust-layout{display:grid;grid-template-columns:.62fr 1.38fr;gap:clamp(3rem,7vw,7rem)}
.trust-list{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(255,255,255,.5)}
.trust-list li{display:grid;grid-template-columns:2.2rem 1fr;gap:1rem;padding:1.55rem 1.4rem 1.75rem 0;border-bottom:1px solid rgba(255,255,255,.15)}
.trust-list li:nth-child(even){padding-left:1.4rem;border-left:1px solid rgba(255,255,255,.15)}
.trust-list>li>span{color:var(--lavender);font-size:.75rem;font-weight:600}
.trust-list p{margin-top:.8rem;color:rgba(255,255,255,.68);font-size:.88rem}

/* Founder and product accountability */
.founder-product-grid{display:grid;grid-template-columns:.5fr 1.15fr .75fr;gap:clamp(2rem,5vw,4.5rem);align-items:start}
.founder-portrait img{aspect-ratio:1;object-fit:cover;border-radius:50%}
.founder-portrait figcaption{margin-top:.95rem;text-align:center;font-size:.8rem}
.founder-copy p{max-width:42rem;margin-top:var(--gap-lead)}
.founder-credentials{margin-top:2.2rem;border-top:1px solid var(--pro-rule)}
.founder-credentials div{display:grid;grid-template-columns:5rem 1fr;gap:1rem;padding:.9rem 0;border-bottom:1px solid var(--pro-soft-rule)}
.founder-credentials dt{color:var(--purple-deep);font-size:.75rem;font-weight:600}
.founder-credentials dd{margin:0;font-size:.88rem;line-height:1.7}
.founder-product-visual{padding-left:2rem;border-left:1px solid var(--pro-rule)}
.founder-product-visual img{width:min(100%,260px);margin-inline:auto;filter:drop-shadow(0 18px 18px rgba(38,38,51,.13))}
.founder-product-visual figcaption{margin-top:1.2rem}
.founder-product-visual figcaption strong,.founder-product-visual figcaption span{display:block}
.founder-product-visual figcaption span{margin-top:.35rem;font-size:.83rem;line-height:1.7}

/* FAQ and close */
.faq-section{border-top:1px solid var(--pro-soft-rule)}
.faq-layout{display:grid;grid-template-columns:.55fr 1.45fr;gap:clamp(3rem,7vw,7rem)}
.faq-list{border-top:2px solid var(--navy)}
.faq-list details{border-bottom:1px solid var(--pro-rule)}
.faq-list summary{position:relative;padding:1.35rem 3rem 1.35rem 0;cursor:pointer;list-style:none;color:var(--ink);font-weight:700}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary::after{position:absolute;top:1.15rem;right:.15rem;color:var(--purple-deep);font-size:1.5rem;font-weight:400;content:"+"}
.faq-list details[open] summary::after{content:"−"}
.faq-list details p{max-width:44rem;padding:0 2.6rem 1.5rem 0;font-size:.92rem}
.pro-contact{margin-left:calc(var(--rail) * -1);padding:var(--pad-section) 0 var(--pad-section) var(--rail);background:var(--purple);color:var(--navy)}
.pro-contact h2{color:var(--navy)}
.contact-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:clamp(3rem,7vw,7rem);align-items:start}
.contact-intro>p{max-width:34rem;margin-top:1.5rem}
.contact-intro .direct{font-size:.92rem}
.contact-intro .response-note{font-size:.8rem;line-height:1.7}
.kakao-inquiry{display:inline-flex;align-items:center;gap:.55rem;margin-top:1.25rem;padding:.82rem 1rem;border:1px solid var(--navy);color:var(--navy);font-size:.86rem;font-weight:600;text-decoration:none}
.kakao-inquiry svg{width:16px;height:16px}
.kakao-inquiry:hover,.kakao-inquiry:focus-visible{background:var(--navy);color:#fff}
.pro-contact .inquiry{max-width:none;margin-top:0;padding-top:1.35rem;border-top:2px solid var(--navy)}
.pro-contact .inquiry .button{justify-content:center}
.visitor-note{margin-top:.15rem!important;color:var(--navy);font-size:.78rem!important;line-height:1.7!important}
.professional-page .site-footer{position:relative;z-index:4}
.professional-page .language-switch{color:#555360}

@media (max-width:1160px){
  .professional-page .nav{flex-wrap:wrap;padding-right:5vw}
  .professional-page .nav-toggle{display:block;margin-left:auto}
  .professional-page .nav-links{display:none;width:100%;flex-direction:column;
    align-items:flex-start;gap:.2rem;padding:.6rem 0 1rem}
  .professional-page .nav-links.open{display:flex}
  .professional-page .nav-links > a,.professional-page .nav-links .language-switch{
    padding:.6rem 0;width:100%}
}

@media (max-width:1040px){
  .professional-page .nav-links{gap:1rem;font-size:.76rem}
  .hero-grid{grid-template-columns:1fr;gap:3.5rem}
  .hero-copy{max-width:50rem}
  .hero-product{min-height:470px;border-left:0;border-top:1px solid rgba(99,68,224,.24)}
  .problem-band .inner,.use-layout,.partner-layout,.trust-layout,.faq-layout{grid-template-columns:1fr;gap:3rem}
  .supply-editorial{grid-template-columns:1fr;gap:3.5rem}
  .supply-visual{min-height:0;padding-right:4rem}
  .teaching-support{grid-template-columns:1fr;gap:1.5rem}
  .teaching-modes li:first-child{border-left:0}
  .founder-product-grid{grid-template-columns:.55fr 1.45fr}
  .founder-product-visual{grid-column:2;padding:2rem 0 0;border-top:1px solid var(--pro-rule);border-left:0;display:grid;grid-template-columns:180px 1fr;gap:2rem;align-items:center}
}

@media (max-width:820px){
  .professional-page .inner{width:min(100% - 2.5rem,760px)}
  .professional-page h1{font-size:clamp(2rem,5.2vw,2.45rem)}
  .pro-hero,.problem-band,.pro-band,.pro-contact{margin-left:calc(var(--rail) * -1);padding-left:var(--rail)}
  .product-summary{grid-template-columns:1fr}
  .product-summary div{padding:1rem 0;border-bottom:1px solid var(--pro-soft-rule)}
  .product-summary div+div{padding-left:0;border-left:0}
  .problem-list article{grid-template-columns:1fr;gap:.7rem}
  .record-flow,.process-flow{grid-template-columns:1fr 1fr}
  .record-flow::before{display:none}
  .record-flow li{padding:1.2rem 0;border-bottom:1px solid var(--pro-soft-rule)}
  .record-flow li:nth-child(odd){padding-right:1.2rem}
  .record-flow li:nth-child(even){padding-left:1.2rem;border-left:1px solid var(--pro-soft-rule)}
  .process-flow li:nth-child(3){border-left:0}
  .process-flow li:nth-child(n+3){border-top:1px solid var(--pro-soft-rule)}
  .practice-flow{grid-template-columns:1fr;gap:2.4rem}
  .practice-flow li:not(:last-child)::after{display:none}
  .use-orbit{grid-template-columns:1fr 1fr}
  .use-orbit::before{display:none}
  .use-orbit article{min-height:210px}
  .campus-visual{grid-template-columns:1fr 190px 1fr;gap:1rem}
  .campus-visual::before,.campus-visual::after{display:none}
  .teaching-intro{grid-template-columns:88px 1fr}
  .teaching-mark svg{width:88px}
  .teaching-modes li{grid-template-columns:40px 1fr;padding-inline:.65rem}
  .teaching-modes svg{width:38px;height:38px}
  .programme-grid{grid-template-columns:1fr}
  .programme-card,.programme-card+ .programme-card{padding:1.7rem 0 2rem;border-left:0}
  .programme-card+ .programme-card{border-top:1px solid var(--pro-rule)}
  .programme-note{align-items:flex-start;flex-direction:column;gap:1.2rem}
  .supply-cta,.contact-layout{align-items:flex-start;flex-direction:column;display:flex}
  .contact-layout>*{width:100%}
  .founder-product-grid{grid-template-columns:180px 1fr}
}

@media (max-width:680px){
  .professional-page{--pad-section:4.75rem}
  .professional-page .nav-inquiry{padding:1rem 0;border:0;border-radius:0}
  .pro-hero{padding-top:4rem}
  .hero-grid{gap:2rem}
  .product-summary{display:none}
  .hero-product{min-height:350px;padding:2rem 1rem}
  .hero-product img{width:min(100%,340px)}
  .hero-copy .actions{align-items:stretch;flex-direction:column}
  .hero-copy .actions .button{width:100%}
  .product-gallery{grid-template-columns:1fr}
  .record-flow,.process-flow{grid-template-columns:1fr}
  .record-flow li,.record-flow li:nth-child(odd),.record-flow li:nth-child(even),.process-flow li,.process-flow li+li{min-height:0;padding:1.2rem 0 1.35rem;border-left:0;border-top:0;border-bottom:1px solid var(--pro-rule)}
  .record-flow .flow-icon{width:78px;height:60px;margin-bottom:.65rem}
  .record-flow h3{margin-top:.6rem}
  .process-flow h3{margin-top:1.4rem}
  .compact-heading,.wide-heading{grid-template-columns:1fr;gap:1.4rem}
  .compact-heading .section-index,.wide-heading .section-index{grid-column:auto}
  .use-orbit{grid-template-columns:1fr}
  .use-orbit article{display:grid;grid-template-columns:72px 1fr;gap:.25rem 1rem;min-height:0;padding:1.2rem 0;text-align:left}
  .use-orbit svg{grid-row:1/3;width:68px;height:60px;margin:0}
  .use-orbit p{margin:.25rem 0 0;max-width:none}
  .campus-visual{grid-template-columns:1fr;padding:2rem 0}
  .campus-product{grid-row:1}
  .campus-product img{width:min(70%,230px)}
  .campus-path{padding-top:1.3rem;border-top:1px solid var(--pro-soft-rule)}
  .campus-illustration,.university-path .campus-illustration{width:min(88%,320px);height:auto}
  .teaching-support{padding:1.5rem 0}
  .teaching-modes{grid-template-columns:1fr}
  .teaching-modes li,.teaching-modes li:first-child{padding:.85rem 0;border-top:1px solid var(--pro-soft-rule);border-left:0}
  .programme-meta div{grid-template-columns:1fr;gap:.25rem}
  .programme-card h3 br{display:none}
  .supply-visual{padding:0 1.5rem 3rem 0}
  .supply-visual figure:last-child{width:72%}
  .supply-cta{padding:2.2rem 1.35rem}
  .supply-cta .button,.pro-contact .inquiry .button{width:100%}
  .kakao-inquiry{justify-content:center;width:100%}
  .partner-note{align-items:flex-start;flex-direction:column}
  .benefit-list li{grid-template-columns:2rem 1fr}
  .trust-list{grid-template-columns:1fr}
  .trust-list li:nth-child(even){padding-left:0;border-left:0}
  .founder-product-grid{grid-template-columns:1fr}
  .founder-portrait{max-width:170px}
  .founder-portrait figcaption{text-align:left}
  .founder-product-visual{grid-column:auto;grid-template-columns:130px 1fr;padding-left:0}
  .faq-list summary{padding-right:2.4rem}
}

@media (prefers-reduced-motion:reduce){
  .professional-page *{scroll-behavior:auto!important}
}