.ab{overflow-x:clip}.ab__band{background:var(--band-bg, transparent);color:var(--band-ink, inherit)}.ab__band--rounded{border-radius:var(--ab-radius);overflow:hidden}.ab__inner{position:relative}.ab__inner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:inherit;background-image:var(--pat-img, none);background-size:var(--pat-size, 120px auto);background-repeat:var(--pat-repeat, repeat);background-position:var(--pat-pos, bottom left);opacity:var(--pat-op, 0)}.ab__inner>*{position:relative;z-index:1}.ab__band--card{background:transparent;padding-inline:var(--ab-gutter);padding-block:calc(var(--ab-card-gap) / 2)}.ab__band--card .ab__inner{background:var(--band-bg);border-radius:var(--ab-radius);overflow:hidden;padding-inline:clamp(24px,4vw,52px)}.ab__inner{max-width:var(--band-max, var(--ab-max));margin-inline:auto;padding-inline:var(--ab-gutter);padding-block:var(--band-pt, 96px) max(var(--band-pb, 96px),var(--pat-min, 0px));display:flex;flex-direction:column;gap:clamp(20px,2.6vw,34px);align-items:stretch}@media(max-width:749px){.ab__inner{padding-block:calc(var(--band-pt, 96px) * .6) max(calc(var(--band-pb, 96px) * .6),var(--pat-min, 0px))}}.ab__band--center .ab__inner{text-align:center}.ab__band--center .ab__lead,.ab__band--center .ab__body{margin-inline:auto}.ab__band--center .ab__actions{justify-content:center}.ab__band--center .ab__head{align-items:center}.ab :where(h1,h2,h3){margin:0;text-wrap:balance;letter-spacing:-.028em;font-weight:600}.ab__h1{font-size:var(--band-h, var(--ab-h1));line-height:1.03}.ab__h2{font-size:var(--band-h, var(--ab-h2));line-height:1.08}.ab__h3{font-size:var(--ab-h3);line-height:1.3;letter-spacing:-.015em}.ab__eyebrow{font-size:12px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--band-eyebrow, var(--ab-accent));margin:0}.ab__lead,.ab__body{font-size:var(--ab-body);line-height:1.65;color:var(--band-ink-2, var(--ab-ink-2));margin:0;max-width:60ch;text-wrap:pretty}.ab__lead{font-size:clamp(17px,14.5px + .7vw,21px);line-height:1.55}.ab__body p{margin:0 0 .85em}.ab__body p:last-child{margin-bottom:0}.ab__head{display:flex;flex-direction:column;gap:16px;align-items:flex-start}.ab__actions{display:flex;flex-wrap:wrap;gap:12px}@media(max-width:560px){.ab__actions{flex-direction:column;align-items:stretch;width:100%;max-width:340px}.ab__band--center .ab__actions{margin-inline:auto}.ab__actions>.ab__btn{width:100%}}.ab__btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:13px 26px;border-radius:var(--ab-btn-radius);font-size:15px;font-weight:600;text-decoration:none;border:1px solid transparent;transition:opacity var(--ab-dur) ease,transform var(--ab-dur) cubic-bezier(.22,.61,.36,1)}.ab__btn--primary{background:var(--band-btn-bg, var(--ab-ink));color:var(--band-btn-ink, var(--ab-page))}.ab__btn--ghost{border-color:var(--band-line, var(--ab-line));color:currentColor}.ab__btn:hover{transform:translateY(-1px);opacity:.9}.ab :where(a,button):focus-visible{outline:2px solid var(--ab-accent);outline-offset:3px;border-radius:calc(var(--ab-btn-radius) + 2px)}.ab__hero{width:100%}.ab__split{display:grid;gap:clamp(26px,4vw,56px);align-items:center;width:100%}@media(min-width:900px){.ab__split{grid-template-columns:1fr 1fr}.ab__split--reverse>:first-child{order:2}}.ab__media{border-radius:var(--ab-radius);overflow:hidden;margin:0}.ab__media img{width:100%;height:auto;display:block}.ab__grid{display:grid;gap:14px;list-style:none;margin:0;padding:0;width:100%}.ab__grid--pillar{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}.ab__grid--brand{display:flex;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:2px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.ab__grid--brand::-webkit-scrollbar{display:none}.ab__grid--brand>.ab__brand{flex:0 0 var(--ab-brand-w);width:var(--ab-brand-w);scroll-snap-align:start}.ab__grid--brand:focus-visible{outline:2px solid var(--ab-accent);outline-offset:4px;border-radius:8px}.ab__grid--step{grid-template-columns:repeat(auto-fit,minmax(min(100%,175px),1fr))}.ab__grid--principle{gap:0}@media(min-width:760px){.ab__grid--principle{grid-template-columns:repeat(2,1fr);column-gap:clamp(28px,4vw,56px)}}.ab__card{background:var(--card-bg, transparent);color:var(--card-ink, inherit);border-radius:var(--card-radius, var(--ab-radius));padding:var(--card-pad, 28px);border:1px solid var(--card-line, transparent)}.ab__n{font-size:12px;font-weight:600;letter-spacing:.1em;color:var(--ab-accent);font-variant-numeric:tabular-nums;display:block;margin-bottom:14px}.ab__card p{margin:8px 0 0;font-size:15px;line-height:1.6;color:var(--band-ink-2, var(--ab-ink-2))}.ab__principle{display:grid;grid-template-columns:38px 1fr;gap:2px 12px;padding:clamp(18px,2vw,24px) 0;border:0;border-block-end:1px solid var(--band-line, var(--ab-line));background:none;border-radius:0}.ab__principle .ab__n{margin:0;padding-block-start:.3em}.ab__principle p{grid-column:2}.ab__step{border:0;border-block-start:2px solid currentColor;padding:18px 0 0;border-radius:0;background:none}.ab__brand{display:grid;place-items:center;aspect-ratio:3 / 2}.ab__brand img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.ab__brand a{display:grid;place-items:center;width:100%;height:100%}.ab__figures{display:grid;gap:clamp(24px,3vw,40px);list-style:none;margin:0;padding:0;width:100%}@media(min-width:720px){.ab__figures{grid-template-columns:repeat(3,1fr)}}.ab__fig-k{font-size:clamp(34px,22px + 2.6vw,54px);font-weight:600;line-height:1;letter-spacing:-.035em;display:block}.ab__fig-v{font-size:15px;color:var(--band-ink-2, var(--ab-ink-2));margin:12px 0 0;max-width:28ch}.ab__band--center .ab__fig-v{margin-inline:auto}.ab[data-anim=true] .ab__rv{opacity:0;transform:translateY(12px)}.ab[data-anim=true] .ab__rv.is-in{opacity:1;transform:none;transition:opacity var(--ab-dur) ease-out,transform var(--ab-dur) cubic-bezier(.22,.61,.36,1)}@media(prefers-reduced-motion:reduce){.ab[data-anim=true] .ab__rv{opacity:1;transform:none;transition:none}.ab__btn,.ab__btn:hover{transition:none;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/68/assets/so-css-about-us-seoul-oasis.css.map */
