@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700&family=Noto+Serif+KR:wght@400;500;600&display=swap');
:root{--navy:#0b1f33;--ivory:#f5f3ee;--muted:#637079;--line:#d9d9d2}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--ivory);color:var(--navy);font-family:'Noto Sans KR',sans-serif;word-break:keep-all}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #9e8052;outline-offset:5px}header{padding:26px 5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px}.brand svg{width:54px;fill:var(--navy)}.brand span{font-size:23px;font-weight:700;letter-spacing:1px}.brand small{display:block;font-size:10px;text-align:center;letter-spacing:3px;font-weight:400;margin-top:4px}nav{display:flex;gap:32px;font-size:13px}nav a:hover{opacity:.6}nav span{padding-left:14px}.hero{display:grid;grid-template-columns:1.06fr 1fr;min-height:740px}.hero-copy{padding:90px 9% 28px;display:flex;flex-direction:column}.eyebrow,.section-label{font-size:12px;letter-spacing:2px}.eyebrow:before{content:'';display:inline-block;width:24px;height:1px;background:var(--navy);vertical-align:middle;margin-right:12px}h1{font-family:'Noto Serif KR',serif;font-size:clamp(44px,4.8vw,78px);font-weight:400;line-height:1.5;letter-spacing:-4px;margin:45px 0 25px}h1 em{font-style:normal}p{line-height:1.9}.hero-copy>p{font-size:17px;color:var(--muted)}.text-link{font-size:13px;display:flex;justify-content:space-between;width:190px;border-bottom:1px solid var(--navy);padding:17px 0;margin-top:28px}.hero-foot{display:flex;justify-content:space-between;gap:16px;margin-top:auto;padding-top:50px;font-size:10px;color:var(--muted)}figure{margin:0}.hero-image{position:relative;overflow:hidden}.hero-image img{width:100%;height:100%;position:absolute;object-fit:cover}.hero-image figcaption{position:absolute;bottom:27px;left:30px;color:white;font-size:11px;letter-spacing:2px;text-shadow:0 1px 6px #000}.section{padding:115px 7%}.story{display:grid;grid-template-columns:1fr 2.3fr;gap:35px}.section-label{margin-bottom:32px}h2{font-family:'Noto Serif KR',serif;font-size:clamp(30px,3.2vw,46px);font-weight:400;line-height:1.65;letter-spacing:-2px;margin:0 0 36px}.story-text{font-size:16px;color:var(--muted)}.story-text p{margin:0 0 24px}.statement{background:var(--navy);color:var(--ivory);text-align:center;padding:90px 20px}.statement span{font-size:11px;letter-spacing:3px;opacity:.7}.statement p{font-family:'Noto Serif KR',serif;font-size:clamp(35px,5vw,65px);margin:30px 0 20px;letter-spacing:-2px}.statement div{font-size:14px;opacity:.8}.section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:40px}.section-head h2{margin-bottom:0}.section-head>p{font-size:14px;color:var(--muted);padding-bottom:5px}.photo-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:55px}.photo-grid img{width:100%;display:block;object-fit:cover;aspect-ratio:1}.photo-grid .detail{padding-top:110px}.detail img{aspect-ratio:1.4}.photo-grid figcaption{display:flex;justify-content:space-between;gap:10px;font-size:11px;padding:18px 0;border-bottom:1px solid var(--line)}.photo-grid figcaption span:last-child{color:var(--muted)}.species{text-align:center;padding-top:85px}.species>span{font-size:11px;color:var(--muted);letter-spacing:2px}.species p{font-family:'Noto Serif KR',serif;font-size:30px;letter-spacing:3px;margin:20px 0}.species i{font-style:normal;color:#a99983;padding:0 20px}.species small{font-size:12px;color:var(--muted)}.visit{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;border-top:1px solid var(--line);background:#eeece6}.visit p{color:var(--muted);font-size:15px}.visit-info dl{margin:0}.visit-info dl>div{display:grid;grid-template-columns:110px 1fr;padding:24px 0;border-bottom:1px solid #cccfc9}.visit-info dt{font-size:12px;color:var(--muted)}.visit-info dd{margin:0;font-size:17px;line-height:1.8}.visit-info small{font-size:12px;color:var(--muted)}.button{background:var(--navy);color:white;padding:20px 25px;display:flex;justify-content:space-between;font-size:13px;margin-top:30px}.button:hover{background:#1b344b}footer{padding:40px 7%;display:flex;align-items:center;justify-content:space-between;gap:25px}footer strong{font-size:23px}footer span{font-size:11px;margin-left:18px}footer p,footer>a{font-size:11px;color:var(--muted)}@media(min-width:1600px){body{max-width:1800px;margin:auto}}@media(max-width:760px){header{padding:20px 6%}.brand svg{width:38px}.brand span{font-size:19px}.brand small{font-size:8px}nav{gap:0}nav a{display:none}nav a:last-child{display:block;font-size:11px}.hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:48px 7% 25px}h1{font-size:44px;letter-spacing:-2px;margin:30px 0 16px}.hero-copy>p{font-size:15px}.hero-foot{padding-top:35px}.hero-image{height:510px}.hero-image img{object-position:center 48%}.section{padding:65px 7%}.story{grid-template-columns:1fr;gap:0}.section-label{font-size:10px;margin-bottom:24px}h2{font-size:29px;letter-spacing:-1px}.story-text{font-size:14px}.desktop{display:none}.statement{padding:65px 20px}.section-head{display:block}.section-head>p{margin-top:25px}.photo-grid{grid-template-columns:1fr;gap:30px}.photo-grid .detail{padding-top:0}.species{padding-top:55px}.species p{font-size:24px;letter-spacing:0}.species i{padding:0 9px}.species small{font-size:10px}.visit{grid-template-columns:1fr;gap:15px}.visit-info dd{font-size:15px}.visit-info dl>div{grid-template-columns:95px 1fr}footer{flex-wrap:wrap;padding:30px 7%}footer p{width:100%;order:3;margin:0}footer>a{margin-left:auto}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.inquiry{background:var(--navy);color:var(--ivory)}.inquiry p{opacity:.8;font-size:15px}.inquiry .text-link{border-color:var(--ivory);width:270px}.inquiry h2{margin-bottom:25px}