:root{color-scheme:dark;--bg:#080b14;--white:#f2f5fc;--muted:#b4bdcf;--accent:#a2eadf;--line:rgba(213,228,255,.19);--light-a:59,116,244;--light-b:76,215,200;--field-x:0vw;--field-y:0vh;--field-turn:-24deg;--field-scale:1;--light-x:78%;--light-y:40%;--sans:"Noto Sans KR",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:36px}body{margin:0;background:var(--bg);color:var(--white);font-family:var(--sans);font-size:16px;line-height:1.8;word-break:keep-all;isolation:isolate}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:7px}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500;letter-spacing:-.055em}h2{font-size:clamp(32px,3.5vw,50px);line-height:1.45}em{font-style:normal;color:var(--accent)}::selection{background:#8edfd6;color:#080b14}.wrap{max-width:1424px;margin-inline:auto;padding-inline:64px}.skip{position:fixed;left:16px;top:-100px;z-index:100;padding:10px 20px;background:white;color:var(--bg)}.skip:focus{top:12px}
/* One shared light field travels behind the page as the reader scrolls. */
.ambient{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:var(--bg);contain:strict}.ambient-glow{position:absolute;inset:-15%;background:radial-gradient(ellipse at var(--light-x) var(--light-y),rgba(var(--light-a),.27),transparent 50%)}.glow-b{background:radial-gradient(ellipse at 85% 80%,rgba(var(--light-b),.16),transparent 46%)}.light-field{position:absolute;top:-22%;left:49%;width:58vw;height:143vh;transform:translate3d(var(--field-x),var(--field-y),0) rotate(var(--field-turn)) scale(var(--field-scale));transform-origin:50% 45%;will-change:transform}.light-plane{position:absolute;border-radius:48% 48% 14% 48%;height:100%;width:43%;box-shadow:inset 1px 0 0 rgba(227,245,255,.3);background:linear-gradient(90deg,rgba(var(--light-a),0) 0%,rgba(var(--light-a),.08) 36%,rgba(var(--light-a),.35) 80%,rgba(var(--light-b),.78) 99%,rgba(235,255,255,.85) 100%);mask-image:linear-gradient(transparent,black 20%,black 68%,transparent)}.plane-one{left:0;transform:rotate(-10deg)}.plane-two{left:29%;top:8%;height:92%;opacity:.8;transform:rotate(5deg);background:linear-gradient(90deg,transparent,rgba(var(--light-b),.08) 35%,rgba(var(--light-a),.55) 94%,rgba(177,220,255,.7))}.plane-three{left:53%;top:17%;height:84%;width:36%;opacity:.58;transform:rotate(19deg)}.ambient-grid{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(210,224,255,.035) 1px,transparent 1px);background-size:25% 100%;mask-image:linear-gradient(transparent,black 25%,black 75%,transparent)}.ambient-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,11,20,.8),rgba(8,11,20,.34) 48%,transparent 80%),linear-gradient(0deg,rgba(8,11,20,.38),transparent 50%)}
.header{height:100px;padding:0 64px;display:flex;align-items:center;justify-content:space-between;gap:32px;position:absolute;top:0;left:0;right:0;z-index:5;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:16px;flex-shrink:0}.brand-name{font:800 38px/1 Arial,sans-serif;letter-spacing:-2px}.brand-name>span{color:var(--accent)}.brand-sub{font-size:12px;letter-spacing:.16em}.desktop-nav{display:flex;gap:36px;font-size:14px;color:#c3ccde}.desktop-nav a,.header-link{transition:color .2s}.desktop-nav a:hover,.header-link:hover{color:var(--accent)}.header-link{font-size:14px;display:flex;gap:22px;align-items:center}.header-link span{font-size:22px;color:var(--accent)}.menu-toggle,.mobile-nav{display:none}
.hero{min-height:780px;height:100svh;max-height:1100px;position:relative;display:flex;align-items:center}.hero-content{width:100%;padding-top:85px;padding-bottom:100px}.eyebrow{font-size:14px;font-weight:500;line-height:1.7;letter-spacing:.04em}.hero .eyebrow{display:flex;align-items:center;gap:12px;color:#ced7ea}.status-dot{height:6px;width:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 16px rgba(162,234,223,.6)}.hero h1{font-size:clamp(50px,6.5vw,94px);line-height:1.24;letter-spacing:-.075em;font-weight:600;margin-block:28px}.hero h1 em{color:#d5e6fc}.hero-description{font-size:16px;line-height:1.95;color:#bdc9df;margin-bottom:34px}.button{display:inline-flex;gap:38px;justify-content:space-between;align-items:center;padding:15px 23px;min-height:56px;font-size:14px;font-weight:500;transition:background .2s,transform .2s;border-radius:3px}.button:hover{transform:translateY(-3px)}.button-light{background:var(--white);color:#111726}.button-light:hover{background:var(--accent)}.button>span{font-size:22px;line-height:1}.hero-caption{position:absolute;right:7%;bottom:26%;display:flex;flex-direction:column;font-size:14px;color:#d2e4f1;line-height:1.9;letter-spacing:-.02em}.hero-caption i{height:1px;width:80px;background:rgba(223,248,255,.5);margin-top:18px}.hero-bottom{position:absolute;bottom:28px;left:0;right:0;display:flex;justify-content:space-between;align-items:center;width:100%;font-size:12px;color:#b4c0d4}.hero-bottom p{font-size:14px}.hero-bottom p span{padding-inline:9px;color:#65728b}.hero-bottom>a{display:flex;align-items:center;gap:18px}.hero-bottom>a span{font-size:24px;color:var(--accent)}.hero-edition{letter-spacing:.18em;font-size:12px}
.section-label{display:flex;align-items:center;gap:18px;font-size:14px;color:#c5cce0;margin-bottom:32px}.section-label>span{font-size:12px;color:var(--accent);letter-spacing:.04em}.philosophy{padding-block:140px 150px;display:grid;grid-template-columns:1fr 2.3fr;gap:40px;border-top:1px solid var(--line)}.overline{font-size:14px;color:var(--accent);margin-bottom:20px}.philosophy-copy{display:grid;grid-template-columns:1fr 1fr;gap:38px;margin-top:36px;color:var(--muted);line-height:1.95}.perspectives{padding-block:110px 120px;background:rgba(8,11,20,.58);border-block:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;gap:44px;align-items:flex-end;margin-bottom:60px}.section-heading>p{font-size:14px;line-height:1.9;color:var(--muted)}.muted-heading{color:#a4b0cd}.perspective{border-top:1px solid var(--line)}.perspective:last-child{border-bottom:1px solid var(--line)}.perspective summary{list-style:none;display:grid;grid-template-columns:70px 1fr 1.4fr 28px;align-items:center;gap:25px;padding:32px 0;cursor:pointer}.perspective summary::-webkit-details-marker{display:none}.field-number{font-size:12px;color:#97a3be;align-self:center}.field-name{font-size:32px;line-height:1.5;letter-spacing:-.055em;display:flex;align-items:center;gap:26px}.field-name>span{font-size:12px;letter-spacing:0;color:#a6b1c9;font-weight:400}.field-tagline{font-size:16px;color:#b3bed6}.expand{width:24px;height:24px;position:relative}.expand:before,.expand:after{content:"";position:absolute;top:11px;left:3px;width:18px;height:1px;background:#c1cbe2;transition:transform .2s}.expand:after{transform:rotate(90deg)}.perspective[open] .expand:after{transform:rotate(0)}.perspective[open] .field-name,.perspective summary:hover .field-name{color:var(--accent)}.field-body{padding:0 50px 34px 95px;display:grid;grid-template-columns:1.4fr 1fr;gap:80px;font-size:16px;line-height:1.95;color:var(--muted)}.field-topics{display:flex;align-content:start;flex-wrap:wrap;gap:8px}.field-topics span{border:1px solid var(--line);border-radius:30px;padding:6px 12px;font-size:12px;white-space:nowrap;height:max-content;color:#c4cce0}
.connections{padding-block:135px 125px}.connections-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:80px}.connections h2{font-size:clamp(36px,4.2vw,60px)}.connections-intro>p{color:var(--muted);font-size:16px;line-height:2;max-width:350px}.connection-track{display:grid;grid-template-columns:repeat(4,1fr);margin-block:80px 38px;position:relative}.connection-track:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,rgba(162,234,223,.7),rgba(139,171,249,.2))}.connection-track>div{position:relative;padding:30px 25px 0 0}.connection-track>div:before{content:"";position:absolute;width:7px;height:7px;top:-3px;left:0;border-radius:50%;background:var(--accent)}.connection-track span{font-size:12px;color:var(--muted)}.connection-track strong{font-size:26px;font-weight:500;letter-spacing:-.04em;display:block;margin-top:8px}.text-link{display:inline-flex;gap:35px;font-size:14px;border-bottom:1px solid #7d9baf;padding-block:10px;color:#e1eff9}.text-link>span{color:var(--accent)}.questions{padding-block:110px 120px;background:rgba(8,11,20,.5);border-block:1px solid var(--line)}.question-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.question-grid article{border-top:1px solid var(--line);padding-top:26px}.question-number{font-size:12px;color:var(--accent)}.question-grid h3{font-size:23px;margin-block:22px 16px;line-height:1.5}.question-grid p{font-size:16px;color:var(--muted);line-height:1.9;min-height:80px}.question-category{font-size:12px;color:#c5d8de;margin-top:22px;display:block}.closing{text-align:center;padding-block:155px}.closing .eyebrow{color:#b9c9dd}.closing h2{font-size:clamp(40px,5vw,70px);line-height:1.4;margin-block:26px}.closing>p:not(.eyebrow){font-size:16px;color:var(--muted);margin-bottom:34px}.footer{border-top:1px solid var(--line);padding-block:38px;display:flex;justify-content:space-between;align-items:center;gap:30px}.footer-brand .brand-name{font-size:32px}.footer-brand .brand-sub{font-size:12px}.footer>p{font-size:14px;color:var(--muted)}.footer>div{text-align:right;display:flex;flex-direction:column;gap:4px;font-size:12px;color:#c7d3e7}.footer small{font-size:12px;color:#97a4bf}
@media(max-width:1100px){.wrap{padding-inline:40px}.header{padding-inline:40px}.desktop-nav{gap:24px}.hero h1{font-size:clamp(58px,6.8vw,78px)}.hero-caption{right:5%;bottom:22%;font-size:12px}.philosophy{grid-template-columns:1fr 3fr;gap:25px}.field-name{flex-direction:column;align-items:flex-start;gap:2px}.field-body{gap:35px}.connections-intro{gap:40px}.connections-intro>p{max-width:290px}.question-grid{gap:26px}.question-grid h3{font-size:21px}.footer>p{display:none}}
@media(max-width:760px){.wrap{padding-inline:24px}.header{height:80px;padding-inline:24px;gap:15px}.brand-name{font-size:33px}.brand-sub{font-size:12px;letter-spacing:.1em}.brand{gap:13px}.desktop-nav,.header-link{display:none}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:7px;align-items:center;width:44px;height:44px;padding:8px;background:none;border:0;cursor:pointer}.menu-toggle span{height:1px;width:23px;background:var(--white);transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}.mobile-nav:not([hidden]){display:flex;position:absolute;top:79px;left:0;right:0;background:#0c1120;padding:28px 24px 32px;flex-direction:column;gap:22px;border-bottom:1px solid var(--line)}.hero{min-height:760px;height:100svh;max-height:960px}.hero-content{padding-top:68px;padding-bottom:70px}.hero .eyebrow{font-size:12px;letter-spacing:0}.hero h1{font-size:clamp(41px,8.8vw,64px);line-height:1.32;margin-block:25px}.hero-description{font-size:16px;line-height:2;max-width:360px;margin-bottom:28px}.hero-caption{display:none}.hero-bottom{bottom:25px;align-items:flex-end;gap:18px}.hero-bottom p{font-size:12px}.hero-bottom p span{padding-inline:3px}.hero-bottom>a{font-size:12px;gap:12px;max-width:110px;line-height:1.7}.hero-bottom>a span{font-size:23px}.hero-edition{display:none}.light-field{left:47%;top:5%;width:94vw;height:120vh;opacity:.85}.ambient-shade{background:linear-gradient(90deg,rgba(8,11,20,.78),rgba(8,11,20,.3) 70%,rgba(8,11,20,.1)),linear-gradient(0deg,rgba(8,11,20,.35),transparent)}.ambient-grid{background-size:50% 100%}.philosophy{padding-block:80px 90px;display:block}.section-label{font-size:14px;gap:16px;margin-bottom:30px}.overline{font-size:14px;margin-bottom:16px}.philosophy h2{font-size:30px;line-height:1.55}.philosophy-copy{display:block;margin-top:26px}.philosophy-copy p+p{margin-top:20px}.perspectives{padding-block:80px}.section-heading{display:block;margin-bottom:35px}.section-heading h2{font-size:34px;line-height:1.45}.section-heading>p{margin-top:22px;font-size:14px}.perspective summary{grid-template-columns:30px 1fr 24px;gap:18px;padding:24px 0}.field-name{font-size:28px;flex-direction:row;align-items:center;gap:20px}.field-name>span{font-size:12px}.field-tagline{display:none}.field-body{padding:0 0 28px 48px;display:block}.field-topics{margin-top:20px;gap:7px}.field-topics span{padding:4px 10px}.connections{padding-block:90px}.connections-intro{display:block}.connections h2{font-size:35px;line-height:1.5}.connections-intro>p{max-width:450px;margin-top:26px}.connection-track{margin-block:45px 25px;gap:0}.connection-track>div{padding:22px 8px 0 0}.connection-track strong{font-size:22px}.connection-track span{font-size:12px}.questions{padding-block:80px}.question-grid{display:block}.question-grid article+article{margin-top:34px}.question-grid article{padding-top:22px}.question-grid h3{font-size:24px;margin-block:18px 14px}.question-grid p{min-height:0;max-width:390px}.question-category{margin-top:18px}.closing{padding-block:100px}.closing .eyebrow{font-size:12px;letter-spacing:0}.closing h2{font-size:37px;margin-block:25px}.closing>p:not(.eyebrow){font-size:14px;line-height:2}.footer{padding-block:30px;gap:26px;flex-wrap:wrap}.footer>div{text-align:left}.footer-brand .brand-name{font-size:30px}}
@media(max-width:360px){.wrap,.header{padding-inline:18px}.hero h1{font-size:38px}.hero-description{font-size:16px}.hero-bottom{gap:14px}.hero-bottom p{font-size:12px}.field-body{padding-left:0}.field-name{gap:15px}.connections h2{font-size:31px}.philosophy h2{font-size:27px}.section-heading h2{font-size:29px}.closing h2{font-size:32px}.connection-track strong{font-size:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}.light-field{transform:rotate(-24deg)!important;will-change:auto}.ambient-glow{background-position:center}}