/* Ported from the local melllow.kr Framer FAQ: 50/50 grid, 5-column
   question group, 22px rows, left-to-right filler, and responsive variants. */
@font-face{font-family:AispMellowMono;src:url('../fonts/mellow/azeret-mono.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:AispMellowDisplay;src:url('../fonts/mellow/plus-jakarta-500.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
.faq-section.mellow-faq{position:relative;z-index:3;width:100%;height:auto;min-height:0;margin:0;padding:96px 10px;background:#fff;color:#000;overflow:clip}
.mellow-faq *{box-sizing:border-box}
.mellow-faq__container{width:100%;max-width:1920px;margin:auto}
.mellow-faq__header{display:grid;grid-template-columns:50% 1fr auto;align-items:start;gap:0 10px;padding:0 0 52px}
.mellow-faq__header p,.mellow-faq__question{font:400 13px/1.3 AispMellowMono,monospace;letter-spacing:-.02em;text-transform:uppercase}
.mellow-faq__header p{margin:0}
.mellow-faq__header h2{margin:0;font:500 64px/1 AispMellowDisplay,sans-serif;letter-spacing:-.04em;text-align:left}
.mellow-faq__item{border-bottom:1px solid #000}
.mellow-faq__item h3{margin:0;font:inherit}
.mellow-faq__question{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;width:100%;padding:22px 10px;border:0;border-radius:0;background:#fff;color:#fff;text-align:left;cursor:pointer;overflow:hidden;isolation:isolate}
.mellow-faq__question::before{content:'';position:absolute;inset:0;background:#000;transform:translateX(-101.408%);transition:transform .5s cubic-bezier(.44,0,.56,1)}
.mellow-faq__number,.mellow-faq__details{position:relative;mix-blend-mode:difference}
.mellow-faq__details{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0 36px;align-items:start}
.mellow-faq__label{grid-column:span 3}
.mellow-faq__arrow{justify-self:end;width:11px;height:10px;margin-top:2px;transition:transform .4s cubic-bezier(.44,0,.56,1)}
.mellow-faq__question[aria-expanded=true] .mellow-faq__arrow{transform:rotate(180deg)}
@media(hover:hover){.mellow-faq__question:hover::before{transform:translateX(0)}}
.mellow-faq__question:focus-visible{outline:2px solid #a66c5f;outline-offset:-3px}
.mellow-faq__answer{overflow:hidden}
.mellow-faq__answer[hidden]{display:none}
.mellow-faq__answer-inner{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:0 10px 12px}
.mellow-faq__answer p{grid-column:2;max-width:620px;margin:0;font:400 16px/1.5 'Helvetica Neue',Arial,sans-serif;letter-spacing:0;text-transform:none}
@media(max-width:1199px){
 .mellow-faq__header{grid-template-columns:1fr auto;row-gap:36px}
 .mellow-faq__header h2{grid-row:2;grid-column:1/-1;font-size:51px;letter-spacing:-.06em}
 .mellow-faq__tag{grid-row:1;grid-column:2}
 .mellow-faq__question{grid-template-columns:auto minmax(0,1fr);column-gap:24px}
 .mellow-faq__details{gap:0}
 .mellow-faq__label{grid-column:span 4}
 .mellow-faq__category{display:none}
 .mellow-faq__answer-inner{display:block;max-width:620px}
}
@media(max-width:767px){
 .mellow-faq__header h2{font-size:38px;letter-spacing:-.04em}
 .mellow-faq__details{display:flex;gap:36px}
 .mellow-faq__label{flex:1;min-width:0}
 .mellow-faq__arrow{flex:none}
 .mellow-faq__answer-inner{max-width:85%}
}
@media(prefers-reduced-motion:reduce){.mellow-faq__question::before,.mellow-faq__arrow{transition:none}}

/* Touch has no hover fill to invert. Paint text directly so scrolling across
   the white FAQ / dark footer boundary needs no backdrop blending. */
@media(hover:none){
 .mellow-faq__question{color:#000}
 .mellow-faq__question::before{display:none}
 .mellow-faq__number,.mellow-faq__details{mix-blend-mode:normal}
}