/* =========================================================
   2MOJAK — style.css
   크림 배경 + 브라운 포인트. 시안(KakaoTalk mockup) 기반.
   ========================================================= */

/* ---------- 토큰 ---------- */
:root{
  --bg:        #faf7f2;
  --bg-soft:   #f4ede2;
  --bg-card:   #ffffff;
  --brown:     #7d5a36;
  --brown-deep:#5e4329;
  --brown-soft:#a8854f;
  --ink:       #2c2620;
  --ink-soft:  #6b6258;
  --line:      #e7ddcf;

  /* 브랜드 컬러 */
  --blue:   #2f7fd1;
  --blue-bg:#eef4fb;
  --red:    #d9536a;
  --red-bg: #fbeef0;
  --green:  #5a9e4a;
  --green-bg:#eef6ea;
  --purple: #7c63b8;
  --purple-bg:#f1edf8;
  --amber:  #c98f3c;

  --shadow-sm: 0 2px 10px rgba(94,67,41,.06);
  --shadow-md: 0 8px 30px rgba(94,67,41,.10);
  --radius:    18px;
  --maxw:      1240px;
  --header-h:  78px;

  --font-kr: "Noto Sans KR", system-ui, sans-serif;
  --font-jp: "Noto Sans JP", "Noto Sans KR", system-ui, sans-serif;
}
html[lang="ja"] body{ font-family: var(--font-jp); }

*{ box-sizing:border-box; margin:0; padding:0; }
html{ scroll-behavior:smooth; }
body{
  font-family:var(--font-kr);
  color:var(--ink);
  background:var(--bg);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
a{ color:inherit; text-decoration:none; }
ul{ list-style:none; }
img{ max-width:100%; display:block; }
.container{ width:100%; max-width:var(--maxw); margin:0 auto; padding:0 28px; }

/* whitespace-pre 처리: 줄바꿈 보존이 필요한 곳 */
[data-i18n].pre, .hero-sub, .pill-sub, .travel-copy p,
.proj-desc, .news-title, .news-desc, .sec-sub,
.vision-lead p, .stat-lead p, .notice-lead p,
.join-hero, .join-bar-lead p, .s4 .vision-lead p{ white-space:pre-line; }

/* ---------- 버튼 공통 ---------- */
.btn{
  display:inline-flex; align-items:center; gap:10px;
  padding:13px 24px; border-radius:12px; font-weight:700; font-size:.95rem;
  border:1px solid transparent; cursor:pointer; transition:.2s;
}
.btn .arrow{ transition:transform .2s; }
.btn:hover .arrow{ transform:translateX(4px); }
.btn-primary{ background:var(--brown); color:#fff; }
.btn-primary:hover{ background:var(--brown-deep); }
.btn-outline{ background:#fff; color:var(--ink); border-color:var(--line); }
.btn-outline:hover{ border-color:var(--brown); color:var(--brown); }

.ghost-btn{
  display:inline-flex; align-items:center; gap:6px; white-space:nowrap;
  padding:10px 18px; border:1px solid var(--line); border-radius:10px;
  font-size:.88rem; font-weight:600; color:var(--ink-soft); background:#fff;
  transition:.2s;
}
.ghost-btn:hover{ border-color:var(--brown); color:var(--brown); }

/* ====================================================
   HEADER
   ==================================================== */
.site-header{
  position:fixed; top:0; left:0; right:0; z-index:100;
  background:rgba(250,247,242,.92);
  backdrop-filter:blur(10px);
  border-bottom:1px solid transparent;
  transition:box-shadow .25s, padding .25s, background .25s;
}
.site-header.scrolled{
  box-shadow:var(--shadow-sm);
  border-bottom-color:var(--line);
  background:rgba(255,253,250,.96);
}
.header-inner{
  max-width:var(--maxw); margin:0 auto; padding:0 28px;
  height:var(--header-h); display:flex; align-items:center; gap:28px;
  transition:height .25s;
}
.site-header.scrolled .header-inner{ height:64px; }

.brand{ display:flex; align-items:center; gap:12px; flex-shrink:0; }
.brand-mark svg{ display:block; }
.brand-text{ display:flex; flex-direction:column; line-height:1.1; }
.brand-name{ font-weight:900; font-size:1.45rem; letter-spacing:.5px; color:var(--ink); }
.brand-tagline{ font-size:.7rem; color:var(--ink-soft); letter-spacing:.2px; margin-top:2px; }

.main-nav{ display:flex; align-items:center; gap:30px; margin-left:18px; }
.main-nav .nav-link{ white-space:nowrap; }
.nav-link{
  position:relative; font-weight:700; font-size:.95rem; color:var(--ink);
  padding:6px 2px; transition:color .2s;
}
.nav-link::after{
  content:""; position:absolute; left:0; right:100%; bottom:-2px; height:2.5px;
  background:var(--brown); border-radius:2px; transition:right .25s;
}
.nav-link:hover{ color:var(--brown); }
.nav-link:hover::after,
.nav-link.active::after{ right:0; }
.nav-link.active{ color:var(--brown); }

.header-right{ display:flex; align-items:center; gap:18px; margin-left:auto; }
.lang-switch{ display:flex; align-items:center; gap:8px; color:var(--ink-soft); }
.lang-globe{ display:flex; color:var(--ink-soft); }
.lang-btn{
  background:none; border:none; cursor:pointer; font-family:inherit;
  font-size:.9rem; font-weight:600; color:var(--ink-soft); padding:2px 1px;
  transition:.2s; white-space:nowrap;
}
.lang-switch{ flex-shrink:0; }
.lang-btn:hover{ color:var(--ink); }
.lang-btn.active{ color:var(--brown); font-weight:800; text-decoration:underline; text-underline-offset:5px; }
.lang-sep{ color:var(--line); font-size:.8rem; }

.login-btn{
  display:inline-flex; align-items:center; gap:8px;
  background:var(--brown); color:#fff; padding:11px 20px; border-radius:12px;
  font-weight:700; font-size:.9rem; white-space:nowrap; transition:.2s;
}
.login-btn:hover{ background:var(--brown-deep); }

.mobile-toggle{ display:none; flex-direction:column; gap:5px; background:none; border:none; cursor:pointer; padding:6px; }
.mobile-toggle span{ width:24px; height:2.4px; background:var(--ink); border-radius:2px; transition:.25s; }
.mobile-toggle.open span:nth-child(1){ transform:translateY(7.4px) rotate(45deg); }
.mobile-toggle.open span:nth-child(2){ opacity:0; }
.mobile-toggle.open span:nth-child(3){ transform:translateY(-7.4px) rotate(-45deg); }

.mobile-drawer{
  display:none; flex-direction:column; gap:4px;
  padding:8px 28px 18px; border-top:1px solid var(--line); background:var(--bg);
}
.mobile-drawer .nav-link{ padding:12px 0; border-bottom:1px solid var(--line); }
.mobile-drawer.open{ display:flex; }
.drawer-lang{ display:flex; gap:14px; padding:14px 0 4px; }
.drawer-lang .lang-btn{ font-size:1rem; }

/* ====================================================
   HERO
   ==================================================== */
.hero{
  position:relative; overflow:hidden;
  padding:calc(var(--header-h) + 60px) 0 0;
  background:
    radial-gradient(1100px 520px at 78% 32%, rgba(255,236,200,.55), transparent 60%),
    linear-gradient(180deg, #f7efe2, var(--bg));
}
.hero-bg{ position:absolute; inset:0; pointer-events:none; }
.float-char{
  position:absolute; font-weight:900; color:rgba(168,133,79,.18);
  animation:floaty 7s ease-in-out infinite;
}
.float-char.c1{ top:22%; left:54%; font-size:3rem; }
.float-char.c2{ top:30%; left:62%; font-size:4rem; animation-delay:.6s; }
.float-char.c3{ top:42%; left:50%; font-size:3.4rem; animation-delay:1.2s; }
.float-char.c4{ top:55%; left:46%; font-size:3.6rem; animation-delay:1.8s; }
.float-char.c5{ top:48%; left:60%; font-size:2.6rem; animation-delay:2.4s; }
@keyframes floaty{ 0%,100%{ transform:translateY(0); } 50%{ transform:translateY(-16px); } }

.hero-inner{
  position:relative; z-index:1;
  max-width:var(--maxw); margin:0 auto; padding:0 28px;
  display:grid; grid-template-columns:1.05fr .95fr; gap:30px; align-items:center;
  min-height:520px;
}
.hero-title{
  font-size:clamp(2.8rem, 6vw, 5rem); font-weight:900; line-height:1.06;
  letter-spacing:-1px;
}
.hero-title span{ display:block; }
.hero-title span:last-child{ color:var(--brown); }
.hero-sub{ margin-top:24px; font-size:1.1rem; color:var(--ink-soft); }
.hero-cta{ display:flex; gap:14px; margin-top:34px; flex-wrap:wrap; }
.scroll-hint{ display:flex; flex-direction:column; align-items:flex-start; gap:8px; margin-top:54px;
  font-size:.72rem; letter-spacing:2px; color:var(--ink-soft); font-weight:700; }
.scroll-line{ width:1px; height:34px; background:var(--ink-soft); opacity:.5;
  animation:scrolldot 1.8s ease-in-out infinite; transform-origin:top; }
@keyframes scrolldot{ 0%,100%{ transform:scaleY(.4); opacity:.3; } 50%{ transform:scaleY(1); opacity:.7; } }

.hero-visual{ display:flex; justify-content:center; }
.hero-image-placeholder{
  width:100%; aspect-ratio:4/3; border-radius:24px;
  background:
    repeating-linear-gradient(45deg, rgba(168,133,79,.06) 0 12px, transparent 12px 24px),
    linear-gradient(135deg, #f3e6ce, #efe0c6);
  border:1px dashed var(--brown-soft);
  display:flex; align-items:center; justify-content:center; text-align:center;
  color:var(--brown); font-weight:700; font-size:.95rem;
}
.hero-image-placeholder small{ display:block; margin-top:6px; font-weight:500; color:var(--ink-soft); font-size:.78rem; }

.hero-features{
  position:relative; z-index:1;
  max-width:var(--maxw); margin:48px auto 0; padding:22px 28px;
  background:#fff; border-radius:20px 20px 0 0; box-shadow:var(--shadow-sm);
  display:grid; grid-template-columns:repeat(4,1fr);
  border:1px solid var(--line); border-bottom:none;
}
.feat{ display:flex; align-items:center; gap:14px; padding:0 22px; }
.feat + .feat{ border-left:1px solid var(--line); }
.feat-ic{ font-size:1.6rem; }
.feat strong{ display:block; font-size:.98rem; color:var(--ink); }
.feat span{ font-size:.8rem; color:var(--ink-soft); }

/* ====================================================
   섹션 공통
   ==================================================== */
.section{ padding:88px 0; }
.sec-news{ background:var(--bg-soft); }
.eyebrow{ font-size:.78rem; font-weight:800; letter-spacing:2px; color:var(--brown); margin-bottom:10px; }
.sec-title{ font-size:clamp(1.9rem,3.4vw,2.6rem); font-weight:900; letter-spacing:-.5px; }
.sec-sub{ margin-top:12px; color:var(--ink-soft); font-size:1.02rem; }
.sec-head-row{ display:flex; justify-content:space-between; align-items:flex-end; gap:20px; margin-bottom:42px; }

/* 체크 리스트 */
.check-list li{ position:relative; padding-left:24px; font-size:.95rem; color:var(--ink); margin:8px 0; }
.check-list li::before{ content:"✔"; position:absolute; left:0; top:0; font-size:.85rem; }
.check-list.blue li::before{ color:var(--blue); }
.check-list.green li::before{ color:var(--green); }
.check-list.brown li::before{ color:var(--brown); }
.check-list.tiny li{ font-size:.85rem; margin:5px 0; }
.check-list.small li{ font-size:.9rem; }
.check-list.mini li{ font-size:.85rem; margin:6px 0; }
.check-list.mini li::before{ color:var(--ink-soft); }

/* ====================================================
   SECTION 3 : 두 축
   ==================================================== */
.pillars{ display:grid; grid-template-columns:1fr .8fr 1fr; gap:18px; align-items:stretch; }
.pillar{ border-radius:var(--radius); padding:30px 28px; border:1px solid var(--line); }
.pillar-left{ background:linear-gradient(160deg,#eef4fb,#f6f9fd); }
.pillar-right{ background:linear-gradient(160deg,#eef6ea,#f6faf3); }
.pillar-center{ display:flex; align-items:center; justify-content:center; }
.bridge-node{
  background:#fff; border:1px solid var(--line); border-radius:50%;
  width:280px; height:280px; padding:26px; text-align:center;
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  box-shadow:var(--shadow-sm);
}
.bridge-ic{ font-size:2rem; margin:6px 0; }

.pill-badge{ display:inline-block; padding:5px 14px; border-radius:20px; font-size:.78rem; font-weight:700; margin-bottom:14px; }
.badge-blue{ background:var(--blue); color:#fff; }
.badge-green{ background:var(--green); color:#fff; }
.badge-brown{ background:var(--brown); color:#fff; }
.pill-title{ font-size:2rem; font-weight:900; letter-spacing:-.5px; }
.pill-title.small{ font-size:1.5rem; }
.pill-title.blue{ color:var(--blue); }
.pill-title.green{ color:var(--green); }
.pill-sub{ font-weight:700; font-size:1.05rem; margin:6px 0 16px; }
.pill-sub.center{ font-size:.9rem; font-weight:600; color:var(--ink-soft); margin-bottom:12px; }

.lang-chips{ display:flex; flex-wrap:wrap; gap:8px; margin-top:18px; }
.chip{
  width:44px; height:44px; border-radius:50%; background:#fff; border:1px solid var(--line);
  display:flex; align-items:center; justify-content:center; font-size:.78rem; font-weight:700;
}
.chip-more{ width:auto; padding:0 14px; border-radius:22px; color:var(--ink-soft); }

.icon-row{ display:flex; gap:14px; margin-top:18px; flex-wrap:wrap; }
.icon-row span{ display:flex; flex-direction:column; align-items:center; gap:6px; font-size:.78rem; color:var(--ink-soft); }
.icon-row i{ font-style:normal; width:46px; height:46px; border-radius:50%; background:#fff; border:1px solid var(--line);
  display:flex; align-items:center; justify-content:center; font-size:1.2rem; }

.travel-band{
  margin-top:22px; background:var(--bg-soft); border:1px solid var(--line); border-radius:var(--radius);
  padding:24px 28px; display:flex; align-items:center; gap:26px; flex-wrap:wrap;
}
.travel-band .pill-badge{ margin-bottom:0; }
.travel-thumbs{ display:flex; gap:8px; }
.travel-thumbs span{ width:54px; height:54px; border-radius:12px; background:#fff; border:1px solid var(--line);
  display:flex; align-items:center; justify-content:center; font-size:1.5rem; }
.travel-copy h3{ font-size:1.5rem; font-weight:900; color:var(--brown); }
.travel-copy p{ font-size:.92rem; color:var(--ink-soft); }
.travel-band .check-list{ margin-left:auto; }

.pillar-quote{
  margin-top:30px; text-align:center; font-size:1.05rem; font-weight:600; color:var(--ink);
  background:#fff; border:1px solid var(--line); border-radius:14px; padding:24px 30px;
  position:relative;
}
.q-mark{ color:var(--brown-soft); font-size:1.6rem; font-weight:900; vertical-align:-4px; }
.pillar-quote span[data-i18n]{ font-weight:600; }
.pillar-quote :is(b,strong){ color:var(--brown); }

/* ====================================================
   SECTION 4 : 브랜드 소개
   ==================================================== */
.brand-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.brand-card{
  background:#fff; border:1px solid var(--line); border-radius:var(--radius);
  padding:30px 24px; text-align:center; transition:.25s;
}
.brand-card:hover{ transform:translateY(-6px); box-shadow:var(--shadow-md); }
.brand-ic{ width:64px; height:64px; border-radius:18px; margin:0 auto 16px;
  display:flex; align-items:center; justify-content:center; font-size:1.7rem; color:#fff; }
.brand-name{ font-size:1.4rem; font-weight:900; }
.brand-en{ font-size:.82rem; color:var(--ink-soft); margin-top:2px; }
.brand-head{ font-weight:700; margin:14px 0 14px; font-size:1rem; }
.brand-thumb{ height:120px; border-radius:12px; background:var(--bg-soft); margin-bottom:16px;
  display:flex; align-items:center; justify-content:center; font-weight:800; font-size:1.4rem; color:var(--ink-soft); }
.brand-card .check-list{ text-align:left; }
.brand-more{ display:inline-block; margin-top:16px; width:100%; padding:11px 0; border-radius:10px;
  border:1px solid var(--line); font-size:.86rem; font-weight:700; transition:.2s; }

.theme-blue   .brand-ic{ background:var(--blue); }   .theme-blue   .brand-name,.theme-blue   .brand-more{ color:var(--blue); }
.theme-red    .brand-ic{ background:var(--red); }    .theme-red    .brand-name,.theme-red    .brand-more{ color:var(--red); }
.theme-green  .brand-ic{ background:var(--green); }  .theme-green  .brand-name,.theme-green  .brand-more{ color:var(--green); }
.theme-purple .brand-ic{ background:var(--purple); } .theme-purple .brand-name,.theme-purple .brand-more{ color:var(--purple); }
.theme-blue   .brand-card,.theme-blue:hover{}  /* placeholder */
.brand-card.theme-blue{ background:linear-gradient(180deg,#f4f8fd,#fff); }
.brand-card.theme-red{ background:linear-gradient(180deg,#fdf3f5,#fff); }
.brand-card.theme-green{ background:linear-gradient(180deg,#f2f8ee,#fff); }
.brand-card.theme-purple{ background:linear-gradient(180deg,#f6f2fc,#fff); }
.brand-more:hover{ background:var(--bg-soft); }

.vision-bar{
  margin-top:34px; background:var(--bg-soft); border:1px solid var(--line); border-radius:var(--radius);
  padding:26px 30px; display:flex; align-items:center; gap:34px; flex-wrap:wrap;
}
.vision-lead{ display:flex; align-items:center; gap:18px; flex:1 1 340px; }
.vision-ic{ width:54px; height:54px; flex-shrink:0; border-radius:50%; background:var(--brown); color:#fff;
  display:flex; align-items:center; justify-content:center; font-size:1.4rem; }
.vision-lead strong{ font-size:1.1rem; }
.vision-lead p{ font-size:.9rem; color:var(--ink-soft); margin-top:4px; white-space:pre-line; }
.vision-stats{ display:flex; gap:30px; flex-wrap:wrap; }
.vision-stats span{ display:flex; flex-direction:column; align-items:center; text-align:center; gap:2px; }
.vision-stats i{ font-style:normal; font-size:1.4rem; }
.vision-stats strong{ font-size:.95rem; }
.vision-stats em{ font-style:normal; font-size:.75rem; color:var(--ink-soft); }

/* ====================================================
   SECTION 5 : 대표 프로젝트
   ==================================================== */
.project-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.project-card{
  background:#fff; border:1px solid var(--line); border-radius:var(--radius);
  overflow:hidden; transition:.25s; display:flex; flex-direction:column;
}
.project-card:hover{ transform:translateY(-6px); box-shadow:var(--shadow-md); }
.proj-thumb{ height:160px; background:linear-gradient(135deg,#efe6d6,#f6efe2); position:relative; }
.proj-status{ position:absolute; top:14px; right:14px; padding:6px 14px; border-radius:20px;
  font-size:.74rem; font-weight:700; color:#fff; }
.st-red{ background:var(--red); } .st-blue{ background:var(--blue); }
.st-green{ background:var(--green); } .st-purple{ background:var(--purple); }
.project-card > :not(.proj-thumb){ padding-left:22px; padding-right:22px; }
.proj-tag{ font-size:.78rem; font-weight:800; letter-spacing:.5px; margin-top:18px; }
.proj-title{ font-size:1.1rem; font-weight:800; margin-top:8px; line-height:1.35; white-space:pre-line; }
.proj-desc{ font-size:.88rem; color:var(--ink-soft); margin-top:10px; white-space:pre-line; }
.proj-meta{ display:flex; flex-wrap:wrap; gap:6px 14px; margin-top:14px; }
.proj-meta li{ font-size:.74rem; color:var(--ink-soft); position:relative; padding-left:14px; }
.proj-meta li::before{ content:"·"; position:absolute; left:4px; }
.progress{ display:flex; align-items:center; gap:10px; margin-top:16px; }
.progress .bar{ height:7px; border-radius:6px; flex:1; display:block; min-width:8px; }
.progress em{ font-style:normal; font-size:.82rem; font-weight:800; }
.bar.c-red{ background:var(--red); } .bar.c-blue{ background:var(--blue); }
.bar.c-green{ background:var(--green); } .bar.c-purple{ background:var(--purple); }
.progress:has(.c-red) em{ color:var(--red); } .progress:has(.c-blue) em{ color:var(--blue); }
.progress:has(.c-green) em{ color:var(--green); } .progress:has(.c-purple) em{ color:var(--purple); }
.proj-more{ display:inline-block; margin:16px 0 22px; font-size:.86rem; font-weight:700;
  border-top:1px solid var(--line); padding-top:14px; }
.c-red{ color:var(--red); } .c-blue{ color:var(--blue); }
.c-green{ color:var(--green); } .c-purple{ color:var(--purple); }

.stat-bar{
  margin-top:34px; background:var(--bg-soft); border:1px solid var(--line); border-radius:var(--radius);
  padding:26px 30px; display:flex; align-items:center; gap:30px; flex-wrap:wrap;
}
.stat-lead{ display:flex; align-items:center; gap:18px; flex:1 1 320px; }
.stat-ic{ width:54px; height:54px; flex-shrink:0; border-radius:50%; background:var(--brown); color:#fff;
  display:flex; align-items:center; justify-content:center; font-size:1.4rem; }
.stat-lead strong{ font-size:1.1rem; }
.stat-lead p{ font-size:.9rem; color:var(--ink-soft); margin-top:4px; white-space:pre-line; }
.stat-nums{ display:flex; gap:30px; }
.stat-nums span{ display:flex; flex-direction:column; align-items:center; }
.stat-nums strong{ font-size:1.7rem; font-weight:900; color:var(--brown); }
.stat-nums em{ font-style:normal; font-size:.78rem; color:var(--ink-soft); }

/* ====================================================
   SECTION 6 : 최근 소식
   ==================================================== */
.news-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.news-card{
  background:#fff; border:1px solid var(--line); border-radius:var(--radius);
  overflow:hidden; transition:.25s; display:flex; flex-direction:column;
}
.news-card:hover{ transform:translateY(-6px); box-shadow:var(--shadow-md); }
.news-thumb{ height:160px; background:linear-gradient(135deg,#e9e0d2,#f3ecdd); position:relative; }
.news-tag{ position:absolute; top:14px; left:14px; padding:5px 12px; border-radius:8px;
  font-size:.72rem; font-weight:700; color:#fff; }
.t-blue{ background:var(--blue); } .t-red{ background:var(--red); }
.t-green{ background:var(--green); } .t-purple{ background:var(--purple); }
.news-card > :not(.news-thumb){ padding-left:22px; padding-right:22px; }
.news-date{ display:block; font-size:.78rem; color:var(--ink-soft); margin-top:18px; }
.news-title{ font-size:1.05rem; font-weight:800; margin-top:8px; line-height:1.4; white-space:pre-line; }
.news-desc{ font-size:.85rem; color:var(--ink-soft); margin-top:12px; white-space:pre-line; flex:1; }
.news-more{ display:inline-block; margin:16px 0 22px; font-size:.85rem; font-weight:700;
  border-top:1px solid var(--line); padding-top:14px; }

.notice-bar{
  margin-top:34px; background:#fff; border:1px solid var(--line); border-radius:var(--radius);
  padding:24px 30px; display:flex; align-items:center; gap:28px; flex-wrap:wrap;
}
.notice-lead{ display:flex; align-items:center; gap:16px; flex:1 1 240px; }
.notice-ic{ width:50px; height:50px; flex-shrink:0; border-radius:50%; background:var(--brown); color:#fff;
  display:flex; align-items:center; justify-content:center; font-size:1.3rem; }
.notice-lead strong{ font-size:1.05rem; } .notice-lead p{ font-size:.85rem; color:var(--ink-soft); }
.notice-list{ display:flex; gap:26px; flex:2 1 460px; flex-wrap:wrap; }
.notice-list li{ display:flex; align-items:center; gap:8px; font-size:.82rem; }
.n-mini{ font-weight:800; font-size:.7rem; color:var(--blue); background:var(--blue-bg); padding:2px 6px; border-radius:5px; }
.n-t{ font-weight:600; } .n-d{ color:var(--ink-soft); }
.n-arrow{ color:var(--ink-soft); }

/* ====================================================
   SECTION 7 : 함께 만드는 이모작
   ==================================================== */
.join-head{ display:flex; justify-content:space-between; align-items:flex-start; gap:30px; margin-bottom:42px; }
.join-hero{ font-size:1.5rem; font-weight:800; color:var(--brown); text-align:right; line-height:1.5;
  white-space:pre-line; font-family:"Noto Serif KR", var(--font-kr); }
.join-grid{ display:grid; grid-template-columns:repeat(5,1fr); gap:16px; }
.join-card{
  background:#fff; border:1px solid var(--line); border-radius:var(--radius);
  padding:26px 20px; text-align:center; transition:.25s;
}
.join-card:hover{ transform:translateY(-5px); box-shadow:var(--shadow-md); }
.join-ic{ width:56px; height:56px; border-radius:50%; margin:0 auto 14px;
  display:flex; align-items:center; justify-content:center; font-size:1.5rem; color:#fff; }
.ic-amber{ background:var(--amber); } .ic-green{ background:var(--green); }
.ic-purple{ background:var(--purple); } .ic-blue{ background:var(--blue); } .ic-red{ background:var(--red); }
.join-card h3{ font-size:1.05rem; font-weight:800; margin-bottom:14px; }
.join-thumb{ height:96px; border-radius:12px; background:var(--bg-soft); margin-bottom:16px;
  display:flex; align-items:center; justify-content:center; font-size:1.8rem; }
.dot-list{ text-align:left; }
.dot-list li{ position:relative; padding-left:14px; font-size:.82rem; color:var(--ink-soft); margin:7px 0; }
.dot-list li::before{ content:"•"; position:absolute; left:2px; color:var(--brown-soft); }
.join-cta{ display:inline-block; width:100%; margin-top:16px; padding:11px 0; border-radius:10px;
  border:1px solid var(--line); font-size:.84rem; font-weight:700; transition:.2s; }
.b-amber{ color:var(--amber); } .b-green{ color:var(--green); } .b-purple{ color:var(--purple); }
.b-blue{ color:var(--blue); } .b-red{ color:var(--red); }
.join-cta:hover{ background:var(--bg-soft); }

.join-bar{
  margin-top:30px; background:var(--bg-soft); border:1px solid var(--line); border-radius:var(--radius);
  padding:26px 30px; display:flex; align-items:center; justify-content:space-between; gap:24px; flex-wrap:wrap;
}
.join-bar-lead{ display:flex; align-items:center; gap:18px; }
.join-bar-ic{ width:54px; height:54px; flex-shrink:0; border-radius:50%; background:var(--brown); color:#fff;
  display:flex; align-items:center; justify-content:center; font-size:1.4rem; }
.join-bar-lead strong{ font-size:1.15rem; }
.join-bar-lead p{ font-size:.9rem; color:var(--ink-soft); margin-top:4px; white-space:pre-line; }
.contact-big{ display:flex; align-items:center; gap:14px; background:var(--brown); color:#fff;
  padding:18px 30px; border-radius:14px; transition:.2s; }
.contact-big:hover{ background:var(--brown-deep); }
.cb-ic{ font-size:1.4rem; }
.cb-text strong{ display:block; font-size:1.1rem; } .cb-text em{ font-style:normal; font-size:.8rem; opacity:.85; }

.partners{ margin-top:34px; padding-top:26px; border-top:1px solid var(--line);
  display:flex; align-items:center; gap:26px; flex-wrap:wrap; }
.partners-label{ font-weight:700; font-size:.9rem; color:var(--ink); }
.partner-logos{ display:flex; gap:24px; flex-wrap:wrap; align-items:center; }
.partner-logos span{ font-size:.84rem; color:var(--ink-soft); font-weight:600; }
.partner-logos .more{ color:var(--brown-soft); }

/* ====================================================
   FOOTER
   ==================================================== */
.footer-full{ background:var(--ink); border-top:1px solid rgba(255,255,255,.07); padding:3rem 2.5rem 1.5rem; }
.footer-full-inner{ max-width:1100px; margin:0 auto; display:flex; justify-content:space-between; flex-wrap:wrap; gap:2rem; }
.ff-logo{ font-family:var(--font-jp); font-weight:900; font-size:1.25rem; color:#fff; margin-bottom:.75rem; letter-spacing:.5px; }
.ff-logo .brand-2{ color:var(--brown-soft); }
.footer-col p{ font-size:.78rem; color:rgba(255,255,255,.45); line-height:1.8; }
.footer-col p strong{ color:rgba(255,255,255,.78); font-weight:500; }
.footer-col p.footer-mt{ margin-top:.75rem; }
.footer-col.links strong{ color:#fff; font-size:.82rem; font-weight:600; display:block; margin-bottom:.5rem; }
.footer-col.links strong.footer-legal-head{ margin-top:1rem; }
.footer-col.links a{ display:block; font-size:.78rem; color:rgba(255,255,255,.45); text-decoration:none; line-height:2; transition:color .2s; }
.footer-col.links a:hover{ color:var(--brown-soft); }
.footer-copy{ max-width:1100px; margin:2rem auto 0; padding-top:1.5rem; border-top:1px solid rgba(255,255,255,.08); text-align:center; font-size:.72rem; color:rgba(255,255,255,.28); }
.footer-copy a{ color:rgba(255,255,255,.4); }
@media (max-width:560px){
  .footer-full{ padding:2.4rem 1.4rem 1.4rem; }
  .footer-full-inner{ gap:1.6rem; }
}

/* ====================================================
   반응형
   ==================================================== */
@media (max-width:1180px){
  .main-nav{ display:none; }
  .lang-switch{ display:none; }
  .mobile-toggle{ display:flex; }
  .brand-grid,.project-grid,.news-grid{ grid-template-columns:repeat(2,1fr); }
  .join-grid{ grid-template-columns:repeat(3,1fr); }
  .pillars{ grid-template-columns:1fr; }
  .pillar-center{ order:-1; }
  .bridge-node{ width:240px; height:240px; }
}
@media (max-width:860px){
  .hero-inner{ grid-template-columns:1fr; min-height:auto; padding-bottom:20px; }
  .hero-visual{ display:none; }
  .hero-features{ grid-template-columns:repeat(2,1fr); gap:18px 0; border-radius:16px 16px 0 0; }
  .feat:nth-child(3){ border-left:none; }
  .feat{ padding:10px 16px; }
  .login-btn span{ display:none; }
  .login-btn{ padding:11px 13px; }
  .sec-head-row,.join-head{ flex-direction:column; align-items:flex-start; }
  .join-hero{ text-align:left; }
}
@media (max-width:560px){
  .container,.header-inner{ padding:0 18px; }
  .section{ padding:60px 0; }
  .brand-grid,.project-grid,.news-grid,.join-grid{ grid-template-columns:1fr; }
  .hero-features{ grid-template-columns:1fr; }
  .feat + .feat{ border-left:none; border-top:1px solid var(--line); padding-top:14px; }
  .brand-tagline{ display:none; }
  .stat-nums,.vision-stats{ gap:18px; }
  .lang-switch{ gap:5px; }
}

/* 접근성: 모션 줄이기 */
@media (prefers-reduced-motion:reduce){
  *{ animation:none !important; scroll-behavior:auto; }
}

/* ====================================================
   서브페이지 (브랜드 / 뉴스 상세)
   ==================================================== */
/* 고정 헤더만큼 앵커 위치 보정 */
[id]{ scroll-margin-top: 96px; }

.page-hero{
  padding:calc(var(--header-h) + 56px) 0 56px;
  background:linear-gradient(180deg,#f7efe2,var(--bg));
  border-bottom:1px solid var(--line);
}
.page-hero.acc-blue{   background:linear-gradient(180deg,#eef4fb,var(--bg)); }
.page-hero.acc-red{    background:linear-gradient(180deg,#fbeef0,var(--bg)); }
.page-hero.acc-green{  background:linear-gradient(180deg,#eef6ea,var(--bg)); }
.page-hero.acc-purple{ background:linear-gradient(180deg,#f1edf8,var(--bg)); }
.page-hero.acc-brown{  background:linear-gradient(180deg,#f4ede2,var(--bg)); }

.back-link{ display:inline-block; font-size:.88rem; font-weight:600; color:var(--ink-soft);
  margin-bottom:18px; transition:.2s; }
.back-link:hover{ color:var(--brown); }
.page-title{ font-size:clamp(2.2rem,5vw,3.4rem); font-weight:900; letter-spacing:-1px; margin-top:6px; }
.page-lead{ margin-top:14px; font-size:1.05rem; color:var(--ink-soft); max-width:680px; }

.content-placeholder{
  border:1.5px dashed var(--brown-soft); border-radius:var(--radius);
  padding:64px 30px; text-align:center; background:#fff;
}
.content-placeholder .ph-ic{ font-size:2.4rem; display:block; margin-bottom:14px; }
.content-placeholder h2{ font-size:1.3rem; font-weight:800; }
.content-placeholder p{ margin-top:8px; color:var(--ink-soft); }

/* 뉴스 상세 목록 */
.news-page{ max-width:820px; }
.news-article{ padding:34px 0; border-bottom:1px solid var(--line); scroll-margin-top:96px; }
.news-article:first-child{ padding-top:0; }
.news-article:target{ background:#fff; border-radius:var(--radius); padding:30px 28px;
  box-shadow:var(--shadow-md); border-bottom:none; }
.news-article .news-tag{ position:static; display:inline-block; }
.news-art-title{ font-size:1.6rem; font-weight:900; margin:14px 0 10px; line-height:1.35; }
.news-art-summary{ font-size:1rem; color:var(--ink-soft); }
.news-art-body{ margin-top:20px; padding-top:20px; border-top:1px solid var(--line);
  color:var(--ink); font-size:.98rem; line-height:1.8; }

/* ====================================================
   인증 (로그인 / 회원가입)
   ==================================================== */
.auth-wrap{
  min-height:calc(100vh - var(--header-h));
  display:flex; align-items:center; justify-content:center;
  padding:calc(var(--header-h) + 40px) 20px 60px;
  background:linear-gradient(180deg,#f7efe2,var(--bg));
}
.auth-card{
  width:100%; max-width:440px; background:#fff;
  border:1px solid var(--line); border-radius:22px;
  box-shadow:var(--shadow-md); padding:40px 36px;
}
.auth-logo{ display:flex; flex-direction:column; align-items:center; gap:6px; margin-bottom:24px; }
.auth-logo .brand-name{ font-size:1.5rem; }
.auth-head{ text-align:center; margin-bottom:26px; }
.auth-head h1{ font-size:1.5rem; font-weight:900; }
.auth-head p{ font-size:.92rem; color:var(--ink-soft); margin-top:6px; }

.field{ margin-bottom:16px; }
.field label{ display:block; font-size:.85rem; font-weight:700; margin-bottom:7px; color:var(--ink); }
.field input[type="text"],
.field input[type="email"],
.field input[type="password"]{
  width:100%; padding:13px 15px; border:1px solid var(--line); border-radius:11px;
  font-family:inherit; font-size:.95rem; color:var(--ink); background:#fdfbf8; transition:.2s;
}
.field input:focus{ outline:none; border-color:var(--brown); background:#fff;
  box-shadow:0 0 0 3px rgba(125,90,54,.12); }
.field input::placeholder{ color:#b6ab9b; }

.auth-row{ display:flex; align-items:center; justify-content:space-between; margin:4px 0 20px; }
.check{ display:flex; align-items:center; gap:8px; font-size:.85rem; color:var(--ink-soft); cursor:pointer; }
.check input{ width:16px; height:16px; accent-color:var(--brown); cursor:pointer; }
.link-muted{ font-size:.85rem; color:var(--brown); font-weight:600; }
.link-muted:hover{ text-decoration:underline; }

.btn-block{ width:100%; justify-content:center; padding:14px; font-size:1rem; }

.auth-divider{ display:flex; align-items:center; gap:14px; margin:22px 0; color:var(--ink-soft); font-size:.8rem; }
.auth-divider::before,.auth-divider::after{ content:""; flex:1; height:1px; background:var(--line); }

.social-btns{ display:flex; flex-direction:column; gap:10px; }
.social-btn{ display:flex; align-items:center; justify-content:center; gap:10px;
  width:100%; padding:12px; border-radius:11px; font-weight:700; font-size:.92rem;
  border:1px solid var(--line); background:#fff; cursor:pointer; transition:.2s; }
.social-btn:hover{ filter:brightness(.97); }
.social-btn .s-ic{ width:18px; height:18px; border-radius:4px; display:inline-flex;
  align-items:center; justify-content:center; font-size:.72rem; font-weight:900; }
.social-btn.kakao{ background:#FEE500; border-color:#FEE500; color:#191600; }
.social-btn.kakao .s-ic{ color:#191600; }
.social-btn.naver{ background:#03C75A; border-color:#03C75A; color:#fff; }
.social-btn.naver .s-ic{ color:#fff; }
.social-btn.google{ background:#fff; color:#3c4043; }

.agree-box{ border:1px solid var(--line); border-radius:12px; padding:14px 16px; margin-bottom:20px; background:#fdfbf8; }
.agree-all{ font-weight:800; color:var(--ink); padding-bottom:12px; margin-bottom:12px; border-bottom:1px solid var(--line); }
.agree-box .check{ margin:9px 0; font-size:.84rem; }

.auth-foot{ text-align:center; margin-top:22px; font-size:.9rem; color:var(--ink-soft); }
.auth-foot a{ color:var(--brown); font-weight:700; }
.auth-foot a:hover{ text-decoration:underline; }

@media (max-width:480px){
  .auth-card{ padding:32px 22px; border-radius:18px; }
}


/* =====================================================
   HONEY GARDEN — 리디자인 테마 (Progressive Enhancement)
   ===================================================== */
:root{
  --honey:#FFC43D; --honey-2:#FFB000; --orange:#FF7A00;
  --navy:#1F2A44; --navy-2:#16203a; --red:#EE2A2E;
  --bg-white:#ffffff; --honey-bg:#FBF3E0;
}
body{ background:var(--bg-white); }

/* 워드마크 로고 */
.wordmark{ font-weight:900; font-size:1.7rem; letter-spacing:-.5px; color:var(--navy); line-height:1; }
.wm-2{ color:var(--red); }

/* 리테마: CTA / eyebrow / nav */
.eyebrow{ color:var(--red); }
.btn-primary,.login-btn{ background:var(--navy); }
.btn-primary:hover,.login-btn:hover{ background:var(--navy-2); }
.btn-outline:hover{ border-color:var(--navy); color:var(--navy); }
.nav-link::after{ background:var(--honey-2); }
.nav-link:hover,.nav-link.active,.lang-btn.active{ color:var(--navy); }
.lang-btn.active{ text-decoration-color:var(--honey-2); }
.site-header{ background:rgba(255,255,255,.9); }
.site-header.scrolled{ background:rgba(255,255,255,.97); }
.ghost-btn:hover{ border-color:var(--navy); color:var(--navy); }

/* HERO 재구성 */
.hero{ background:radial-gradient(900px 460px at 80% 28%, rgba(255,196,61,.18), transparent 62%), #fff; }
.hero-bg{ display:none; }
.hero-title span:last-child{ color:var(--navy); }
.hero-image-placeholder{ display:none; }
.hero-visual{ position:relative; }
.hero-logo{ width:100%; max-width:430px; margin:0 auto; display:block;
  filter:drop-shadow(0 18px 34px rgba(31,42,68,.12)); }
.hero-dots{ position:absolute; inset:-10% -12%; z-index:0; pointer-events:none; opacity:.7; }
.hero-visual .hero-logo{ position:relative; z-index:1; }

/* 섹션 배경 리듬: 흰 / 베이지 교차 */
.section{ background:transparent; position:relative; }
.sec-news{ background:var(--honey-bg); }
.sec-honey{ background-color:var(--honey-bg);
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2254%22%20height%3D%2248%22%20viewBox%3D%220%200%2054%2048%22%3E%3Cpath%20d%3D%22M13.5%200%20H40.5%20L54%2024%20L40.5%2048%20H13.5%20L0%2024%20Z%22%20fill%3D%22none%22%20stroke%3D%22%23E9B43C%22%20stroke-opacity%3D%220.12%22%20stroke-width%3D%221%22%2F%3E%3C%2Fsvg%3E"); background-size:54px 48px; }
.sec-honey > .container,.sec-news > .container{ position:relative; z-index:2; }
.sec-honey::before,.sec-honey::after,
.sec-news::before,.sec-news::after{ content:""; position:absolute; left:0; right:0; height:64px;
  background-repeat:no-repeat; background-size:100% 100%; z-index:1; pointer-events:none; }
.sec-honey::before,.sec-news::before{ top:-1px; background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221440%22%20height%3D%2264%22%20viewBox%3D%220%200%201440%2064%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M0%200%20L1440%200%20L1440%2030%20C960%2070%20480%202%200%2034%20Z%22%20fill%3D%22%23ffffff%22%2F%3E%3C%2Fsvg%3E"); }
.sec-honey::after,.sec-news::after{ bottom:-1px; background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221440%22%20height%3D%2264%22%20viewBox%3D%220%200%201440%2064%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M0%2064%20L1440%2064%20L1440%2030%20C960%20-6%20480%2062%200%2030%20Z%22%20fill%3D%22%23ffffff%22%2F%3E%3C%2Fsvg%3E"); }
.sec-news{ background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2254%22%20height%3D%2248%22%20viewBox%3D%220%200%2054%2048%22%3E%3Cpath%20d%3D%22M13.5%200%20H40.5%20L54%2024%20L40.5%2048%20H13.5%20L0%2024%20Z%22%20fill%3D%22none%22%20stroke%3D%22%23E9B43C%22%20stroke-opacity%3D%220.12%22%20stroke-width%3D%221%22%2F%3E%3C%2Fsvg%3E"); background-size:54px 48px; }

/* 꽃 오브젝트 (장식 + 벌 착륙 지점) */
.flower{ position:absolute; width:34px; height:34px; z-index:1; pointer-events:none;
  -webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%22%20height%3D%22100%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cg%20fill%3D%22black%22%3E%3Cellipse%20cx%3D%2250%22%20cy%3D%2226%22%20rx%3D%2212%22%20ry%3D%2220%22%20transform%3D%22rotate%280%2050%2050%29%22%2F%3E%3Cellipse%20cx%3D%2250%22%20cy%3D%2226%22%20rx%3D%2212%22%20ry%3D%2220%22%20transform%3D%22rotate%2872%2050%2050%29%22%2F%3E%3Cellipse%20cx%3D%2250%22%20cy%3D%2226%22%20rx%3D%2212%22%20ry%3D%2220%22%20transform%3D%22rotate%28144%2050%2050%29%22%2F%3E%3Cellipse%20cx%3D%2250%22%20cy%3D%2226%22%20rx%3D%2212%22%20ry%3D%2220%22%20transform%3D%22rotate%28216%2050%2050%29%22%2F%3E%3Cellipse%20cx%3D%2250%22%20cy%3D%2226%22%20rx%3D%2212%22%20ry%3D%2220%22%20transform%3D%22rotate%28288%2050%2050%29%22%2F%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%2250%22%20r%3D%2211%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%22%20height%3D%22100%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cg%20fill%3D%22black%22%3E%3Cellipse%20cx%3D%2250%22%20cy%3D%2226%22%20rx%3D%2212%22%20ry%3D%2220%22%20transform%3D%22rotate%280%2050%2050%29%22%2F%3E%3Cellipse%20cx%3D%2250%22%20cy%3D%2226%22%20rx%3D%2212%22%20ry%3D%2220%22%20transform%3D%22rotate%2872%2050%2050%29%22%2F%3E%3Cellipse%20cx%3D%2250%22%20cy%3D%2226%22%20rx%3D%2212%22%20ry%3D%2220%22%20transform%3D%22rotate%28144%2050%2050%29%22%2F%3E%3Cellipse%20cx%3D%2250%22%20cy%3D%2226%22%20rx%3D%2212%22%20ry%3D%2220%22%20transform%3D%22rotate%28216%2050%2050%29%22%2F%3E%3Cellipse%20cx%3D%2250%22%20cy%3D%2226%22%20rx%3D%2212%22%20ry%3D%2220%22%20transform%3D%22rotate%28288%2050%2050%29%22%2F%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%2250%22%20r%3D%2211%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") center/contain no-repeat; opacity:.5; }
.flower.f-honey{ background:#E4B248; }
.flower.f-sage{ background:#9bb08a; }
.flower.f-rose{ background:#cfa0a6; }
.flower.sm{ width:22px; height:22px; opacity:.42; }
.flower.lg{ width:46px; height:46px; }

/* 벌 레이어 */
.bee-layer{ position:fixed; inset:0; z-index:40; pointer-events:none; overflow:hidden; contain:strict; }
.bee{ position:absolute; top:0; left:0; width:32px; height:32px; will-change:transform;
  transform:translate3d(-120px,-120px,0); }
.bee svg{ display:block; }
.bee .wing{ transform-box:fill-box; transform-origin:50% 92%;
  animation:beewing .11s ease-in-out infinite alternate; }
@keyframes beewing{ from{ transform:scaleY(.62);} to{ transform:scaleY(1);} }

/* 푸터 정원 */
.footer-full{ position:relative; }
.footer-garden{ position:absolute; top:0; left:0; right:0; height:46px; pointer-events:none;
  background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22200%22%20height%3D%2246%22%20viewBox%3D%220%200%20200%2046%22%3E%3Cg%20transform%3D%22translate%2840%2C46%29%20scale%281.0%29%22%3E%3Crect%20x%3D%22-1%22%20y%3D%22-22%22%20width%3D%222%22%20height%3D%2222%22%20fill%3D%22%237e9a6a%22%20opacity%3D%220.7%22%2F%3E%3Cellipse%20cx%3D%220%22%20cy%3D%22-30%22%20rx%3D%225%22%20ry%3D%228%22%20transform%3D%22rotate%280%200%20-22%29%22%20fill%3D%22%23cfa0a6%22%20opacity%3D%220.55%22%2F%3E%3Cellipse%20cx%3D%220%22%20cy%3D%22-30%22%20rx%3D%225%22%20ry%3D%228%22%20transform%3D%22rotate%2872%200%20-22%29%22%20fill%3D%22%23cfa0a6%22%20opacity%3D%220.55%22%2F%3E%3Cellipse%20cx%3D%220%22%20cy%3D%22-30%22%20rx%3D%225%22%20ry%3D%228%22%20transform%3D%22rotate%28144%200%20-22%29%22%20fill%3D%22%23cfa0a6%22%20opacity%3D%220.55%22%2F%3E%3Cellipse%20cx%3D%220%22%20cy%3D%22-30%22%20rx%3D%225%22%20ry%3D%228%22%20transform%3D%22rotate%28216%200%20-22%29%22%20fill%3D%22%23cfa0a6%22%20opacity%3D%220.55%22%2F%3E%3Cellipse%20cx%3D%220%22%20cy%3D%22-30%22%20rx%3D%225%22%20ry%3D%228%22%20transform%3D%22rotate%28288%200%20-22%29%22%20fill%3D%22%23cfa0a6%22%20opacity%3D%220.55%22%2F%3E%3Ccircle%20cx%3D%220%22%20cy%3D%22-22%22%20r%3D%224%22%20fill%3D%22%23E9B43C%22%20opacity%3D%220.6%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28110%2C46%29%20scale%280.85%29%22%3E%3Crect%20x%3D%22-1%22%20y%3D%22-22%22%20width%3D%222%22%20height%3D%2222%22%20fill%3D%22%237e9a6a%22%20opacity%3D%220.7%22%2F%3E%3Cellipse%20cx%3D%220%22%20cy%3D%22-30%22%20rx%3D%225%22%20ry%3D%228%22%20transform%3D%22rotate%280%200%20-22%29%22%20fill%3D%22%239bb08a%22%20opacity%3D%220.55%22%2F%3E%3Cellipse%20cx%3D%220%22%20cy%3D%22-30%22%20rx%3D%225%22%20ry%3D%228%22%20transform%3D%22rotate%2872%200%20-22%29%22%20fill%3D%22%239bb08a%22%20opacity%3D%220.55%22%2F%3E%3Cellipse%20cx%3D%220%22%20cy%3D%22-30%22%20rx%3D%225%22%20ry%3D%228%22%20transform%3D%22rotate%28144%200%20-22%29%22%20fill%3D%22%239bb08a%22%20opacity%3D%220.55%22%2F%3E%3Cellipse%20cx%3D%220%22%20cy%3D%22-30%22%20rx%3D%225%22%20ry%3D%228%22%20transform%3D%22rotate%28216%200%20-22%29%22%20fill%3D%22%239bb08a%22%20opacity%3D%220.55%22%2F%3E%3Cellipse%20cx%3D%220%22%20cy%3D%22-30%22%20rx%3D%225%22%20ry%3D%228%22%20transform%3D%22rotate%28288%200%20-22%29%22%20fill%3D%22%239bb08a%22%20opacity%3D%220.55%22%2F%3E%3Ccircle%20cx%3D%220%22%20cy%3D%22-22%22%20r%3D%224%22%20fill%3D%22%23E9B43C%22%20opacity%3D%220.6%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28165%2C46%29%20scale%280.9%29%22%3E%3Crect%20x%3D%22-1%22%20y%3D%22-22%22%20width%3D%222%22%20height%3D%2222%22%20fill%3D%22%237e9a6a%22%20opacity%3D%220.7%22%2F%3E%3Cellipse%20cx%3D%220%22%20cy%3D%22-30%22%20rx%3D%225%22%20ry%3D%228%22%20transform%3D%22rotate%280%200%20-22%29%22%20fill%3D%22%23E9C25A%22%20opacity%3D%220.55%22%2F%3E%3Cellipse%20cx%3D%220%22%20cy%3D%22-30%22%20rx%3D%225%22%20ry%3D%228%22%20transform%3D%22rotate%2872%200%20-22%29%22%20fill%3D%22%23E9C25A%22%20opacity%3D%220.55%22%2F%3E%3Cellipse%20cx%3D%220%22%20cy%3D%22-30%22%20rx%3D%225%22%20ry%3D%228%22%20transform%3D%22rotate%28144%200%20-22%29%22%20fill%3D%22%23E9C25A%22%20opacity%3D%220.55%22%2F%3E%3Cellipse%20cx%3D%220%22%20cy%3D%22-30%22%20rx%3D%225%22%20ry%3D%228%22%20transform%3D%22rotate%28216%200%20-22%29%22%20fill%3D%22%23E9C25A%22%20opacity%3D%220.55%22%2F%3E%3Cellipse%20cx%3D%220%22%20cy%3D%22-30%22%20rx%3D%225%22%20ry%3D%228%22%20transform%3D%22rotate%28288%200%20-22%29%22%20fill%3D%22%23E9C25A%22%20opacity%3D%220.55%22%2F%3E%3Ccircle%20cx%3D%220%22%20cy%3D%22-22%22%20r%3D%224%22%20fill%3D%22%23E9B43C%22%20opacity%3D%220.6%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") repeat-x center bottom; background-size:auto 44px; opacity:.6;
  transform:translateY(-100%); }

@media (prefers-reduced-motion:reduce){
  .bee-layer{ display:none; }
}
@media (max-width:560px){
  .wordmark{ font-size:1.5rem; }
}

.section > .container{ position:relative; z-index:2; }

.bee-inner{ width:30px; height:30px; will-change:transform; }