/* 강릉골뱅이355 랜딩 (2026-10-29) — 진메밀 wp-landing 방식 재사용.
   크림 바탕(모래) · 남색(간판 글자) · 바다색(파도) · 산호색(캐릭터 볼).
   .gb 그룹 안쪽만 꾸민다. 문구·사진은 편집기에서 고치고, 모양은 블록의 gb- 클래스가 정한다.
   build.py가 장식 그림 자리(주석 표시)를 채워 out/landing.css로 낸다. */

.gb{
  --sand:#F7EEDB; --paper:#FFFCF5; --navy:#1E2A55; --navy-deep:#141C3B; --sea:#2F6E8E; --foam:#CFE6EE;
  --coral:#E8735A; --ink:#2B211C; --muted:#6B5F57; --line:#E6DBC4;
  --round:"Jua",sans-serif; --sans:"Noto Sans KR",sans-serif;
  --gut:clamp(20px,6.5vw,104px);
  background:var(--sand); color:var(--ink); font-family:var(--sans); font-size:16px; line-height:1.65;
  word-break:keep-all; overflow-x:clip; -webkit-font-smoothing:antialiased;
}
.gb *{box-sizing:border-box}
/* 테마 기본 여백·글꼴 걷어내기 */
.gb p,.gb h1,.gb h2,.gb h3,.gb figure,.gb ul,.gb li{margin:0;padding:0}
.gb .wp-block-group,.gb .wp-block-buttons,.gb .wp-block-image,.gb .wp-block-list{margin:0}
.gb .is-layout-flow > *,.gb .is-layout-constrained > *{margin-block:0}
.gb p{font-size:inherit;line-height:inherit;font-family:var(--sans)}
.gb h1,.gb h2,.gb h3{font-family:var(--round);font-weight:400;letter-spacing:-.01em;line-height:1.25;color:var(--navy);text-transform:none}
.gb b{color:var(--sea);font-weight:inherit}
.gb a{color:inherit;text-decoration:none}
.gb .wp-block-image{overflow:hidden;border-radius:20px}
.gb .wp-block-image img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;border-radius:0}

.gb .gb-in{max-width:1360px;margin-left:auto;margin-right:auto;padding-left:var(--gut);padding-right:var(--gut)}
.gb .gb-eyebrow{display:inline-block;font-size:14px;font-weight:700;letter-spacing:.06em;color:var(--sea);
  background:var(--foam);border-radius:999px;padding:5px 14px;line-height:1.4}
.gb .gb-tag{position:absolute;left:16px;top:16px;font-size:13px;font-weight:700;color:var(--navy);background:var(--paper);
  border-radius:999px;padding:5px 12px;line-height:1.4;box-shadow:0 2px 8px rgba(30,42,85,.12)}
.gb .gb-tag-sea{background:var(--sea);color:#fff}
.gb .gb-note,.gb .gb-caption{font-size:13px;color:var(--muted);line-height:1.6}

/* 버튼 */
.gb .wp-block-buttons{display:flex;flex-wrap:wrap;gap:12px}
.gb .wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;height:54px;padding:0 26px;border-radius:999px;
  font:700 16px/1 var(--sans);background:var(--navy);color:#fff;border:2px solid var(--navy);text-decoration:none;letter-spacing:0;
  text-transform:none;cursor:pointer;transition:transform .15s ease,background .15s ease}
.gb .wp-block-button__link:hover{transform:translateY(-2px);background:var(--sea);border-color:var(--sea)}
.gb .is-style-outline .wp-block-button__link{background:transparent;color:var(--navy);border-color:var(--navy)}
.gb .is-style-outline .wp-block-button__link:hover{background:var(--navy);color:#fff}

/* 내비 */
.gb .gb-nav{position:sticky;top:0;z-index:20;background:rgba(255,252,245,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.gb .gb-nav-in{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.gb .gb-brand{display:flex;align-items:center;gap:10px}
.gb .gb-mark{width:52px;height:52px;border-radius:50%;flex:none;background:var(--sand)}
.gb .gb-wordmark{font-family:var(--round);font-size:26px;color:var(--navy);line-height:1}
.gb .gb-links{display:flex;gap:32px;font-size:16px;font-weight:600}
.gb .gb-links a:hover{color:var(--sea)}
.gb .gb-nav-cta .wp-block-button__link{height:44px;padding:0 20px;font-size:15px}

/* 첫 화면 */
.gb .gb-hero-wrap{background:var(--sand)}
.gb .gb-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.82fr);gap:clamp(32px,5vw,80px);align-items:center;padding-top:64px;padding-bottom:80px}
.gb .gb-hero h1{font-size:clamp(46px,5.4vw,80px);line-height:1.12;margin:22px 0 24px}
.gb .gb-lead{font-size:19px;line-height:1.75;color:var(--muted);max-width:540px}
.gb .gb-acts{margin-top:34px}
.gb .gb-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:40px;max-width:620px}
.gb .gb-fact{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:14px 16px}
.gb .gb-fact p:first-child{font-size:13px;color:var(--muted);margin-bottom:2px}
.gb .gb-fact p:last-child{font-size:15px;font-weight:700;color:var(--navy)}
.gb .gb-hero-pic{position:relative}
.gb .gb-hero-photo{aspect-ratio:4/5;border-radius:28px;box-shadow:0 30px 60px -24px rgba(30,42,85,.45)}

/* 파도 띠 */
.gb .wp-block-separator.gb-wave{display:block;width:100%;max-width:none;height:56px;margin:0;border:0;opacity:1;
  background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 240 40%22 preserveAspectRatio=%22none%22%3E%3Cpath d=%22M0 22 C 30 6, 60 6, 90 22 S 150 38, 180 22 S 225 8, 240 18 V 40 H 0 Z%22 fill=%22%232F6E8E%22/%3E%3C/svg%3E") repeat-x left bottom/240px 56px,url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 240 40%22 preserveAspectRatio=%22none%22%3E%3Cpath d=%22M0 22 C 30 6, 60 6, 90 22 S 150 38, 180 22 S 225 8, 240 18 V 40 H 0 Z%22 fill=%22%23CFE6EE%22/%3E%3C/svg%3E") repeat-x 120px bottom/240px 40px;background-color:var(--sand)}

/* 섹션 공통 */
.gb .gb-sec{padding-top:112px;padding-bottom:112px}
.gb .gb-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:48px}
.gb .gb-head h2{font-size:clamp(34px,3.4vw,48px);line-height:1.22;margin-top:14px}
.gb .gb-head > p{font-size:17px;color:var(--muted);line-height:1.7;max-width:440px}

/* 이야기 */
.gb .gb-story{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:clamp(40px,6vw,96px);align-items:center}
.gb .gb-ba{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:end}
.gb .gb-before,.gb .gb-after{position:relative}
.gb .gb-before .wp-block-image{aspect-ratio:3/4;filter:saturate(.75)}
.gb .gb-after .wp-block-image{aspect-ratio:4/5;transform:translateY(-36px);box-shadow:0 24px 48px -24px rgba(30,42,85,.5)}
.gb .gb-after .gb-tag{top:-20px}
.gb .gb-story-text h2{font-size:clamp(34px,3.4vw,48px);line-height:1.22;margin:16px 0 22px}
.gb .gb-story-text > p:not(.gb-eyebrow){font-size:18px;line-height:1.85;color:var(--muted)}
.gb .gb-whys{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:32px}
.gb .gb-why{background:var(--paper);border-radius:18px;padding:20px 22px;border:1px solid var(--line)}
.gb .gb-num{font-family:var(--round);font-size:15px;color:#fff;background:var(--sea);width:34px;height:34px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;margin-bottom:10px}
.gb .gb-why h3{font-size:20px;margin-bottom:4px}
.gb .gb-why p:last-child{font-size:15px;color:var(--muted);line-height:1.6}

/* 메뉴 */
.gb .gb-menu{background:var(--navy);color:#fff;position:relative}
.gb .gb-menu::before{content:"";position:absolute;left:0;right:0;top:-39px;height:40px;background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 240 40%22 preserveAspectRatio=%22none%22%3E%3Cpath d=%22M0 22 C 30 6, 60 6, 90 22 S 150 38, 180 22 S 225 8, 240 18 V 40 H 0 Z%22 fill=%22%231E2A55%22/%3E%3C/svg%3E") repeat-x left bottom/240px 40px}
.gb .gb-menu h2,.gb .gb-menu h3{color:#fff}
.gb .gb-menu .gb-head > p,.gb .gb-menu .gb-note{color:#C9D0E6}
.gb .gb-menu .gb-eyebrow{background:rgba(255,255,255,.12);color:var(--foam)}
.gb .gb-grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.gb .gb-dish{background:var(--paper);color:var(--ink);border-radius:24px;padding:16px 16px 26px}
.gb .gb-dish-pic,.gb .gb-dish .wp-block-image{height:220px;border-radius:16px}
.gb .gb-dish-pic{background:var(--foam) url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 240 40%22 preserveAspectRatio=%22none%22%3E%3Cpath d=%22M0 22 C 30 6, 60 6, 90 22 S 150 38, 180 22 S 225 8, 240 18 V 40 H 0 Z%22 fill=%22%232F6E8E%22/%3E%3C/svg%3E") repeat-x left bottom/240px 46px;position:relative}
.gb .gb-dish-pic::after{content:"사진 준비 중";position:absolute;left:16px;top:14px;font-size:12px;font-weight:700;color:var(--sea)}
.gb .gb-dish h3{font-size:26px;margin:20px 10px 6px;color:var(--navy)}
.gb .gb-dish p:not(.gb-dish-pic){font-size:15px;color:var(--muted);line-height:1.6;margin:0 10px}
.gb .gb-dish p.gb-price{font-family:var(--round);font-size:22px;color:var(--coral);margin-top:12px}
.gb .gb-table{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,4vw,56px);align-items:center;margin-top:56px;
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:28px;padding:20px}
.gb .gb-table-pic{aspect-ratio:1/1;border-radius:20px}
.gb .gb-table-text h3{font-size:clamp(28px,2.6vw,36px);margin:14px 0 18px}
.gb .gb-sub-menu{list-style:none;display:flex;flex-direction:column;gap:8px;margin-bottom:18px}
.gb .gb-sub-menu li{font-size:17px;padding:10px 0;border-bottom:1px dashed rgba(255,255,255,.22)}

/* 공간 */
.gb .gb-space{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto;gap:16px}
.gb .gb-space .wp-block-image{height:300px}
.gb .gb-space .gb-wide{grid-column:1/-1;height:clamp(320px,38vw,540px)}
.gb .gb-caption{margin-top:12px}
.gb .gb-band{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:32px}
.gb .gb-band-cell{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:22px;text-align:center}
.gb .gb-band-cell p:first-child{font-size:14px;color:var(--muted)}
.gb .gb-band-cell p:last-child{font-family:var(--round);font-size:28px;color:var(--navy);line-height:1.3}

/* 변신 기록 */
.gb .gb-news-sec{background:var(--paper)}
.gb .gb-news .wp-block-post-template{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0;padding:0}
.gb .gb-news .wp-block-post{margin:0}
.gb .gb-news .wp-block-post-featured-image{margin:0 0 14px;border-radius:18px;overflow:hidden}
.gb .gb-news .wp-block-post-featured-image img{width:100%;height:100%;object-fit:cover}
.gb .gb-news .wp-block-post-date{font-size:13px;color:var(--sea);font-weight:700}
.gb .gb-news .wp-block-post-title{font-size:22px;margin:6px 0 8px}
.gb .gb-news .wp-block-post-title a:hover{color:var(--sea)}
.gb .gb-news .wp-block-post-excerpt{font-size:15px;color:var(--muted)}
.gb .gb-news .wp-block-post-excerpt__more-text{display:none}
.gb .gb-empty{background:var(--sand);border:2px dashed var(--line);border-radius:20px;padding:40px;text-align:center;color:var(--muted);font-size:17px}

/* 오시는 길 */
.gb .gb-visit{background:var(--sand)}
.gb .gb-map-wrap{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:24px;align-items:stretch}
.gb .gb-map{min-height:440px;border-radius:24px;background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 800 460%22 preserveAspectRatio=%22xMidYMid slice%22%3E%3Crect width=%22800%22 height=%22460%22 fill=%22%23E9E1CF%22/%3E%3Cpath d=%22M560 -10 C 600 120, 660 260, 640 470 L 820 470 L 820 -10 Z%22 fill=%22%239CC7D6%22/%3E%3Cpath d=%22M590 -10 C 630 120, 690 260, 670 470%22 stroke=%22%23E6F2F6%22 stroke-width=%226%22 fill=%22none%22 stroke-dasharray=%2214 10%22/%3E%3Cpath d=%22M-20 300 C 200 280, 380 300, 600 230%22 stroke=%22%23FFFFFF%22 stroke-width=%2220%22 fill=%22none%22/%3E%3Cpath d=%22M520 -20 C 540 140, 520 300, 560 480%22 stroke=%22%23FFFFFF%22 stroke-width=%2216%22 fill=%22none%22/%3E%3Cpath d=%22M-20 120 L 520 150%22 stroke=%22%23F6F1E6%22 stroke-width=%228%22 fill=%22none%22/%3E%3Ccircle cx=%22492%22 cy=%22230%22 r=%2234%22 fill=%22%231E2A55%22 opacity=%220.15%22/%3E%3Cpath d=%22M492 186c-17 0-30 13-30 30 0 22 30 50 30 50s30-28 30-50c0-17-13-30-30-30z%22 fill=%22%231E2A55%22/%3E%3Ccircle cx=%22492%22 cy=%22216%22 r=%2210%22 fill=%22%23F7EEDB%22/%3E%3C/svg%3E") center/cover no-repeat;position:relative}
.gb .gb-map-tag{position:absolute;left:24px;bottom:24px;font-family:var(--round);font-size:18px;color:#fff;background:var(--navy);padding:8px 16px;border-radius:999px}
.gb .gb-info{background:var(--paper);border-radius:24px;padding:32px;border:1px solid var(--line);display:flex;flex-direction:column}
.gb .gb-row{display:grid;grid-template-columns:88px 1fr;gap:12px;padding:16px 0;border-bottom:1px solid var(--line)}
.gb .gb-row p:first-child{font-size:14px;color:var(--muted);padding-top:2px}
.gb .gb-row p:last-child{font-size:17px;font-weight:600;color:var(--navy)}
.gb .gb-row small{font-size:13px;font-weight:400;color:var(--muted)}
.gb .gb-stack{flex-direction:column;margin-top:auto;padding-top:24px}
.gb .gb-stack .wp-block-button,.gb .gb-stack .wp-block-button__link{width:100%}

/* 바닥글 */
.gb .gb-foot{background:var(--navy-deep);color:#C9D0E6;padding:64px 0 40px}
.gb .gb-foot-top{display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap;padding-bottom:36px;border-bottom:1px solid rgba(255,255,255,.12)}
.gb .gb-foot-brand{display:grid;grid-template-columns:auto 1fr;column-gap:14px;align-items:center}
.gb .gb-foot-mark{width:60px;height:60px;border-radius:50%;grid-row:span 2;background:var(--sand)}
.gb .gb-foot-wm{font-family:var(--round);font-size:28px;color:#fff;line-height:1.1}
.gb .gb-foot-wm b{color:var(--foam)}
.gb .gb-foot-brand > p:last-child{font-size:14px}
.gb .gb-foot-cols{display:flex;gap:48px;flex-wrap:wrap}
.gb .gb-foot-col p:first-child{font-size:13px;color:#8C95B5;margin-bottom:4px}
.gb .gb-foot-col p:last-child{font-size:15px;color:#fff}
.gb .gb-copy{display:flex;justify-content:space-between;gap:16px;padding-top:24px;font-size:13px;color:#8C95B5}

/* 태블릿 */
@media (max-width:1024px){
  .gb .gb-links{display:none}
  .gb .gb-hero,.gb .gb-story,.gb .gb-table,.gb .gb-map-wrap{grid-template-columns:1fr}
  .gb .gb-hero-pic{max-width:560px}
  .gb .gb-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .gb .gb-head{flex-direction:column;align-items:flex-start}
  .gb .gb-grid3,.gb .gb-news .wp-block-post-template{grid-template-columns:1fr 1fr}
  .gb .gb-band{grid-template-columns:repeat(2,minmax(0,1fr))}
}
/* 휴대폰 */
@media (max-width:640px){
  .gb .gb-nav-in{height:64px}
  .gb .gb-mark{width:42px;height:42px}
  .gb .gb-wordmark{font-size:21px}
  .gb .gb-hero{padding-top:36px;padding-bottom:48px}
  .gb .gb-lead{font-size:17px}
  .gb .gb-sec{padding-top:72px;padding-bottom:72px}
  .gb .gb-acts .wp-block-button,.gb .gb-acts .wp-block-button__link{width:100%}
  .gb .gb-whys,.gb .gb-grid3,.gb .gb-news .wp-block-post-template{grid-template-columns:1fr}
  .gb .gb-space{grid-template-columns:1fr}
  .gb .gb-space .wp-block-image{height:240px}
  .gb .gb-after .wp-block-image{transform:translateY(-20px)}
  .gb .gb-info{padding:22px}
  .gb .gb-map{min-height:280px}
  .gb .gb-copy{flex-direction:column}
}