.about-hero{position:relative;min-height:max(730px,100svh);padding:24vh 6% 110px;background:#080808;overflow:hidden;isolation:isolate}.about-hero:before{content:"술";position:absolute;right:7%;top:7%;font:700 clamp(340px,45vw,760px)/1 'Malgun Gothic',sans-serif;color:rgba(255,255,255,.035);z-index:-1}.about-hero h1{max-width:1080px;margin:62px 0 35px}html[lang=en] .about-hero h1{font:600 clamp(66px,8.5vw,140px)/.96 Bahnschrift,Arial,sans-serif;letter-spacing:-.07em}.about-hero h1 em{font-style:normal;color:var(--accent)}.about-hero .lead{font:400 clamp(24px,2.8vw,42px)/1.17 Bahnschrift,Arial,sans-serif;letter-spacing:-.04em;max-width:670px}.about-hero .deck{font-size:14px;line-height:1.8;color:#aaa;max-width:550px}.about-section{padding:54px 6% 105px;border-top:1px solid #2b2b2b}.about-section.paper{background:#eae9e4;color:#141414}.about-section.paper .section-top{border-color:#c6c2b9;color:#68645f}.about-section.paper .eyebrow{color:#aa622b}.about-grid{display:grid;grid-template-columns:52% 1fr;gap:8%;padding-top:100px}.about-section h2{font:500 clamp(46px,5.3vw,86px)/1.02 Bahnschrift,Arial,sans-serif;letter-spacing:-.06em;margin:20px 0}.about-section h2 em{font-style:normal;color:var(--accent)}.about-grid>div:last-child{padding-top:34px}.about-grid>div:last-child p{font-size:15px;line-height:1.85;color:#aaa;max-width:480px;margin:0 0 26px}.about-section.paper .about-grid>div:last-child p{color:#555}.about-list{margin-top:40px;border-top:1px solid #bcb8ae}.about-list div{display:grid;grid-template-columns:38px 1fr;gap:10px;border-bottom:1px solid #bcb8ae;padding:18px 0}.about-list span{font-size:11px;color:#aa622b}.about-list strong{font:500 22px Bahnschrift,Arial,sans-serif}.about-list small{grid-column:2;color:#777;font-size:12px;line-height:1.6}.about-section .action{border-color:#555}.about-section .action span,.about-section .action.primary{color:var(--accent)}.about-note{display:block;font-size:11px;color:#777;line-height:1.7;margin-top:23px}
@media(max-width:900px){.about-grid{grid-template-columns:1fr;gap:18px;padding-top:65px}.about-grid>div:last-child{padding-top:0}}
@media(max-width:700px){.about-hero{min-height:790px;padding:145px 7% 100px}.about-hero:before{top:47%;right:-15%;font-size:90vw}html[lang=en] .about-hero h1{font-size:clamp(53px,13vw,80px);margin:55px 0 28px}.about-hero .lead{font-size:24px}.about-hero .deck{font-size:12px;max-width:320px}.about-hero .section-foot span:nth-child(2){display:none}.about-section{padding:36px 7% 70px}.about-grid{padding-top:46px}.about-section h2{font-size:clamp(43px,10vw,63px)}.about-grid>div:last-child p{font-size:13px}.about-list strong{font-size:18px}}

/* Keep the SULKIT cultural backdrop while identifying the company with its CI. */
.about-hero-company h1,.about-hero-company .lead,.about-hero-company .deck,.about-hero-company .down{position:relative;z-index:1}
.about-company-ci{position:absolute;right:6%;bottom:24%;width:clamp(170px,17vw,260px);height:auto;opacity:.78;z-index:1}
@media(max-width:900px){.about-company-ci{right:6%;bottom:22%;width:180px}}
@media(max-width:700px){.about-company-ci{position:relative;display:block;right:auto;bottom:auto;width:165px;margin:38px 0 0 auto;opacity:.78}.about-hero-company .down{margin-top:35px}}

.about-hero-story:before{content:none}
.about-story-logo{position:absolute;right:10%;bottom:19%;width:clamp(145px,12vw,175px);height:auto;filter:invert(1);opacity:.94}
@media(max-width:700px){.about-hero-story{padding-bottom:55px}.about-story-logo{position:relative;display:block;right:auto;bottom:auto;width:150px;margin:34px 0 0 auto}}