:root{--navy:#071b31;--navy2:#102c4d;--gold:#d6b47b;--cream:#f7f0e3;--ink:#12223a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#e8e7e4;font-family:system-ui,-apple-system,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;color:white}.shell{width:min(100%,520px);margin:auto;background:var(--navy);min-height:100vh;box-shadow:0 18px 65px #0014}.hero{min-height:410px;padding:32px 25px 80px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 78% 56%,#b78a5c55,transparent 44%),linear-gradient(160deg,#07182d 0%,#173657 60%,#6c635e 100%)}.hero:after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#071b31);pointer-events:none}.brand,.hero-copy{position:relative;z-index:2}.brand{display:flex;align-items:center;gap:16px}.mark{font:700 14px/1 Georgia,serif;letter-spacing:3px;color:#e9c98e;border-right:1px solid #cba86d;padding-right:15px}.mark strong{display:block;font-size:68px;line-height:.83;letter-spacing:0}.brandname span{font-size:18px;display:block}.brandname strong{font-family:Georgia,'Noto Serif KR',serif;font-size:35px;color:#f2d6a4;display:block;letter-spacing:2px}.brandname small{font-size:8px;letter-spacing:2px;display:block;margin-top:7px}.hero-copy{margin-top:70px;text-shadow:0 2px 12px #0008}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#ead5ac}.hero h1{font-family:Georgia,'Noto Serif KR',serif;font-size:29px;line-height:1.48;font-weight:500;margin:15px 0}.hero h1 em{font-style:normal;color:#f1d5a1}.hero-copy>p:last-child{font-size:14px;line-height:1.8;color:#f2f0e9}.skyline{position:absolute;inset:0;pointer-events:none}.skyline i{position:absolute;bottom:20px;width:15%;background:repeating-linear-gradient(90deg,transparent 0 10px,#f5d7a955 11px 12px,transparent 13px 19px),linear-gradient(#203a54,#14283f);border:1px solid #d9bd9040;box-shadow:8px 0 20px #0003}.skyline i:nth-child(1){height:33%;left:0}.skyline i:nth-child(2){height:49%;left:15%;width:12%}.skyline i:nth-child(3){height:27%;left:33%;width:11%}.skyline i:nth-child(4){height:62%;left:60%;width:15%}.skyline i:nth-child(5){height:76%;left:76%;width:14%}.skyline i:nth-child(6){height:54%;left:92%}.skyline i:nth-child(7){height:24%;left:46%;width:9%}.content{position:relative;padding:0 15px 22px;margin-top:-65px;z-index:3}.booking{background:linear-gradient(135deg,#fffdf7,#f2ddb8);color:var(--ink);border:1px solid #fff;border-radius:23px;padding:22px 19px 16px;box-shadow:0 12px 28px #0004}.booking-top{display:flex;gap:16px;align-items:center}.icon{flex:none;width:57px;height:57px;display:grid;place-items:center;border:1px solid #fff;background:#fff9ed;border-radius:50%;font-size:32px;color:#987342}.dark{color:#987342}.booking h2{font-size:22px;line-height:1.35;margin:7px 0}.booking p{font-size:12px;margin:0;color:#48505a}.cta{border:0;border-radius:999px;display:flex;align-items:center;justify-content:space-between;gap:8px;text-decoration:none;font-weight:750;cursor:pointer;min-height:49px;padding:0 19px;font-size:15px;width:100%;font-family:inherit}.primary{margin-top:20px;color:white;background:linear-gradient(110deg,#173a60,#06182d);box-shadow:0 4px 10px #0015}.cta span{font-size:21px}.booking .pending{text-align:center;margin-top:10px;color:#796a53;font-size:11px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.contact{min-width:0;padding:18px 12px 14px;border:1px solid #ffffff6b;border-radius:20px;background:linear-gradient(135deg,#355a80a6,#0b2343);display:flex;flex-direction:column;min-height:224px}.contact.kakao{background:linear-gradient(135deg,#80634aa6,#332d33)}.contact-symbol{font-size:25px;display:grid;place-items:center;width:48px;height:48px;background:#08294b;border-radius:50%;margin-bottom:12px}.kakao-symbol{background:#ffdc27;color:#201b0a;font-size:12px;font-weight:900}.contact .eyebrow{font-size:9px;letter-spacing:1px;color:#e6d9c5}.contact h3{font-size:17px;margin:10px 0 6px;white-space:nowrap;letter-spacing:-.8px}.contact p{font-size:11px;color:#e6e5e2;margin:0 0 14px;flex:1}.phone-cta{color:#fff;border:1px solid #fff;background:#092644;font-size:12px;padding:0 12px}.kakao-cta{color:#241b04;background:#ffdc2d;font-size:11px;padding:0 11px}.features{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #ffffff24;border-radius:18px;margin:15px 0;padding:16px 3px;text-align:center;color:#e6c58d}.features>div{font-size:24px;border-right:1px solid #ffffff2b}.features>div:last-child{border:0}.features small{display:block;font-size:10px;color:#f2f2f2;line-height:1.5;margin-top:6px}.office{background:var(--cream);border-radius:19px;padding:21px 17px;color:var(--ink)}.section-head h2{font-size:23px;letter-spacing:-1px;margin:7px 0}.section-head p:last-child{font-size:12px;color:#655e55;margin-bottom:17px}.office-photo{width:100%;max-height:250px;object-fit:cover;object-position:center 55%;border-radius:12px;border:1px solid #cbb995}.details{margin:19px 0}.details>div{display:grid;grid-template-columns:112px 1fr;gap:9px;border-bottom:1px solid #d9cdb9;padding:10px 0;font-size:12px;line-height:1.65}.details dt{font-weight:800}.details dd{margin:0;overflow-wrap:anywhere}.details a{color:inherit}.map{background:linear-gradient(110deg,#aa854e,#74522c);color:white;font-size:14px}footer{text-align:center;padding:28px 10px 7px}footer strong{color:#d8b47c;font-family:Georgia,serif;font-size:22px}footer strong span{font-family:inherit;font-size:14px;color:white;margin-left:7px}footer p{font-size:12px;color:#ddd}footer small{font-size:10px;color:#aeb8c4;line-height:1.6;display:block;margin-top:18px}.toast{position:fixed;left:50%;bottom:25px;transform:translateX(-50%) translateY(100px);background:#f7eddb;color:#17243a;padding:14px 19px;border-radius:12px;box-shadow:0 8px 30px #0006;z-index:10;max-width:90vw;text-align:center;font-size:13px;transition:transform .25s}.toast.show{transform:translateX(-50%) translateY(0)}@media(max-width:355px){.brandname strong{font-size:30px}.contact{padding:14px 9px}.contact h3{font-size:15px}.contact .cta{font-size:10px}.details>div{grid-template-columns:95px 1fr}.booking h2{font-size:19px}}@media(min-width:700px){body{padding:35px 0}.shell{border-radius:28px;overflow:hidden}}
