@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css";
.about-root{--ease:cubic-bezier(.25,.1,.25,1);--pss-blue:#4da3ff;--pss-green:#35c158;--pss-red:#ff4d42}.about-root *{box-sizing:border-box;margin:0;padding:0;font-family:Pretendard Variable,Pretendard,sans-serif}body.about-page{color:#fff;word-break:keep-all;-webkit-font-smoothing:antialiased;background:#05060a;overflow-x:hidden}.bg-stack{z-index:0;position:fixed;inset:0;overflow:hidden}.bg-layer{background-position:50%;background-size:cover;width:100%;height:100%;transition:opacity .7s ease-in-out;position:absolute;inset:0;transform:scale(1.03)}.ab-scrim{background:linear-gradient(#030710a8 0%,#03071057 30%,#03071070 62%,#030710db 100%);position:absolute;inset:0}.ab-navbar{z-index:50;justify-content:flex-start;align-items:center;padding:22px 30px;display:flex;position:fixed;top:0;left:0;right:0}.glass-top{z-index:45;pointer-events:none;-webkit-backdrop-filter:blur(14px)saturate(120%);background:linear-gradient(#060a1266 0%,#060a1200 100%);height:132px;position:fixed;top:0;left:0;right:0;-webkit-mask-image:linear-gradient(#000 52%,#0000 100%);mask-image:linear-gradient(#000 52%,#0000 100%)}.ab-navbar .nav-left{align-items:center;gap:10px;display:flex}.ab-navbar .nav-left img{filter:drop-shadow(0 2px 8px #00000073);width:auto;height:76px;display:block}.ab-content{z-index:10;position:relative}.ab-hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:0 24px;display:flex}.ab-hero h1{letter-spacing:-1px;text-shadow:0 2px 20px #00000080;max-width:1000px;font-size:56px;font-weight:600;line-height:1.1}.ab-hero h1 em{color:var(--pss-blue);font-style:normal}.ab-hero p{color:#ffffffb8;text-shadow:0 2px 14px #00000080;max-width:560px;margin-top:26px;font-size:clamp(.9rem,2vw,1.15rem);font-weight:300;line-height:1.65}.scroll-hint{color:#ffffff80;letter-spacing:.18em;flex-direction:column;align-items:center;gap:8px;font-size:11px;font-weight:300;display:flex;position:absolute;bottom:34px;left:50%;transform:translate(-50%)}.scroll-hint .bar{width:1px;height:38px;animation:drop 1.8s var(--ease) infinite;background:linear-gradient(#fff9,#0000)}@keyframes drop{0%{opacity:0;transform-origin:top;transform:scaleY(.3)}40%{opacity:1}to{opacity:0;transform-origin:top;transform:scaleY(1)}}.ab-section{flex-direction:column;width:100%;min-height:100vh;display:flex}.ab-inner{flex-direction:column;flex:1;display:flex}.col-left{flex-direction:column;flex:1;justify-content:space-between;padding:96px 24px 48px;display:flex}.col-left h2{letter-spacing:-.06em;text-shadow:0 2px 20px #00000080;max-width:520px;font-size:clamp(1.7rem,4.6vw,3rem);font-weight:400;line-height:1.1}.col-left h2 em{color:var(--pss-green);font-style:normal}.about-body{flex-direction:column;gap:20px;max-width:400px;margin-top:40px;display:flex}.about-body p{color:#ffffff9e;text-shadow:0 1px 10px #00000080;font-size:clamp(.78rem,1.4vw,.9rem);font-weight:300;line-height:1.7}.btn-more{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff4d;border-radius:3px;align-self:flex-start;margin-top:28px;padding:12px 24px;font-size:.85rem;font-weight:300;text-decoration:none;transition:background .3s;display:inline-block}.btn-more:hover{background:#ffffff1a}.col-right{flex-direction:column;flex:1;justify-content:flex-end;padding:0 24px 48px;display:flex}.cap-label{color:#ffffff9e;margin-bottom:28px;font-size:clamp(.78rem,1.4vw,.9rem);font-weight:300}.cap-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;max-width:480px;display:grid}.cap{align-items:center;gap:14px;display:flex}.cap svg{color:#fff;opacity:.92;flex:none;width:30px;height:30px}.cap b{letter-spacing:-.01em;font-size:clamp(1.05rem,2.2vw,1.5rem);font-weight:700;line-height:1.1;display:block}.cap b.accent-b{color:var(--pss-blue)}.cap b.accent-g{color:var(--pss-green)}.cap span{color:#fff9;margin-top:3px;font-size:clamp(.62rem,1.2vw,.75rem);font-weight:300;display:block}@media (min-width:1024px){.ab-navbar{padding:22px 30px}.ab-inner{flex-direction:row;min-height:100vh}.col-left{padding:112px 56px 80px}.col-right{justify-content:flex-end;padding:112px 56px 80px}.about-body{margin-top:auto}}@media (min-width:768px) and (max-width:1023px){.ab-navbar{padding:20px 40px}.col-left,.col-right{padding-left:40px;padding-right:40px}}@media (max-width:767px){.ab-hero p br{display:none}.ab-hero h1{letter-spacing:-.5px;font-size:28px}.ab-navbar{padding:14px 18px}.ab-navbar .nav-left img{height:52px}.glass-top{height:96px}}
