html{-webkit-text-size-adjust:100%}header{background:#f8fcfff2;border-bottom:1px solid #c9dfe8}header .brand{font-family:Batang,serif;color:#0d4864;font-size:23px}.wellness-mark{display:inline-block;flex:0 0 48px;width:48px;height:48px;background:#fff url('assets/wellness-mark-source.jpg') -85px -232px/218px auto no-repeat}.hero.hero-renewed{position:relative;display:block;min-height:680px;height:calc(100svh - 86px);max-height:1040px;background:#8dd1ef;isolation:isolate;color:#0b4562}.hero-renewed .hero-photo{position:absolute;inset:0;background:url('assets/geoje-wellness-pebble.png') center center/cover no-repeat;z-index:-2}.hero.hero-renewed:after{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#ffffff35,transparent 45%);pointer-events:none}.hero-renewed .hero-copy{position:relative;padding-top:52px;padding-bottom:0;width:100%;max-width:1400px}.hero-renewed h1{font-family:Batang,'Noto Serif KR',serif;font-size:clamp(31px,3.8vw,58px);line-height:1.65;font-weight:500;color:#0b4562;letter-spacing:-.04em;margin:0;text-shadow:0 1px 10px #ffffff70}.hero-renewed .hanja{font-size:.65em;letter-spacing:0}.hero-shortcuts{position:absolute;bottom:32px;left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100% - 40px);height:auto;display:flex;justify-content:center;flex-wrap:wrap;gap:8px;padding:10px 12px;background:#f6fcf5df;border:1px solid #ffffffb0;border-radius:12px;box-shadow:0 4px 24px #13465d20;backdrop-filter:blur(12px)}.hero-shortcuts a{font-size:13px;font-weight:600;color:#16495b;padding:6px 10px;border-radius:6px;white-space:nowrap}.hero-shortcuts a:hover{background:#d7e9e8}.hero-shortcuts span{font-size:11px;color:#51888a}.welcome-note{padding-top:46px;padding-bottom:42px;display:grid;grid-template-columns:1fr 1.4fr;gap:35px}.welcome-note p{font-size:17px;line-height:1.95}.future-grid{display:grid;grid-template-columns:minmax(200px,380px) 1fr;align-items:center;gap:65px}.future-grid img{display:block;width:100%;height:auto;box-shadow:0 12px 40px #163c3b20}.hero-renewed *{box-sizing:border-box;min-width:0}@media(max-width:800px){header nav.wrap{height:72px;padding:0 16px;gap:10px}header .brand{font-size:19px;gap:9px}header .links{top:72px}.wellness-mark{flex-basis:42px;width:42px;height:42px;background-size:191px auto;background-position:-74px -203px}.hero.hero-renewed{height:calc(100svh - 72px);min-height:610px;max-height:880px}.hero-renewed .hero-photo{background-position:53% center}.hero-renewed .hero-copy{padding:35px 22px 0}.hero-renewed h1{font-size:clamp(26px,6.1vw,40px);line-height:1.65}.hero-shortcuts{bottom:24px;max-width:calc(100% - 28px);width:calc(100% - 28px);gap:3px;padding:8px 7px}.hero-shortcuts a{font-size:12px;padding:7px 8px}.welcome-note,.future-grid{grid-template-columns:1fr;gap:20px}.welcome-note p{font-size:15px}.future-grid img{max-width:350px;margin:auto}.future-grid{gap:30px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Compact navigation and comfortable touch targets, 2026-10-23. */
.hero-shortcuts a{display:inline-flex;align-items:center;justify-content:center;min-height:44px}
.hero-shortcuts a:focus-visible{outline:2px solid #145c57;outline-offset:2px;background:#e2efeb}
@media(min-width:801px) and (max-width:1100px){header nav.wrap{padding-inline:24px;gap:16px}header .links{gap:12px;font-size:12px}header .brand{font-size:20px}}
@media(max-width:800px){.hero.hero-renewed{height:calc(100svh - 72px);min-height:520px;max-height:880px}.hero-shortcuts{gap:2px;padding:6px}.hero-shortcuts a{min-height:44px;padding:6px 8px}.hero-renewed .hero-copy{padding-top:28px}}
@media(max-width:380px){header .brand{font-size:17px}.hero-renewed h1{font-size:25px}.hero-shortcuts a{font-size:11px;padding-inline:7px}}
/* Approved ocean composition and enlarged edge-to-edge shortcuts. */
.hero.hero-renewed{height:auto;min-height:0;max-height:none;aspect-ratio:3/2}
.hero-renewed .hero-photo{background-image:url('assets/geoje-ocean-expanded.png');background-size:100% 100%;background-position:center}
.hero.hero-renewed:after{background:none}
.hero-renewed .hero-copy{padding:4% 5% 0;max-width:none}
.hero-renewed h1{font-size:clamp(30px,4.1vw,66px);line-height:1.5;font-weight:600;margin:0;letter-spacing:-.04em}
.hero-shortcuts{left:0;bottom:0;transform:none;width:100%;max-width:100%;min-height:92px;margin:0;display:grid;grid-template-columns:.8fr .8fr 1fr .8fr 1.45fr 1.5fr 1.35fr;gap:0;padding:12px 2%;background:#fffef5;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;z-index:2}
.hero-shortcuts a{font-size:clamp(17px,1.6vw,27px);font-weight:800;padding:10px 8px;line-height:1.35;gap:8px;min-height:62px;border-radius:0;border-right:1px solid #c8d6d7;white-space:nowrap}
.hero-shortcuts a:last-child{border-right:0}.hero-shortcuts span{font-size:1em;font-weight:800;color:#16495b}
@media(max-width:800px){.hero.hero-renewed{aspect-ratio:auto;height:auto;min-height:0;max-height:none;padding-top:66.6667%}.hero-renewed .hero-photo{bottom:auto;height:auto;aspect-ratio:3/2;width:100%;background-size:100% 100%}.hero-renewed .hero-copy{position:absolute;top:0;padding:5% 4% 0}.hero-renewed h1{font-size:clamp(19px,4.2vw,34px);line-height:1.5}.hero-shortcuts{position:relative;left:auto;bottom:auto;width:100%;max-width:100%;margin-top:-4%;grid-template-columns:repeat(2,minmax(0,1fr));padding:8px 12px;gap:0;min-height:0}.hero-shortcuts a{font-size:clamp(17px,3.8vw,23px);min-height:52px;padding:10px 3px;border-bottom:1px solid #dbe3df;white-space:normal}.hero-shortcuts a:nth-child(even){border-right:0}.hero-shortcuts a:last-child{grid-column:1/-1;border-bottom:0}.hero-shortcuts span{font-size:1em}.wellness-mark{background-color:#fff}}
@media(min-width:801px){.hero.hero-renewed{height:min(66.6667vw,calc(100svh - 86px));min-height:560px;aspect-ratio:auto}}

/* Increase the photograph by approximately 2 cm (76 CSS pixels). */
@media(min-width:801px){.hero.hero-renewed{height:min(calc(66.6667vw + 171px),calc(100svh + 85px));min-height:731px}.welcome-note{padding-top:12px;padding-bottom:12px}}
@media(max-width:800px){.hero.hero-renewed{padding-top:calc(66.6667% + 171px)}.hero-renewed .hero-photo{height:calc(66.6667vw + 171px);aspect-ratio:auto}.welcome-note{padding-top:12px;padding-bottom:12px}}
/* Sharper title and spacious closing copy; shortcut menu unchanged. */
.hero-renewed h1{font-size:clamp(32px,4.3vw,69px);font-weight:700;color:#073c56;text-shadow:0 1px 2px #ffffff55}
.footer{padding-top:42px;padding-bottom:70px}
.footer .brand,.footer .wrap>div>div,.review{font-family:'Noto Serif KR','Nanum Myeongjo','Batang',serif;font-weight:600}
.footer .wrap>div>div{font-size:19px;letter-spacing:.04em;color:#f0f5ed}
.footer p{font-size:14px;line-height:1.9;color:#d3e1d9}
.footer a{font-size:14px;color:#e7f0e9}
.review{font-size:15px;line-height:1.85;color:#163c4b;padding:16px 24px 36px}
@media(max-width:800px){.hero-renewed h1{font-size:clamp(20px,4.4vw,36px)}.footer{padding-top:34px;padding-bottom:58px}.review{font-size:14px;padding-bottom:32px}}

.hero-shortcuts a:last-child{background:#d7ebe9;color:#104e56;border-radius:8px}.hero-shortcuts a:last-child:hover{background:#c2dfdd}.hero-shortcuts a:nth-child(4){background:transparent;color:#16495b}

/* Keep the photograph above the hero fill on mobile browsers. */
.hero-renewed .hero-photo{z-index:0;background:none}.hero-renewed .hero-photo img{display:block;width:100%;height:100%;object-fit:fill}.hero.hero-renewed:after{display:none}.hero-renewed .hero-copy{z-index:1}
@media(max-width:800px){.hero-shortcuts{padding-top:4px;padding-bottom:20px}.hero-shortcuts a{min-height:46px;padding-top:7px;padding-bottom:7px}.hero-shortcuts a:last-child{min-height:48px;margin-top:0}}