@font-face{font-family:Pretendard;src:url('assets/PretendardVariable.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
figure{margin:0}
.closing-follow{margin:20px 0 0!important;font-size:14px!important}.closing-follow a{text-underline-offset:4px;font-weight:700}body .hero-image img{object-fit:cover}
:root{--ink:#080808;--paper:#f5f5f3;--pink:#ff70cf;--muted:#67645f;--line:#d8d5d0;--serif:Georgia,serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Pretendard,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}img{display:block;max-width:100%}button{font:inherit}.skip{position:absolute;left:-9999px;top:12px;background:#fff;padding:12px;z-index:99}.skip:focus{left:12px}.site-header{height:76px;background:#080808;color:white;padding:0 clamp(22px,5vw,78px);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #303030}.wordmark{font-family:Arial,sans-serif;font-size:24px;font-weight:800;letter-spacing:-1.5px;text-decoration:none}.site-header span{font-size:11px;letter-spacing:.16em;color:#b8b8b8}.hero{display:grid;grid-template-columns:1fr minmax(380px,48%);min-height:min(760px,90vh);background:#080808;color:#fff}.hero-copy{padding:clamp(52px,7vw,112px) clamp(26px,6vw,104px) 70px;display:flex;flex-direction:column;align-items:flex-start}.eyebrow{font-size:12px;font-weight:750;letter-spacing:.16em;text-transform:uppercase}.hero .eyebrow{color:var(--pink)}h1,h2,h3,p,figure{margin-top:0}.hero h1{font-size:clamp(50px,5.4vw,94px);line-height:1.06;letter-spacing:-.07em;margin:26px 0 32px;font-weight:780}.hero h1 em{font-style:normal;color:var(--pink)}.hero-lead{font-size:clamp(18px,1.5vw,23px);line-height:1.62;max-width:570px;color:#dedede}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}.button{min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:25px;padding:13px 20px;border:1px solid transparent;border-radius:5px;font-weight:750;font-size:14px;text-decoration:none;cursor:pointer}.button.pink{background:var(--pink);color:#080808}.button.outline{border-color:#aaa;color:#fff}.button.dark{background:#080808;color:#fff}.button:hover,.city-content a:hover{transform:translateY(-2px)}.button,.city-content a{transition:transform .2s ease}.hero-note{margin:auto 0 0;padding-top:28px;font-size:13px;line-height:1.6;color:#aaa;max-width:520px}.hero-image{position:relative;background:#34251c;overflow:hidden;min-height:620px}.hero-image img{height:100%;width:100%;object-fit:contain;object-position:center 55%}.hero-image figcaption{position:absolute;left:0;right:0;bottom:0;padding:65px 24px 22px;background:linear-gradient(transparent,#080808ca);font-size:15px;font-weight:700}.hero-image figcaption span{display:block;font-size:10px;letter-spacing:.2em;margin-bottom:7px;color:var(--pink)}.page-nav{display:flex;justify-content:center;flex-wrap:wrap;gap:0;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.page-nav a{padding:18px 27px;text-decoration:none;font-size:14px;font-weight:700;border-right:1px solid #eee}.page-nav a:last-child{border-right:0}.page-nav a:hover{background:#ffe4f5}.section{padding:105px clamp(24px,6vw,98px);scroll-margin-top:60px}.section-head{max-width:800px;margin-bottom:48px}.section-head h2,.rule-section h2,.closing h2{font-size:clamp(43px,5vw,75px);line-height:1.13;letter-spacing:-.065em;margin:15px 0 22px}.section-head>p:last-child,.rule-layout>div>p:last-child,.closing p:not(.eyebrow){font-size:18px;line-height:1.72;color:#4c4a47;max-width:690px}.photo-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}.photo-pair figure{height:560px;position:relative;overflow:hidden;background:#34251c}.photo-pair img{width:100%;height:100%;object-fit:cover}.photo-pair figure:first-child img{object-position:center 55%}.photo-pair figure:nth-child(2) img{object-position:center 56%}.photo-pair figcaption{position:absolute;left:0;right:0;bottom:0;padding:42px 18px 18px;background:linear-gradient(transparent,#000b);color:white;font-size:14px;font-weight:650}.fact-strip{margin-top:26px;border-top:2px solid #111;border-bottom:1px solid var(--line);padding:20px 0;display:grid;grid-template-columns:190px 1fr auto;gap:20px;align-items:center}.fact-strip strong{font-size:15px}.fact-strip p{font-size:15px;line-height:1.6;margin:0}.fact-strip a,.city-content a,.sources a{font-size:14px;font-weight:750;text-underline-offset:4px}.fine{font-size:13px;color:#6b6560;line-height:1.65;margin:20px 0 0}.cities-section{background:#eae9e5}.city-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.city-card{background:#fff;min-width:0;display:flex;flex-direction:column}.city-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px;font-size:10px;letter-spacing:.1em;font-weight:750}.status{background:#f9d8ed;color:#6e184a;border-radius:30px;padding:6px 9px;letter-spacing:0;white-space:nowrap}.status.neutral{background:#eee;color:#565656}.city-art{height:225px;background:#e6ded5}.city-art img{width:100%;height:100%;object-fit:cover;object-position:center 63%}.city-symbol{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#e9dfd4}.city-symbol span{font-family:var(--serif);font-size:64px;line-height:1;color:#2e2925}.city-symbol b{letter-spacing:.3em;font-size:10px}.city-symbol.london{background:#d7d6d3}.city-symbol.london span{font-size:52px}.city-symbol.paris{background:#e4d8cc}.city-symbol.paris span{font-size:54px}.city-content{padding:24px 20px 26px;display:flex;flex-direction:column;flex:1}.city-content h3{font-size:24px;letter-spacing:-.045em;margin-bottom:4px}.city-motif{font-size:15px;font-weight:750;margin:0 0 18px}.city-content p:not(.city-motif){font-size:14px;line-height:1.62;color:#5b5754}.city-content a{margin-top:auto;padding-top:16px}.city-note{font-size:13px;line-height:1.6;color:#555;margin:22px 0 0}.rule-section{background:#0a0a0a;color:#fff}.rule-layout{display:grid;grid-template-columns:1fr 1fr;gap:60px}.rule-layout>div>p:last-child{color:#bbb}.rule-cards{display:grid;gap:12px}.rule-cards article{border:1px solid #454545;padding:26px;position:relative}.rule-number{font-family:var(--serif);font-size:58px;color:var(--pink);line-height:1}.rule-cards h3{font-size:22px;margin:12px 0}.rule-cards p{font-size:15px;line-height:1.65;color:#ccc}.rule-cards a{font-size:14px;color:var(--pink);text-underline-offset:4px}.visit-section{background:#fff}.steps{list-style:none;padding:0;margin:0;border-top:2px solid #111}.steps li{display:grid;grid-template-columns:110px 1fr;gap:20px;padding:28px 0;border-bottom:1px solid var(--line)}.steps li>span{font-family:var(--serif);font-size:37px;color:#b2a49b}.steps h3{font-size:25px;letter-spacing:-.04em;margin:0 0 7px}.steps p{font-size:16px;color:#555;line-height:1.65;margin:0;max-width:840px}.closing{background:#f1e9e3;display:grid;grid-template-columns:1fr 38%;gap:7%;align-items:center}.closing img{width:100%;height:520px;object-fit:cover;object-position:center 55%}.closing .eyebrow{color:#944a71}.closing .button{margin-top:12px}.sources{padding:25px clamp(24px,6vw,98px) 60px;background:#fff}.sources details{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;max-width:1080px}.sources summary{font-weight:750;cursor:pointer;font-size:15px}.sources p,.sources li{font-size:14px;line-height:1.7;color:#555}.sources ul{padding-left:20px}footer{background:#080808;color:#fff;padding:44px clamp(24px,6vw,98px);display:flex;align-items:center;justify-content:space-between;gap:20px}footer span{font-size:13px;color:#aaa}footer>a:last-child{font-size:13px;text-underline-offset:4px}.mobile-bar{display:none}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--pink);outline-offset:3px}
@media(max-width:1050px){.hero{grid-template-columns:1fr 46%}.hero-copy{padding:58px 34px}.hero h1{font-size:clamp(48px,6vw,66px)}.city-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.city-art{height:265px}.rule-layout{gap:32px}.fact-strip{grid-template-columns:155px 1fr}.fact-strip a{grid-column:2}}
@media(max-width:700px){html{scroll-padding-top:0}.site-header{height:60px;padding:0 19px}.site-header .wordmark{font-size:21px}.site-header span{font-size:9px}.hero{display:flex;flex-direction:column;min-height:0}.hero-image{order:-1;height:315px;min-height:0}.hero-image picture,.hero-image img{display:block;width:100%;height:100%}.hero-image img{object-fit:cover;object-position:center}.hero-copy{padding:32px 22px 26px}.hero h1{font-size:clamp(43px,12vw,61px);margin:14px 0 22px}.hero-lead{font-size:17px}.hero-actions{margin-top:18px;gap:8px}.button{min-height:49px;font-size:13px}.hero-note{margin:22px 0 0;padding:0;font-size:12px}.page-nav{position:static;overflow:auto;justify-content:flex-start;flex-wrap:nowrap;white-space:nowrap}.page-nav a{padding:15px 18px;font-size:12px}.section{padding:74px 22px}.section-head{margin-bottom:30px}.section-head h2,.rule-section h2,.closing h2{font-size:clamp(40px,10vw,56px)}.section-head>p:last-child,.rule-layout>div>p:last-child,.closing p:not(.eyebrow){font-size:16px}.photo-pair{gap:8px}.photo-pair figure{height:330px}.photo-pair figcaption{font-size:12px}.fact-strip{grid-template-columns:1fr;gap:7px}.fact-strip a{grid-column:auto}.city-grid{grid-template-columns:1fr 1fr;gap:8px}.city-top{padding:10px;font-size:8px;align-items:flex-start}.status{font-size:8px;white-space:normal;text-align:center}.city-art{height:135px}.city-symbol span,.city-symbol.london span,.city-symbol.paris span{font-size:30px}.city-symbol b{font-size:8px;letter-spacing:.12em}.city-content{padding:15px 12px 19px}.city-content h3{font-size:19px}.city-motif{font-size:12px;margin-bottom:10px}.city-content p:not(.city-motif){font-size:12px}.city-content a{font-size:12px}.rule-layout{display:block}.rule-cards{margin-top:28px}.rule-cards article{padding:20px}.steps li{grid-template-columns:45px 1fr;gap:10px;padding:22px 0}.steps li>span{font-size:25px}.steps h3{font-size:20px}.steps p{font-size:14px}.closing{display:block;padding-bottom:0}.closing img{height:360px;margin-top:34px}.sources{padding:15px 22px 80px}footer{padding:32px 22px 90px;display:block}footer span{display:block;margin:15px 0}.mobile-bar{display:grid;grid-template-columns:1fr 1fr;position:fixed;bottom:0;left:0;right:0;z-index:20;background:#080808;padding:8px;gap:8px}.mobile-bar a{text-align:center;text-decoration:none;font-size:13px;font-weight:750;background:#fff;padding:13px 10px;border-radius:3px}.mobile-bar a:last-child{background:var(--pink)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.city-content a{transition:none}}
.city-photo{display:grid;grid-template-rows:minmax(0,1fr) auto;overflow:hidden;background:#e6ded5}
.city-photo img{width:100%;height:100%;min-height:0;object-fit:contain;object-position:center}
.city-photo figcaption{background:#fff;padding:9px 12px;font-size:11px;line-height:1.35;color:#635f5a}
.city-photo figcaption a{font-weight:700;text-underline-offset:2px}
@media(max-width:700px){.city-grid{grid-template-columns:1fr}.city-art{height:280px}.city-photo{height:320px}.city-top{font-size:10px;padding:13px}.city-content{padding:19px 16px 23px}.city-content h3{font-size:22px}.city-motif,.city-content p:not(.city-motif),.city-content a{font-size:14px}}
.city-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.city-art.city-photo{height:315px}.city-zoom{display:block;position:relative;width:100%;height:100%;border:0;padding:0;background:#dfd7ce;overflow:hidden;cursor:zoom-in}
.city-zoom img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.city-zoom span{position:absolute;right:12px;bottom:12px;background:#080808e6;color:#fff;padding:9px 12px;border-radius:3px;font-size:12px;font-weight:750}
.city-zoom:hover img{transform:scale(1.035)}.city-zoom img{transition:transform .25s ease}
.hanoi-photo .city-zoom img{object-position:67% 78%}.okinawa-photo .city-zoom img{object-position:center 68%}.london-photo .city-zoom img{object-position:center 56%}.paris-photo .city-zoom img{object-position:center 52%}
.city-top>span:last-child{letter-spacing:0;color:#68635f;font-weight:650}.city-gallery-note{margin:23px 0 0;font-size:14px;line-height:1.65;color:#625d59}
@media(max-width:1050px){.city-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.city-grid{grid-template-columns:1fr;gap:12px}.city-art.city-photo{height:330px}.city-zoom span{font-size:11px}}
.steps a{font-weight:750;text-underline-offset:4px}.steps em{font-style:normal;font-weight:750}.visit-note{margin-top:42px;border-top:2px solid #111;display:grid;grid-template-columns:minmax(180px,.65fr) 1fr 1fr;gap:24px;padding-top:26px}.visit-note h3{font-size:25px;letter-spacing:-.04em;margin:0}.visit-note strong{font-size:16px}.visit-note p{color:#555;font-size:15px;line-height:1.7;margin:10px 0 0}@media(max-width:900px){.visit-note{grid-template-columns:1fr 1fr}.visit-note h3{grid-column:1/-1}}@media(max-width:700px){.visit-note{display:block}.visit-note>div{margin-top:24px}}
.local-photo-zoom{display:block;width:100%;height:100%;cursor:zoom-in}.hero-image .local-photo-zoom img,.photo-pair .local-photo-zoom img{width:100%;height:100%;object-fit:cover}.local-photo-zoom:focus-visible{outline:3px solid var(--pink);outline-offset:-5px}
.sample-gallery{margin-top:46px}.sample-heading{max-width:680px;margin-bottom:20px}.sample-heading h3{font-size:clamp(23px,2.5vw,32px);letter-spacing:-.05em;margin-bottom:10px}.sample-heading p{font-size:16px;line-height:1.7;color:#4c4a47;margin:0}.sample-gallery .photo-pair figure{height:520px}
@media(max-width:700px){.sample-gallery{margin-top:35px}.sample-heading p{font-size:15px}.sample-gallery .photo-pair{grid-template-columns:1fr;gap:12px}.sample-gallery .photo-pair figure{height:440px}.sample-gallery .photo-pair figcaption{font-size:13px}}