:root{--pine:#104e44;--ink:#182e2b;--mist:#f2f5ef;--rule:#d4dcd6;color:var(--ink);font-family:"Malgun Gothic",sans-serif;scroll-padding-top:5rem}*{box-sizing:border-box}body{margin:0;word-break:keep-all}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid #c58632;outline-offset:3px}.skip{position:fixed;left:12px;top:-100px;z-index:4;background:white;padding:12px}.skip:focus{top:10px}header,footer{display:flex;align-items:center;gap:28px;padding:15px 6vw}header{position:sticky;top:0;z-index:3;background:#fff;border-bottom:1px solid var(--rule)}.brand,footer{font: bold 32px Georgia,serif;letter-spacing:.12em;color:var(--pine)}.brand span,footer span,footer a{font:600 14px "Malgun Gothic",sans-serif;letter-spacing:0}.brand span{border-left:1px solid #bccac3;padding-left:12px;vertical-align:middle}nav{display:flex;gap:30px;margin-left:auto;font-size:14px}.book{background:var(--pine);color:white;padding:12px 19px;font-size:14px}.hero{position:relative;height:clamp(460px,62vh,690px);background:#294743;color:white}.hero picture,.hero img{width:100%;height:100%;display:block;object-fit:cover}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#112f32b8,transparent 75%)}.hero-copy,.hero small{position:absolute;z-index:1}.hero-copy{top:50%;left:7%;transform:translateY(-50%)}.hero-copy p{letter-spacing:.14em}.hero h1{font:500 clamp(48px,5.8vw,90px)/1.15 "Batang",serif;margin:18px 0 26px;letter-spacing:-.07em}.hero-copy a{display:inline-flex;align-items:center;gap:32px;padding:12px 0;border-bottom:1px solid white}.hero small{right:18px;bottom:13px;text-shadow:0 1px 4px black}.stats{background:var(--pine);color:white;display:grid;grid-template-columns:repeat(3,1fr);padding:30px 6vw}.stats div{padding-left:14%;border-left:1px solid #ffffff44}.stats div:first-child{padding-left:0;border:0}.stats strong{font:500 clamp(25px,3.3vw,52px) Georgia,serif}.stats span{display:block;font-size:13px;color:#d9e8de;margin-top:6px}.section{padding:78px max(6vw,calc((100vw - 1220px)/2));line-height:1.75}.section h2{font:600 clamp(30px,3.6vw,52px)/1.25 Batang,serif;letter-spacing:-.06em;margin:0 0 24px}.eyebrow{font:bold 11px Georgia,serif;letter-spacing:.24em;color:var(--pine);margin:0 0 12px}.overview{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center}.overview p{max-width:42em}.overview img{max-height:470px}.section figure{margin:0}.section img{display:block;max-width:100%;margin:auto}figcaption,.note,caption{color:#505f58;font-size:13px}figcaption{text-align:center;margin-top:8px}dl{display:grid;grid-template-columns:6em 1fr;gap:10px;border-block:1px solid var(--rule);padding:18px 0}dd{margin:0}.tinted{background:var(--mist)}.controls{display:flex;gap:8px;margin-bottom:20px}button{font:inherit;cursor:pointer}.controls button{padding:8px 22px;border:1px solid var(--rule);background:white;color:var(--pine)}.controls button[aria-pressed=true]{background:var(--pine);color:white}.plan{background:white;display:grid;grid-template-columns:1.4fr 1fr;align-items:center;padding:32px;gap:24px}.plan img{height:310px;object-fit:contain}.plan h3{font:52px Georgia,serif;margin:0}.plan small{font:16px sans-serif}[hidden]{display:none!important}table{border-collapse:collapse;width:100%;font-variant-numeric:tabular-nums}caption{text-align:right;padding-bottom:8px}td,th{padding:12px 8px;border-bottom:1px solid var(--rule);text-align:right}th:first-child{text-align:left}thead{background:var(--pine);color:white}thead th{font-weight:500}footer{flex-wrap:wrap;font-size:26px}footer span,footer a{font-size:12px}footer a:first-of-type{margin-left:auto}
@media(max-width:700px){header{gap:10px;flex-wrap:wrap;padding:10px 5vw 0}.brand{font-size:26px}.brand span{font-size:12px}.book{margin-left:auto;padding:10px 13px}nav{order:3;justify-content:space-around;gap:0;width:100%;border-top:1px solid var(--rule)}nav a{padding:9px 12px}.hero{height:min(58svh,520px);min-height:340px}.hero-copy{left:6%}.hero:after{background:linear-gradient(90deg,#102c32a8,#102c3212)}.stats{padding:22px 5vw}.stats div{padding-left:9%;font-size:12px}.stats span{font-size:11px}.section{padding:48px 5vw}.overview,.plan{grid-template-columns:1fr;gap:15px}.overview img{max-height:370px}.plan{padding:20px}.plan img{height:220px}.plan h3{font-size:38px}.plan p{margin:4px 0}th,td{padding:10px 5px;font-size:13px}footer{gap:12px}footer a:first-of-type{margin-left:0}:root{scroll-padding-top:100px}}

.plan figure{text-align:center}
.plan button,footer button,.viewer-bar button{background:white;color:var(--pine);border:1px solid #aab9af;padding:10px 16px;border-radius:3px;font:600 14px "Malgun Gothic",sans-serif}
.plan button{margin-top:12px}
#plan-viewer{width:min(96vw,1000px);max-width:96vw;max-height:94dvh;border:0;padding:16px;color:var(--ink)}
#plan-viewer::backdrop{background:#122d28c9}
.viewer-bar{display:flex;justify-content:space-between;align-items:center;gap:12px}
.viewer-bar h2{font-size:18px}
.viewer-canvas{overflow:auto;max-height:75dvh;text-align:center;background:#f5f6f2}
.viewer-canvas img{display:block;width:auto;min-width:min(640px,90vw);max-width:none;margin:auto}