.mobile-branch-title,.mobile-header-call{display:none}
@media(max-width:760px){
  body[data-page="seomyeon"],body[data-page="haeundae"],body[data-page="dongnae"],body[data-page="paju"]{background:#f5fbfb}
  body:is([data-page="seomyeon"],[data-page="haeundae"],[data-page="dongnae"],[data-page="paju"]) .topbar{display:none}
  body:is([data-page="seomyeon"],[data-page="haeundae"],[data-page="dongnae"],[data-page="paju"]) .site-header{position:absolute;top:14px;left:4%;right:4%;width:92%;z-index:1000;border:0;border-radius:17px;background:rgba(255,255,255,.97);box-shadow:0 12px 35px rgba(16,65,71,.1);backdrop-filter:blur(12px)}
  body:is([data-page="seomyeon"],[data-page="haeundae"],[data-page="dongnae"],[data-page="paju"]) .site-header.is-scrolled{position:fixed;top:8px}
  body:is([data-page="seomyeon"],[data-page="haeundae"],[data-page="dongnae"],[data-page="paju"]) .header-inner{height:66px;width:100%;padding:0 13px;gap:8px}
  body:is([data-page="seomyeon"],[data-page="haeundae"],[data-page="dongnae"],[data-page="paju"]) .brand-logo img{width:clamp(120px,37vw,195px)}
  body:is([data-page="seomyeon"],[data-page="haeundae"],[data-page="dongnae"],[data-page="paju"]) .mobile-header-call{display:flex;align-items:center;justify-content:center;gap:4px;white-space:nowrap;margin-left:auto;padding:7px 9px;border-radius:30px;background:#eaf7f8;color:#008996;font-size:12px;font-weight:900}
  body:is([data-page="seomyeon"],[data-page="haeundae"],[data-page="dongnae"],[data-page="paju"]) .mobile-header-call span{font-size:clamp(10px,3vw,16px)}
  body:is([data-page="seomyeon"],[data-page="haeundae"],[data-page="dongnae"],[data-page="paju"]) .mobile-toggle{flex:none;width:35px;height:38px;padding:7px;border:0;background:transparent}
  .seomyeon-hero{padding:108px 0 35px;background:linear-gradient(145deg,#ebf8f8,#fff 72%);border:0}
  .seomyeon-hero-grid{display:flex;flex-direction:column;gap:18px}
  .seomyeon-hero .breadcrumb{margin:0 0 18px;font-size:11px}
  .seomyeon-hero .eyebrow{font-size:11px;letter-spacing:.12em}
  .seomyeon-hero h1{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
  .mobile-branch-title{display:block;margin:12px 0 14px;color:#123c48;font-size:clamp(33px,9vw,48px);line-height:1.12;letter-spacing:-.055em}
  .mobile-branch-title em{font-style:normal;color:#008996}
  .seomyeon-hero p{font-size:14px;line-height:1.55}
  .seomyeon-actions{display:flex;gap:8px;margin-top:20px}
  .seomyeon-actions .btn{flex:1;min-width:0;min-height:44px;width:auto;padding:0 7px;border-radius:30px;font-size:12px;white-space:nowrap}
  .seomyeon-place-card{width:100%;max-width:none;padding:0 16px 14px;border:0;border-radius:16px;box-shadow:0 8px 24px rgba(15,76,85,.09)}
  .seomyeon-place-photo{height:185px;margin:0 -16px 15px;border-radius:16px 16px 0 0}
  .seomyeon-place-card>span{font-size:10px}
  .seomyeon-place-card h2{margin:5px 0 10px;font-size:22px}
  .seomyeon-place-card dl div{grid-template-columns:48px 1fr;gap:8px;padding:7px 0}
  .seomyeon-place-card dt,.seomyeon-place-card dd{font-size:12px}
  .seomyeon-place-link{margin-top:9px;padding:10px 12px;font-size:12px;border-radius:10px}
  /* The mobile view keeps the location, its own photos and context, visit information, and FAQ. */
  main>section:nth-of-type(2),main>section:nth-of-type(3),main>section:nth-of-type(6),main>section:nth-of-type(7),main>section:nth-last-of-type(3),main>.seomyeon-video-section{display:none}
  main>.section{padding:30px 0}
  .seomyeon-training-head{margin-bottom:15px}
  .seomyeon-training-head .section-title,main>.section .section-title,main>.section .copy-title{font-size:clamp(25px,7vw,32px);line-height:1.2}
  .seomyeon-training-head>p,main>.section .section-copy{font-size:13px;line-height:1.5}
  .seomyeon-photo-grid,[data-page="haeundae"] .seomyeon-photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .seomyeon-photo-grid figure,[data-page="haeundae"] .seomyeon-photo-grid figure{height:175px;border-radius:13px}
  .seomyeon-photo-grid figure:nth-child(n+3){display:none}
  .seomyeon-photo-grid figcaption{left:10px;right:10px;bottom:9px}
  .seomyeon-photo-grid figcaption strong{font-size:14px}
  .seomyeon-photo-grid figcaption span{display:none}
  .seomyeon-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:17px 0 0}
  .seomyeon-checks .card{padding:15px;border-radius:13px}
  .seomyeon-checks .card h3{font-size:15px;line-height:1.3}
  .seomyeon-checks .card p{font-size:11px;line-height:1.5}
  .seomyeon-checks .card:nth-child(3){grid-column:1/-1}
  .seomyeon-faq{gap:16px}
  .seomyeon-faq details{padding:12px 0}
  .seomyeon-faq summary{font-size:14px}
  .seomyeon-faq details p{font-size:12px;line-height:1.55}
  .local-related-grid{gap:8px;margin-top:16px}
  .local-related-grid>a{min-height:80px;padding:13px 40px 13px 13px;border-radius:12px}
  .local-related-grid strong{margin-top:5px;font-size:15px}
  .site-footer{padding-bottom:72px}
  .footer-main{padding-top:30px;padding-bottom:22px;gap:15px}
  .footer-main .footer-col,.footer-warning{display:none}
  .footer-company{font-size:11px;line-height:1.55}
  .footer-logo{width:145px}
  .mobile-sticky-cta{left:0;right:0;bottom:0;gap:8px;padding:8px 12px max(8px,env(safe-area-inset-bottom));border:0;border-radius:0;box-shadow:0 -6px 24px rgba(16,72,80,.08)}
  .mobile-sticky-cta a{border-radius:12px}
  body.branch-motion-ready .seomyeon-place-card,body.branch-motion-ready .seomyeon-training-head,body.branch-motion-ready .seomyeon-photo-grid figure,body.branch-motion-ready .seomyeon-checks .card,body.branch-motion-ready .seomyeon-faq details{opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .65s cubic-bezier(.2,.7,.2,1)}
  body.branch-motion-ready .seomyeon-place-card.is-visible,body.branch-motion-ready .seomyeon-training-head.is-visible,body.branch-motion-ready .seomyeon-photo-grid figure.is-visible,body.branch-motion-ready .seomyeon-checks .card.is-visible,body.branch-motion-ready .seomyeon-faq details.is-visible{opacity:1;transform:none}
  body.branch-motion-ready .seomyeon-photo-grid figure:nth-child(2),body.branch-motion-ready .seomyeon-checks .card:nth-child(2){transition-delay:.1s}
  body.branch-motion-ready .seomyeon-photo-grid figure.is-visible img{animation:branch-photo-settle .9s ease both}
}
@keyframes branch-photo-settle{from{transform:scale(1.07)}to{transform:scale(1)}}
@media(max-width:380px){body:is([data-page="seomyeon"],[data-page="haeundae"],[data-page="dongnae"],[data-page="paju"]) .brand-logo img{width:116px}body:is([data-page="seomyeon"],[data-page="haeundae"],[data-page="dongnae"],[data-page="paju"]) .mobile-header-call{padding:6px}}
@media(max-width:760px) and (prefers-reduced-motion:reduce){body.branch-motion-ready .seomyeon-place-card,body.branch-motion-ready .seomyeon-training-head,body.branch-motion-ready .seomyeon-photo-grid figure,body.branch-motion-ready .seomyeon-checks .card,body.branch-motion-ready .seomyeon-faq details{opacity:1;transform:none;transition:none}body.branch-motion-ready .seomyeon-photo-grid figure.is-visible img{animation:none}}
@media(max-width:380px){
  body:is([data-page="seomyeon"],[data-page="haeundae"],[data-page="dongnae"],[data-page="paju"]) .header-inner{padding:0 8px;gap:4px}
  body:is([data-page="seomyeon"],[data-page="haeundae"],[data-page="dongnae"],[data-page="paju"]) .brand-logo img{width:100px}
  body:is([data-page="seomyeon"],[data-page="haeundae"],[data-page="dongnae"],[data-page="paju"]) .mobile-header-call span{font-size:9px}
  body:is([data-page="seomyeon"],[data-page="haeundae"],[data-page="dongnae"],[data-page="paju"]) .mobile-toggle{width:31px}
}
