@font-face{font-family:Pretendard;src:url('fonts/PretendardVariable.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:'Gowun Batang';src:url('fonts/GowunBatang-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
:root{--serif:'Gowun Batang',Georgia,serif;--cream:#f7f6f2;--ink:#27332f;--wine:#334f49;--muted:#75817c;--line:#dde3dd}
body{font-family:Pretendard,'Malgun Gothic',sans-serif;font-size:15px;letter-spacing:-.2px;-webkit-font-smoothing:antialiased;transition:background-color .35s}
body[data-element=wood]{--wine:#2e5e49;--cream:#f3f7f0;--line:#d9e4d6}
body[data-element=fire]{--wine:#9b493d;--cream:#fcf4ee;--line:#ead8cf}
body[data-element=earth]{--wine:#8c683d;--cream:#f8f3e9;--line:#e7dcc8}
body[data-element=metal]{--wine:#5d6278;--cream:#f3f4f8;--line:#dcdfea}
body[data-element=water]{--wine:#315d76;--cream:#f0f5f8;--line:#d8e5ed}
.brand{font-family:'Gowun Batang',serif;font-size:29px;letter-spacing:-1px}.brand-sub{font-family:Pretendard,sans-serif;font-weight:600;letter-spacing:2px;font-size:10px}.seal{background:#314c46}.hero{background-image:linear-gradient(90deg,rgba(9,31,39,.86),rgba(11,29,37,.38) 55%,rgba(14,33,39,.12)),url('assets/water.webp');background-size:cover;background-position:center;min-height:520px;border-radius:14px;padding:66px}.hero h1{font-family:'Gowun Batang',serif;font-size:51px;line-height:1.5;letter-spacing:-2px}.hero .eyebrow{color:#d2e3d9;font-size:11px;letter-spacing:2px}.hero .intro{font-size:15px;line-height:1.9;color:#e0ebe8}.hero-bottom{font-size:12px;color:#d2dfdc}.hero-index{font-size:11px;color:#d2dfdc}.dot{color:#b9d9c7}.cosmos{opacity:.48}.moon{display:none}.orbit{border-color:#d9e8e063}.axis{background:#e2e9dc55}.astro{background:transparent;color:#fff4d9;font-size:24px}.cosmos-caption{color:#e3e5d6}.eyebrow{font-family:Pretendard,sans-serif;font-size:10px}.burgundy{color:var(--wine)}
.element-gallery{max-width:1100px;margin:64px auto 0}.gallery-intro{text-align:center}.gallery-intro h2{font-size:30px;margin:12px 0 6px;letter-spacing:-1px}.gallery-intro p{font-size:13px;color:var(--muted);margin:0 0 27px}.element-tiles{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}.element-tiles figure{position:relative;margin:0;border-radius:10px;overflow:hidden;height:180px;background:#233a36}.element-tiles img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.element-tiles figure:hover img{transform:scale(1.05)}.element-tiles figcaption{position:absolute;inset:0;padding:20px;color:white;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(transparent 20%,#091b237d)}.element-tiles figcaption>span{font:32px 'Gowun Batang',serif;position:absolute;top:14px;right:18px;color:#ffffffc9}.element-tiles strong{font-weight:500;font-size:17px}.element-tiles small{font-size:9px;letter-spacing:2px;margin-top:3px;color:#ffffffc7}.workspace{margin-top:68px;gap:72px}.workspace aside h2{font-size:32px}.workspace aside>p{font-size:14px}.privacy-card strong{font-size:14px}.privacy-card p{font-size:13px}.privacy-card button{font-size:12px}.side-note span{font-size:12px}.side-note{font-size:9px}.form-card{padding:30px 32px 24px;border-radius:14px;background:#fffefa;box-shadow:0 12px 40px #20392e08}.card-heading{font-size:17px}.step{font-size:11px}legend{font-size:14px}legend span{font-size:11px}select{font-size:14px;height:48px;border-radius:7px}.calendar-label{font-size:13px}.calendar-label>span{font-size:11px}.check{font-size:13px}.field-help{font-size:12px}.region{font-size:13px;padding:12px;border-radius:7px;background:#eef2ed}.input-notice{font-size:12px}.input-notice button{font-size:12px}.primary{font-size:15px;font-weight:600;padding:17px 20px;border-radius:8px}.primary:hover{background:#263f39}.form-foot{font-size:11px}.text-button{font-family:Pretendard,sans-serif}#form-error{font-size:13px}.about h3{font-size:21px}.about p{font-size:13px}.about article>span{font-size:14px}footer p{font-size:12px}footer button{font-size:12px!important}nav{font-size:14px}nav button{font-size:13px!important}
.result{padding:0 35px 30px;border-radius:15px;overflow:hidden;background:#fffefa;box-shadow:0 20px 65px #20392e08}.landscape{position:relative;margin:0 -35px 30px;min-height:300px;background:#1f363b;isolation:isolate}.landscape-images{position:absolute;inset:0;display:flex;z-index:-2}.landscape-images img{flex:1;min-width:0;width:0;object-fit:cover;object-position:center}.landscape:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#091d25d9,#0b1d2560 80%);z-index:-1}.landscape-copy{padding:55px 40px;color:#fff9ee;max-width:690px}.landscape-copy .eyebrow{color:#e2e3d4}.landscape-copy h2{font-family:'Gowun Batang',serif;font-size:35px;line-height:1.5;margin:20px 0 12px}.landscape-copy p{font-size:14px;line-height:1.8;color:#f2f0e6dd}.landscape-note{font-size:11px;color:#ebeee4b8}.result-top h2{font-size:30px}#result-meta{font-size:13px}.secondary{font-size:12px;padding:10px 14px;border-radius:7px}.panel-title{font-size:15px}.pillar .label{font-size:12px}.pillar .han{font-family:'Gowun Batang',serif;font-size:34px}.pillar .ko{font-size:12px}.caption{font-size:12px;color:#7d8076}.element-row{font-size:13px}.track{height:10px}.interpretation h3{font:24px/1.6 'Gowun Batang',serif}.interpretation p{font-size:14px;line-height:1.9}.interpretation .tag{font-size:11px}.result-disclaimer{font-size:12px;line-height:1.9}details{font-size:12px}dialog p{font-size:14px}dialog h3{font-size:15px}.policy-date{font-size:12px}dialog{border-radius:14px}h2,h3{word-break:keep-all}p{word-break:keep-all;overflow-wrap:anywhere}
@media(max-width:1100px){.hero{padding:45px;min-height:470px}.hero h1{font-size:43px}.element-gallery{margin:45px 40px 0}.workspace{gap:40px}.element-tiles{gap:10px}.element-tiles figure{height:160px}}
@media(max-width:760px){header .brand{font-size:26px}.hero{padding:36px 26px;min-height:530px;grid-template-columns:1fr;background-position:65% center}.hero h1{font-size:37px;letter-spacing:-1.7px}.hero .intro{font-size:14px}.hero .eyebrow{font-size:9px}.hero-bottom{font-size:11px;align-items:flex-start;max-width:240px}.cosmos{position:absolute;bottom:5px;right:-35px;transform:scale(.62);transform-origin:bottom right;opacity:.3}.hero-index{font-size:9px}.element-gallery{margin:38px 24px 0}.gallery-intro{text-align:left}.gallery-intro h2{font-size:24px}.gallery-intro p{font-size:12px}.element-tiles{gap:8px;grid-template-columns:repeat(5, minmax(0,1fr))}.element-tiles figure{height:132px;border-radius:7px}.element-tiles figcaption{padding:10px 6px;align-items:center}.element-tiles figcaption>span{position:static;font-size:24px;margin-bottom:12px}.element-tiles strong{font-size:14px}.element-tiles small{display:none}.workspace{margin-top:40px;gap:26px}.workspace aside h2{font-size:29px}.form-card{padding:24px 22px}.result{padding:0 20px 25px}.landscape{margin:0 -20px 25px;min-height:290px}.landscape-copy{padding:35px 24px}.landscape-copy h2{font-size:29px}.landscape-copy p{font-size:13px}.landscape-note{font-size:10px}.result-top h2{font-size:27px}.result-layout{gap:24px}.pillar .han{font-size:31px}.caption{font-size:11px}.interpretation h3{font-size:23px}.about h2{font-size:26px}.about h3{font-size:20px}nav{font-size:12px}.result-actions{gap:7px}.secondary{font-size:11px}}
@media(prefers-reduced-motion:reduce){body,.element-tiles img{transition:none}}
@media print{.element-gallery{display:none}.landscape{min-height:150px;margin-bottom:15px}.landscape-copy{padding:20px 30px}.landscape-copy h2{font-size:24px;margin:10px 0}.landscape-copy p,.landscape-note{font-size:10px}.result{box-shadow:none;padding:0 20px}.landscape{margin-left:-20px;margin-right:-20px}.result-disclaimer{font-size:10px}}