:root{--navy:#102443;--ink:#142137;--gold:#f4ce67;--cream:#f6f3ed;--line:#d8dce3}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:system-ui,-apple-system,'Noto Sans KR',sans-serif;font-size:16px;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.skip{position:absolute;left:-999px}.skip:focus{left:10px;top:10px;z-index:100;background:white}.head{height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 max(20px,calc((100vw - 1180px)/2));background:#fff;position:relative;z-index:4}.brand{font-size:15px;letter-spacing:-.06em}.brand strong{font-size:19px}.headcall{font-weight:800;color:#073269}.hero{min-height:690px;position:relative;color:#fff;display:flex;align-items:center}.photo{position:absolute;inset:0;background:url('../images/main-living.webp') center/cover}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,20,42,.93),rgba(6,20,42,.62) 52%,rgba(6,20,42,.1))}.hero-inner{position:relative;width:min(1180px,100%);margin:auto;padding:76px 24px 96px}.eyebrow,.kicker{text-transform:uppercase;letter-spacing:.13em;font-size:12px;font-weight:800;color:var(--gold)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(44px,6vw,82px);line-height:1.13;letter-spacing:-.07em;margin:20px 0}h1 em{font-style:normal;color:var(--gold)}.hero-sub{font-size:clamp(19px,2.5vw,29px);font-weight:650;line-height:1.45}.hero-points{display:flex;gap:10px;flex-wrap:wrap;margin:26px 0}.hero-points span{border:1px solid #ffffff80;background:#ffffff16;border-radius:30px;padding:8px 16px}.hero-actions,.last-actions{display:flex;gap:10px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:56px;padding:14px 25px;border-radius:8px;border:0;font-weight:850;cursor:pointer;text-align:center}.btn small{font-size:14px}.gold{background:var(--gold);color:#17233c}.light{background:#fff;color:#122447}.outline{border:1px solid var(--navy);color:var(--navy)}.scroll{display:inline-block;margin-top:45px;color:#eee}.section{padding:94px max(24px,calc((100vw - 1180px)/2))}.section h2{font-size:clamp(31px,4vw,52px);line-height:1.22;letter-spacing:-.055em}.compact{background:var(--cream)}.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:36px}.choice-grid article{background:white;padding:30px;border-radius:14px;border:1px solid #e5e3df;display:flex;flex-direction:column}.choice-grid article>span{font-size:13px;color:#9c7230;font-weight:800}.choice-grid h3{font-size:25px;margin:12px 0}.choice-grid p{flex:1}.choice-grid a,.text-call{color:#0b3b77;font-weight:850;text-decoration:underline;text-underline-offset:5px}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:center}.gallery>div{grid-row:span 2;padding-right:30px}.gallery img{width:100%;height:290px;object-fit:cover;border-radius:12px}.facts{background:#102443;color:white}.fact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:34px 0}.fact-grid div{border-top:2px solid var(--gold);padding-top:20px}.fact-grid b,.fact-grid span{display:block}.fact-grid span{color:#bac8da;margin-top:10px}.muted{color:#c5d2e2}.facts .outline{color:#fff;border-color:#c2d2e5}.reserve{display:grid;grid-template-columns:1fr 1fr;gap:60px;background:#f7f8fa}.reserve form{background:#fff;padding:30px;border-radius:16px;box-shadow:0 12px 40px #10244312}.reserve label:not(.check){display:block;font-weight:700;margin-bottom:14px}.reserve input:not([type=checkbox]),.reserve select{width:100%;height:51px;border:1px solid #bfc8d2;border-radius:8px;margin-top:6px;padding:10px;background:white;color:#18263c}.check{display:flex;align-items:flex-start;gap:10px;font-size:14px;margin:20px 0}.check input{width:18px;height:18px;flex:none}.check button{border:0;background:transparent;text-decoration:underline;color:#123c7c;cursor:pointer}.submit{width:100%}.status{font-weight:700;margin:12px 0}.status.error{color:#a82222}.status.success{color:#14643a}form small{display:block;margin-top:12px;color:#596779}.last{text-align:center;background:#e8edf4}.last-actions{justify-content:center}footer{background:#0b1930;color:#cbd4e0;padding:55px max(24px,calc((100vw - 1180px)/2)) 110px;font-size:13px}footer strong{color:white;font-size:18px}footer a{text-decoration:underline}.sticky{position:fixed;bottom:0;left:0;right:0;z-index:9;display:flex;justify-content:center;background:#102443;box-shadow:0 -4px 18px #0003;padding:8px max(8px,env(safe-area-inset-left)) calc(8px + env(safe-area-inset-bottom))}.sticky a{flex:1;max-width:330px;min-height:54px;display:grid;place-items:center;color:white;font-weight:850;border-right:1px solid #ffffff4d;text-align:center}.sticky a:first-child{background:var(--gold);color:#11213c;border-radius:6px 0 0 6px}.sticky a:last-child{border:0}dialog{border:0;border-radius:12px;max-width:500px;padding:28px;box-shadow:0 20px 80px #0005}dialog::backdrop{background:#0009}dialog button{padding:9px 20px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #e9a400;outline-offset:2px}@media(max-width:750px){.head{height:60px;padding:0 16px}.brand{font-size:12px}.brand strong{font-size:15px}.headcall{font-size:14px}.hero{min-height:720px;align-items:flex-end}.photo{background-position:57% center}.shade{background:linear-gradient(0deg,rgba(6,20,42,.96) 5%,rgba(6,20,42,.66) 68%,rgba(6,20,42,.16))}.hero-inner{padding:70px 22px 85px}.hero-sub{font-size:21px}.hero-actions .btn{flex:1;min-width:150px;padding:12px}.section{padding:72px 22px}.choice-grid,.gallery,.reserve,.fact-grid{grid-template-columns:1fr}.choice-grid{gap:10px}.gallery>div{grid-row:auto;padding:0}.gallery img{height:260px}.fact-grid{gap:25px}.reserve{gap:24px}.reserve form{padding:20px}.sticky a{font-size:14px;line-height:1.15}footer{padding:42px 22px 105px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.quick{background:#fff}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:30px}.quick details{border:1px solid var(--line);border-radius:12px;padding:18px 20px;background:#fafbfc}.quick summary{font-weight:850;cursor:pointer;list-style:none;position:relative;padding-right:28px}.quick summary::-webkit-details-marker{display:none}.quick summary:after{content:'+';position:absolute;right:0;font-size:24px;top:-7px;color:#9c7230}.quick details[open] summary:after{content:'−'}.quick details p{margin:18px 0 8px}.quick details a{font-weight:800;color:#0b3b77;text-decoration:underline;text-underline-offset:4px}.quick-help{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;margin-top:16px;border-radius:12px;background:#102443;color:#fff}.quick-help a{color:#102443;background:var(--gold);padding:10px 16px;border-radius:6px;font-weight:850}@media(max-width:750px){.quick-grid{grid-template-columns:1fr}.quick-help{align-items:stretch;flex-direction:column}.quick-help a{text-align:center}}
/* 전화 CTA: 빨간색과 큰 번호 */
.btn.tracked-call,.sticky a.tracked-call,.headcall{background:#d51222;color:#fff}.btn.tracked-call{font-size:20px;box-shadow:0 7px 19px #9e111b52}.btn.tracked-call small{font-size:19px;font-weight:900}.headcall{border-radius:30px;padding:7px 15px;letter-spacing:.01em}.sticky a.tracked-call{border-radius:6px 0 0 6px;font-size:18px}.floating-call{position:fixed;z-index:12;right:18px;bottom:83px;width:116px;height:116px;border-radius:50%;background:#d51222;color:#fff;border:5px solid #fff;box-shadow:0 9px 28px #750b17a8;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.15;text-align:center;animation:call-hover 2.4s ease-in-out infinite}.floating-call .phone-icon{width:48px;height:48px;filter:drop-shadow(0 2px 1px #7a0a12);animation:call-ring 1.5s ease-in-out infinite;transform-origin:50% 68%}.floating-call span{font-size:14px;font-weight:850}.floating-call strong{display:block;font-size:17px;letter-spacing:-.035em;white-space:nowrap}.floating-call:before{content:'';position:absolute;inset:-10px;border:2px solid #db1429a8;border-radius:50%;animation:call-pulse 2s infinite;pointer-events:none}@keyframes call-hover{0%,100%{transform:translateX(-8px) translateY(0)}50%{transform:translateX(8px) translateY(-7px)}}@keyframes call-ring{0%,70%,100%{transform:rotate(0)}10%,30%,50%{transform:rotate(-16deg)}20%,40%,60%{transform:rotate(16deg)}}@keyframes call-pulse{0%{transform:scale(.9);opacity:.9}100%{transform:scale(1.25);opacity:0}}
.gift-popup{width:min(810px,calc(100vw - 24px));max-width:none;max-height:calc(100dvh - 30px);padding:0;border:0;border-radius:15px;overflow:auto;background:#21005b;color:#fff;box-shadow:0 25px 80px #0009}.gift-popup::backdrop{background:#0009}.gift-x{position:absolute;right:10px;top:10px;z-index:2;width:42px;height:42px;border:0;border-radius:50%;background:#fff;color:#222;font-size:30px;line-height:1;cursor:pointer}.gift-art{display:flex;align-items:flex-end;justify-content:center;min-height:390px;overflow:hidden;background:radial-gradient(circle at 75% 45%,#6730c8,#23005b 70%)}.gift-banner{width:54%;height:auto;display:block;align-self:center}.gift-person{width:45%;height:380px;object-fit:contain;object-position:bottom;display:block}.gift-bottom{background:#fff;color:#263047;padding:13px 20px 17px}.gift-bottom p{margin:0 0 10px;text-align:center;font-size:13px}.gift-bottom>div{display:flex;gap:8px}.gift-bottom a{flex:1;min-height:56px;display:flex;align-items:center;justify-content:center;border-radius:7px;font-weight:900;text-align:center}.popup-call{background:#d51222;color:white;gap:8px}.popup-call strong{font-size:23px;white-space:nowrap}.popup-reserve{background:#f4ce67;color:#19223a}.gift-bottom label{display:block;margin-top:9px;font-size:12px;text-align:right;cursor:pointer}.gift-bottom input{vertical-align:middle}@media(max-width:750px){.floating-call{width:92px;height:92px;right:11px;bottom:82px;border-width:4px}.floating-call .phone-icon{width:39px;height:39px}.floating-call span{font-size:11px}.floating-call strong{font-size:14px}.gift-art{min-height:0}.gift-banner{width:59%}.gift-person{width:40%;height: min(58vw,310px)}.gift-bottom{padding:11px}.gift-bottom p{font-size:12px}.gift-bottom a{font-size:14px;min-height:53px}.popup-call{flex-direction:column;gap:0;line-height:1.15}.popup-call strong{font-size:20px}.headcall{font-size:13px;padding:7px 10px}.btn.tracked-call{font-size:17px}.btn.tracked-call small{font-size:16px}}@media(prefers-reduced-motion:reduce){.floating-call,.floating-call:before,.floating-call .phone-icon{animation:none}}
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none}.hero .shade{z-index:1}.hero .hero-inner{z-index:2}@media(max-width:750px){.hero-video{object-position:54% center}}@media(prefers-reduced-motion:reduce){.hero-video{display:none}}
/* 남색 이벤트 팝업과 큼직한 상담 버튼 */
.gift-popup{background:#102443}.gift-art{background:#102443;align-items:stretch}.gift-banner{width:54%;object-fit:contain}.gift-person-area{position:relative;width:46%;display:flex;align-items:flex-end;justify-content:center;min-height:390px;overflow:hidden}.gift-person-area .gift-person{width:100%;height:360px;object-fit:contain;object-position:bottom}.gift-number{position:absolute;z-index:1;top:34px;left:4%;right:4%;text-align:center;color:#fff;font-size:20px;font-weight:900;line-height:1.2;text-shadow:0 3px 8px #0009}.gift-number strong{display:block;color:#ffe151;font-size:clamp(28px,3.4vw,43px);letter-spacing:-.045em;white-space:nowrap}.gift-bottom>div{gap:10px}.gift-bottom a{min-height:68px;font-size:21px}.gift-bottom .popup-call strong{font-size:clamp(26px,3vw,34px)}.gift-bottom .popup-reserve{background:#ffe05d;font-size:clamp(23px,3vw,32px);color:#19223a}.sms-home{position:fixed;z-index:9;left:50%;bottom:68px;transform:translateX(-50%);width:min(760px,calc(100% - 14px));height:54px;display:flex;border-radius:13px;overflow:hidden;box-shadow:0 5px 18px #0004}.sms-home a{display:grid;place-items:center;font-weight:900}.sms-home a:first-child{flex:1;background:#75001e;color:#fff}.sms-home a:last-child{width:105px;background:#fff7ee;color:#75001e}.floating-call{bottom:138px}footer{padding-bottom:160px}@media(max-width:750px){.gift-art{min-height:0}.gift-banner{width:55%}.gift-person-area{width:45%;min-height:0}.gift-person-area .gift-person{height:min(60vw,305px);width:100%}.gift-number{top:10px;font-size:12px}.gift-number strong{font-size:clamp(16px,4.5vw,25px)}.gift-bottom a{min-height:62px;font-size:15px}.gift-bottom .popup-call strong{font-size:21px}.gift-bottom .popup-reserve{font-size:21px}.sms-home{bottom:66px;height:50px}.sms-home a:last-child{width:78px}.floating-call{bottom:128px}.sticky a{font-size:15px}footer{padding-bottom:165px}}
/* 팝업 우측 제목을 좌측 예약방문과 같은 노랑·굵기로 */
.gift-number{top:30px;color:#ffe600;font-size:clamp(30px,3.7vw,45px);font-weight:950;letter-spacing:-.065em;line-height:1.08;text-shadow:0 5px 4px #000b}.gift-number strong{color:#ffe600;font-size:clamp(42px,4.6vw,58px);font-weight:950;letter-spacing:-.055em;margin-top:6px}.gift-x{width:58px;height:58px;right:8px;top:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;background:#fff;color:#142443;border:3px solid #ffe600;border-radius:50%;box-shadow:0 3px 12px #0006;font-size:inherit;line-height:1}.gift-x span{font-size:11px;font-weight:900}.gift-x b{font-size:28px;font-weight:500;line-height:.85}@media(max-width:750px){.gift-number{top:27px;font-size:clamp(18px,5.3vw,29px)}.gift-number strong{font-size:clamp(22px,6.2vw,34px);margin-top:3px}.gift-x{width:46px;height:46px;right:5px;top:5px;border-width:2px}.gift-x span{font-size:9px}.gift-x b{font-size:22px}}
/* 전체 색상: 파랑 + 노랑 / 흰색 / 자주색 */
:root{--navy:#0b2f78;--ink:#112f6b;--gold:#ffe23b;--cream:#eaf2ff;--line:#aac5ef;--magenta:#a71370}
body{background:#fff;color:var(--ink)}.head{background:#0b2f78;color:#fff}.brand strong{color:#ffe23b}.headcall{border:2px solid #ffe23b}.hero .shade{background:linear-gradient(90deg,#061f5be8,#073b83b0 56%,#0635753d)}.hero-points span{border-color:#ffe23b;background:#062b70b8}.hero-points b{color:#ffe23b}.hero .light{background:#fff;color:#0b2f78}.hero .eyebrow,.kicker{color:#a71370}.hero .eyebrow{color:#ffe23b}.compact{background:#eaf2ff}.choice-grid article{border:2px solid #b9d0ef;border-top:5px solid #a71370;box-shadow:0 10px 24px #0b2f7812}.choice-grid article>span{color:#a71370}.choice-grid a,.text-call,.quick details a{color:#a71370}.choice-grid h3{color:#0b2f78}.quick{background:#0b2f78;color:#fff}.quick .kicker{color:#ffe23b}.quick details{background:#fff;color:#0b2f78;border-color:#6a9bdd}.quick summary:after{color:#a71370}.quick-help{background:#174a9d;border:1px solid #8ab5f4}.quick-help a{background:#ffe23b;color:#0b2f78}.gallery{background:#fff}.gallery img{border:4px solid #e1ecff}.facts{background:#073575}.facts .kicker{color:#ffe23b}.fact-grid div{border-top-color:#ffe23b}.facts .outline{background:#ffe23b;border-color:#ffe23b;color:#0b2f78}.reserve{background:#eaf2ff}.reserve .form-intro h2{color:#0b2f78}.reserve form{border:2px solid #a8c9ee}.reserve input:not([type=checkbox]):focus,.reserve select:focus{border-color:#a71370}.reserve .submit{background:#ffe23b;color:#0b2f78}.last{background:#0b2f78;color:#fff}.last .gold{background:#d51222;color:#fff}.last .light{background:#ffe23b;color:#0b2f78}footer{background:#061f55;color:#d8e7ff}.sticky{background:#073575}.sticky a:nth-child(2){background:#ffe23b;color:#0b2f78;border-radius:0 6px 6px 0}.sms-home a:first-child{background:#a71370}.sms-home a:last-child{color:#a71370}.floating-call{border-color:#ffe23b}.gift-popup,.gift-art{background:#0b2f78}.gift-bottom .popup-reserve{background:#ffe23b}.gift-number,.gift-number strong{color:#ffe23b}.gift-x{border-color:#ffe23b}
@media(max-width:750px){.hero .shade{background:linear-gradient(0deg,#061f5bf5 8%,#073b83b9 70%,#0635754d)}}

/* Four equal, fixed conversion actions. */
.sticky-four{left:0;right:0;bottom:0;width:100%;max-width:none;height:76px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-radius:0;z-index:20;box-shadow:0 -5px 22px #071c3d35}
.sticky-four a,.sticky-four a:first-child,.sticky-four a:nth-child(2),.sticky-four a:nth-child(3),.sticky-four a:last-child{min-width:0;min-height:76px;display:flex;align-items:center;justify-content:center;padding:5px 3px;border:0;border-right:1px solid #ffffff77;border-radius:0;text-align:center;font-size:clamp(13px,2.7vw,20px);font-weight:900;line-height:1.15;word-break:keep-all}
.sticky-four a:first-child,.sticky-four a:last-child{background:#82ddff;color:#c30822}
.sticky-four a:nth-child(2){background:#d51222;color:#fff}
.sticky-four a:nth-child(3){background:#ffe23b;color:#0b2f78}
.sticky-four a:last-child{border-right:0}
.floating-call{bottom:94px}.sms-home{display:none}footer{padding-bottom:110px}
.gift-x{width:auto;min-width:100px;height:49px;padding:0 12px;border:2px solid #ffe23b;border-radius:8px;display:flex;flex-direction:row;gap:7px;align-items:center;justify-content:center;font-size:23px;font-weight:900;white-space:nowrap}.gift-x span{display:inline;white-space:nowrap}.gift-x b{font-size:29px;line-height:1}
.gift-bottom p{font-size:17px;line-height:1.45;font-weight:700}.gift-bottom label{font-size:18px;font-weight:800;line-height:1.4}.gift-bottom input{width:20px;height:20px}.gift-bottom a{font-size:23px}.gift-number{font-size:24px}
@media(max-width:750px){.sticky-four{height:68px}.sticky-four a,.sticky-four a:first-child,.sticky-four a:nth-child(2),.sticky-four a:nth-child(3),.sticky-four a:last-child{min-height:68px;font-size:clamp(12px,3.35vw,17px)}.floating-call{bottom:83px}.gift-x{right:8px;top:8px;min-width:82px;height:42px;font-size:19px;padding:0 7px}.gift-x b{font-size:24px}.gift-number{font-size:clamp(15px,4vw,21px);top:55px}.gift-number strong{font-size:clamp(19px,5.2vw,29px)}.gift-bottom p{font-size:15px}.gift-bottom label{font-size:17px}.gift-bottom a{font-size:clamp(17px,4.2vw,21px)}.gift-bottom .popup-call strong{font-size:clamp(20px,5vw,25px)}footer{padding-bottom:100px}}

/* Keep supporting copy readable on phones. */
@media(max-width:750px){.section p,.section li,.quick details p,.reserve form label{font-size:17px;line-height:1.65}.quick summary{font-size:19px}.section h2{font-size:clamp(27px,7vw,40px)}.hero-sub{font-size:23px}.hero-points span{font-size:17px}.gift-bottom .popup-reserve{font-size:22px}}

.hero-logo{display:block;width:142px;height:auto;max-width:42vw;margin:0 0 18px;object-fit:contain;border-radius:4px}.footer-contact{display:flex;gap:10px 24px;flex-wrap:wrap;margin:16px 0 24px;font-size:18px;font-weight:750}.footer-contact a{text-decoration:underline;text-underline-offset:4px}.back-top{display:inline-block;color:#ffe23b;font-size:clamp(24px,5vw,32px);font-weight:900;line-height:1.3;text-decoration:underline;text-underline-offset:6px;margin-top:12px;margin-bottom:6px}@media(max-width:750px){.hero-logo{width:124px;margin-bottom:16px}.footer-contact{font-size:16px;gap:5px 16px}.back-top{font-size:28px}}

/* Readable mobile typography and aligned calls to action. */
.head .brand{font-size:clamp(14px,2.2vw,18px);letter-spacing:-.055em;font-weight:750;white-space:nowrap}.head .brand strong{font-size:inherit}.hero-logo{width:142px;max-width:42vw;filter:drop-shadow(0 2px 3px #001b3980)}.hero .eyebrow{display:block;font-size:clamp(16px,2vw,21px);letter-spacing:.01em;line-height:1.4}.hero-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:570px;gap:10px}.hero-points span{display:flex;align-items:center;justify-content:center;min-height:62px;padding:8px 10px;text-align:center;font-size:clamp(16px,2vw,21px);font-weight:700;line-height:1.25;white-space:nowrap}.hero-points b{margin-left:.25em}.hero .scroll{margin-top:24px;padding:7px 12px;border:2px solid #fff;color:#ffe23b;font-size:21px;font-weight:900;border-radius:6px;text-shadow:0 1px 2px #001b39}.section .kicker{font-size:clamp(21px,2.6vw,29px);line-height:1.3;letter-spacing:-.03em;font-weight:900;margin-bottom:18px}.choice-grid article>span{font-size:21px;font-weight:900}.choice-grid article h3{font-size:29px}.choice-grid article p{font-size:19px;line-height:1.55}.choice-grid article a,.quick details a,.gallery .text-call,.reserve .text-call{font-size:20px;font-weight:900}.fact-grid b{font-size:22px}.fact-grid span,.facts .muted{font-size:18px}.reserve form{box-shadow:0 12px 32px #0b2f781c}.reserve form label{font-size:19px;font-weight:850}.reserve form input:not([type=checkbox]),.reserve form select{font-size:18px;min-height:56px;border:2px solid #669bd5;background:#fff;border-radius:8px;padding:12px}.reserve .submit{font-size:22px;min-height:62px}.footer-primary{display:flex;flex-wrap:wrap;gap:8px 22px;font-size:clamp(19px,2.5vw,24px);font-weight:850;line-height:1.45}.footer-primary a{color:#ffe23b}.footer-contact{font-size:14px;font-weight:500;gap:8px 18px}.gift-x{min-width:75px;width:auto;height:39px;font-size:17px;border-width:1px;gap:4px}.gift-x b{font-size:22px}
@media(max-width:750px){.head{gap:7px}.head .brand{font-size:clamp(13px,3.65vw,16px);white-space:normal;line-height:1.15;max-width:65%}.headcall{white-space:nowrap}.hero .eyebrow{font-size:17px}.hero-points{gap:8px}.hero-points span{font-size:clamp(13px,3.7vw,16px);min-height:59px;padding:5px 3px}.hero .scroll{font-size:20px}.section .kicker{font-size:23px}.choice-grid article>span{font-size:21px}.choice-grid article h3{font-size:27px}.choice-grid article p{font-size:18px}.choice-grid article a,.quick details a,.gallery .text-call,.reserve .text-call{font-size:19px}.fact-grid b{font-size:21px}.fact-grid span,.facts .muted{font-size:18px}.reserve form{padding:20px;border:3px solid #448bd2}.reserve form label{font-size:18px}.reserve form input:not([type=checkbox]),.reserve form select{font-size:17px;min-height:54px}.footer-primary{font-size:20px}.footer-contact{font-size:13px}.gift-x{min-width:67px;height:36px;font-size:16px;top:7px;right:7px}.gift-x b{font-size:20px}}

.hero-type-active .hero-type-letter{display:inline-block;opacity:0;transform:translateX(-1.1em);animation:hero-type-in .42s cubic-bezier(.2,.8,.25,1) forwards;white-space:pre}.hero-type-active em .hero-type-letter{color:inherit}@keyframes hero-type-in{to{opacity:1;transform:translateX(0)}}@media(prefers-reduced-motion:reduce){.hero-type-active .hero-type-letter{animation:none;opacity:1;transform:none}}

.hero-actions .tracked-nav{font-size:clamp(21px,2.6vw,27px);font-weight:900;min-height:66px;padding:13px 22px}@media(max-width:750px){.hero-actions .tracked-nav{font-size:clamp(20px,5.2vw,24px);min-height:62px;padding:10px 8px}}

.quick summary{font-size:clamp(19px,2.2vw,23px);font-weight:850;line-height:1.4}.quick-help strong{font-size:clamp(19px,2.2vw,23px)}.quick-help a{font-size:clamp(19px,2.2vw,23px);font-weight:900}.gallery>div>p:not(.kicker){font-size:clamp(19px,2.1vw,23px);line-height:1.6;font-weight:650}@media(max-width:750px){.quick summary{font-size:20px}.quick-help strong,.quick-help a{font-size:19px}.gallery>div>p:not(.kicker){font-size:20px}}

.head .brand{display:flex;align-items:center;gap:8px;max-width:calc(100% - 140px);white-space:nowrap}.head .brand img{width:74px;height:auto;flex:none;object-fit:contain;filter:drop-shadow(0 1px 1px #06276040)}@media(max-width:750px){.head{padding:0 10px}.head .brand{max-width:calc(100% - 111px);gap:4px;font-size:clamp(11px,3.1vw,14px);white-space:nowrap;letter-spacing:-.07em}.head .brand img{width:clamp(42px,12vw,58px)}.headcall{font-size:12px;padding:6px 7px}}

/* 상단 현장명 바로 오른쪽에 로고를 한 줄로 고정합니다. */
.head .brand{display:inline-flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:6px;flex:0 1 auto;min-width:0;max-width:calc(100% - 112px)}.head .brand span{display:inline-block;white-space:nowrap;flex:none}.head .brand img{display:block;width:66px;height:auto;max-height:34px;flex:none;margin:0;vertical-align:middle}@media(max-width:750px){.head .brand{gap:3px;max-width:calc(100% - 98px)}.head .brand span{font-size:clamp(10px,3vw,14px)}.head .brand img{width:clamp(42px,12vw,55px);max-height:25px}.headcall{flex:none}}

/* FAQ 질문과 바로 문의 영역의 가독성 강화 */
.quick details summary{font-size:clamp(22px,2.3vw,27px);font-weight:900;line-height:1.35;padding:19px 23px}.quick summary::after{font-size:30px}.quick-help{min-height:90px;gap:14px}.quick-help strong{font-size:clamp(22px,2.3vw,27px);font-weight:900}.quick-help a{font-size:clamp(21px,2.25vw,26px);font-weight:900;min-height:56px;padding:10px 18px}@media(max-width:750px){.quick details summary{font-size:21px;padding:17px 16px}.quick-help strong,.quick-help a{font-size:20px}.quick-help a{min-height:54px}}

.last>p{font-size:clamp(22px,2.5vw,28px);line-height:1.4;font-weight:800}.head .brand img{width:94px;max-height:46px}.head .brand{max-width:calc(100% - 120px)}@media(max-width:750px){.last>p{font-size:22px}.head .brand{max-width:calc(100% - 93px);gap:4px}.head .brand span{font-size:clamp(10px,2.9vw,13px)}.head .brand img{width:clamp(58px,17vw,72px);max-height:34px}.headcall{font-size:11px;padding:5px 6px}}

/* 전세전환 중심 첫 화면 */
.hero{background:#061834}.hero .shade{background:linear-gradient(90deg,#061834f7 0%,#071b3fe8 53%,#0618348a 100%)}.hero-inner{padding-top:80px}.hero-lead{font-size:clamp(34px,4.8vw,67px);font-weight:950;line-height:1.16;letter-spacing:-.065em;color:#fff;margin:0 0 26px;text-shadow:0 3px 10px #0008}.hero-lead span{color:#fff}.hero-lead mark{background:none;color:#efff3a;padding:0;text-shadow:0 0 16px #dbff16b0}.hero h1{font-size:clamp(29px,3.2vw,45px);line-height:1.18;margin:0 0 18px;letter-spacing:-.045em}.hero h1 em{color:#fff}.hero-sub{font-size:clamp(22px,2.5vw,32px);font-weight:850;color:#fff;margin-bottom:8px}.hero-contact{font-size:clamp(20px,2.2vw,27px);font-weight:800;margin:0 0 25px}.hero-contact a{display:inline-block;color:#83efff;font-size:clamp(29px,3.8vw,45px);font-weight:950;line-height:1.1;white-space:nowrap}.hero-four{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;max-width:900px}.hero-four .btn,.hero-four .btn.tracked-call,.hero-four .tracked-nav{display:flex;min-width:0;min-height:82px;align-items:center;justify-content:center;border-radius:8px;padding:10px 6px;text-align:center;font-size:clamp(17px,1.75vw,23px);line-height:1.2;font-weight:900;white-space:normal}.hero-four .btn strong{font-size:clamp(19px,2vw,27px);white-space:nowrap}.hero-four .btn:nth-child(1){background:#d51222;color:#fff}.hero-four .btn:nth-child(2){background:#ffe23b;color:#102443}.hero-four .btn:nth-child(3){background:#efff3a;color:#102443}.hero-four .btn:nth-child(4){background:#82ddff;color:#ad0b23}.hero .scroll{margin-top:22px}@media(max-width:750px){.hero{min-height:720px}.hero .shade{background:linear-gradient(0deg,#061834f8 6%,#061834ea 65%,#0618349c)}.hero-inner{padding:64px 18px 120px}.hero-lead{font-size:clamp(29px,8vw,42px);line-height:1.18;margin-bottom:24px}.hero h1{font-size:clamp(27px,6.4vw,34px)}.hero-sub{font-size:clamp(21px,5.3vw,26px)}.hero-contact{font-size:18px;margin-bottom:18px}.hero-contact a{font-size:clamp(29px,8vw,37px)}.hero-four{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.hero-four .btn,.hero-four .btn.tracked-call,.hero-four .tracked-nav{min-height:69px;font-size:clamp(16px,4.2vw,20px);padding:7px 4px}.hero-four .btn strong{font-size:clamp(18px,4.8vw,22px)}.hero .scroll{margin-top:18px}}

/* 히어로와 하단 고정 메뉴의 네 가지 행동을 같은 색으로 표시 */
.hero-four .btn,.hero-four .btn.tracked-call,.hero-four .tracked-nav{flex-direction:column;gap:2px;white-space:nowrap}.hero-four .btn:nth-child(1),.sticky-four a:nth-child(1){background:#d51222;color:#fff}.hero-four .btn:nth-child(2),.sticky-four a:nth-child(2){background:#ffe23b;color:#102443}.hero-four .btn:nth-child(3),.sticky-four a:nth-child(3){background:#efff3a;color:#102443}.hero-four .btn:nth-child(4),.sticky-four a:nth-child(4){background:#82ddff;color:#ad0b23}.sticky-four a,.sticky-four a:first-child,.sticky-four a:nth-child(2),.sticky-four a:nth-child(3),.sticky-four a:last-child{font-size:clamp(14px,2.1vw,20px);border-radius:0;white-space:nowrap}.hero-lead{max-width:970px}.hero .hero-lead{font-size:clamp(35px,5vw,68px);margin:0 0 26px}@media(max-width:750px){.hero .hero-lead{font-size:clamp(29px,8vw,42px)}.hero-four .btn,.hero-four .btn.tracked-call,.hero-four .tracked-nav{font-size:clamp(16px,4.2vw,20px)}.sticky-four a,.sticky-four a:first-child,.sticky-four a:nth-child(2),.sticky-four a:nth-child(3),.sticky-four a:last-child{font-size:clamp(11px,3.2vw,15px);padding:4px 1px}}

/* 현장 정보 카드의 항목별 시각 이미지 */
.fact-grid img{display:block;width:100%;height:150px;object-fit:cover;border-radius:10px;margin:0 0 20px;border:1px solid #6ba5d0}
.fact-grid>div{min-width:0}
@media(max-width:750px){.fact-grid img{height:190px}}

/* 원형 전화 버튼이 화면 왼쪽에서 시작해 완만한 V 경로로 이동 */
.floating-call{left:14px;right:auto;animation:call-v-path 16s ease-in-out infinite;will-change:transform}
@keyframes call-v-path{0%,8%{transform:translate(0,0)}49%{transform:translate(calc((100vw - 144px)/2),42px)}90%,100%{transform:translate(calc(100vw - 144px),0)}}
@media(max-width:750px){.floating-call{left:11px;right:auto}@keyframes call-v-path{0%,8%{transform:translate(0,0)}49%{transform:translate(calc((100vw - 114px)/2),27px)}90%,100%{transform:translate(calc(100vw - 114px),0)}}}
@media(prefers-reduced-motion:reduce){.floating-call,.floating-call .phone-icon{animation:none!important}}

/* 왼쪽 위 → 아래 중앙 → 오른쪽 위, 천천히 V자로 이동 */
.floating-call{top:clamp(100px,16vh,180px);bottom:auto;left:14px;right:auto;animation:call-v-up 24s ease-in-out infinite alternate}
@keyframes call-v-up{0%,8%{transform:translate(0,0)}50%{transform:translate(calc((100vw - 144px)/2),calc(84vh - 190px))}92%,100%{transform:translate(calc(100vw - 144px),0)}}
@media(max-width:750px){.floating-call{top:94px;bottom:auto;left:11px;right:auto}@keyframes call-v-up{0%,8%{transform:translate(0,0)}50%{transform:translate(calc((100vw - 114px)/2),calc(100vh - 280px))}92%,100%{transform:translate(calc(100vw - 114px),0)}}.sticky-four a:last-child{font-size:clamp(11px,3vw,16px);line-height:1.15}}
@media(prefers-reduced-motion:reduce){.floating-call{animation:none!important}}

/* 선택 카드 이미지 */
.choice-grid article{overflow:hidden}
.choice-grid .choice-photo{width:calc(100% + 60px);height:195px;object-fit:cover;display:block;margin:-30px -30px 22px;border-bottom:3px solid #ffe23b;background:#10366e}
@media(max-width:750px){.choice-grid .choice-photo{height:210px}}

/* 현장 자료 이미지와 평면도 슬라이드 */
.fact-grid img{height:165px;object-fit:cover}
.plan-carousel{margin:38px 0 32px;padding:22px;background:#fff;color:#0b2f78;border-radius:16px}
.plan-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.plan-heading h3{font-size:clamp(22px,3vw,30px);margin:0 0 15px}.plan-heading span{font-weight:900}
.plan-slide{margin:0}.plan-slide[hidden]{display:none}.plan-slide img{display:block;width:100%;max-height:640px;object-fit:contain;background:#edf3f9;border-radius:10px}.plan-slide figcaption{text-align:center;font-size:clamp(18px,2.4vw,24px);font-weight:850;margin:12px 0}
.plan-controls{display:flex;justify-content:space-between;gap:10px;align-items:center}.plan-controls button{border:2px solid #164785;border-radius:7px;background:#fff;color:#0b2f78;font-weight:850;padding:9px 13px;cursor:pointer}.plan-controls button.active{background:#ffe23b}.plan-dots{display:flex;gap:7px;flex-wrap:wrap;justify-content:center}.plan-note{font-size:15px;color:#465a74;margin:14px 0 0}
.footer-primary{font-size:clamp(17px,2.1vw,21px)}
@media(max-width:750px){.fact-grid img{height:190px}.plan-carousel{padding:13px;margin:28px 0}.plan-controls{flex-wrap:wrap}.plan-dots{order:-1;width:100%}.plan-controls>button{flex:1}.plan-controls button{padding:7px 9px}.footer-primary{font-size:17px}}

/* Hero CTA: two buttons per row on desktop and mobile. */
.hero-four{grid-template-columns:repeat(2,minmax(0,1fr));max-width:700px;gap:8px}

/* 마지막 상담 페이지와 하단 고정 메뉴 가독성 */
.last h2{font-size:clamp(38px,5.2vw,68px);line-height:1.18}
.last>p{font-size:clamp(24px,2.8vw,32px)}
.last-actions{gap:14px;margin-top:28px}
.last-actions .btn{font-size:clamp(21px,2.4vw,27px);min-height:76px;padding:16px 24px;line-height:1.25}
footer>strong{font-size:clamp(23px,2.6vw,30px)}
footer .footer-primary{font-size:clamp(20px,2.2vw,25px);line-height:1.5}
footer .footer-contact{font-size:clamp(15px,1.6vw,18px)}
.sticky-four a,.sticky-four a:last-child{font-size:clamp(16px,1.7vw,20px)}
@media(max-width:750px){
 .last h2{font-size:clamp(34px,9vw,46px)}
 .last>p{font-size:clamp(21px,5.5vw,25px)}
 .last-actions{flex-direction:column}
 .last-actions .btn{width:100%;font-size:clamp(20px,5.8vw,25px);min-height:66px}
 footer .footer-primary{font-size:20px}
 .sticky-four a,.sticky-four a:last-child{font-size:clamp(13px,3.4vw,16px);white-space:normal;line-height:1.15;overflow-wrap:keep-all}
}

/* 광고문의와 관리자 정보를 연한 하늘색 박스로 표시 */
footer .footer-contact{display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px;width:fit-content;max-width:100%;padding:12px 18px;border-radius:9px;background:#dff5ff;color:#102443}
footer .footer-contact a{color:#0c3b70;font-weight:800}
@media(max-width:750px){footer .footer-contact{padding:12px 14px;gap:5px 14px;line-height:1.45}}

/* 히어로 상담 버튼 묶음의 오른쪽 끝을 위 연락처 번호에 맞춤 */
.hero-four{width:100%;max-width:480px}

/* 하단 광고문의 박스: 투명 배경과 하늘색 테두리 */
footer .footer-contact{background:transparent;border:2px solid #82ddff;color:#fff}
footer .footer-contact a{color:#82ddff}

/* 글자별 타이핑 착지와 마지막 반짝임 */
.hero-fly-active .hero-fly-letter{display:inline-block;white-space:pre;opacity:0;transform:translate(-38px,-15px) rotate(-7deg) scale(1.18);filter:blur(5px);animation:hero-letter-land .55s cubic-bezier(.2,.8,.25,1.15) var(--letter-delay) forwards}
@keyframes hero-letter-land{65%{opacity:1;filter:blur(0);transform:translate(2px,2px) rotate(1deg) scale(.98)}100%{opacity:1;filter:blur(0);transform:none}}
.hero-sparkle{animation:hero-final-sparkle 1.8s ease-in-out 2}
.hero-sparkle mark{animation:hero-mark-sparkle 1.8s ease-in-out 2}
@keyframes hero-final-sparkle{0%,100%{text-shadow:0 3px 10px #0008}30%{text-shadow:0 0 9px #fff,0 0 22px #82ddff,0 0 34px #fff}55%{text-shadow:0 3px 10px #0008}75%{text-shadow:0 0 8px #fff,0 0 20px #82ddff}}
@keyframes hero-mark-sparkle{0%,100%{filter:brightness(1)}30%,75%{filter:brightness(1.5) drop-shadow(0 0 10px #efff3a)}}
@media(prefers-reduced-motion:reduce){.hero-fly-active .hero-fly-letter,.hero-sparkle,.hero-sparkle mark{animation:none;opacity:1;transform:none;filter:none}}

/* 예약방문 팝업의 두 상담 칸과 글자 정렬 */
.gift-bottom>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:10px}
.gift-bottom>div>a,.gift-bottom .popup-reserve{width:100%;min-width:0;min-height:72px;padding:10px 12px;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.2;overflow-wrap:keep-all}
.gift-bottom .popup-call{flex-direction:column;gap:2px}
@media(max-width:500px){.gift-bottom>div{gap:7px}.gift-bottom>div>a,.gift-bottom .popup-reserve{min-height:64px;padding:8px 5px;font-size:clamp(16px,4vw,20px)}.gift-bottom .popup-call strong{font-size:clamp(18px,4.8vw,24px)}}

/* 투명 로고를 상단 현장명 바로 오른쪽에 배치 */
.head .brand img{width:112px;max-height:55px;object-fit:contain}
@media(max-width:750px){.head .brand img{width:clamp(60px,18vw,86px);max-height:38px}}
/* 84A/B/C 평면도 왼쪽, 제공된 건물 조감도 오른쪽 */
.plan-pair{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.85fr);gap:14px;align-items:stretch}
.plan-pair img{width:100%;height:clamp(320px,47vw,590px);max-height:none;object-fit:contain}
.plan-pair .plan-side-photo{object-fit:cover;object-position:center;background:#0b2f78}
@media(max-width:750px){.plan-pair{grid-template-columns:1fr;gap:9px}.plan-pair img{height:auto;max-height:480px}.plan-pair .plan-side-photo{height:210px}}

/* 제공된 배너 문구를 메인 화면에 실제 대표번호로 표시 */
.hero-banner{display:grid;grid-template-columns:minmax(0,1fr) minmax(140px,34%);width:min(680px,100%);margin-top:23px;overflow:hidden;border:2px solid #ffe23b;border-radius:12px;background:#111b2b;box-shadow:0 8px 28px #0006}
.hero-banner-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;padding:14px 18px;line-height:1.15}
.hero-banner-copy strong{font-size:clamp(19px,2.4vw,29px);font-weight:950;word-break:keep-all}
.hero-banner-copy mark{background:none;color:#ffe23b}
.hero-banner-copy span{font-size:clamp(17px,2vw,25px);font-weight:900}
.hero-banner-copy a{font-size:clamp(25px,3.2vw,39px);font-weight:950;color:#ffe23b;white-space:nowrap}
.hero-banner img{display:block;width:100%;height:100%;min-height:134px;object-fit:cover;object-position:center}
.plan-pair .multiroom{object-fit:contain;background:#142b40}
@media(max-width:750px){.hero-banner{grid-template-columns:minmax(0,1fr) 30%;margin-top:18px}.hero-banner-copy{padding:10px}.hero-banner-copy strong{font-size:clamp(16px,4.5vw,22px)}.hero-banner-copy span{font-size:clamp(13px,3.5vw,18px)}.hero-banner-copy a{font-size:clamp(22px,6vw,30px)}.hero-banner img{min-height:120px}.plan-pair .multiroom{height:auto;max-height:320px}}

/* 메인 빨간 전화상담 버튼: 중복 번호 제거 후 아이콘과 문구 수평 정렬 */
.hero-four .btn.tracked-call:first-child{flex-direction:row;gap:10px;align-items:center;justify-content:center;white-space:nowrap;font-size:clamp(22px,2.3vw,29px)}
.hero-four .hero-call-icon{display:inline-block;font-size:1.15em;line-height:1;flex:none}
@media(max-width:750px){.hero-four .btn.tracked-call:first-child{gap:6px;font-size:clamp(18px,5vw,23px)}}

/* 진한 네이비 상단에서 코아루 로고를 선명하게 표시 */
.head .brand img{width:176px;max-height:none;filter:brightness(0) invert(1) drop-shadow(0 1px 2px #001b3d)}
@media(max-width:750px){.head .brand img{width:clamp(94px,28vw,128px);max-height:none}.head .brand{gap:0}}
.plan-slide figcaption small{display:inline-block;font-size:.76em;font-weight:700;line-height:1.5}

/* 배경 없는 로고: 지붕 색상은 유지하고 어두운 상단에서 글자만 밝게 표시 */
.head .brand{gap:8px}
.head .brand-logo-frame{display:block;position:relative;flex:none;width:125px;height:67px;overflow:hidden;background:transparent;border:0;border-radius:0}
.head .brand-logo-frame img{position:absolute;inset:0;display:block;width:100%;height:100%;max-height:none;max-width:none;object-fit:contain;margin:0;filter:none}
.head .brand-logo-frame .logo-letters{filter:brightness(0) invert(1);clip-path:inset(52% 0 0 0)}
@media(max-width:750px){.head .brand{gap:4px}.head .brand-logo-frame{width:88px;height:47px}}
/* 지붕의 원래 파랑·초록 색이 진네이비 위에서 또렷하게 보이도록 가장자리만 밝힙니다. */
.head .brand-logo-frame .logo-color{filter:drop-shadow(0 0 2px rgba(255,255,255,.95)) drop-shadow(0 0 5px rgba(255,255,255,.55))}
/* 24시간 문자상담: 참고 이미지의 진한 보라 바탕과 굵은 흰색 글자 */
.hero-four .btn.tracked-sms,.sticky-four a.tracked-sms,.last-actions a.tracked-sms{background:#6d00e8;color:#fff;font-family:'Noto Sans KR','Malgun Gothic',system-ui,sans-serif;font-weight:950;letter-spacing:-.045em;text-shadow:0 1px 1px #26005470}
.hero-four .btn.tracked-sms{font-size:clamp(19px,2vw,26px)}
@media(max-width:750px){.hero-four .btn.tracked-sms{font-size:clamp(17px,4.4vw,21px)}.sticky-four a.tracked-sms{font-size:clamp(11px,3.05vw,16px)}}
/* 전세전환 조건 확인: 노란 예약 버튼과 분리되는 선명한 연두색 */
.hero-four .btn:nth-child(3),.sticky-four a:nth-child(3){background:#b9f640;color:#102443}
/* Naver TalkTalk link below the four primary actions. */
.hero-talk{display:inline-flex;align-items:center;justify-content:center;margin-top:14px;padding:11px 19px;border:2px solid #a7f3d0;border-radius:10px;background:#03c75a;color:#fff;font-size:clamp(18px,2vw,24px);font-weight:900;box-shadow:0 8px 20px #001b3c55}
.hero-talk:hover,.last-actions .talktalk:hover{filter:brightness(1.08)}
.last-actions .talktalk{background:#03c75a;color:#fff}
@media(max-width:750px){.hero-talk{width:100%;min-height:54px;font-size:19px}}

/* Button dimensions only: preserve the original CTA colors. */
.hero-four{width:100%;max-width:480px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.hero-four .btn,.hero-four .btn.tracked-call,.hero-four .tracked-nav,.hero-four .btn.tracked-sms,.hero-four .btn.tracked-call:first-child{width:100%;height:70px;min-height:70px;padding:6px 8px;gap:4px;font-size:20px;line-height:1.18;font-weight:900;letter-spacing:-.04em;white-space:normal}
.hero-four .btn:nth-child(3){gap:0}
.hero-four .btn:nth-child(3) span{display:block}
.hero-four .hero-call-icon{font-size:1.1em}
.hero-talk{width:100%;max-width:480px;min-height:58px;margin-top:8px;padding:8px 12px;font-size:20px}
@media(max-width:750px){.hero-four .btn,.hero-four .btn.tracked-call,.hero-four .tracked-nav,.hero-four .btn.tracked-sms,.hero-four .btn.tracked-call:first-child{height:66px;min-height:66px;font-size:clamp(16px,4.5vw,19px);padding:5px 4px}.hero-talk{min-height:54px;font-size:clamp(17px,4.5vw,19px)}}

/* Small, orderly website administrator information. */
footer .footer-contact{align-items:flex-start;flex-wrap:wrap}
footer .footer-admin{flex-basis:100%;font-size:11px;font-weight:400;line-height:1.7;letter-spacing:0;color:#b6c1d1;margin-top:4px}
footer .footer-admin p{margin:0;overflow-wrap:anywhere}

/* Footer administrative details, centered at the bottom without a frame. */
footer .footer-contact{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:none;margin:24px auto 0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:#9299a5;font-size:9px;font-weight:400;line-height:1.6;text-align:center;gap:3px}
footer .footer-contact a{color:#9299a5;font-size:inherit;font-weight:400;text-decoration:none}
footer .footer-admin{flex-basis:auto;margin:0;color:#9299a5;font-size:9px;font-weight:400;line-height:1.6;text-align:center}
footer .footer-admin p{margin:0}

footer .footer-contact.footer-admin-line{display:block;white-space:nowrap;font-size:clamp(4px,.9vw,9px);line-height:1.7;letter-spacing:0;text-align:center}footer .footer-admin-line a{font-size:inherit}

/* Premium visit gifts replacing the coffee promotion. */
.gift-art{align-items:stretch}
.gift-banner-panel{width:65%;align-self:center;padding:30px 12px 24px;text-align:center}
.gift-banner-panel h2{margin:0 0 9px;color:#ffe23b;font-size:30px;line-height:1.25;letter-spacing:-.04em}
.gift-banner-panel p{margin:0 0 18px;color:#fff;font-size:20px;font-weight:800;line-height:1.4}
.gift-banner-panel .gift-banner{width:100%;height:auto;display:block;border-radius:10px;object-fit:contain}
.gift-art .gift-person-area{width:35%;min-height:340px}
.gift-art .gift-person-area .gift-person{height:290px}
.gift-art .gift-number{font-size:17px;top:24px}
.gift-art .gift-number strong{font-size:clamp(20px,3vw,32px)}
@media(max-width:750px){.gift-banner-panel{padding:24px 7px 18px}.gift-banner-panel h2{font-size:clamp(17px,4.5vw,26px)}.gift-banner-panel p{font-size:clamp(11px,2.9vw,16px);margin-bottom:12px}.gift-art .gift-person-area{min-height:230px}.gift-art .gift-person-area .gift-person{height:min(47vw,250px)}.gift-art .gift-number{top:28px;font-size:11px}.gift-art .gift-number strong{font-size:clamp(15px,4vw,23px)}}