/* Keep the complete equals-sign motif between the menu and the content card. */
@media(min-width:1001px){
#fws_6adb9ab480eb4.brik-about-hero{height:max(420px,calc(18vw + 140px))!important;min-height:0!important;padding-top:0!important;padding-bottom:0!important}
#fws_6adb9ab480eb4.brik-about-hero>.row-bg-wrap{height:100%!important;transform:none!important}
#fws_6adb9ab480eb4.brik-about-hero>.row-bg-wrap>.inner-wrap{height:100%!important;transform:none!important}
#fws_6adb9ab480eb4.brik-about-hero>.row-bg-wrap>.inner-wrap>.row-bg{height:100%!important;top:0!important;transform:none!important;background-size:cover!important;background-position:center center!important}
}

@media(max-width:1000px){
#fws_6adb9ab480eb4.brik-about-hero{height:320px!important;min-height:0!important;padding-top:0!important;padding-bottom:0!important}
#fws_6adb9ab480eb4.brik-about-hero>.row-bg-wrap,#fws_6adb9ab480eb4.brik-about-hero>.row-bg-wrap>.inner-wrap{height:100%!important;transform:none!important}
#fws_6adb9ab480eb4.brik-about-hero>.row-bg-wrap>.inner-wrap>.row-bg{height:100%!important;top:0!important;transform:none!important;background-image:url('/wp-content/uploads/2025/03/about-벽돌.jpg')!important;background-size:cover!important;background-position:center center!important}
}

/* Mobile spacing: one Mission heading line up, one logo height down. */
@media(max-width:690px){
#fws_6adb9ab483149 .neg-marg{margin-top:-80px!important}
#fws_6adb9ab480eb4.brik-about-hero>.row-bg-wrap>.inner-wrap>.row-bg{background-position:center calc(50% + 24px)!important;background-color:#222!important}
}

/* Restore the original flowing light, without zooming or moving the bricks. */
.brik-about-hero .nectar-animated-gradient{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;z-index:2;opacity:.55;pointer-events:none}
@media(prefers-reduced-motion:reduce){.brik-about-hero .nectar-animated-gradient{display:none!important}}

/* Quiet typography between the two bricks. */
.brik-about-hero .brik-about-slogan{position:absolute;left:0;right:0;top:46%;z-index:4;margin:0!important;padding:0 20px;text-align:center!important;color:#fff;font:400 14px/1.5 Poppins,sans-serif;letter-spacing:.045em;pointer-events:none}
.brik-about-slogan span{display:inline-block;animation:brik-slogan-reveal 9s cubic-bezier(.22,.61,.36,1) both infinite}
.brik-about-slogan span+span{animation-delay:.3s}
@keyframes brik-slogan-reveal{0%,5%{opacity:0;transform:translateY(7px);filter:blur(3px)}18%,78%{opacity:1;transform:translateY(0);filter:blur(0)}94%,100%{opacity:0;transform:translateY(-4px);filter:blur(2px)}}
@media(max-width:690px){.brik-about-hero .brik-about-slogan{font-size:11px;top:calc(46% + 24px);letter-spacing:.02em}}
@media(prefers-reduced-motion:reduce){.brik-about-slogan span{animation:none!important;opacity:1;transform:none;filter:none}}

/* Desktop: reduce the equals motif and shift it by one reduced brick width. */
@media(min-width:1001px){
 #fws_6adb9ab480eb4.brik-about-hero{--brick-shift:calc(max(100vw,calc(max(420px,calc(18vw + 140px)) * 2.692825)) * .105);background:#222}
 #fws_6adb9ab480eb4.brik-about-hero>.row-bg-wrap>.inner-wrap>.row-bg{transform:translateX(var(--brick-shift)) scale(.7)!important;transform-origin:center center;mask-image:radial-gradient(ellipse at center,#000 30%,transparent 72%);-webkit-mask-image:radial-gradient(ellipse at center,#000 30%,transparent 72%)}
 .brik-about-hero .brik-about-slogan{transform:translateX(var(--brick-shift));top:47.2%;font-size:15px}
}

@media(min-width:1001px){#fws_6adb9ab480eb4.brik-about-hero>.row-bg-wrap{background:#222!important}}

/* Align the moving words with the Brand Concept content column. */
.brik-about-hero .brik-about-slogan{left:var(--slogan-column-left,30%);right:auto;padding:0;text-align:left!important;transform:none!important;white-space:nowrap}

/* Move the mobile bricks right, keeping the full motif inside narrow screens. */
@media(max-width:690px){
 #fws_6adb9ab480eb4.brik-about-hero{--mobile-brick-width:calc(max(100vw,861.704px) * .152);--mobile-brick-shift:min(var(--mobile-brick-width),calc(50vw - var(--mobile-brick-width) / 2 - 20px))}
 #fws_6adb9ab480eb4.brik-about-hero>.row-bg-wrap>.inner-wrap>.row-bg{background-position:calc(50% + var(--mobile-brick-shift)) calc(50% + 24px)!important}
}

/* Mobile alignment is known from the shared 8% content inset: no post-load jump. */
@media(max-width:690px){.brik-about-hero .brik-about-slogan{left:8%;transform:none!important}}

/* Shrink the mobile motif around its existing image center. */
@media(max-width:690px){
 #fws_6adb9ab480eb4.brik-about-hero>.row-bg-wrap{background:#222}
 #fws_6adb9ab480eb4.brik-about-hero>.row-bg-wrap>.inner-wrap>.row-bg{background-size:calc(max(100vw,861.704px) * .8) auto!important;mask-image:linear-gradient(transparent 10%,#000 28%,#000 72%,transparent 90%);-webkit-mask-image:linear-gradient(transparent 10%,#000 28%,#000 72%,transparent 90%)}
}