/* ═══════════════════════════════════════════
   스마일푸드유통 — 프리미엄 리디자인 CSS
   ═══════════════════════════════════════════ */

/* ── 토큰 ── */
:root {
  --red:       #c0392b;
  --red-d:     #962020;
  --red-l:     #e84040;
  --gold:      #c9a84c;
  --gold-l:    #e5c067;
  --ink:       #0f0f0f;
  --ink2:      #1c1c1c;
  --charcoal:  #2d2d2d;
  --mid:       #6b7280;
  --silver:    #9ca3af;
  --off:       #f7f6f4;
  --border:    #e8e6e2;
  --white:     #ffffff;
  --hh:        68px;
  --ease:      cubic-bezier(.4,0,.2,1);
  --ease-out:  cubic-bezier(0,.4,.2,1);
  --font:      'Noto Sans KR', sans-serif;
  --serif:     'Noto Serif KR', serif;
  --r:         10px;
  --r-l:       18px;
  --shadow:    0 4px 24px rgba(0,0,0,.10);
  --shadow-l:  0 12px 48px rgba(0,0,0,.18);
}

/* ── Reset ── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;font-size:16px;-webkit-text-size-adjust:100%}
body{font-family:var(--font);color:var(--ink);background:var(--white);overflow-x:hidden;line-height:1.7;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{text-decoration:none;color:inherit}
button{cursor:pointer;border:none;background:none;font-family:inherit}
ul{list-style:none}
::selection{background:var(--red);color:#fff}

/* ── 컨테이너 ── */
.sec-inner{width:100%;max-width:1240px;margin:0 auto;padding:0 28px}

/* ── 공통 섹션 헤더 ── */
.sec-header{text-align:center;margin-bottom:64px}
.sec-eyebrow{display:inline-block;font-size:.7rem;font-weight:800;letter-spacing:4px;color:var(--red);background:rgba(192,57,43,.08);padding:6px 18px;border-radius:30px;margin-bottom:16px;text-transform:uppercase}
.sec-h2{font-family:var(--serif);font-size:2.4rem;font-weight:700;color:var(--ink);line-height:1.25;margin-bottom:14px}
.sec-desc{color:var(--mid);font-size:.97rem;line-height:1.9}

/* ── 버튼 ── */
.btn-fire{
  display:inline-flex;align-items:center;gap:10px;
  padding:14px 32px;border-radius:8px;
  font-size:.95rem;font-weight:700;
  background:linear-gradient(135deg,var(--red),var(--red-d));
  color:#fff;
  box-shadow:0 4px 20px rgba(192,57,43,.35);
  transition:transform .25s var(--ease),box-shadow .25s var(--ease);
  white-space:nowrap;
}
.btn-fire:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(192,57,43,.5)}
.btn-fire:active{transform:translateY(0)}
.btn-ghost{
  display:inline-flex;align-items:center;gap:10px;
  padding:14px 32px;border-radius:8px;
  font-size:.95rem;font-weight:600;
  background:rgba(255,255,255,.1);
  color:#fff;
  border:1.5px solid rgba(255,255,255,.45);
  backdrop-filter:blur(4px);
  transition:all .25s var(--ease);
}
.btn-ghost:hover{background:rgba(255,255,255,.2);border-color:#fff;transform:translateY(-2px)}
.btn-full{width:100%;justify-content:center}

/* ── Reveal ── */
.reveal{opacity:0;transform:translateY(32px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.reveal.visible{opacity:1;transform:none}

/* ── Fade-up (hero) ── */
.fade-up{opacity:0;transform:translateY(24px);animation:fadeUp .7s var(--ease) forwards;animation-delay:var(--d,0s)}
@keyframes fadeUp{to{opacity:1;transform:none}}


/* ═══════════════════════════
   LOADING SCREEN
═══════════════════════════ */
#loading-screen{
  position:fixed;inset:0;z-index:9999;
  display:flex;align-items:center;justify-content:center;
}
.ls-bg{
  position:absolute;inset:0;
  background:linear-gradient(145deg,#100604 0%,#200c06 55%,#100604 100%);
}
.ls-bg::after{
  content:'';position:absolute;inset:0;
  background:
    radial-gradient(ellipse at 25% 60%,rgba(192,57,43,.18) 0%,transparent 55%),
    radial-gradient(ellipse at 75% 35%,rgba(201,168,76,.10) 0%,transparent 50%);
}
.ls-content{
  position:relative;z-index:1;
  display:flex;flex-direction:column;align-items:center;gap:36px;
}

/* 도마 */
.ls-board{filter:drop-shadow(0 20px 40px rgba(0,0,0,.7))}
.board-surface{
  position:relative;width:340px;height:170px;
  background:linear-gradient(155deg,#7a4e2a 0%,#5c3519 50%,#7a4e2a 100%);
  border-radius:20px;overflow:hidden;
  box-shadow:inset 0 2px 6px rgba(255,255,255,.1),inset 0 -4px 8px rgba(0,0,0,.4);
}
.board-grain{
  position:absolute;inset:0;
  background:repeating-linear-gradient(88deg,transparent,transparent 18px,rgba(0,0,0,.07) 18px,rgba(0,0,0,.07) 19px);
}

/* 고기 조각들 */
.meat-group{
  position:absolute;
  bottom:22px;left:50%;
  transform:translateX(-50%);
  display:flex;gap:4px;align-items:flex-end;
}
.meat-piece{
  border-radius:5px 5px 7px 7px;
  background:linear-gradient(180deg,#c0392b 0%,#8e1f15 70%,#6b1510 100%);
  box-shadow:2px 2px 8px rgba(0,0,0,.5),inset 0 1px 3px rgba(255,200,180,.2);
  transform-origin:bottom center;opacity:0;
  animation:meatFall .5s var(--ease-out) forwards;
  position:relative;
}
.meat-piece::after{
  content:'';position:absolute;top:0;left:0;right:0;height:35%;
  background:linear-gradient(180deg,rgba(255,255,255,.18),transparent);
  border-radius:5px 5px 0 0;
}
.mp1{width:32px;height:68px;animation-delay:.25s}
.mp2{width:36px;height:84px;animation-delay:.55s}
.mp3{width:30px;height:74px;animation-delay:.85s}
.mp4{width:38px;height:92px;animation-delay:1.15s}
.mp5{width:33px;height:70px;animation-delay:1.45s}
.mp6{width:29px;height:62px;animation-delay:1.75s}
@keyframes meatFall{
  from{opacity:0;transform:translateY(-28px) rotate(-6deg)}
  to{opacity:1;transform:translateY(0) rotate(0deg)}
}

/* 칼 리그 */
.knife-rig{
  position:absolute;top:14px;left:16px;right:16px;
  animation:knifeSlash .4s ease-in-out infinite alternate;
}
.knife-blade-wrap{display:flex;align-items:center;transform:rotate(-4deg)}
.k-blade{
  width:190px;height:30px;
  background:linear-gradient(180deg,#e0e0e0 0%,#a0a0a0 35%,#c8c8c8 55%,#888 100%);
  clip-path:polygon(0 22%,100% 0%,100% 100%,0 78%);
  box-shadow:0 3px 12px rgba(0,0,0,.5);
  position:relative;
}
.k-blade::after{
  content:'';position:absolute;top:3px;left:12px;right:0;height:3px;
  background:linear-gradient(90deg,rgba(255,255,255,.9),rgba(255,255,255,.1));
  border-radius:2px;
}
.k-bolster{width:8px;height:26px;background:#888;border-radius:2px}
.k-handle{
  width:72px;height:22px;
  background:linear-gradient(180deg,#4a2c0e,#2e1a08);
  border-radius:4px 14px 14px 4px;
  box-shadow:inset 0 2px 3px rgba(255,255,255,.1),0 3px 8px rgba(0,0,0,.5);
}
@keyframes knifeSlash{
  0%{transform:translateX(0) translateY(0)}
  100%{transform:translateX(24px) translateY(6px)}
}

/* 육즙 파티클 */
.juice-particles{position:absolute;inset:0;pointer-events:none}
.jp{position:absolute;border-radius:50%;opacity:0;background:var(--red-l)}
.jp1{width:6px;height:6px;left:35%;top:45%;animation:jpBurst 1.2s ease infinite;animation-delay:.9s}
.jp2{width:4px;height:4px;left:48%;top:38%;animation:jpBurst 1.2s ease infinite;animation-delay:1.2s}
.jp3{width:7px;height:7px;left:58%;top:48%;animation:jpBurst 1.2s ease infinite;animation-delay:.7s}
.jp4{width:5px;height:5px;left:66%;top:40%;animation:jpBurst 1.2s ease infinite;animation-delay:1.5s}
.jp5{width:4px;height:4px;left:74%;top:44%;animation:jpBurst 1.2s ease infinite;animation-delay:1.1s}
.jp6{width:6px;height:6px;left:42%;top:50%;animation:jpBurst 1.2s ease infinite;animation-delay:.6s}
@keyframes jpBurst{
  0%{opacity:0;transform:translate(0,0) scale(0)}
  25%{opacity:1;transform:translate(-5px,-14px) scale(1)}
  100%{opacity:0;transform:translate(-9px,-26px) scale(.3)}
}

/* 브랜드 */
.ls-brand{text-align:center}
.ls-logo{display:flex;gap:8px;align-items:baseline;justify-content:center;margin-bottom:8px}
.ls-smile{font-size:3.2rem;font-weight:900;color:#fff;letter-spacing:5px}
.ls-food{font-size:3.2rem;font-weight:900;color:var(--red-l);letter-spacing:5px;text-shadow:0 0 24px rgba(232,64,64,.5)}
.ls-tagline{font-size:.8rem;color:rgba(255,255,255,.5);letter-spacing:3px}

/* 로딩바 */
.ls-progress{display:flex;flex-direction:column;align-items:center;gap:8px;width:300px}
.ls-bar-track{width:100%;height:2px;background:rgba(255,255,255,.12);border-radius:2px;overflow:hidden}
.ls-bar-fill{height:100%;width:0;background:linear-gradient(90deg,var(--red),var(--gold));transition:width .04s linear}
.ls-pct{font-size:.72rem;color:rgba(255,255,255,.4);letter-spacing:1px}


/* ═══════════════════════════
   HEADER
═══════════════════════════ */
#site-header{
  position:fixed;top:0;left:0;right:0;z-index:900;
  height:var(--hh);
  transition:background .35s var(--ease),box-shadow .35s var(--ease);
}
#site-header.scrolled{
  background:rgba(255,255,255,.97);
  box-shadow:0 1px 20px rgba(0,0,0,.1);
  backdrop-filter:blur(12px);
}
.hd-inner{
  max-width:1240px;margin:0 auto;padding:0 28px;
  height:100%;display:flex;align-items:center;justify-content:space-between;
}
.hd-logo{
  display:flex;align-items:baseline;gap:3px;
  font-size:1.5rem;font-weight:900;letter-spacing:1px;
}
.hl-smile{color:#fff;transition:color .3s}
.hl-food{color:var(--red-l);transition:color .3s}
.hd-logo em{font-size:.72rem;font-style:normal;font-weight:500;color:rgba(255,255,255,.6);margin-left:3px;transition:color .3s}
#site-header.scrolled .hl-smile{color:var(--ink)}
#site-header.scrolled .hl-food{color:var(--red)}
#site-header.scrolled .hd-logo em{color:var(--mid)}

#main-nav ul{display:flex;gap:2px;align-items:center}
#main-nav ul li a{
  padding:8px 13px;border-radius:6px;
  font-size:.88rem;font-weight:500;
  color:rgba(255,255,255,.88);
  transition:all .25s var(--ease);
}
#main-nav ul li a:hover{color:#fff;background:rgba(255,255,255,.14)}
#site-header.scrolled #main-nav ul li a{color:var(--charcoal)}
#site-header.scrolled #main-nav ul li a:hover{color:var(--red);background:rgba(192,57,43,.07)}

.hd-cta-btn{
  background:var(--red)!important;color:#fff!important;
  padding:9px 18px!important;border-radius:7px!important;font-weight:700!important;
  box-shadow:0 4px 14px rgba(192,57,43,.35);
  transition:all .25s var(--ease)!important;
}
.hd-cta-btn:hover{background:var(--red-d)!important;transform:translateY(-1px);box-shadow:0 6px 20px rgba(192,57,43,.5)!important}

.hd-hamburger{display:none;flex-direction:column;gap:5px;padding:5px}
.hd-hamburger span{display:block;width:23px;height:2px;background:#fff;border-radius:2px;transition:all .3s var(--ease)}
#site-header.scrolled .hd-hamburger span{background:var(--ink)}
.hd-hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.hd-hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)}
.hd-hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}


/* ═══════════════════════════
   HERO
═══════════════════════════ */
#hero{
  position:relative;min-height:100vh;
  display:flex;flex-direction:column;justify-content:center;
  overflow:hidden;
}
.hero-media{position:absolute;inset:0;z-index:0}
.hero-bg-img{width:100%;height:100%;object-fit:cover;object-position:center 40%;filter:saturate(1.15)}
.hero-overlay{
  position:absolute;inset:0;
  background:
    linear-gradient(to right,rgba(8,4,2,.85) 0%,rgba(8,4,2,.6) 60%,rgba(8,4,2,.3) 100%),
    linear-gradient(to top,rgba(8,4,2,.7) 0%,transparent 60%);
}
/* 불씨 파티클 */
.hero-embers{position:absolute;inset:0;pointer-events:none}
.hero-embers span{
  position:absolute;bottom:0;border-radius:50%;
  background:rgba(255,140,30,.8);
  animation:emberRise var(--dur,4s) ease-in infinite;
  animation-delay:var(--dd,0s);
}
.hero-embers span:nth-child(1){width:4px;height:4px;left:10%;--dur:3.5s;--dd:0s}
.hero-embers span:nth-child(2){width:3px;height:3px;left:22%;--dur:4.2s;--dd:.8s}
.hero-embers span:nth-child(3){width:5px;height:5px;left:38%;--dur:3.8s;--dd:1.4s}
.hero-embers span:nth-child(4){width:3px;height:3px;left:55%;--dur:4.6s;--dd:.3s}
.hero-embers span:nth-child(5){width:4px;height:4px;left:70%;--dur:3.3s;--dd:2.1s}
.hero-embers span:nth-child(6){width:6px;height:6px;left:80%;--dur:4s;--dd:1s}
.hero-embers span:nth-child(7){width:3px;height:3px;left:18%;--dur:5s;--dd:.5s}
.hero-embers span:nth-child(8){width:4px;height:4px;left:45%;--dur:3.7s;--dd:1.8s}
.hero-embers span:nth-child(9){width:5px;height:5px;left:62%;--dur:4.3s;--dd:2.6s}
.hero-embers span:nth-child(10){width:3px;height:3px;left:90%;--dur:3.9s;--dd:.2s}
@keyframes emberRise{
  0%{transform:translateY(0) translateX(0);opacity:.9}
  50%{transform:translateY(-50vh) translateX(20px);opacity:.5}
  100%{transform:translateY(-100vh) translateX(-10px);opacity:0}
}

.hero-inner{
  position:relative;z-index:1;
  max-width:1240px;margin:0 auto;padding:0 28px;
  width:100%;padding-top:calc(var(--hh) + 60px);padding-bottom:80px;
  display:flex;align-items:center;gap:60px;
}
.hero-left{flex:1}
.hero-eyebrow{
  display:inline-flex;align-items:center;gap:10px;
  font-size:.76rem;font-weight:600;letter-spacing:2px;
  color:var(--gold-l);
  background:rgba(201,168,76,.12);border:1px solid rgba(201,168,76,.25);
  padding:8px 20px;border-radius:30px;margin-bottom:28px;
  backdrop-filter:blur(4px);
}
.eyebrow-dot{width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 8px var(--gold);animation:blink 2s ease infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.4}}

.hero-h1{
  font-family:var(--serif);
  font-size:3.8rem;font-weight:700;
  color:#fff;line-height:1.2;margin-bottom:24px;
  text-shadow:0 2px 20px rgba(0,0,0,.3);
}
.hero-h1 strong{
  display:block;font-size:4.2rem;font-weight:900;
  background:linear-gradient(90deg,#fff 30%,var(--gold-l));
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
  line-height:1.15;
}
.hero-sub{
  font-size:1.05rem;color:rgba(255,255,255,.82);
  line-height:1.95;margin-bottom:40px;
}
.hero-sub b{color:var(--gold-l);font-weight:700}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap}

.hero-right{flex-shrink:0;display:flex;flex-direction:column;gap:20px}
.hero-stat-card{
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);
  backdrop-filter:blur(12px);border-radius:var(--r-l);
  padding:28px 32px;display:flex;align-items:center;gap:0;
}
.hsc-item{text-align:center;padding:0 28px}
.hsc-item strong{display:block;font-size:1.9rem;font-weight:900;color:#fff;line-height:1;margin-bottom:5px}
.hsc-item small{font-size:.74rem;color:rgba(255,255,255,.55);letter-spacing:1px}
.hsc-line{width:1px;height:44px;background:rgba(255,255,255,.18)}

.hero-badges{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.hb-item{
  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);
  padding:10px 14px;border-radius:8px;font-size:.8rem;font-weight:600;
  color:rgba(255,255,255,.8);display:flex;align-items:center;gap:8px;
  backdrop-filter:blur(4px);transition:all .25s var(--ease);
}
.hb-item:hover{background:rgba(255,255,255,.13);border-color:rgba(201,168,76,.4)}
.hb-item i{color:var(--gold);font-size:.85rem}

.hero-scroll{
  position:absolute;bottom:36px;left:50%;transform:translateX(-50%);
  z-index:1;display:flex;flex-direction:column;align-items:center;gap:8px;
  color:rgba(255,255,255,.4);font-size:.68rem;letter-spacing:3px;
  animation:scrollHint 2.5s ease-in-out infinite;cursor:pointer;
}
.scroll-line{width:1px;height:36px;background:linear-gradient(to bottom,rgba(255,255,255,.4),transparent)}
@keyframes scrollHint{0%,100%{transform:translateX(-50%) translateY(0)}60%{transform:translateX(-50%) translateY(8px)}}


/* ═══════════════════════════
   NUMBERS BAR
═══════════════════════════ */
#numbers-bar{
  background:linear-gradient(135deg,var(--red-d),var(--red));
  position:relative;z-index:2;
}
.nb-inner{
  max-width:1240px;margin:0 auto;padding:0 28px;
  display:flex;align-items:center;justify-content:center;flex-wrap:wrap;
}
.nb-item{
  padding:28px 40px;text-align:center;flex:1;min-width:160px;
}
.nb-num{
  display:block;font-size:2.6rem;font-weight:900;color:#fff;line-height:1;margin-bottom:5px;
  font-family:var(--serif);
}
.nb-item span{font-size:.82rem;color:rgba(255,255,255,.72);letter-spacing:.5px}
.nb-sep{width:1px;height:48px;background:rgba(255,255,255,.2);flex-shrink:0}


/* ═══════════════════════════
   ABOUT
═══════════════════════════ */
#about{padding:110px 0;background:var(--white)}
.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}

.about-visual{position:relative}
.av-main-img{
  border-radius:var(--r-l);overflow:hidden;
  aspect-ratio:4/3;box-shadow:var(--shadow-l);
}
.av-main-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.av-main-img:hover img{transform:scale(1.04)}

.av-cert-card{
  position:absolute;bottom:-24px;right:-24px;
  background:#fff;padding:18px 22px;border-radius:var(--r);
  box-shadow:var(--shadow-l);display:flex;align-items:center;gap:14px;
  border-left:4px solid var(--red);
}
.acc-icon{
  width:44px;height:44px;border-radius:50%;
  background:linear-gradient(135deg,var(--red),var(--red-d));
  color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.1rem;
}
.acc-text strong{display:block;font-size:.9rem;font-weight:700;color:var(--ink)}
.acc-text span{font-size:.75rem;color:var(--mid)}

.av-years-badge{
  position:absolute;top:-20px;left:-20px;
  width:80px;height:80px;border-radius:50%;
  background:linear-gradient(135deg,var(--gold),var(--gold-l));
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  box-shadow:0 6px 24px rgba(201,168,76,.4);
}
.ayb-num{font-size:1.8rem;font-weight:900;color:#fff;line-height:1}
.ayb-label{font-size:.62rem;font-weight:700;color:rgba(255,255,255,.8);letter-spacing:1px}

.about-content .sec-eyebrow{margin-bottom:12px}
.about-content .sec-h2{text-align:left;margin-bottom:24px}

.about-ceo-quote{
  background:linear-gradient(135deg,rgba(192,57,43,.06),rgba(192,57,43,.02));
  border-left:3px solid var(--red);border-radius:0 var(--r) var(--r) 0;
  padding:22px 24px;margin-bottom:32px;position:relative;
}
.acq-mark{
  position:absolute;top:-8px;left:20px;
  font-size:4rem;color:var(--red);opacity:.2;font-family:Georgia,serif;line-height:1;
}
.about-ceo-quote blockquote{
  font-size:.94rem;color:var(--charcoal);line-height:1.85;
  font-style:normal;position:relative;z-index:1;
}
.acq-author{
  display:flex;align-items:center;gap:10px;margin-top:14px;
  font-size:.82rem;color:var(--mid);
}
.acq-dot{width:6px;height:6px;border-radius:50%;background:var(--red)}
.acq-author strong{color:var(--ink);font-weight:700}

.about-points{display:flex;flex-direction:column;gap:18px}
.ap-item{display:flex;align-items:flex-start;gap:16px}
.ap-icon{
  width:40px;height:40px;border-radius:10px;flex-shrink:0;margin-top:2px;
  background:linear-gradient(135deg,rgba(192,57,43,.1),rgba(192,57,43,.05));
  display:flex;align-items:center;justify-content:center;
  color:var(--red);font-size:.95rem;border:1px solid rgba(192,57,43,.15);
}
.ap-text strong{display:block;font-size:.9rem;font-weight:700;color:var(--ink);margin-bottom:3px}
.ap-text span{font-size:.81rem;color:var(--mid)}


/* ═══════════════════════════
   PRODUCTS  — Magazine Grid
═══════════════════════════ */
#products{padding:110px 0;background:var(--off)}

/* 매거진 그리드 레이아웃 */
.pm-grid{
  display:grid;
  grid-template-columns:1.35fr 1fr;
  grid-template-rows:auto;
  grid-template-areas:
    "a b"
    "a c"
    "a d";
  gap:18px;
  margin-bottom:44px;
  align-items:stretch;
}

/* 공통 카드 */
.pm-card{
  position:relative;overflow:hidden;border-radius:20px;
  background:#fff;
  box-shadow:0 4px 24px rgba(0,0,0,.10);
  border:1.5px solid var(--border);
  cursor:pointer;
  transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .3s;
  display:flex;flex-direction:column;
}
.pm-card:hover{
  transform:translateY(-6px);
  box-shadow:0 16px 48px rgba(192,57,43,.18);
  border-color:var(--red);
}

/* 이미지 래퍼 */
.pm-img{position:relative;overflow:hidden;flex-shrink:0}
.pm-img img{
  width:100%;height:100%;object-fit:cover;
  transition:transform .65s var(--ease);
  display:block;
}
.pm-card:hover .pm-img img{transform:scale(1.07)}

/* 그라디언트 오버레이 — 텍스트 가독성 */
.pm-gradient{
  position:absolute;inset:0;
  background:linear-gradient(to top,rgba(10,5,2,.65) 0%,rgba(10,5,2,.1) 55%,transparent 100%);
  pointer-events:none;
}

/* ── 큰 카드 (a) ── */
.pm-card--big{
  min-height:520px;
}
.pm-card--big .pm-img{
  position:absolute;inset:0;
}
.pm-card--big .pm-img img{position:absolute;inset:0}
.pm-card--big .pm-body{
  position:absolute;bottom:0;left:0;right:0;
  padding:36px 36px 32px;
  z-index:2;
}
.pm-card--big .pm-gradient{
  background:linear-gradient(to top,rgba(8,4,2,.88) 0%,rgba(8,4,2,.4) 50%,transparent 100%);
}
.pm-card--big .pm-eyebrow{color:rgba(255,255,255,.7)}
.pm-card--big .pm-title{font-size:2rem;color:#fff;margin:8px 0 12px}
.pm-card--big .pm-desc{color:rgba(255,255,255,.8);font-size:.88rem;line-height:1.8;margin-bottom:16px}
.pm-card--big .pm-specs{
  list-style:none;padding:0;margin:0 0 22px;
  display:flex;flex-wrap:wrap;gap:12px;
}
.pm-card--big .pm-specs li{
  font-size:.78rem;color:rgba(255,255,255,.85);
  display:flex;align-items:center;gap:6px;
}
.pm-card--big .pm-specs li i{color:var(--gold);font-size:.72rem}
.pm-card--big .pm-cta{
  display:inline-flex;align-items:center;gap:9px;
  background:linear-gradient(135deg,var(--red),var(--red-d));
  color:#fff;font-size:.88rem;font-weight:700;
  padding:12px 26px;border-radius:50px;
  transition:gap .25s var(--ease),box-shadow .25s;
  box-shadow:0 4px 18px rgba(192,57,43,.4);
}
.pm-card--big .pm-cta:hover{gap:15px;box-shadow:0 8px 28px rgba(192,57,43,.55)}

/* 상단 뱃지 */
.pm-top{
  display:flex;align-items:center;justify-content:space-between;margin-bottom:0;
}
.pm-badge-crown{
  background:linear-gradient(135deg,var(--gold),#e8c96a);
  color:#fff;font-size:.72rem;font-weight:800;letter-spacing:.8px;
  padding:5px 14px;border-radius:30px;
  display:flex;align-items:center;gap:6px;
  box-shadow:0 2px 10px rgba(201,168,76,.4);
  white-space:nowrap;
}

/* ── 작은 카드 (b, c, d) ── */
.pm-card:not(.pm-card--big) .pm-img{height:160px}
.pm-card:not(.pm-card--big) .pm-body{padding:18px 22px 20px;flex:1;display:flex;flex-direction:column;justify-content:space-between}

/* 공통 텍스트 */
.pm-eyebrow{
  font-size:.68rem;font-weight:700;color:var(--red);
  letter-spacing:2px;text-transform:uppercase;display:block;margin-bottom:4px;
}
.pm-title{
  font-size:1.2rem;font-weight:800;color:var(--ink);
  font-family:var(--serif);line-height:1.25;margin:0 0 8px;
}
.pm-desc{font-size:.82rem;color:var(--mid);line-height:1.72;flex:1;margin-bottom:12px}
.pm-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:auto}
.pm-tags span{
  background:rgba(192,57,43,.07);color:var(--red);
  font-size:.68rem;font-weight:700;padding:4px 11px;border-radius:12px;
}

/* 뱃지 */
.pm-badge{
  position:absolute;top:12px;right:12px;z-index:3;
  background:var(--red);color:#fff;
  font-size:.68rem;font-weight:800;padding:4px 13px;border-radius:20px;letter-spacing:.6px;
}
.pm-badge--gold{background:linear-gradient(135deg,var(--gold),#e8c96a)}

/* 제품 하단 CTA */
.products-cta{
  display:flex;align-items:center;justify-content:space-between;
  background:linear-gradient(135deg,var(--ink2),var(--charcoal));
  border-radius:var(--r-l);padding:36px 48px;color:#fff;
  gap:24px;
}
.pcta-text h3{font-size:1.3rem;font-weight:700;margin-bottom:6px}
.pcta-text p{font-size:.88rem;color:rgba(255,255,255,.65)}

/* 공통 레거시 호환 */
.prod-cat{font-size:.7rem;font-weight:700;color:var(--red);letter-spacing:2px;text-transform:uppercase}


/* ═══════════════════════════
   PROCESS
═══════════════════════════ */
#process{position:relative;padding:110px 0;overflow:hidden}
.process-bg{position:absolute;inset:0;z-index:0}
.process-bg img{width:100%;height:100%;object-fit:cover;filter:saturate(.8)}
.process-overlay{
  position:absolute;inset:0;
  background:linear-gradient(135deg,rgba(8,4,2,.92) 0%,rgba(20,8,4,.88) 100%);
}
#process .sec-inner{position:relative;z-index:1}

.process-steps{
  display:flex;align-items:center;justify-content:center;
  flex-wrap:wrap;gap:0;margin-bottom:56px;
}
.ps-item{
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);
  border-radius:var(--r-l);padding:28px 22px;text-align:center;
  flex:1;min-width:160px;max-width:200px;
  backdrop-filter:blur(6px);transition:all .3s var(--ease);
  position:relative;
}
.ps-item:hover{background:rgba(255,255,255,.12);border-color:rgba(192,57,43,.4);transform:translateY(-4px)}
.ps-num{
  font-size:.68rem;font-weight:800;color:var(--gold);letter-spacing:2px;margin-bottom:12px;
}
.ps-icon{
  width:52px;height:52px;border-radius:50%;margin:0 auto 14px;
  background:linear-gradient(135deg,var(--red),var(--red-d));
  display:flex;align-items:center;justify-content:center;
  color:#fff;font-size:1.2rem;box-shadow:0 4px 16px rgba(192,57,43,.4);
}
.ps-item h4{font-size:.9rem;font-weight:700;color:#fff;margin-bottom:8px}
.ps-item p{font-size:.76rem;color:rgba(255,255,255,.55);line-height:1.6}
.ps-arrow{color:rgba(255,255,255,.25);font-size:.9rem;padding:0 6px;flex-shrink:0}

.process-cert-row{
  display:flex;align-items:center;justify-content:center;gap:28px;flex-wrap:wrap;
  border-top:1px solid rgba(255,255,255,.1);padding-top:40px;
}
.pcr-item{
  display:flex;align-items:center;gap:14px;
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);
  padding:16px 24px;border-radius:var(--r);flex:1;min-width:240px;
}
.pcr-item i{font-size:1.4rem;color:var(--gold);flex-shrink:0}
.pcr-item strong{display:block;font-size:.9rem;font-weight:700;color:#fff;margin-bottom:3px}
.pcr-item span{font-size:.78rem;color:rgba(255,255,255,.5)}


/* ═══════════════════════════
   WHY
═══════════════════════════ */
#why{padding:110px 0;background:var(--white)}
.why-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;align-items:center}
.why-img{position:relative;border-radius:var(--r-l);overflow:hidden;aspect-ratio:3/4}
.why-img img{width:100%;height:100%;object-fit:cover}
.why-img-overlay{
  position:absolute;inset:0;
  background:linear-gradient(to top,rgba(0,0,0,.7) 0%,transparent 50%);
  display:flex;align-items:flex-end;padding:24px;
}
.why-img-overlay span{
  font-size:.85rem;font-weight:700;color:#fff;
  background:linear-gradient(135deg,var(--gold),var(--gold-l));
  padding:8px 18px;border-radius:30px;display:flex;align-items:center;gap:8px;
  box-shadow:0 4px 16px rgba(201,168,76,.4);
}

.why-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.wc-item{
  background:var(--off);border-radius:var(--r-l);padding:22px 20px;
  border:1px solid var(--border);
  transition:all .3s var(--ease);
}
.wc-item:hover{
  background:#fff;border-color:var(--red);
  box-shadow:0 6px 24px rgba(192,57,43,.12);
  transform:translateY(-3px);
}
.wci-head{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.wci-icon{
  width:36px;height:36px;border-radius:9px;flex-shrink:0;
  background:linear-gradient(135deg,var(--red),var(--red-d));
  color:#fff;display:flex;align-items:center;justify-content:center;
  font-size:.85rem;
}
.wci-head h4{font-size:.9rem;font-weight:700;color:var(--ink)}
.wc-item p{font-size:.8rem;color:var(--mid);line-height:1.7}


/* ═══════════════════════════
   TARGETS
═══════════════════════════ */
#targets{padding:110px 0;background:var(--off)}
.targets-grid{
  display:grid;grid-template-columns:repeat(3,1fr);
  gap:20px;margin-bottom:48px;
}
.tg-card{
  background:#fff;border-radius:var(--r-l);overflow:hidden;
  border:1px solid var(--border);
  transition:all .3s var(--ease);
  box-shadow:var(--shadow);
}
.tg-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-l);border-color:var(--red)}
.tgc-img{
  height:100px;display:flex;align-items:center;justify-content:center;
  font-size:2.4rem;color:rgba(255,255,255,.7);
}
.tgc-body{padding:22px 24px}
.tgc-body h4{font-size:1rem;font-weight:800;color:var(--ink);margin-bottom:10px}
.tgc-body p{font-size:.82rem;color:var(--mid);line-height:1.7;margin-bottom:14px}
.tgc-body ul{display:flex;flex-direction:column;gap:5px}
.tgc-body ul li{font-size:.78rem;color:var(--charcoal);display:flex;align-items:center;gap:7px}
.tgc-body ul li i{color:var(--red);font-size:.7rem}

.targets-bottom{
  display:flex;align-items:center;justify-content:space-between;
  background:linear-gradient(135deg,var(--red-d),var(--red));
  border-radius:var(--r-l);padding:36px 48px;gap:24px;
}
.tb-quote{display:flex;align-items:flex-start;gap:14px;color:#fff}
.tb-quote i{font-size:1.4rem;color:rgba(255,255,255,.4);margin-top:4px;flex-shrink:0}
.tb-quote p{font-size:1rem;font-weight:500;line-height:1.6}
.targets-bottom .btn-fire{background:#fff;color:var(--red);box-shadow:0 4px 20px rgba(0,0,0,.2);white-space:nowrap}
.targets-bottom .btn-fire:hover{background:var(--off)}


/* ═══════════════════════════
   REVIEWS
═══════════════════════════ */
#reviews{padding:110px 0;background:var(--white)}
.reviews-grid{
  display:grid;grid-template-columns:repeat(2,1fr);
  gap:20px;margin-bottom:48px;
}
.rv-card{
  background:var(--off);border-radius:var(--r-l);padding:28px;
  border:1px solid var(--border);
  transition:all .3s var(--ease);position:relative;overflow:hidden;
}
.rv-card::after{
  content:'"';position:absolute;bottom:-16px;right:18px;
  font-size:6rem;color:rgba(0,0,0,.05);font-family:Georgia,serif;line-height:1;
  pointer-events:none;
}
.rv-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:transparent}
.featured-rv{
  grid-column:1/-1;
  background:linear-gradient(135deg,var(--ink2),var(--charcoal));
}
.featured-rv .rv-text{font-size:.97rem;line-height:1.9}
.featured-rv .rv-text{color:rgba(255,255,255,.85)}
.featured-rv .rv-author strong{color:#fff}
.featured-rv .rv-author span{color:rgba(255,255,255,.5)}
.featured-rv::after{color:rgba(255,255,255,.05)}

.rv-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.rv-stars{color:#f59e0b;font-size:.85rem;display:flex;gap:2px}
.rv-tag{
  background:rgba(192,57,43,.1);color:var(--red);
  font-size:.7rem;font-weight:700;padding:3px 10px;border-radius:12px;letter-spacing:.5px;
}
.featured-rv .rv-tag{background:rgba(255,255,255,.15);color:rgba(255,255,255,.8)}
.rv-text{font-size:.87rem;color:var(--charcoal);line-height:1.85;margin-bottom:20px;position:relative;z-index:1}
.rv-author{display:flex;align-items:center;gap:12px;border-top:1px solid var(--border);padding-top:16px}
.featured-rv .rv-author{border-color:rgba(255,255,255,.1)}
.rv-ava{
  width:38px;height:38px;border-radius:50%;flex-shrink:0;
  background:linear-gradient(135deg,var(--red),var(--red-d));
  color:#fff;display:flex;align-items:center;justify-content:center;font-size:.85rem;
}
.rv-author strong{display:block;font-size:.86rem;font-weight:700;color:var(--ink)}
.rv-author span{font-size:.74rem;color:var(--mid)}

/* 리뷰 요약 */
.review-summary{
  display:flex;align-items:center;gap:60px;
  background:var(--off);border-radius:var(--r-l);padding:40px 48px;
  border:1px solid var(--border);
}
.rs-score{text-align:center;flex-shrink:0}
.rs-score strong{display:block;font-size:3.5rem;font-weight:900;color:var(--red);line-height:1}
.rs-score .rs-stars{color:#f59e0b;font-size:1rem;justify-content:center;display:flex;gap:3px;margin:6px 0}
.rs-score span{font-size:.75rem;color:var(--mid)}
.rs-bars{flex:1;display:flex;flex-direction:column;gap:12px}
.rsb-item{display:flex;align-items:center;gap:14px;font-size:.82rem}
.rsb-item span{width:80px;color:var(--charcoal);flex-shrink:0;font-weight:500}
.rsb-bar{flex:1;height:6px;background:var(--border);border-radius:6px;overflow:hidden}
.rsb-bar div{height:100%;border-radius:6px;background:linear-gradient(90deg,var(--red),var(--gold))}
.rsb-item em{font-style:normal;font-size:.8rem;font-weight:700;color:var(--ink);width:28px}


/* ═══════════════════════════
   CONTACT
═══════════════════════════ */
#contact{position:relative;padding:110px 0;overflow:hidden}
.contact-bg{position:absolute;inset:0;z-index:0}
.contact-bg img{width:100%;height:100%;object-fit:cover;filter:saturate(.7)}
.contact-overlay{
  position:absolute;inset:0;
  background:linear-gradient(135deg,rgba(8,4,2,.95) 0%,rgba(20,8,4,.9) 100%);
}
#contact .sec-inner{position:relative;z-index:1}
.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}

.ci-items{display:flex;flex-direction:column;gap:14px}
.ci-item{display:flex;align-items:flex-start;gap:14px}
.ci-icon{
  width:42px;height:42px;border-radius:10px;flex-shrink:0;
  background:rgba(192,57,43,.18);border:1px solid rgba(192,57,43,.3);
  display:flex;align-items:center;justify-content:center;
  color:var(--red-l);font-size:.9rem;
}
.ci-text small{display:block;font-size:.72rem;color:rgba(255,255,255,.4);margin-bottom:3px}
.ci-link{font-size:.95rem;color:#fff;font-weight:500;line-height:1.5}
a.ci-link:hover{color:var(--gold-l)}

/* 폼 */
.contact-form-wrap{
  background:#fff;border-radius:var(--r-l);
  box-shadow:var(--shadow-l);overflow:hidden;
}
.cf-header{
  background:linear-gradient(135deg,var(--ink2),var(--charcoal));
  padding:26px 32px;
}
.cf-header h3{font-size:1.15rem;font-weight:700;color:#fff;margin-bottom:4px}
.cf-header p{font-size:.82rem;color:rgba(255,255,255,.55)}

#inquiry-form{padding:28px 32px;display:flex;flex-direction:column;gap:14px}
.cf-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.cf-group{display:flex;flex-direction:column;gap:6px}
.cf-group label{font-size:.82rem;font-weight:600;color:var(--charcoal)}
.req{color:var(--red)}
.cf-group input,.cf-group select,.cf-group textarea{
  border:1.5px solid var(--border);border-radius:8px;
  padding:10px 14px;font-size:.88rem;font-family:var(--font);
  color:var(--ink);background:#fff;outline:none;
  transition:border-color .25s,box-shadow .25s;
}
.cf-group input:focus,.cf-group select:focus,.cf-group textarea:focus{
  border-color:var(--red);box-shadow:0 0 0 3px rgba(192,57,43,.1);
}
.cf-group textarea{resize:vertical;min-height:95px}
.cf-note{font-size:.74rem;color:var(--mid);text-align:center;margin-top:4px}


/* ═══════════════════════════
   FOOTER
═══════════════════════════ */
#site-footer{background:var(--ink)}
.ft-main{padding:56px 0}
.ft-inner{
  max-width:1240px;margin:0 auto;padding:0 28px;
  display:grid;grid-template-columns:1fr 1.6fr 1fr;gap:48px;
}
.ft-logo{display:flex;align-items:baseline;gap:3px;font-size:1.6rem;font-weight:900;margin-bottom:10px}
.ft-logo .hl-smile{color:#fff}
.ft-logo .hl-food{color:var(--red-l)}
.ft-logo em{font-size:.74rem;font-style:normal;font-weight:500;color:rgba(255,255,255,.4);margin-left:3px}
.ft-brand p{font-size:.8rem;color:rgba(255,255,255,.4);margin-bottom:16px}
.ft-certs{display:flex;flex-wrap:wrap;gap:8px}
.ft-certs span{
  font-size:.72rem;font-weight:600;color:rgba(255,255,255,.5);
  border:1px solid rgba(255,255,255,.12);padding:4px 10px;border-radius:12px;
  display:flex;align-items:center;gap:5px;
}
.ft-certs span i{color:var(--gold);font-size:.7rem}

.ft-info h4{font-size:.9rem;font-weight:700;color:#fff;margin-bottom:12px}
.ft-info p{font-size:.78rem;color:rgba(255,255,255,.42);line-height:2}

.ft-nav h4{font-size:.9rem;font-weight:700;color:#fff;margin-bottom:14px}
.ft-nav ul{display:flex;flex-direction:column;gap:8px}
.ft-nav ul li a{font-size:.82rem;color:rgba(255,255,255,.42);transition:color .25s}
.ft-nav ul li a:hover{color:var(--red-l)}

.ft-bottom{
  border-top:1px solid rgba(255,255,255,.06);
  padding:18px 28px;text-align:center;
  font-size:.74rem;color:rgba(255,255,255,.2);
  max-width:1240px;margin:0 auto;
}


/* ═══════════════════════════
   FLOAT CALL
═══════════════════════════ */
.float-call{
  position:fixed;bottom:80px;right:24px;z-index:800;
  display:flex;align-items:center;gap:9px;
  background:linear-gradient(135deg,var(--red),var(--red-d));
  color:#fff;padding:12px 20px;border-radius:50px;
  font-size:.86rem;font-weight:700;
  box-shadow:0 4px 20px rgba(192,57,43,.5);
  transition:all .3s var(--ease);
  opacity:0;transform:translateY(20px);pointer-events:none;
}
.float-call.show{opacity:1;transform:none;pointer-events:auto}
.float-call:hover{transform:translateY(-3px) scale(1.04);box-shadow:0 8px 30px rgba(192,57,43,.65)}
.fc-ring{
  position:absolute;inset:-4px;border-radius:50px;
  border:2px solid rgba(192,57,43,.5);
  animation:fcPulse 2s ease-in-out infinite;
}
@keyframes fcPulse{
  0%,100%{transform:scale(1);opacity:.7}
  50%{transform:scale(1.08);opacity:0}
}

/* ═══════════════════════════
   BACK TO TOP
═══════════════════════════ */
.back-top{
  position:fixed;bottom:24px;right:24px;z-index:800;
  width:44px;height:44px;border-radius:50%;
  background:var(--charcoal);color:#fff;font-size:.88rem;
  display:flex;align-items:center;justify-content:center;
  box-shadow:var(--shadow);
  opacity:0;pointer-events:none;
  transition:all .3s var(--ease);
}
.back-top.show{opacity:1;pointer-events:auto}
.back-top:hover{background:var(--red);transform:translateY(-3px)}

/* ═══════════════════════════
   TOAST
═══════════════════════════ */
.toast-msg{
  position:fixed;bottom:28px;left:50%;
  transform:translateX(-50%) translateY(16px);
  background:var(--charcoal);color:#fff;
  padding:13px 28px;border-radius:8px;font-size:.88rem;font-weight:500;
  z-index:9000;opacity:0;pointer-events:none;
  transition:all .35s var(--ease);white-space:nowrap;
  box-shadow:var(--shadow-l);
}
.toast-msg.show{opacity:1;transform:translateX(-50%) translateY(0)}

/* ═══════════════════════════════════
   RESPONSIVE — Tablet (≤1024px)
═══════════════════════════════════ */
@media (max-width:1024px){
  .sec-h2{font-size:2rem}
  .hero-h1{font-size:3rem}
  .hero-h1 strong{font-size:3.4rem}
  .hero-inner{flex-direction:column;gap:36px;padding-top:calc(var(--hh)+40px)}
  .hero-right{width:100%}
  .hero-stat-card{justify-content:center}
  .hero-badges{grid-template-columns:repeat(4,1fr)}
  .about-layout{grid-template-columns:1fr;gap:48px}
  .av-main-img{max-width:520px;margin:0 auto}
  .why-layout{grid-template-columns:1fr}
  .why-img{max-width:480px;margin:0 auto}
  /* Products */
  .pm-grid{
    grid-template-columns:1fr 1fr;
    grid-template-areas:
      "a a"
      "b c"
      "d d";
  }
  .pm-card--big{min-height:380px}
  .contact-layout{grid-template-columns:1fr}
  .ft-inner{grid-template-columns:1fr 1fr}
  .targets-grid{grid-template-columns:repeat(2,1fr)}
  .process-steps{gap:0}
  .ps-item{max-width:none}
}

/* ═══════════════════════════════════
   RESPONSIVE — Mobile (≤768px)
═══════════════════════════════════ */
@media (max-width:768px){
  :root{--hh:58px}
  section{padding:72px 0!important}
  .sec-h2{font-size:1.7rem}
  .sec-header{margin-bottom:44px}

  /* Header */
  #main-nav{
    position:fixed;top:var(--hh);left:0;right:0;
    background:#fff;padding:20px;
    box-shadow:var(--shadow);
    transform:translateY(-110%);transition:transform .35s var(--ease);
    z-index:890;
  }
  #main-nav.open{transform:none}
  #main-nav ul{flex-direction:column;gap:2px}
  #main-nav ul li a{color:var(--charcoal)!important;display:block;padding:11px 14px;border-radius:8px}
  #main-nav ul li a:hover{background:var(--off)!important;color:var(--red)!important}
  .hd-hamburger{display:flex}

  /* Hero */
  .hero-h1{font-size:2.1rem}
  .hero-h1 strong{font-size:2.4rem}
  .hero-sub{font-size:.9rem}
  .hero-actions{flex-direction:column}
  .hero-stat-card{flex-wrap:wrap;padding:18px}
  .hsc-item{padding:12px 16px}
  .hero-badges{grid-template-columns:1fr 1fr}
  .hb-item{font-size:.74rem}

  /* Numbers */
  .nb-item{padding:20px;min-width:120px}
  .nb-num{font-size:2rem}
  .nb-sep{display:none}

  /* About */
  .av-cert-card{position:static;margin-top:16px}
  .av-years-badge{display:none}

  /* Products */
  .pm-grid{
    grid-template-columns:1fr;
    grid-template-areas:"a" "b" "c" "d";
  }
  .pm-card--big{min-height:420px}
  .pm-card:not(.pm-card--big) .pm-img{height:180px}
  .products-cta{flex-direction:column;text-align:center;padding:28px}

  /* Process */
  .process-steps{flex-direction:column;align-items:stretch}
  .ps-arrow{transform:rotate(90deg);text-align:center}
  .process-cert-row{flex-direction:column}

  /* Why */
  .why-cards{grid-template-columns:1fr}
  .why-img{max-width:100%}

  /* Targets */
  .targets-grid{grid-template-columns:1fr}
  .targets-bottom{flex-direction:column;text-align:center;padding:28px}

  /* Reviews */
  .reviews-grid{grid-template-columns:1fr}
  .featured-rv{grid-column:1/-1}
  .review-summary{flex-direction:column;padding:28px;gap:28px}
  .rs-bars .rsb-item span{width:68px}

  /* Contact */
  .cf-row{grid-template-columns:1fr}
  #inquiry-form{padding:20px}
  .cf-header{padding:20px}

  /* Footer */
  .ft-inner{grid-template-columns:1fr;gap:28px}
  .ft-nav{display:none}

  .float-call span{display:none}
  .float-call{padding:13px}
}

@media (max-width:480px){
  .hero-h1{font-size:1.75rem}
  .hero-h1 strong{font-size:2rem}
  .hero-eyebrow{font-size:.68rem;padding:6px 14px}
  .hsc-item strong{font-size:1.5rem}
  .sec-h2{font-size:1.5rem}
}