*{box-sizing:border-box}
:root{--bg:#f7f5ef;--ink:#141518;--muted:#6d6e6a;--line:#dedbd2;--red:#c9413a;--navy:#17243c;--card:#fffdf8}
html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:"DM Sans",Arial,sans-serif}a{color:inherit;text-decoration:none}.wrap{width:min(1160px,calc(100% - 44px));margin:auto}
header{height:76px;border-bottom:1px solid var(--line);background:rgba(247,245,239,.92);backdrop-filter:blur(12px);position:sticky;top:0;z-index:20}.nav{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:9px;font-size:16px;font-weight:600;letter-spacing:-.04em}.brand b{font-weight:400}.taegeuk{width:24px;height:24px;border-radius:50%;background:linear-gradient(90deg,var(--red) 0 50%,var(--navy) 50%);position:relative;display:inline-block}.taegeuk:after{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:var(--bg);left:7px;top:7px}
nav{display:flex;gap:31px}nav a,.top-link{font-size:12px;color:#62635f}.top-link{border:1px solid #bbb9b1;border-radius:99px;padding:9px 14px;color:var(--ink)}.top-link span{margin-left:5px}.menu{display:none;border:0;background:none;font-size:21px}

.hero{border-bottom:1px solid var(--line)}.hero-inner{min-height:650px;display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:45px}.kicker{font-size:9px;letter-spacing:.19em;font-weight:700;color:#777872;margin:0 0 18px}.kicker i{display:inline-block;width:25px;height:1px;background:var(--red);vertical-align:middle;margin-right:9px}.hero h1{font-size:clamp(55px,6.8vw,91px);letter-spacing:-.075em;line-height:.94;margin:0;font-weight:700}.hero h1 em,.heading h2 em,.quote blockquote em,.social-wrap h2 em{font-family:"Playfair Display",serif;color:var(--red);font-weight:600}.intro{max-width:530px;font-size:17px;line-height:1.65;color:var(--muted);margin:27px 0}.hero-buttons{display:flex;align-items:center;gap:23px}.btn{background:var(--ink);color:white;padding:13px 18px;font-size:12px;font-weight:700}.btn span{margin-left:17px;font-size:17px}.under{font-size:12px;border-bottom:1px solid #999;padding-bottom:3px}.hero-meta{display:flex;gap:13px;margin-top:44px;font-size:9px;letter-spacing:.16em;color:#8a8b85}.hero-meta b{font-weight:400;color:#c5c3bc}

.hero-visual{height:510px;position:relative;overflow:hidden;background:#d9e0e5}.sky{position:absolute;inset:0;background:linear-gradient(180deg,#d7e0e5 0%,#e8e0d2 65%,#c6b8a4 100%)}.sun{position:absolute;width:185px;height:185px;border-radius:50%;background:#d96b55;right:60px;top:62px;opacity:.94}.moon-mark{position:absolute;right:24px;top:23px;font-size:11px;letter-spacing:.16em;color:#fff;background:#18243b;padding:8px 10px}.hill{position:absolute;bottom:0;width:70%;height:210px;border-radius:55% 55% 0 0;background:#536476}.hill-a{left:-18%;transform:rotate(-5deg)}.hill-b{right:-20%;height:170px;background:#39485b;transform:rotate(5deg)}.tower{position:absolute;bottom:125px;left:50%;width:19px;height:205px;background:#202d42;transform:translateX(-50%)}.tower:before{content:"";position:absolute;left:5px;top:-55px;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:55px solid #202d42}.tower span{position:absolute;top:-83px;left:8px;width:3px;height:29px;background:#202d42}.buildings{position:absolute;bottom:0;left:0;right:0;height:155px;display:flex;align-items:flex-end;gap:7px;padding:0 25px}.buildings i{display:block;background:#273447;width:11%;height:var(--h,80px)}.buildings i:nth-child(1){--h:60px}.buildings i:nth-child(2){--h:100px}.buildings i:nth-child(3){--h:74px}.buildings i:nth-child(4){--h:125px}.buildings i:nth-child(5){--h:86px}.buildings i:nth-child(6){--h:113px}.buildings i:nth-child(7){--h:67px}.buildings i:nth-child(8){--h:96px}.buildings i:nth-child(9){--h:76px}.caption{position:absolute;left:23px;bottom:22px;background:var(--card);padding:12px 15px;display:flex;gap:14px;align-items:center;box-shadow:0 10px 30px #0002}.caption b{font-size:9px;letter-spacing:.12em}.caption span{font-family:"Playfair Display";font-size:13px}

.topics{background:var(--ink);color:#fff}.topic-inner{display:flex;align-items:center;min-height:60px;overflow:auto}.topic-title{font-size:8px;letter-spacing:.18em;color:#888b90;margin-right:30px;white-space:nowrap}.topic-inner a{font-size:12px;padding:0 25px;border-left:1px solid #36383d;white-space:nowrap}.topic-inner strong{font-size:9px;color:#8c8f93;margin-right:8px}

.section{padding:105px 0}.heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:42px}.heading h2{font-size:clamp(47px,5.7vw,70px);letter-spacing:-.075em;line-height:.96;margin:0}.heading-side{font-size:13px;line-height:1.7;color:var(--muted);text-align:right;margin:0 0 3px}.editorial-grid{display:grid;grid-template-columns:1.18fr .91fr .91fr;gap:17px}.story{background:var(--card);border:1px solid var(--line)}.story-art{height:270px;position:relative;overflow:hidden}.art-night{background:linear-gradient(145deg,#1a2944,#0d1423);color:#fff}.art-night>span{position:absolute;left:20px;top:18px;font-size:10px;letter-spacing:.18em}.art-night>b{position:absolute;right:18px;top:17px;font-size:9px;color:#87909f}.window-grid{position:absolute;inset:auto 0 0 0;height:54%;background:repeating-linear-gradient(90deg,#0a101b 0 28px,#1f3048 28px 34px),repeating-linear-gradient(0deg,transparent 0 19px,#dca55b22 19px 22px);clip-path:polygon(0 32%,8% 23%,16% 39%,25% 14%,34% 33%,44% 5%,52% 28%,64% 12%,75% 32%,85% 18%,100% 30%,100% 100%,0 100%)}.art-night:after{content:"SEOUL";position:absolute;left:20px;bottom:20px;font-size:50px;letter-spacing:-.08em;font-weight:700}.art-subway{background:#e8e4da}.route{position:absolute;width:160px;height:160px;border:12px solid #dc4b43;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;font-size:55px;font-weight:700;color:#17243c}.station{position:absolute;left:20px;top:20px;font-size:9px;letter-spacing:.17em;font-weight:700;line-height:1.6}.dot{position:absolute;width:17px;height:17px;border-radius:50%;background:#17243c;left:50%;top:50%;transform:translate(-50%,-50%)}.art-store{background:#dfc5a0}.sign{position:absolute;left:22px;right:22px;top:25px;background:#17243c;color:#fff;padding:12px;text-align:center;font-size:18px;letter-spacing:.12em}.store{position:absolute;bottom:0;left:53px;right:53px;height:150px;background:#cde0e2;border:8px solid #17243c;display:grid;place-items:center;font-size:47px;color:#d24a42}.store span{color:#17243c;font-size:34px}.bags{position:absolute;bottom:0;left:0;right:0;height:11px;background:#17243c}.story-copy{padding:22px 22px 25px}.story-copy small{font-size:8px;letter-spacing:.17em;color:#777a73;font-weight:700}.story-copy h3{font-size:21px;line-height:1.12;letter-spacing:-.045em;margin:10px 0}.story-copy p{font-size:12px;color:var(--muted);margin:0 0 18px}.story-copy a{font-size:10px;font-weight:700}.story-copy a span{margin-left:10px}

.quote{background:var(--navy);color:#fff;padding:105px 0}.quote-inner{max-width:1160px}.light{color:#aeb4bf}.quote blockquote{font-size:clamp(46px,6vw,76px);line-height:.99;letter-spacing:-.065em;margin:28px 0 30px;font-weight:600}.quote-text{max-width:510px;color:#c2c8d1;font-size:15px;line-height:1.7;margin-left:auto;margin-right:7%}

.latest-heading{align-items:end}.view-all{font-size:11px;border-bottom:1px solid #8d8e88;padding-bottom:5px}.latest-grid{border-top:1px solid var(--line)}.latest-card{display:grid;grid-template-columns:35px 54px 1fr 25px;gap:20px;align-items:center;border-bottom:1px solid var(--line);padding:17px 0;transition:.2s}.latest-card:hover{padding-left:7px}.index{font-size:9px;color:#9a9b95}.mini-icon{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;font-size:20px;font-weight:700}.naver{background:#e1ebf5;color:#2d6092}.tmoney{background:#f1dedd;color:#b73c36}.apps{background:#e7e1d6;color:#535a52}.food{background:#eadac3;color:#8d5b2d}.latest-card small{font-size:8px;letter-spacing:.15em;color:#7e807a;font-weight:700}.latest-card h3{font-size:17px;letter-spacing:-.03em;margin:4px 0}.latest-card p{font-size:10px;color:#8a8b86;margin:0}.latest-card>b{font-size:18px;text-align:right}

.social-wrap{border-top:1px solid var(--line);padding:90px 0;display:grid;grid-template-columns:1fr .75fr;gap:80px;align-items:end}.social-wrap h2{font-size:58px;line-height:.95;letter-spacing:-.07em;margin:0}.social-wrap>div>p:last-child{color:var(--muted);font-size:13px;max-width:300px;margin:25px 0 0}.socials{display:flex;flex-direction:column;border-top:1px solid var(--line)}.socials a{display:grid;grid-template-columns:44px 1fr 20px;align-items:center;gap:15px;padding:14px 0;border-bottom:1px solid var(--line);font-size:13px}.socials span{font-size:9px;font-weight:700;letter-spacing:.08em}.socials b{font-size:16px}

footer{background:#121419;color:#fff}.foot{padding:55px 0;display:flex;justify-content:space-between;gap:40px}.foot .brand{color:#fff}.foot p{color:#858990;font-size:11px}.foot-links{display:flex;gap:26px}.foot-links a{font-size:11px;color:#c9cbd0}.copyright{border-top:1px solid #30333a;padding:17px 0 20px;color:#747980;font-size:9px;display:flex;justify-content:space-between}

@media(max-width:850px){nav{gap:16px}.hero-inner{grid-template-columns:1fr;padding:75px 0}.hero-visual{height:420px}.editorial-grid{grid-template-columns:1fr 1fr}.story-large{grid-column:1/-1}.social-wrap{grid-template-columns:1fr}.quote-text{margin-left:0}}
@media(max-width:650px){.wrap{width:calc(100% - 30px)}header{height:68px}.top-link{display:none}.menu{display:block}nav{display:none;position:absolute;left:15px;right:15px;top:68px;background:var(--bg);border:1px solid var(--line);padding:16px;box-shadow:0 18px 35px #0001}nav.show{display:flex;flex-direction:column;gap:14px}.hero-inner{padding:60px 0}.hero h1{font-size:54px}.intro{font-size:15px}.hero-visual{height:330px}.sun{width:120px;height:120px;right:30px;top:40px}.tower{bottom:105px;height:150px}.quote{padding:75px 0}.quote blockquote{font-size:49px}.section{padding:75px 0}.heading{display:block}.heading-side{text-align:left;margin-top:20px}.heading h2{font-size:50px}.editorial-grid{grid-template-columns:1fr}.story-large{grid-column:auto}.story-art{height:240px}.latest-card{grid-template-columns:25px 45px 1fr 18px;gap:10px}.mini-icon{width:45px;height:45px}.latest-card h3{font-size:14px}.latest-card p{display:none}.social-wrap{padding:70px 0}.social-wrap h2{font-size:50px}.foot{flex-direction:column}.foot-links{flex-wrap:wrap}.copyright{display:block}.copyright span{display:block;margin-top:7px}}

/* Local image version: all website images are bundled in the repository. */
.hero-visual.photo-seoul{background:url("images/seoul.jpg") center/cover no-repeat}
.photo-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,18,31,.04) 20%,rgba(10,18,31,.62) 100%)}
.photo-label{position:absolute;left:23px;right:23px;bottom:23px;background:rgba(255,253,248,.95);padding:13px 15px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 10px 30px rgba(0,0,0,.15)}
.photo-label b{font-size:9px;letter-spacing:.13em}.photo-label span{font-family:"Playfair Display",serif;font-size:13px}
.story-art.photo-street{background:url("images/street.jpg") center/cover no-repeat}
.story-art.photo-food{background:url("images/food.jpg") center/cover no-repeat}
.story-art.photo-store{background:url("images/store.jpg") center/cover no-repeat}
.photo-street:after,.photo-food:after,.photo-store:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.30))}
.photo-street>span,.photo-street>b{position:absolute;z-index:2;color:#fff;top:18px;font-size:9px;letter-spacing:.18em}.photo-street>span{left:20px}.photo-street>b{right:18px}
.photo-badge{position:absolute;z-index:2;left:18px;bottom:18px;background:rgba(255,253,248,.95);padding:8px 10px;font-size:8px;letter-spacing:.15em;font-weight:700}