@charset "utf-8";

#hqSunganboVisual .overview-visual-bg{
background-position:72% center;
}

#hqSunganboVisual .overview-desc{
color:#111111;
}

#hqSunganboSolution.sunganbo-solution-section{
--sb-text:#111111;
--sb-gold:#8B7355;
--sb-bg:#f5f0ea;
--sb-card:#ffffff;
--sb-card-border:#e8e2d8;
--sb-card-shadow:0 2px 14px rgba(0,0,0,.04);
position:relative;
padding:clamp(72px,6vw,104px) 0 clamp(80px,6.5vw,112px);
background:var(--sb-bg);
color:var(--sb-text);
font-family:var(--k-font),var(--e-font);
box-sizing:border-box;
overflow:hidden;
}

#hqSunganboSolution .sunganbo-solution-inner{
max-width:var(--layout-max,1800px);
margin:0 auto;
padding:0 var(--layout-gutter,80px);
box-sizing:border-box;
}

#hqSunganboSolution .sunganbo-solution-grid{
display:grid;
grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
gap:clamp(32px,3.6vw,56px);
align-items:center;
}

#hqSunganboSolution .sunganbo-solution-photo{
margin:0;
padding:0;
overflow:hidden;
border-radius:clamp(18px,1.6vw,24px);
box-shadow:0 14px 36px rgba(0,0,0,.1);
}

#hqSunganboSolution .sunganbo-solution-photo.reveal-photo{
clip-path:inset(0 100% 0 0 round clamp(18px,1.6vw,24px));
transition:clip-path 1.05s cubic-bezier(.16,1,.64,1);
}

#hqSunganboSolution.is-revealing .sunganbo-solution-photo.reveal-photo{
clip-path:inset(0 0 0 0 round clamp(18px,1.6vw,24px));
}

#hqSunganboSolution .sunganbo-solution-photo img{
display:block;
width:100%;
max-width:none;
aspect-ratio:1 / 1;
object-fit:cover;
transform:scale(1.06);
transition:transform 1.2s cubic-bezier(.16,1,.64,1);
}

#hqSunganboSolution.is-revealing .sunganbo-solution-photo img{
transform:scale(1);
transition-delay:.08s;
}

#hqSunganboSolution .section-heading .label-wrap{
margin-bottom:18px;
}

#hqSunganboSolution .section-heading .label{
margin:0;
font-size:12px;
font-weight:600;
letter-spacing:.14em;
color:var(--sb-gold);
font-family:var(--e-font),var(--k-font);
}

#hqSunganboSolution .section-heading .label-line{
display:block;
width:28px;
height:1px;
margin-top:10px;
background:var(--sb-gold);
}

#hqSunganboSolution .section-heading h2{
margin:0 0 24px;
font-family:var(--k-font),var(--e-font);
font-size:clamp(30px,2.6vw,42px);
font-weight:700;
line-height:1.28;
letter-spacing:-.02em;
color:var(--sb-text);
word-break:keep-all;
}

#hqSunganboSolution .section-heading .description{
margin:0 0 14px;
max-width:560px;
font-size:14px;
line-height:1.9;
color:var(--sb-text);
word-break:keep-all;
}

#hqSunganboSolution .section-heading .description--second{
margin-bottom:clamp(28px,2.8vw,36px);
}

#hqSunganboSolution .sunganbo-solution-cards{
display:flex;
flex-direction:column;
gap:clamp(12px,1.1vw,14px);
}

#hqSunganboSolution .sunganbo-solution-card{
display:flex;
align-items:center;
gap:clamp(16px,1.6vw,20px);
padding:clamp(18px,1.6vw,22px) clamp(20px,1.8vw,24px);
background:var(--sb-card);
border:1px solid var(--sb-card-border);
border-radius:clamp(14px,1.2vw,18px);
box-shadow:var(--sb-card-shadow);
transition:transform .25s ease,box-shadow .25s ease;
}

#hqSunganboSolution .sunganbo-solution-card:hover{
transform:translateY(-2px);
box-shadow:0 8px 24px rgba(0,0,0,.07);
}

#hqSunganboSolution .sunganbo-solution-card-icon{
flex:0 0 44px;
display:flex;
align-items:center;
justify-content:center;
width:44px;
height:44px;
}

#hqSunganboSolution .sunganbo-solution-card-icon img{
display:block;
width:36px;
height:auto;
}

#hqSunganboSolution .sunganbo-solution-card-copy{
min-width:0;
}

#hqSunganboSolution .sunganbo-solution-card-title{
display:block;
margin:0 0 6px;
font-size:15px;
font-weight:700;
line-height:1.35;
color:var(--sb-text);
}

#hqSunganboSolution .sunganbo-solution-card-desc{
margin:0;
font-size:13px;
line-height:1.55;
color:#555555;
word-break:keep-all;
}

#hqSunganboSolution .reveal-item{
opacity:0;
transform:translateY(24px);
transition:opacity .65s ease,transform .65s ease;
}

#hqSunganboSolution.is-revealing .reveal-item{
opacity:1;
transform:none;
}

#hqSunganboSolution.is-revealing .section-heading.reveal-item{transition-delay:.1s}
#hqSunganboSolution.is-revealing .sunganbo-solution-card.reveal-item:nth-child(1){transition-delay:.18s}
#hqSunganboSolution.is-revealing .sunganbo-solution-card.reveal-item:nth-child(2){transition-delay:.24s}
#hqSunganboSolution.is-revealing .sunganbo-solution-card.reveal-item:nth-child(3){transition-delay:.3s}

@media (prefers-reduced-motion:reduce){
#hqSunganboSolution .reveal-item{opacity:1;transform:none;transition:none}
#hqSunganboSolution .sunganbo-solution-photo.reveal-photo{clip-path:none;transition:none}
#hqSunganboSolution .sunganbo-solution-photo img{transform:none;transition:none}
#hqSunganboSolution .sunganbo-solution-card:hover{transform:none}
}

@media (max-width:1024px){
#hqSunganboSolution .sunganbo-solution-inner{padding:0 48px}
#hqSunganboSolution .sunganbo-solution-grid{
grid-template-columns:1fr;
gap:36px;
}
#hqSunganboSolution .sunganbo-solution-photo{max-width:640px}
}

#hqSunganboSolution.sunganbo-solution-section{
padding-bottom:clamp(48px,4vw,64px);
}

#hqSunganboIngredients.sunganbo-ingredients-section{
--si-text:#111111;
--si-gold:#8B7355;
--si-sub:#666666;
--si-bg:#f5f0ea;
--si-panel:#ffffff;
--si-panel-border:#ece7df;
--si-card-border:#ece7df;
--si-card-shadow:0 2px 12px rgba(0,0,0,.03);
position:relative;
padding:0 0 clamp(88px,7vw,120px);
background:var(--si-bg);
color:var(--si-text);
font-family:var(--k-font),var(--e-font);
box-sizing:border-box;
overflow:hidden;
}

#hqSunganboIngredients .sunganbo-ingredients-inner{
max-width:var(--layout-max,1800px);
margin:0 auto;
padding:0 var(--layout-gutter,80px);
box-sizing:border-box;
}

#hqSunganboIngredients .sunganbo-ingredients-panel{
display:grid;
grid-template-columns:minmax(0,.95fr) minmax(0,.82fr) minmax(0,1.08fr);
gap:clamp(28px,3vw,44px);
align-items:stretch;
padding:clamp(34px,3.2vw,48px);
background:var(--si-panel);
border:1px solid var(--si-panel-border);
border-radius:clamp(22px,2vw,28px);
box-shadow:0 10px 34px rgba(0,0,0,.04);
}

#hqSunganboIngredients .section-heading .label{
margin:0 0 16px;
font-size:12px;
font-weight:600;
letter-spacing:.14em;
color:var(--si-gold);
font-family:var(--e-font),var(--k-font);
}

#hqSunganboIngredients .section-heading h2{
margin:0;
font-family:var(--k-font),var(--e-font);
font-size:clamp(28px,2.4vw,38px);
font-weight:700;
line-height:1.28;
letter-spacing:-.02em;
color:var(--si-text);
word-break:keep-all;
}

#hqSunganboIngredients .sunganbo-ingredients-left{
display:flex;
flex-direction:column;
justify-content:space-between;
gap:clamp(28px,2.8vw,36px);
min-height:100%;
}

#hqSunganboIngredients .sunganbo-ingredients-left .section-heading h2{
margin-bottom:clamp(18px,1.8vw,24px);
}

#hqSunganboIngredients .sunganbo-ingredients-left .description{
margin:0;
max-width:420px;
font-size:14px;
line-height:1.88;
color:var(--si-text);
word-break:keep-all;
}

#hqSunganboIngredients .sunganbo-ingredients-trust{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:clamp(12px,1.4vw,18px);
max-width:360px;
}

#hqSunganboIngredients .sunganbo-ingredients-trust-item{
display:flex;
flex-direction:column;
align-items:center;
gap:10px;
text-align:center;
}

#hqSunganboIngredients .sunganbo-ingredients-trust-icon{
display:flex;
align-items:center;
justify-content:center;
width:72px;
height:72px;
}

#hqSunganboIngredients .sunganbo-ingredients-trust-icon img{
display:block;
width:100%;
height:100%;
object-fit:contain;
}

#hqSunganboIngredients .sunganbo-ingredients-trust-label{
font-size:12px;
line-height:1.45;
color:var(--si-text);
word-break:keep-all;
}

#hqSunganboIngredients .sunganbo-ingredients-photo{
margin:0;
padding:0;
overflow:hidden;
border-radius:clamp(18px,1.6vw,24px);
box-shadow:0 12px 32px rgba(0,0,0,.08);
align-self:stretch;
}

#hqSunganboIngredients .sunganbo-ingredients-photo.reveal-photo{
clip-path:inset(0 100% 0 0 round clamp(18px,1.6vw,24px));
transition:clip-path 1.05s cubic-bezier(.16,1,.64,1);
}

#hqSunganboIngredients.is-revealing .sunganbo-ingredients-photo.reveal-photo{
clip-path:inset(0 0 0 0 round clamp(18px,1.6vw,24px));
}

#hqSunganboIngredients .sunganbo-ingredients-photo img{
display:block;
width:100%;
height:100%;
min-height:100%;
object-fit:cover;
transform:scale(1.05);
transition:transform 1.15s cubic-bezier(.16,1,.64,1);
}

#hqSunganboIngredients.is-revealing .sunganbo-ingredients-photo img{
transform:scale(1);
transition-delay:.1s;
}

#hqSunganboIngredients .sunganbo-ingredients-right{
display:flex;
flex-direction:column;
gap:clamp(22px,2.2vw,28px);
}

#hqSunganboIngredients .sunganbo-ingredients-right .section-heading h2{
margin-top:4px;
}

#hqSunganboIngredients .sunganbo-ingredients-benefits{
display:flex;
flex-direction:column;
gap:clamp(10px,1vw,12px);
}

#hqSunganboIngredients .sunganbo-ingredients-benefit{
display:flex;
align-items:center;
gap:clamp(14px,1.4vw,18px);
padding:clamp(16px,1.5vw,20px) clamp(18px,1.6vw,22px);
background:var(--si-panel);
border:1px solid var(--si-card-border);
border-radius:clamp(14px,1.2vw,18px);
box-shadow:var(--si-card-shadow);
}

#hqSunganboIngredients .sunganbo-ingredients-benefit-icon{
flex:0 0 52px;
display:flex;
align-items:center;
justify-content:center;
width:52px;
height:52px;
}

#hqSunganboIngredients .sunganbo-ingredients-benefit-icon img{
display:block;
width:100%;
height:100%;
object-fit:contain;
}

#hqSunganboIngredients .sunganbo-ingredients-benefit-copy{
min-width:0;
}

#hqSunganboIngredients .sunganbo-ingredients-benefit-copy strong{
display:block;
margin:0 0 6px;
font-family:var(--e-font),var(--k-font);
font-size:15px;
font-weight:700;
line-height:1.35;
color:var(--si-text);
}

#hqSunganboIngredients .sunganbo-ingredients-benefit-copy .num{
margin-right:8px;
color:var(--si-gold);
font-weight:700;
}

#hqSunganboIngredients .sunganbo-ingredients-benefit-copy p{
margin:0;
font-size:13px;
line-height:1.55;
color:var(--si-sub);
word-break:keep-all;
}

#hqSunganboIngredients .reveal-item{
opacity:0;
transform:translateY(24px);
transition:opacity .65s ease,transform .65s ease;
}

#hqSunganboIngredients.is-revealing .reveal-item{
opacity:1;
transform:none;
}

#hqSunganboIngredients.is-revealing .sunganbo-ingredients-left .section-heading.reveal-item{transition-delay:.06s}
#hqSunganboIngredients.is-revealing .sunganbo-ingredients-trust.reveal-item{transition-delay:.14s}
#hqSunganboIngredients.is-revealing .sunganbo-ingredients-right .section-heading.reveal-item{transition-delay:.08s}
#hqSunganboIngredients.is-revealing .sunganbo-ingredients-benefit.reveal-item:nth-child(1){transition-delay:.12s}
#hqSunganboIngredients.is-revealing .sunganbo-ingredients-benefit.reveal-item:nth-child(2){transition-delay:.18s}
#hqSunganboIngredients.is-revealing .sunganbo-ingredients-benefit.reveal-item:nth-child(3){transition-delay:.24s}
#hqSunganboIngredients.is-revealing .sunganbo-ingredients-benefit.reveal-item:nth-child(4){transition-delay:.3s}

@media (prefers-reduced-motion:reduce){
#hqSunganboIngredients .reveal-item{opacity:1;transform:none;transition:none}
#hqSunganboIngredients .sunganbo-ingredients-photo.reveal-photo{clip-path:none;transition:none}
#hqSunganboIngredients .sunganbo-ingredients-photo img{transform:none;transition:none}
}

@media (max-width:1200px){
#hqSunganboIngredients .sunganbo-ingredients-panel{
grid-template-columns:minmax(0,1fr) minmax(0,.9fr);
}
#hqSunganboIngredients .sunganbo-ingredients-right{
grid-column:1 / -1;
}
#hqSunganboIngredients .sunganbo-ingredients-photo{
min-height:420px;
}
}

@media (max-width:1024px){
#hqSunganboIngredients .sunganbo-ingredients-inner{padding:0 48px}
#hqSunganboIngredients .sunganbo-ingredients-panel{
grid-template-columns:1fr;
padding:32px;
}
#hqSunganboIngredients .sunganbo-ingredients-photo{
max-width:640px;
min-height:360px;
}
}

@media (max-width:640px){
#hqSunganboIngredients .sunganbo-ingredients-inner{padding:0 24px}
#hqSunganboIngredients .sunganbo-ingredients-panel{padding:24px 20px}
#hqSunganboIngredients .section-heading h2 br{display:none}
#hqSunganboIngredients .sunganbo-ingredients-trust{
max-width:none;
}
#hqSunganboIngredients .sunganbo-ingredients-benefit{
align-items:flex-start;
}
}

#hqSunganboLineup.sunganbo-lineup-section{
--sl-text:#111111;
--sl-gold:#8B7355;
--sl-brown:#6f5a43;
--sl-sub:#666666;
--sl-bg:#f5f0ea;
--sl-panel:#ffffff;
--sl-guide:#faf7f2;
--sl-border:#e8e2d8;
--sl-shadow:0 2px 14px rgba(0,0,0,.04);
position:relative;
padding:clamp(72px,6vw,96px) 0 clamp(88px,7vw,112px);
background:var(--sl-bg);
color:var(--sl-text);
font-family:var(--k-font),var(--e-font);
box-sizing:border-box;
overflow:hidden;
}

#hqSunganboLineup .sunganbo-lineup-inner{
max-width:var(--layout-max,1800px);
margin:0 auto;
padding:0 var(--layout-gutter,80px);
box-sizing:border-box;
}

#hqSunganboLineup .sunganbo-lineup-top{
display:grid;
grid-template-columns:minmax(0,1fr) minmax(0,1fr);
gap:clamp(28px,3vw,44px);
align-items:center;
margin-bottom:clamp(36px,3.6vw,52px);
}

#hqSunganboLineup .sunganbo-lineup-intro{
display:flex;
flex-direction:column;
justify-content:center;
}

#hqSunganboLineup .label{
margin:0 0 16px;
font-size:12px;
font-weight:600;
letter-spacing:.14em;
color:var(--sl-gold);
font-family:var(--e-font),var(--k-font);
}

#hqSunganboLineup h2{
margin:0 0 18px;
font-family:var(--k-font),var(--e-font);
font-size:clamp(30px,2.6vw,42px);
font-weight:700;
line-height:1.28;
letter-spacing:-.02em;
color:var(--sl-text);
word-break:keep-all;
}

#hqSunganboLineup .description{
margin:0 0 clamp(24px,2.4vw,32px);
max-width:520px;
font-size:14px;
line-height:1.88;
color:var(--sl-text);
word-break:keep-all;
}

#hqSunganboLineup .sunganbo-lineup-ornament{
display:flex;
align-items:center;
gap:12px;
max-width:220px;
margin:0 0 20px;
}

#hqSunganboLineup .sunganbo-lineup-ornament-line{
flex:1;
height:1px;
background:#d8cfc2;
}

#hqSunganboLineup .sunganbo-lineup-ornament-icon{
flex:0 0 28px;
display:flex;
align-items:center;
justify-content:center;
width:28px;
height:28px;
}

#hqSunganboLineup .sunganbo-lineup-ornament-icon img{
display:block;
width:100%;
height:100%;
object-fit:contain;
}

#hqSunganboLineup .sunganbo-lineup-guide{
margin-bottom:clamp(24px,2.4vw,30px);
padding:clamp(18px,1.8vw,22px) clamp(20px,2vw,24px);
max-width:520px;
background:var(--sl-guide);
border:1px solid var(--sl-border);
border-radius:clamp(14px,1.2vw,18px);
}

#hqSunganboLineup .sunganbo-lineup-guide-head{
display:flex;
align-items:center;
gap:12px;
margin-bottom:14px;
}

#hqSunganboLineup .sunganbo-lineup-guide-head strong{
font-size:14px;
font-weight:700;
color:var(--sl-brown);
white-space:nowrap;
}

#hqSunganboLineup .sunganbo-lineup-guide-line{
flex:1;
height:1px;
background:#d8cfc2;
}

#hqSunganboLineup .sunganbo-lineup-guide-list{
margin:0;
padding:0;
list-style:none;
display:flex;
flex-direction:column;
gap:12px;
}

#hqSunganboLineup .sunganbo-lineup-guide-list li{
display:flex;
align-items:flex-start;
gap:12px;
font-size:13px;
line-height:1.65;
color:var(--sl-sub);
word-break:keep-all;
}

#hqSunganboLineup .sunganbo-lineup-guide-icon{
flex:0 0 24px;
display:flex;
align-items:center;
justify-content:center;
width:24px;
height:24px;
margin-top:1px;
}

#hqSunganboLineup .sunganbo-lineup-guide-icon img{
display:block;
width:100%;
height:100%;
object-fit:contain;
}

#hqSunganboLineup .sunganbo-lineup-actions{
display:flex;
flex-wrap:wrap;
gap:12px;
}

#hqSunganboLineup .sunganbo-lineup-btn{
display:inline-flex;
align-items:center;
justify-content:center;
gap:8px;
min-height:46px;
padding:0 22px;
border-radius:999px;
font-size:14px;
font-weight:600;
line-height:1;
text-decoration:none;
transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease;
}

#hqSunganboLineup .sunganbo-lineup-btn--primary{
background:var(--sl-brown);
border:1px solid var(--sl-brown);
color:#ffffff;
box-shadow:0 8px 20px rgba(111,90,67,.18);
}

#hqSunganboLineup .sunganbo-lineup-btn--ghost{
background:var(--sl-panel);
border:1px solid #c9b9a4;
color:var(--sl-brown);
}

#hqSunganboLineup .sunganbo-lineup-btn:hover{
transform:translateY(-1px);
}

#hqSunganboLineup .sunganbo-lineup-hero{
margin:0;
padding:0;
overflow:hidden;
border-radius:clamp(18px,1.6vw,24px);
box-shadow:0 14px 36px rgba(0,0,0,.1);
width:100%;
}

#hqSunganboLineup .sunganbo-lineup-hero.reveal-photo{
clip-path:inset(0 100% 0 0 round clamp(18px,1.6vw,24px));
transition:clip-path 1.05s cubic-bezier(.16,1,.64,1);
}

#hqSunganboLineup.is-revealing .sunganbo-lineup-hero.reveal-photo{
clip-path:inset(0 0 0 0 round clamp(18px,1.6vw,24px));
}

#hqSunganboLineup .sunganbo-lineup-hero img{
display:block;
width:100%;
height:clamp(380px,42vw,520px);
max-height:min(520px,52vh);
object-fit:cover;
object-position:center 42%;
transform:scale(1.03);
transition:transform 1.15s cubic-bezier(.16,1,.64,1);
}

#hqSunganboLineup.is-revealing .sunganbo-lineup-hero img{
transform:scale(1);
transition-delay:.08s;
}

#hqSunganboLineup .sunganbo-lineup-grid{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:clamp(14px,1.4vw,18px);
}

#hqSunganboLineup .sunganbo-lineup-card{
display:flex;
flex-direction:column;
align-items:center;
padding:clamp(22px,2vw,28px) clamp(16px,1.4vw,20px) clamp(18px,1.6vw,22px);
background:var(--sl-panel);
border:1px solid var(--sl-border);
border-radius:clamp(16px,1.4vw,20px);
box-shadow:var(--sl-shadow);
text-align:center;
}

#hqSunganboLineup .sunganbo-lineup-card-media{
display:flex;
align-items:center;
justify-content:center;
width:100%;
min-height:clamp(150px,12vw,190px);
margin-bottom:clamp(14px,1.2vw,18px);
}

#hqSunganboLineup .sunganbo-lineup-card-media img{
display:block;
width:100%;
max-width:180px;
max-height:170px;
object-fit:contain;
}

#hqSunganboLineup .sunganbo-lineup-card:first-child .sunganbo-lineup-card-media{
min-height:clamp(170px,14vw,220px);
}

#hqSunganboLineup .sunganbo-lineup-card:first-child .sunganbo-lineup-card-media img{
max-width:240px;
max-height:210px;
}

#hqSunganboLineup .sunganbo-lineup-card-copy{
margin-bottom:clamp(16px,1.4vw,20px);
}

#hqSunganboLineup .sunganbo-lineup-card-copy strong{
display:block;
margin:0 0 8px;
font-size:15px;
font-weight:700;
line-height:1.35;
color:var(--sl-text);
}

#hqSunganboLineup .sunganbo-lineup-card-copy p{
margin:0;
font-size:13px;
line-height:1.55;
color:var(--sl-sub);
word-break:keep-all;
}

#hqSunganboLineup .sunganbo-lineup-card-icon{
display:flex;
align-items:center;
justify-content:center;
width:34px;
height:34px;
margin-top:auto;
}

#hqSunganboLineup .sunganbo-lineup-card-icon img{
display:block;
width:100%;
height:100%;
object-fit:contain;
}

#hqSunganboLineup .reveal-item{
opacity:0;
transform:translateY(24px);
transition:opacity .65s ease,transform .65s ease;
}

#hqSunganboLineup.is-revealing .reveal-item{
opacity:1;
transform:none;
}

#hqSunganboLineup.is-revealing .sunganbo-lineup-intro.reveal-item{transition-delay:.06s}
#hqSunganboLineup.is-revealing .sunganbo-lineup-card.reveal-item:nth-child(1){transition-delay:.1s}
#hqSunganboLineup.is-revealing .sunganbo-lineup-card.reveal-item:nth-child(2){transition-delay:.16s}
#hqSunganboLineup.is-revealing .sunganbo-lineup-card.reveal-item:nth-child(3){transition-delay:.22s}
#hqSunganboLineup.is-revealing .sunganbo-lineup-card.reveal-item:nth-child(4){transition-delay:.28s}

@media (prefers-reduced-motion:reduce){
#hqSunganboLineup .reveal-item{opacity:1;transform:none;transition:none}
#hqSunganboLineup .sunganbo-lineup-hero.reveal-photo{clip-path:none;transition:none}
#hqSunganboLineup .sunganbo-lineup-hero img{transform:none;transition:none}
#hqSunganboLineup .sunganbo-lineup-btn:hover{transform:none}
}

@media (max-width:1200px){
#hqSunganboLineup .sunganbo-lineup-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
}
}

@media (max-width:1024px){
#hqSunganboLineup .sunganbo-lineup-inner{padding:0 48px}
#hqSunganboLineup .sunganbo-lineup-top{
grid-template-columns:1fr;
}
#hqSunganboLineup .sunganbo-lineup-hero img{
height:clamp(340px,46vw,480px);
max-height:min(480px,48vh);
}
}

@media (max-width:640px){
#hqSunganboLineup .sunganbo-lineup-inner{padding:0 24px}
#hqSunganboLineup h2 br{display:none}
#hqSunganboLineup .sunganbo-lineup-grid{
grid-template-columns:1fr;
}
#hqSunganboLineup .sunganbo-lineup-actions{
flex-direction:column;
align-items:stretch;
}
#hqSunganboLineup .sunganbo-lineup-btn{
width:100%;
}
}