/* DESIGN.md 색 토큰 그대로 */
:root{
  --bg:#231F20; --bg-raised:#2C2829; --line:#3A3637;
  --text:#F2F0F0; --text-dim:#A5A0A1; --text-faint:#6E6A6B;
  --card-off-1:#F4F4F4; --card-off-2:#E4E4E4; --card-on:#191617;
  --glow:#FFC58A; --glow-soft:rgba(255,197,138,.20);
  --warn:#E8B44A; --muted-chip:#4A4546;
  --font:system-ui,-apple-system,"Segoe UI","Malgun Gothic","맑은 고딕","Apple SD Gothic Neo",sans-serif;
  --mono:ui-monospace,Consolas,monospace;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.5}
a{color:inherit;text-decoration:none}

/* 헤더 */
header{position:sticky;top:0;z-index:20;background:rgba(35,31,32,.92);backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line);display:flex;align-items:center;gap:52px;padding:0 44px;height:86px}
.logo{display:flex;align-items:center}
.logo img{height:36px;display:block}
header .grow{flex:1}
nav{display:flex;gap:42px}
nav a{font-size:17px;letter-spacing:.10em;text-transform:uppercase;color:var(--text);
  padding:31px 0;position:relative;font-weight:500}
nav a::after{content:'';position:absolute;left:0;right:0;bottom:26px;height:1px;
  background:var(--glow);transform:scaleX(0);transform-origin:left;transition:transform .22s}
nav a:hover::after,nav a.on::after{transform:scaleX(1)}
nav a.on{color:var(--glow)}
@media(max-width:900px){header{gap:20px;padding:0 20px;height:62px}
  nav{gap:18px}nav a{font-size:12px;padding:20px 0}.logo{font-size:19px}}
.search{background:var(--bg);border:1px solid var(--line);color:var(--text);
  padding:8px 12px;border-radius:2px;width:260px;font-size:14px;font-family:var(--font)}
.search:focus{outline:none;border-color:var(--glow)}

/* 전역 Off/On */
.toggle{display:inline-flex;border:1px solid var(--line);border-radius:2px;overflow:hidden;font-size:12px}
.toggle button{background:transparent;border:0;color:var(--text-dim);padding:6px 12px;cursor:pointer;font-family:var(--font)}
.toggle button.on{background:var(--glow);color:#231F20;font-weight:600}

/* 홈 */
.hero{padding:56px 20px 28px;max-width:1200px;margin:0 auto}
.hero h1{font-size:28px;font-weight:600;margin:0 0 8px}
.hero p{color:var(--text-dim);margin:0}
.cats{max-width:1200px;margin:0 auto;padding:0 20px 60px;
  display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.cat{background:var(--bg-raised);border:1px solid var(--line);border-radius:2px;padding:20px;
  transition:border-color .15s,transform .15s}
.cat:hover{border-color:var(--glow);transform:translateY(-2px)}
.cat b{display:block;font-size:17px;margin-bottom:4px}
.cat small{color:var(--text-dim)}
.cat em{display:block;color:var(--glow);font-size:24px;font-style:normal;font-weight:600;margin-top:10px}

/* 목록 */
.wrap{display:flex;gap:24px;max-width:1440px;margin:0 auto;padding:20px}
.filters{width:240px;flex:none;position:sticky;top:102px;align-self:flex-start;
  max-height:calc(100vh - 122px);overflow-y:auto;overscroll-behavior:contain;
  scrollbar-width:thin;scrollbar-color:var(--line) transparent;padding-right:8px}
.filters::-webkit-scrollbar{width:5px}
.filters::-webkit-scrollbar-thumb{background:var(--line);border-radius:3px}
.filters::-webkit-scrollbar-track{background:transparent}
.filters h3{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);
  margin:22px 0 8px;font-weight:500}
.filters h3:first-child{margin-top:0}
.opt{display:flex;align-items:center;gap:8px;padding:5px 0;cursor:pointer;font-size:14px}
.opt input{accent-color:var(--glow);margin:0}
.opt .n{margin-left:auto;color:var(--text-dim);font-size:12px;font-variant-numeric:tabular-nums}
.opt.zero{color:var(--text-faint)}
.opt.zero .n{color:var(--text-faint)}
.main{flex:1;min-width:0}
.bar{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}
.count{color:var(--text-dim);font-size:14px}
.count b{color:var(--text)}
.btn{background:transparent;border:1px solid var(--line);color:var(--text-dim);
  padding:7px 12px;border-radius:2px;cursor:pointer;font-size:13px;font-family:var(--font)}
.btn:hover{border-color:var(--glow);color:var(--text)}

/* 카드 */
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px 20px;align-items:start}
.card{background:transparent;border:0;display:flex;flex-direction:column}
.card:hover .shot{outline:1px solid var(--glow);outline-offset:-1px}
.shot{position:relative;aspect-ratio:4/3;flex:none;
  background:linear-gradient(160deg,var(--card-off-1),var(--card-off-2));
  display:flex;align-items:center;justify-content:center;transition:background .2s}
.shot img{width:100%;height:100%;object-fit:contain;padding:10px}
.shot .none{color:#9a9a9a;font-size:12px}
.card.lit .shot{background:var(--card-on);box-shadow:inset 0 0 60px var(--glow-soft)}
.card.lit .shot .none{color:#5a5658}
.cardbody{padding:12px 2px 4px}
.cardbody b{display:block;font-size:14px;font-weight:500;letter-spacing:.01em}
.cardbody .spec{color:var(--text-dim);font-size:13px;margin-top:2px;font-family:var(--mono)}
.badge{display:inline-block;font-size:11px;padding:2px 7px;border-radius:2px;margin-top:7px}
.badge.nospec{background:var(--muted-chip);color:var(--text-dim)}
.badge.partial{border:1px solid var(--warn);color:var(--warn)}
.mini{position:absolute;right:8px;bottom:8px;display:inline-flex;border-radius:2px;overflow:hidden;
  font-size:10px;border:1px solid rgba(0,0,0,.15)}
.mini button{border:0;background:rgba(255,255,255,.85);color:#444;padding:3px 8px;cursor:pointer;font-family:var(--font)}
.mini button.on{background:var(--glow);color:#231F20;font-weight:600}
.card.lit .mini button{background:rgba(0,0,0,.4);color:#bbb}
.card.lit .mini button.on{background:var(--glow);color:#231F20}

/* 상세 */
.detail{max-width:1100px;margin:0 auto;padding:24px 20px 60px}
.back{color:var(--text-dim);font-size:14px}
.dtop{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;margin-top:18px}
.dshot{position:relative;aspect-ratio:4/3;border-radius:2px;overflow:hidden;
  background:linear-gradient(160deg,var(--card-off-1),var(--card-off-2));
  display:flex;align-items:center;justify-content:center;transition:background .2s}
.dshot.lit{background:var(--card-on);box-shadow:inset 0 0 90px var(--glow-soft)}
.dshot img{width:100%;height:100%;object-fit:contain;padding:16px}
.nav{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.35);border:0;
  color:#fff;width:34px;height:44px;cursor:pointer;font-size:18px}
.nav.prev{left:0} .nav.next{right:0}
h1.pname{font-size:26px;margin:0 0 4px;font-weight:600}
.pcat{color:var(--text-dim);font-size:14px;margin-bottom:18px}
table.spec{width:100%;border-collapse:collapse;font-size:14px}
table.spec th{text-align:left;color:var(--text-dim);font-weight:400;padding:8px 12px 8px 0;
  vertical-align:top;white-space:nowrap;width:110px}
table.spec td{padding:8px 0;border-bottom:1px solid var(--line)}
.dl{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}
.dl a{border:1px solid var(--line);padding:9px 14px;border-radius:2px;font-size:13px;color:var(--text-dim)}
.dl a:hover{border-color:var(--glow);color:var(--text)}
.notice{background:var(--muted-chip);border-radius:2px;padding:14px 16px;color:var(--text-dim);font-size:14px}

@media(max-width:1200px){.grid{grid-template-columns:repeat(3,1fr)}.cats{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.grid{grid-template-columns:repeat(2,1fr)}.dtop{grid-template-columns:1fr}}
@media(max-width:640px){.wrap{flex-direction:column}
  .filters{width:auto;position:static;max-height:none;overflow:visible;padding-right:0}.cats{grid-template-columns:repeat(2,1fr)}
  .grid{grid-template-columns:1fr}.search{width:100%}}

/* ===== 홈 ===== */
.hero2{position:relative;height:min(82vh,700px);overflow:hidden;display:flex;align-items:flex-end}
.hero2 img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.62}
.hero2::after{content:'';position:absolute;inset:0;
  background:linear-gradient(to top,var(--bg) 2%,rgba(35,31,32,.55) 45%,rgba(35,31,32,.15) 100%)}
.hero2 .inner{position:relative;z-index:2;max-width:1240px;margin:0 auto;padding:0 32px 72px;width:100%}
.hero2 h1{font-size:clamp(26px,3.4vw,40px);line-height:1.35;margin:0 0 12px;font-weight:500;letter-spacing:-.02em}
.hero2 p{font-size:15px;color:var(--text-dim);margin:0;max-width:460px;line-height:1.75}

section{max-width:1240px;margin:0 auto;padding:88px 32px}
.shead{font-size:20px;font-weight:500;margin:0 0 4px;letter-spacing:-.01em}
.ssub{color:var(--text-faint);font-size:13px;margin:0 0 34px}
.lead{color:var(--text-dim);max-width:680px;line-height:1.9;margin:0;font-size:15px}
.divider{height:1px;background:var(--line);max-width:1240px;margin:0 auto}

/* 카테고리 = 사진 */
.catgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px}
.catcard{position:relative;display:block;aspect-ratio:1/1;overflow:hidden;background:#EDEDED}
.catcard img{width:100%;height:100%;object-fit:contain;padding:14%;transition:transform .45s ease}
.catcard:hover img{transform:scale(1.07)}
.catcard .lab{position:absolute;left:0;right:0;bottom:0;padding:14px 16px;
  background:linear-gradient(to top,rgba(0,0,0,.72),transparent);color:#fff}
.catcard .lab b{display:block;font-size:15px;font-weight:600;letter-spacing:.02em}
.catcard .lab small{opacity:.72;font-size:12px}

/* 시공사례 */
.scenes{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}
.scenes a{display:block;aspect-ratio:3/2;overflow:hidden;background:var(--bg-raised)}
.scenes img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;opacity:.92}
.scenes a:hover img{transform:scale(1.04);opacity:1}
.reflist{margin-top:34px;color:var(--text-dim);font-size:14px;line-height:2.1;
  columns:3;column-gap:40px}
.reflist span{display:block}

/* 회사 */
.two{display:grid;grid-template-columns:1fr 1fr;gap:56px}
.biz-line{color:var(--text-dim);font-size:14px;line-height:2.1;margin:26px 0 0}
.biz-line b{color:var(--text);font-weight:500}
.hist{display:grid;gap:0}
.hist div{display:grid;grid-template-columns:56px 1fr;gap:20px;padding:11px 0;
  border-bottom:1px solid var(--line)}
.hist b{color:var(--text-dim);font-family:var(--mono);font-size:13px;font-weight:400}
.hist p{margin:0;color:var(--text);font-size:14px;line-height:1.6}

footer{border-top:1px solid var(--line);margin-top:0}
footer .in{max-width:1240px;margin:0 auto;padding:44px 32px;display:flex;gap:64px;flex-wrap:wrap}
footer p{margin:6px 0 0;color:var(--text-dim);font-size:13px;line-height:1.9}
footer b{color:var(--text);font-weight:500;font-size:13px}

@media(max-width:1000px){.catgrid{grid-template-columns:repeat(2,1fr)}
  .scenes{grid-template-columns:repeat(2,1fr)}.two{grid-template-columns:1fr;gap:40px}
  .reflist{columns:2}}
@media(max-width:640px){.catgrid,.scenes{grid-template-columns:1fr}.reflist{columns:1}
  .hero2{height:auto;padding:120px 0 0}section{padding:56px 20px}}

/* ===== 필터 아코디언 ===== */
.fgroup{border-bottom:1px solid var(--line)}
.fgroup > button{width:100%;background:none;border:0;color:var(--text);cursor:pointer;
  display:flex;align-items:center;gap:8px;padding:13px 0;font-size:13px;font-family:var(--font);
  letter-spacing:.02em;text-align:left}
.fgroup > button .cnt{margin-left:auto;color:var(--text-faint);font-size:11px}
.fgroup > button .arw{color:var(--text-faint);font-size:10px;transition:transform .2s;display:inline-block}
.fgroup.open > button .arw{transform:rotate(90deg)}
.fgroup > button:hover{color:var(--glow)}
.fbody{overflow:hidden;max-height:0;transition:max-height .28s ease}
.fgroup.open .fbody{max-height:900px}
.fbody .pad{padding:2px 0 12px}
.opt{display:flex;align-items:center;gap:8px;padding:5px 0;cursor:pointer;font-size:13.5px}
.fgroup > button b{font-weight:500}
.fsel{color:var(--glow);font-size:11px;margin-left:6px}

/* 카드 hover — 도면 */
.shot .draw{position:absolute;inset:0;background:#fff;display:flex;align-items:center;justify-content:center;
  opacity:0;transition:opacity .2s}
.shot .draw img{width:100%;height:100%;object-fit:contain;padding:8%}
.card:hover .shot .draw{opacity:1}
.shot .drawtag{position:absolute;left:8px;top:8px;font-size:10px;background:rgba(0,0,0,.55);
  color:#fff;padding:2px 7px;border-radius:2px;opacity:0;transition:opacity .2s}
.card:hover .shot .drawtag{opacity:1}

/* ===== 상세 (KKDC 구조: 큰 이미지 위, 스펙 아래) ===== */
.dwrap{max-width:1240px;margin:0 auto;padding:0 32px 80px}
.dcrumb{padding:22px 0 16px;font-size:13px;color:var(--text-dim)}
.stage{position:relative;aspect-ratio:16/9;background:#EDEDED;overflow:hidden}
.stage.lit{background:var(--card-on)}
.stage img{width:100%;height:100%;object-fit:contain;padding:2%}
.stage img.cover{object-fit:cover;padding:0}
.stage .nav{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:64px;
  background:rgba(0,0,0,.32);border:0;color:#fff;font-size:20px;cursor:pointer;transition:background .15s}
.stage .nav:hover{background:rgba(0,0,0,.55)}
.stage .prev{left:0}.stage .next{right:0}
.stage .kindtag{position:absolute;left:14px;top:14px;font-size:11px;background:rgba(0,0,0,.55);
  color:#fff;padding:4px 9px;letter-spacing:.04em}
.thumbs{display:flex;gap:2px;margin-top:2px;flex-wrap:wrap}
.thumbs button{width:88px;height:60px;border:0;padding:0;background:#EDEDED;cursor:pointer;
  opacity:.5;transition:opacity .15s}
.thumbs button.on{opacity:1;outline:2px solid var(--glow);outline-offset:-2px}
.thumbs img{width:100%;height:100%;object-fit:cover}
.dhead{margin-top:40px}
h1.dname{font-size:30px;margin:0 0 6px;font-weight:600;letter-spacing:-.012em;line-height:1.15}
.dcat{margin:0;color:var(--text-dim);font-size:13px;letter-spacing:.02em}
.dpanel{margin-top:22px;border-top:1px solid var(--line)}
.phead,.dinfo{display:grid;grid-template-columns:minmax(0,1fr) 336px;gap:0}
.phead{border-bottom:1px solid var(--line)}
.phead h4{margin:0;padding:14px 44px 13px 0;font-size:11px;letter-spacing:.15em;
  text-transform:uppercase;color:var(--text-faint);font-weight:500}
.phead h4:last-child{padding:14px 0 13px 44px}
.speccol{padding:4px 44px 0 0}
.curvecol{padding:4px 0 0 44px;border-left:1px solid var(--line)}
@media(max-width:900px){.phead{display:none}.dinfo{grid-template-columns:1fr}
  .speccol,.curvecol{padding:0;border:0}
  .curvecol{margin-top:30px;padding-top:24px;border-top:1px solid var(--line)}
  .dwrap{padding:0 20px 60px}}

/* about — 촘촘하게 */
#contact .biz-line{font-size:13px;line-height:1.9;margin-top:18px}
#contact .shead{font-size:18px}
#company .lead{font-size:14px;line-height:1.85}
#company .hist p{font-size:13.5px}

/* 슬라이드 트랙 */
.track{display:flex;position:absolute;inset:0;transition:transform .5s cubic-bezier(.32,.72,.28,1)}
.slide{flex:0 0 100%;height:100%;display:flex;align-items:center;justify-content:center}
.slide img{width:100%;height:100%;object-fit:contain;padding:2%}
.slide img.cover{object-fit:cover;padding:0}
.dots{position:absolute;left:0;right:0;bottom:14px;display:flex;justify-content:center;gap:7px;z-index:3}
.dots button{width:26px;height:2px;border:0;padding:0;background:rgba(255,255,255,.35);cursor:pointer;
  transition:background .2s}
.dots button.on{background:var(--glow)}
.stage .nav{z-index:3}
.stage .kindtag{z-index:3}


/* ===== 모델별 사양 표 — 가로 스크롤 없이 한 화면에 ===== */
.vtable{width:100%;border-collapse:collapse;font-size:13.5px;margin-top:14px;table-layout:fixed}
.vtable th{text-align:left;font-weight:500;color:var(--text-dim);font-size:10.5px;letter-spacing:.06em;
  text-transform:uppercase;padding:0 10px 11px 0;border-bottom:1px solid var(--line);
  cursor:pointer;user-select:none;white-space:nowrap}
.vtable th:hover{color:var(--glow)}
.vtable th .ar{opacity:.35;font-size:9px;margin-left:2px}
.vtable th.sorted{color:var(--glow)}
.vtable th.sorted .ar{opacity:1}
.vtable td{padding:12px 10px 12px 0;border-bottom:1px solid var(--line);
  font-variant-numeric:tabular-nums;word-break:break-word}
.vtable tr:hover td{background:rgba(255,255,255,.022)}
.vtable td.k{color:var(--text);font-weight:500}
.vtable td.na{color:var(--text-faint)}
/* 열 폭 — 합 100% (9열) */
.vtable th:nth-child(1),.vtable td:nth-child(1){width:7%}
.vtable th:nth-child(2),.vtable td:nth-child(2){width:9%}
.vtable th:nth-child(3),.vtable td:nth-child(3){width:10%}
.vtable th:nth-child(4),.vtable td:nth-child(4){width:10%}
.vtable th:nth-child(5),.vtable td:nth-child(5){width:8%}
.vtable th:nth-child(6),.vtable td:nth-child(6){width:8%}
.vtable th:nth-child(7),.vtable td:nth-child(7){width:13%}
.vtable th:nth-child(8),.vtable td:nth-child(8){width:23%}
.vtable th:nth-child(9),.vtable td:nth-child(9){width:12%;padding-right:0}
.vnote{margin-top:14px;font-size:12px;color:var(--text-faint);line-height:1.7}
.vnote b{color:var(--warn);font-weight:500}
@media(max-width:760px){.vtable{font-size:12px}
  .vtable th,.vtable td{padding-right:6px}}

/* ===== 사양표 + 다운로드 나란히 ===== */
.techrow{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:52px;align-items:start;margin-top:6px}
.dlpanel h4{font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--text-faint);
  font-weight:500;margin:0 0 4px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.dlgrid{padding-top:6px}
.dlrow{display:flex;align-items:center;gap:13px;width:100%;padding:13px 2px;
  border-bottom:1px solid var(--line);color:var(--text);background:none;border-left:0;border-right:0;
  border-top:0;font-family:var(--font);font-size:13.5px;text-align:left;cursor:pointer;transition:.15s}
.dlrow .i{display:flex;width:22px;flex:none}
.dlrow svg{width:21px;height:21px}
.dlrow .t{flex:1}
.dlrow .n{color:var(--text-faint);font-size:11px;font-family:var(--mono)}
.dlrow .cv{color:var(--text-faint);font-size:13px;transition:transform .2s;display:inline-block}
a.dlrow:hover,.dlgroup button:hover{color:var(--glow)}
.dlrow.off{opacity:.3;cursor:default}
.dlgroup.open .cv{transform:rotate(90deg)}
.dlsubs{max-height:0;overflow:hidden;transition:max-height .28s ease}
.dlgroup.open .dlsubs{max-height:460px;overflow-y:auto}
.dlsub{display:block;padding:8px 0 8px 35px;font-size:11.5px;color:var(--text-dim);
  border-bottom:1px solid var(--line);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dlsub:hover{color:var(--glow)}
@media(max-width:900px){.techrow{grid-template-columns:1fr;gap:34px}}

/* ===== 배광곡선 (스펙 옆) ===== */
.curveimg{margin:6px auto 0;max-width:262px}
.curveimg img{width:100%;display:block}
.ctabs{display:flex;flex-wrap:wrap;gap:3px;margin:12px auto 0;max-width:292px;justify-content:center}
.ctabs button{background:none;border:1px solid var(--line);color:var(--text-dim);
  padding:5px 10px;font-size:11px;cursor:pointer;font-family:var(--font);
  font-variant-numeric:tabular-nums;transition:.15s}
.ctabs button:hover{color:var(--text);border-color:var(--text-faint)}
.ctabs button.on{border-color:var(--glow);color:var(--glow)}
.curvemeta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px 10px;margin-top:16px;
  padding-top:15px;border-top:1px solid var(--line)}
.curvemeta div{min-width:0}
.curvemeta div b{display:block;font-size:14.5px;font-weight:500;color:var(--text);
  font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.curvemeta div span{display:block;font-size:9px;color:var(--text-faint);margin-top:3px;
  letter-spacing:.03em;text-transform:uppercase;line-height:1.35}
.cnote.src{margin:14px auto 0;font-size:10.5px;line-height:1.6;color:var(--text-faint);
  letter-spacing:.02em;text-align:center;max-width:292px}
.cnote.src.empty{margin-top:28px}
.curvemeta .cnote{grid-column:1/-1;margin:0;font-size:10.5px;color:var(--text-faint);
  font-family:var(--mono);opacity:.65}
@media(max-width:900px){.curvemeta{grid-template-columns:repeat(3,auto);justify-content:start;gap:14px 30px}}

/* ===== 카탈로그 지면 (도면·설치도) ===== */
.sheets{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;padding-top:20px}
.sheet{display:block;background:#fff;border:1px solid var(--line);overflow:hidden;transition:.18s}
.sheet img{width:100%;display:block}
.sheet:hover{border-color:var(--glow);transform:translateY(-2px)}

/* 행별 다운로드 아이콘 */
.vtable th.nos{cursor:default}
.vtable th.nos:hover{color:var(--text-dim)}
.dlcell{white-space:nowrap}
.di{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;
  color:var(--text-dim);transition:color .15s}
.di svg{width:17px;height:17px}
a.di:hover{color:var(--glow)}
.di.off{opacity:.2}

/* ===== 공통 푸터 — iGuzzini 전체 구조 (브랜드+링크열+하단바) ===== */
footer{border-top:1px solid var(--line);margin-top:80px;background:var(--bg)}
.fmain{max-width:1240px;margin:0 auto;padding:38px 32px 30px;display:grid;
       grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px}
.flogo{height:22px;width:auto;opacity:.9;display:block}
.faddr{margin:14px 0 0;font-size:11.5px;line-height:1.95;color:var(--text-dim);max-width:360px}
.faddr em{font-style:normal;opacity:.55}
.fcol{display:flex;flex-direction:column;gap:9px}
.fcol h4{margin:0 0 5px;font-size:11px;letter-spacing:.09em;text-transform:uppercase;
         color:var(--text);font-weight:500}
.fcol a{font-size:12px;color:var(--text-dim);line-height:1.4}
.fcol a:hover{color:var(--glow)}
.fbar{border-top:1px solid var(--line)}
.flinks{max-width:1240px;margin:0 auto;padding:15px 32px;display:flex;flex-wrap:wrap;
        gap:26px;align-items:center}
.flinks a{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim)}
.flinks a:hover{color:var(--glow)}
.fcopy{margin-left:auto;font-size:10.5px;letter-spacing:.06em;color:var(--text-dim);opacity:.6;
       padding-right:32px;white-space:nowrap}
.fbar{display:flex;align-items:center}
.fbar .flinks{flex:1}
@media(max-width:900px){.fmain{grid-template-columns:1fr 1fr;gap:30px;padding:30px 20px 24px}}
@media(max-width:640px){.fmain{grid-template-columns:1fr}.flinks{gap:14px;padding:14px 20px}
  .fbar{flex-direction:column;align-items:flex-start}
  .fcopy{margin:0;padding:0 20px 16px}}