/* 장비 상세 — 워드프레스 원본(register_sft_equipment_detail.php)에서 그대로 가져왔다.
   2026-09-25. 다크 테마 고정 · eqd- 접두어 · 구리색 포인트.
   새로 디자인하지 않는다 — 원본이 확정 디자인이다. */
/* 테마가 the_content() 밖에서 직접 찍는 글 제목/헤더 영역(흰 배경
		   위 "IQF 급속냉동 터널프리징 시스템" 같은 중복 타이틀, 2026-08-27
		   스크린샷으로 확인)을 지운다 — the_content 필터로는 건드릴 수
		   없는 영역이라 CSS로 우회한다. WP 코어가 싱글 CPT에 자동으로
		   붙이는 body"류
		   패턴) 이 페이지의 rem 값 전부가 의도보다 작게 계산된다 — 개별 요소
		   크기를 아무리 키워도 "전부 작다"는 인상이 계속되는 원인(2026-08-29,
		   폭 풀블리드와 동일한 부류의 문제). 이 페이지 전용으로 루트를 고정한다. */
		html{font-size:16px !important;}
		/* 2026-09-25 — body 에 overflow-x:hidden 을 걸면 그 안의 position:sticky 가
		   통째로 죽는다(스크롤 컨테이너가 body 라서). 워드프레스에서는 테마가
		   따로 래퍼를 두고 있어 문제가 없었지만 CE 는 body 가 곧 스크롤
		   컨테이너다. 가로 넘침은 .eqd-page 풀블리드 때문이므로 거기서 막는다. */
		body.eqd-body{background:var(--eqd-bg) !important;}
		:root{--eqd-bg:#14171b;--eqd-surface:#1b1f24;--eqd-surface-2:#22262c;--eqd-surface-3:#2a2f36;--eqd-border:#333941;--eqd-border-soft:#2a2e35;--eqd-text:#eef1f3;--eqd-text-dim:#9aa3ad;--eqd-text-faint:#6b7480;--eqd-accent:#d97b3f;--eqd-accent-strong:#f0954f;--eqd-accent-soft:rgba(217,123,63,.14);--eqd-accent-text:#f4a468;--eqd-good:#5fb88f;--eqd-good-soft:rgba(95,184,143,.14);--eqd-warn:#e0b93c;--eqd-warn-soft:rgba(224,185,60,.14);--eqd-font-display:"Big Shoulders Display",sans-serif;--eqd-font-body:"IBM Plex Sans KR","Apple SD Gothic Neo",sans-serif;--eqd-font-mono:"IBM Plex Mono",monospace;}
		/* 테마의 the_content() 부모 컨테이너 폭 제한을 벗어나기 위한
		   풀블리드(2026-08-29 — production line 상세페이지에서 원인 확인
		   후 동일하게 적용. wordpress/register_sft_production_line_detail.php
		   .pld-page 주석 참고). */
		.eqd-page{background:var(--eqd-bg);color:var(--eqd-text);font-family:var(--eqd-font-body);line-height:1.6;-webkit-font-smoothing:antialiased;width:100%;max-width:100%;position:relative;}
		.eqd-page *{box-sizing:border-box;}
		.eqd-page a{color:inherit;text-decoration:none !important;}
		.eqd-wrap{max-width:1400px;margin:0 auto;padding:2.4rem 2.5rem 5rem;}
		.eqd-taxonomy-path{display:flex;align-items:center;gap:.5em;flex-wrap:wrap;margin-bottom:1.4rem;font-family:var(--eqd-font-display);font-weight:600;font-size:1.15rem;letter-spacing:.02em;color:var(--eqd-text-dim);}
		.eqd-taxonomy-path .eqd-seg{white-space:nowrap;}
		.eqd-taxonomy-path .eqd-seg.eqd-leaf{color:var(--eqd-accent-text);}
		.eqd-taxonomy-path .eqd-sep{color:var(--eqd-text-faint);opacity:.6;}
		/* 2026-09-02 — align-items:stretch라 갤러리가 정보 컬럼(블록 7개)
		   높이에 맞춰 늘어났다. 정보가 많을수록 사진이 커지는 구조라
		   "사진은 쓸데없이 크고"가 됐다. stretch를 끊고, 좁던 정보
		   컬럼에 폭을 더 준다(1.35:1 → 1:1.05). */
		/* 2026-09-02 — 갤러리를 sticky로 둔다. 정보를 읽는 동안 장비가 계속
		   보이고, 정보 컬럼이 길어도 아래 빈 공간이 생기지 않는다. sticky는
		   grid item이 start 정렬일 때만 움직일 여지가 생기므로 center가
		   아니라 start다(stretch면 사진이 정보량만큼 커져 원래 문제로 회귀). */
		.eqd-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:3rem;align-items:start;}
		@media (max-width:880px){.eqd-hero{grid-template-columns:minmax(0,1fr);}.eqd-gallery{position:static;}}
		.eqd-title-block{margin-bottom:1.6rem;text-align:center;padding-bottom:1.3rem;border-bottom:1px solid var(--eqd-border-soft);}
		.eqd-title-block h1{margin:0;font-size:clamp(1.7rem,3vw,2.35rem);font-weight:700;letter-spacing:-.01em;text-wrap:balance;}
		.eqd-title-meta{margin-top:.7rem;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.5em;font-family:var(--eqd-font-mono);font-size:.92rem;color:var(--eqd-text-dim);}
		.eqd-title-meta .eqd-title-model{color:var(--eqd-accent-text);font-weight:700;}
		.eqd-title-meta .eqd-title-meta-sep{color:var(--eqd-text-faint);}
		/* 2026-10-02 — 1fr 칸은 안의 가장 넓은 것만큼 늘어나 수축기 상세가 휴대폰에서
		   468px 로 밀렸다(점검표 1-4). 칸을 minmax(0,…) 로 화면에 묶는다. */
		.eqd-gallery{display:flex;flex-direction:column;gap:.6rem;position:sticky;top:2.5rem;}
		.eqd-gallery-main{position:relative;aspect-ratio:4/3;min-height:0;max-height:380px;border-radius:14px;overflow:hidden;background:var(--eqd-surface-2);border:1px solid var(--eqd-border-soft);}
		.eqd-gallery-main img{width:100%;height:100%;object-fit:contain;display:block;}
		/* 노드 대표 작동영상 — 2026-10-04. 사진 자리와 같은 틀에 넣는다(넘침 없음). */
		.eqd-gallery-main .eqd-main-video{width:100%;height:100%;object-fit:contain;display:block;background:#0d0f12;}
		.eqd-gallery-main [hidden]{display:none !important;}
		.eqd-thumb.eqd-node-video-thumb{background-size:cover;background-position:center;}
		.eqd-gallery-main .eqd-tag{position:absolute;top:.8rem;right:.8rem;padding:.3rem .65rem;background:rgba(20,23,27,.72);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.08);border-radius:100px;font-family:var(--eqd-font-mono);font-size:.68rem;color:var(--eqd-text-dim);}
		/* 2026-09-02 — repeat(6,1fr) 그리드라 7장 이상이면 둘째 줄로
		   넘어갔다("갤러리는 한줄만 허용"). 열을 자동 생성해 한 줄에
		   유지하고, 표시 개수는 PHP에서 6장으로 자른다. */
		/* 2026-10-05 — 영상이 썸네일 줄 앞에 모두 서므로(설비마다 1~8편) 넘치는 칸은
		   잘라 숨기지 않고 줄 안에서 옆으로 넘겨 본다. 한 줄 규칙은 그대로. */
		.eqd-thumb-row{display:flex;flex-wrap:nowrap;gap:.5rem;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;-webkit-overflow-scrolling:touch;padding-bottom:2px;}
		.eqd-thumb{flex:0 0 84px;width:84px;aspect-ratio:1/1;border-radius:9px;overflow:hidden;border:1.5px solid var(--eqd-border-soft);cursor:pointer;background:var(--eqd-surface-2);padding:0;display:block;}
		.eqd-thumb img{width:100%;height:100%;object-fit:cover;display:block;opacity:.72;transition:opacity .15s;}
		.eqd-thumb.eqd-active{border-color:var(--eqd-accent);}
		.eqd-thumb.eqd-active img{opacity:1;}
		.eqd-thumb:hover img{opacity:1;}
		.eqd-thumb.eqd-video-thumb{position:relative;background:linear-gradient(150deg,#20242a,#171a1e);display:flex;align-items:center;justify-content:center;}
		/* 2026-10-05 — 재생 표시는 그림(포스터·유튜브 썸네일·첫 장면) 위에 얹는다 */
		.eqd-thumb.eqd-video-thumb::before{content:"";position:absolute;left:50%;top:50%;width:28px;height:28px;margin:-14px 0 0 -14px;border-radius:50%;background:rgba(13,15,18,.62);border:1px solid rgba(255,255,255,.18);z-index:2;pointer-events:none;}
		.eqd-thumb.eqd-video-thumb::after{content:"";position:absolute;left:50%;top:50%;width:0;height:0;margin:-6px 0 0 -3px;border-style:solid;border-width:6px 0 6px 10px;border-color:transparent transparent transparent #fff;z-index:3;pointer-events:none;}
		.eqd-thumb .eqd-thumb-frame{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none;background:#0d0f12;}
		.eqd-thumb.eqd-yt-thumb img{opacity:.85;}
		/* 유튜브는 큰 칸 안에서 튼다(새 탭 아님) */
		.eqd-gallery-main .eqd-main-yt{position:absolute;inset:0;width:100%;height:100%;border:0;display:block;background:#000;z-index:2;}
		.eqd-gallery-main .eqd-main-cover{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:#0d0f12;cursor:pointer;display:block;}
		.eqd-gallery-main .eqd-main-cover img{width:100%;height:100%;object-fit:cover;}
		.eqd-gallery-main .eqd-main-play{position:absolute;left:50%;top:50%;width:64px;height:64px;margin:-32px 0 0 -32px;border-radius:50%;background:rgba(13,15,18,.65);border:1px solid rgba(255,255,255,.2);}
		.eqd-gallery-main .eqd-main-play::after{content:"";position:absolute;left:50%;top:50%;margin:-10px 0 0 -6px;border-style:solid;border-width:10px 0 10px 17px;border-color:transparent transparent transparent #fff;}
		.eqd-info-col{display:flex;flex-direction:column;gap:1.9rem;}
		.eqd-info-2col{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;}
		@media (max-width:520px){.eqd-info-2col{grid-template-columns:1fr;}}
		/* 2026-09-02 — "라벨들이 너무 힘이없어". 크기·굵기를 올리고 왼쪽에
		   포인트색 막대를 세워 라벨임을 분명히 한다. 아이콘(.eqd-ico)은
		   --eqd-text-faint라 보이지도 않고 의미도 없어 마크업에서 뺐다. */
		.eqd-info-block .eqd-h{display:flex;align-items:center;gap:.6rem;font-family:var(--eqd-font-body);font-weight:700;font-size:1.15rem;letter-spacing:-.01em;color:var(--eqd-text);margin-bottom:1rem;}
		.eqd-info-block .eqd-h::before{content:"";flex:none;width:4px;height:17px;border-radius:2px;background:var(--eqd-accent);}
				.eqd-tag-row{display:flex;flex-wrap:wrap;gap:.6rem;}
		.eqd-chip{padding:.55rem 1.05rem;background:var(--eqd-surface-2);border:1px solid var(--eqd-border);border-radius:100px;font-size:1.05rem;color:var(--eqd-text-dim);}
		.eqd-chip.eqd-accent{background:var(--eqd-accent-soft);border-color:rgba(217,123,63,.35);color:var(--eqd-accent-text);}
		.eqd-value-card{padding:1.15rem 1.3rem;background:var(--eqd-surface-2);border:1px solid var(--eqd-border-soft);border-radius:10px;}
		.eqd-card-value{font-size:1.05rem;font-weight:600;color:var(--eqd-text-dim);line-height:1.55;}
		.eqd-container-desc{font-size:1.1rem;color:var(--eqd-text-dim);line-height:1.65;}
		.eqd-desc-clamp{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0;}
		.eqd-desc-clamp.eqd-desc-expanded{display:block;-webkit-line-clamp:unset;overflow:visible;}
		.eqd-desc-toggle{display:inline-block;margin-top:.6rem;padding:0;background:none;border:none;font-family:var(--eqd-font-display);font-size:.85rem;font-weight:700;color:var(--eqd-accent-text);cursor:pointer;}
		.eqd-market-ref{display:flex;justify-content:space-between;align-items:baseline;font-size:.85rem;color:var(--eqd-text-faint);padding:0 .2rem;}
		.eqd-section{margin-top:8.5rem;}
		.eqd-section-head{display:flex;align-items:baseline;gap:.85rem;margin-bottom:1.7rem;}
		.eqd-section-head .eqd-idx{font-family:var(--eqd-font-mono);font-size:1rem;color:var(--eqd-accent-text);}
		.eqd-section-head h2{margin:0;font-size:1.85rem;font-weight:800;letter-spacing:-.02em;}
		.eqd-section-sub{margin:-.7rem 0 1.3rem;font-size:.82rem;color:var(--eqd-text-faint);}
		.eqd-price-card{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:1.2rem;padding:1.1rem 1.5rem;border-radius:14px;border:1px solid var(--eqd-border);background:var(--eqd-surface);}
		.eqd-price-card.eqd-applied{background:linear-gradient(155deg,var(--eqd-surface-2),var(--eqd-surface));border-color:rgba(217,123,63,.4);position:relative;overflow:hidden;}
		.eqd-price-card.eqd-applied::before{content:"";position:absolute;top:-40%;right:-15%;width:220px;height:220px;background:radial-gradient(circle,var(--eqd-accent-soft),transparent 70%);pointer-events:none;}
		.eqd-price-card .eqd-p-label{font-family:var(--eqd-font-display);font-weight:700;font-size:.88rem;letter-spacing:.08em;text-transform:uppercase;color:var(--eqd-text-faint);}
		.eqd-price-card.eqd-applied .eqd-p-label{color:var(--eqd-accent-text);}
		.eqd-price-card .eqd-p-value{font-family:var(--eqd-font-mono);font-size:1.7rem;font-weight:700;letter-spacing:-.01em;}
		.eqd-price-card .eqd-p-note{margin-top:.7rem;font-size:.86rem;color:var(--eqd-text-faint);line-height:1.6;}
		/* 구성과 값(2026-09-20) — 줄마다 값이 다르고 줄마다 문의로 간다. */
		.eqd-cfg-list{display:flex;flex-direction:column;gap:.55rem;}
		.eqd-cfg-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:.15rem;}
		.eqd-cfg-head .eqd-cfg-title{font-family:var(--eqd-font-display);font-weight:800;font-size:1.02rem;letter-spacing:.06em;text-transform:uppercase;}
		.eqd-cfg-head .eqd-cfg-note{font-size:.8rem;color:var(--eqd-text-faint);}
		.eqd-cfg{border-radius:14px;border:1px solid var(--eqd-border);background:var(--eqd-surface);overflow:hidden;transition:border-color .15s ease,background .15s ease;}
		.eqd-cfg:hover{border-color:rgba(217,123,63,.45);}
		.eqd-cfg-default{background:linear-gradient(155deg,var(--eqd-surface-2),var(--eqd-surface));border-color:rgba(217,123,63,.4);}
		.eqd-cfg-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;text-decoration:none;color:inherit;}
		.eqd-cfg-row:hover .eqd-cfg-won{color:var(--eqd-accent-text);}
		.eqd-cfg-id{display:flex;flex-direction:column;gap:.2rem;min-width:0;}
		.eqd-cfg-nm{display:flex;align-items:center;gap:.5rem;font-size:1.04rem;font-weight:700;line-height:1.3;}
		.eqd-cfg-badge{font-style:normal;font-size:.66rem;font-weight:700;letter-spacing:.06em;padding:.16rem .42rem;border-radius:5px;background:var(--eqd-accent-soft);color:var(--eqd-accent-text);}
		.eqd-cfg-tag{font-size:.84rem;color:var(--eqd-text-dim);line-height:1.45;}
		.eqd-cfg-won{flex:none;font-family:var(--eqd-font-mono);font-size:1.34rem;font-weight:700;letter-spacing:-.01em;white-space:nowrap;transition:color .15s ease;}
		.eqd-cfg-won i{font-style:normal;font-size:.78em;margin-left:.12em;color:var(--eqd-text-faint);}
		.eqd-cfg-what{padding:0 1.25rem .85rem;margin-top:-.35rem;font-size:.87rem;color:var(--eqd-text-dim);line-height:1.6;}
		.eqd-cfg-items{list-style:none;margin:0;padding:.7rem 1.25rem .95rem;border-top:1px solid var(--eqd-border-soft);display:flex;flex-direction:column;gap:.42rem;}
		.eqd-cfg-items li{display:grid;grid-template-columns:minmax(0,auto) 1fr auto;align-items:baseline;gap:.55rem;font-size:.85rem;}
		.eqd-ci-nm{font-weight:600;}
		.eqd-ci-why{color:var(--eqd-text-faint);line-height:1.5;min-width:0;}
		.eqd-ci-won{font-family:var(--eqd-font-mono);font-size:.84rem;color:var(--eqd-text-dim);white-space:nowrap;}
		.eqd-chosen-config{display:none;margin-bottom:.9rem;padding:.6rem .8rem;border-radius:10px;background:var(--eqd-accent-soft);border:1px solid rgba(217,123,63,.3);font-size:.85rem;line-height:1.5;}
		.eqd-chosen-config.eqd-show{display:block;}
		.eqd-chosen-config b{color:var(--eqd-accent-text);}
		@media (max-width:640px){
			.eqd-cfg-row{flex-direction:column;align-items:flex-start;gap:.5rem;}
			.eqd-cfg-items li{grid-template-columns:1fr auto;}
			.eqd-ci-why{grid-column:1 / -1;}
		}
		.eqd-inquire-btn{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;padding:.65rem 1.3rem;background:var(--eqd-accent);color:#14171b !important;font-size:.92rem;font-weight:700;border-radius:999px;text-decoration:none !important;transition:background .15s ease;}
		.eqd-inquire-btn:hover{background:var(--eqd-accent-strong);}
				/* 2026-09-27 — align-items:start. 기본값(stretch)이면 왼쪽 카드가
		   오른쪽 정보카드 높이까지 늘어나 아래가 통째로 빈다. 카드는 제 내용에서
		   끝나야 한다. */
		.eqd-spec-layout{display:grid;grid-template-columns:1fr 1fr;gap:1.6rem;align-items:start;}
		@media (max-width:820px){.eqd-spec-layout{grid-template-columns:1fr;}}
		.eqd-video-card,.eqd-desc-card{border-radius:14px;overflow:hidden;border:1px solid var(--eqd-border);background:var(--eqd-surface);display:flex;flex-direction:column;}
		/* 2026-10-05 — 영상 카드를 걷은 자리: 대표 사진 한 장(없으면 설명이 맨 위) */
		.eqd-desc-shot{aspect-ratio:16/10;background:var(--eqd-surface-2);overflow:hidden;}
		.eqd-desc-shot img{width:100%;height:100%;object-fit:cover;display:block;}
		.eqd-desc-card > .eqd-video-desc:first-child{border-top:none;}
		.eqd-pre-line{white-space:pre-line;}
		.eqd-video-frame{aspect-ratio:16/10;background:radial-gradient(circle at 30% 20%,rgba(217,123,63,.10),transparent 55%),repeating-linear-gradient(115deg,rgba(255,255,255,.02) 0 2px,transparent 2px 26px),var(--eqd-surface-2);background-size:cover;background-position:center;position:relative;display:flex;align-items:center;justify-content:center;}
		.eqd-video-frame::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,17,20,.3),rgba(15,17,20,.5));}
		.eqd-video-frame > *{position:relative;z-index:1;}
		.eqd-video-frame .eqd-play-btn{width:58px;height:58px;border-radius:50%;background:rgba(20,23,27,.65);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;cursor:pointer;text-decoration:none;}
		.eqd-video-frame .eqd-play-btn::after{content:"";width:0;height:0;border-style:solid;border-width:9px 0 9px 15px;border-color:transparent transparent transparent #fff;margin-left:3px;}
		.eqd-video-frame .eqd-analyzed-tag{position:absolute;top:.9rem;left:.9rem;padding:.3rem .6rem;background:rgba(20,23,27,.7);border:1px solid rgba(255,255,255,.08);border-radius:6px;font-family:var(--eqd-font-mono);font-size:.66rem;color:var(--eqd-text-dim);}
		.eqd-video-frame .eqd-src-tag{position:absolute;bottom:.9rem;right:.9rem;font-family:var(--eqd-font-mono);font-size:.68rem;color:var(--eqd-text-faint);}
		.eqd-video-body{padding:1.1rem 1.3rem 1.3rem;}
		.eqd-video-empty{flex-direction:column;gap:.9rem;padding:2rem;text-align:center;}
		.eqd-video-empty::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,17,20,.55),rgba(15,17,20,.9));}
		.eqd-video-empty > *{position:relative;z-index:1;}
		.eqd-video-empty-mark{position:absolute;right:-24px;bottom:-24px;width:190px;height:190px;color:var(--eqd-accent-text);opacity:.16;pointer-events:none;z-index:0;}
		.eqd-video-empty-mark svg{width:100%;height:100%;}
		.eqd-video-empty-icon{width:52px;height:52px;border-radius:50%;border:1px solid var(--eqd-border);background:rgba(255,255,255,.025);display:flex;align-items:center;justify-content:center;color:var(--eqd-text-faint);}
		.eqd-video-empty-icon svg{width:22px;height:22px;}
		.eqd-video-empty-title{font-size:.94rem;font-weight:650;color:var(--eqd-text);}
		.eqd-video-empty-desc{font-size:.8rem;color:var(--eqd-text-faint);}
		.eqd-video-body p{margin:0;font-size:.83rem;color:var(--eqd-text-dim);line-height:1.7;}
		.eqd-video-desc{padding:1.1rem 1.3rem 1.3rem;border-top:1px solid var(--eqd-border-soft);}
		.eqd-flow-row{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin:1.2rem 0 1.6rem;}
		/* 2026-09-02 — "화살표는 시각요소에 방해가 돼". → 기호를 빼고 각
		   단계에 순번을 붙인다. 순서는 숫자가 이미 말해주므로 화살표가
		   없어도 흐름이 읽히고, 줄바꿈될 때 화살표가 줄 끝에 홀로 남는
		   문제도 사라진다. */
		.eqd-flow-row .eqd-step{display:inline-flex;align-items:center;gap:.55rem;padding:.55rem 1rem .55rem .7rem;background:var(--eqd-surface-2);border:1px solid var(--eqd-border);border-radius:8px;font-size:1rem;font-weight:600;}
		.eqd-flow-row .eqd-step .eqd-step-n{display:inline-flex;align-items:center;justify-content:center;min-width:1.45em;height:1.45em;border-radius:5px;background:var(--eqd-accent-soft);color:var(--eqd-accent-text);font-family:var(--eqd-font-mono);font-size:.78rem;font-weight:700;}
		.eqd-desc-text{font-size:1.05rem;color:var(--eqd-text-dim);line-height:1.8;margin:0;}
		.eqd-spec-table{border:1px solid var(--eqd-border);border-radius:12px;overflow:hidden;}
		.eqd-config-label{display:flex;align-items:center;gap:.6rem;font-family:var(--eqd-font-body);font-weight:700;font-size:1.15rem;letter-spacing:-.01em;color:var(--eqd-text);margin-bottom:1rem;}
		.eqd-config-label::before{content:"";flex:none;width:4px;height:17px;border-radius:2px;background:var(--eqd-accent);}
		/* 2026-09-02 — 공정흐름(박스+화살표)/구성예시(맨 문단)/표준옵션(칩)이
		   서로 다른 시각 언어라 따로 놀았다. 세 블록에 같은 카드 컨테이너를
		   씌워 하나의 스택으로 읽히게 한다(영상 카드 안의 .eqd-video-desc는
		   이미 카드 안이라 제외). */
		.eqd-spec-layout > div:not(.eqd-video-card):not(.eqd-desc-card) > .eqd-config-block{padding:1.4rem 1.5rem;background:var(--eqd-surface);border:1px solid var(--eqd-border-soft);border-radius:12px;}
		.eqd-spec-layout > div:not(.eqd-video-card):not(.eqd-desc-card) > .eqd-config-block + .eqd-config-block{margin-top:1.6rem !important;}
		.eqd-config-empty{margin:0;padding:.9rem 1.1rem;font-size:.92rem;color:var(--eqd-text-faint);background:var(--eqd-surface);border:1px dashed var(--eqd-border);border-radius:10px;}
		.eqd-spec-table .eqd-row{display:flex;padding:.72rem 1.1rem;border-bottom:1px solid var(--eqd-border-soft);font-size:.84rem;}
		.eqd-spec-table .eqd-row:last-child{border-bottom:none;}
		.eqd-spec-table .eqd-row:nth-child(odd){background:var(--eqd-surface);}
		.eqd-spec-table .eqd-row:nth-child(even){background:var(--eqd-surface-2);}
		.eqd-spec-table .eqd-k{flex:none;width:7em;color:var(--eqd-text-faint);}
		.eqd-spec-table .eqd-v{color:var(--eqd-text);font-family:var(--eqd-font-mono);font-size:.82rem;}
		/* 2026-09-02 — 히어로 안에 놓이는 스펙 테이블. 01 섹션의 것과
		   같은 형식을 쓰되 라벨 폭을 넓히고(한글 4자 항목) 글자를 조금
		   키운다 — 히어로는 첫 화면이라 밀도가 더 낮아야 한다. */
		.eqd-hero-facts .eqd-row{padding:.85rem 1.1rem;font-size:.95rem;}
		.eqd-hero-facts .eqd-k{width:5.5em;}
		.eqd-hero-facts .eqd-v{font-family:var(--eqd-font-body);font-size:.95rem;line-height:1.55;}
		.eqd-content-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:4.5rem;align-items:start;margin-top:4.5rem;}
		.eqd-content-grid .eqd-main-col > .eqd-section:first-child{margin-top:0;}
		.eqd-side-col{position:sticky;top:4.2rem;}
		@media (max-width:960px){.eqd-content-grid{grid-template-columns:minmax(0,1fr);}.eqd-side-col{position:static;}}
		/* 2026-09-26 — 좁은 화면에서 본문이 550px 로 버텨 가로 스크롤이 났다.
		   그리드 칸의 최소폭은 기본이 min-content 라, 안쪽에 안 줄어드는 것이
		   하나만 있어도 칸 전체가 그만큼 버틴다. 칸은 줄어도 된다고 알려 준다.
		   (가로로 넘겨 보는 띠는 제 안에서 스크롤하므로 그대로다.) */
		.eqd-content-grid > *,
		.eqd-spec-layout > *{min-width:0;}
		.eqd-review-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem;align-items:stretch;}
		.eqd-review-row + .eqd-review-row{margin-top:1.2rem;}
		.eqd-spec-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem;margin-top:1.1rem;}
		@media (max-width:900px){.eqd-spec-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
		@media (max-width:560px){.eqd-spec-grid{grid-template-columns:1fr;}}
		.eqd-spec-cell{border:1px solid var(--eqd-border);border-radius:14px;padding:.95rem 1.05rem;background:var(--eqd-surface);}
		.eqd-spec-cell .eqd-k{font-family:var(--eqd-font-mono);font-size:.82rem;color:var(--eqd-text-dim);margin-bottom:.35rem;}
		.eqd-spec-cell .eqd-v{font-size:.98rem;font-weight:700;color:var(--eqd-text);line-height:1.5;word-break:break-word;}
		@media (max-width:820px){.eqd-review-row{grid-template-columns:1fr;}}
		.eqd-review-card{border:1px solid rgba(217,123,63,.32);border-radius:18px;background:var(--eqd-surface);padding:1.9rem;}
		.eqd-review-card.eqd-plain{border-color:var(--eqd-border);}
		.eqd-review-eyebrow{font-family:var(--eqd-font-mono);font-size:.85rem;color:var(--eqd-text-dim);margin-bottom:.6rem;}
		.eqd-review-result .eqd-grade-row{display:flex;align-items:center;gap:.8rem;margin-bottom:1.4rem;}
		.eqd-review-result h2{margin:0;font-size:1.9rem;font-weight:800;color:var(--eqd-text);}
		.eqd-grade-chip{padding:.4rem .9rem;border-radius:100px;font-size:.78rem;font-weight:800;letter-spacing:.06em;background:var(--eqd-accent-soft);color:var(--eqd-accent-text);}
		.eqd-review-body{display:grid;grid-template-columns:auto 1fr;gap:1.8rem;align-items:center;}
		@media (max-width:520px){.eqd-review-body{grid-template-columns:1fr;}}
		.eqd-gauge{position:relative;width:130px;height:130px;flex:none;}
		.eqd-gauge svg{transform:rotate(-90deg);}
		.eqd-gauge .eqd-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;}
		.eqd-gauge .eqd-center .eqd-n{font-family:var(--eqd-font-mono);font-size:2.2rem;font-weight:700;color:var(--eqd-text);line-height:1;}
		.eqd-gauge .eqd-center .eqd-d{font-size:.82rem;color:var(--eqd-text-faint);margin-top:.2rem;}
		.eqd-review-summary p{margin:0;font-size:1rem;color:var(--eqd-text-dim);line-height:1.8;}
		.eqd-stat-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem;margin-top:1.6rem;}
		.eqd-stat-tiles .eqd-tile{background:var(--eqd-surface-2);border:1px solid var(--eqd-border-soft);border-radius:14px;padding:1.1rem .9rem;text-align:center;}
		.eqd-stat-tiles .eqd-tile .eqd-n{display:block;font-family:var(--eqd-font-mono);font-size:1.9rem;font-weight:700;color:var(--eqd-text);}
		.eqd-stat-tiles .eqd-tile.eqd-confirmed .eqd-n{color:var(--eqd-good);}
		.eqd-stat-tiles .eqd-tile.eqd-pending .eqd-n{color:var(--eqd-accent-text);}
		.eqd-stat-tiles .eqd-tile .eqd-l{display:block;font-size:.85rem;color:var(--eqd-text-faint);margin-top:.3rem;}
		.eqd-rlist .eqd-h{display:flex;align-items:center;gap:.6em;font-size:1.15rem;font-weight:700;margin-bottom:1.3rem;color:var(--eqd-text);}
		.eqd-rlist .eqd-h .eqd-sw{width:9px;height:9px;border-radius:3px;background:var(--eqd-good);}
		.eqd-rlist ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.7rem;}
		.eqd-rlist-empty{margin:0;padding:.9rem 1.1rem;font-size:.92rem;color:var(--eqd-text-faint);background:var(--eqd-surface);border:1px dashed var(--eqd-border);border-radius:10px;}
		.eqd-rlist li{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1.1rem;background:var(--eqd-surface-2);border:1px solid var(--eqd-border-soft);border-radius:12px;font-size:.98rem;}
		.eqd-rlist li .eqd-lbl{color:var(--eqd-text-dim);}
		.eqd-rlist li .eqd-val{color:var(--eqd-text);font-family:var(--eqd-font-mono);font-size:.98rem;font-weight:700;}
		.eqd-rlist li.eqd-checklist-li{display:flex;justify-content:flex-start;align-items:flex-start;color:var(--eqd-text-dim);font-size:.95rem;line-height:1.6;font-weight:500;}
		.eqd-rlist li.eqd-checklist-li::before{content:"";flex:none;width:20px;height:20px;margin-right:.9rem;margin-top:.1rem;background:var(--eqd-accent-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f4a468' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/12px no-repeat;border-radius:6px;}
		/* 2026-09-02 — 주황 테두리+글로우 그림자+그라데이션이 겹쳐 오른쪽
		   레일이 본문보다 무거웠다("스티키가 너무커서 왼쪽 본페이지가
		   답답해"). 폭을 420→320px로 줄이고, 강조는 CTA 버튼 하나에만
		   남긴다 — 카드 자체는 일반 서피스로 되돌린다. */
		.eqd-lead-card{border-radius:16px;border:1px solid var(--eqd-border);background:var(--eqd-surface);padding:1.5rem 1.4rem 1.4rem;}
		.eqd-lead-card .eqd-mini-score{display:flex;align-items:center;gap:.65rem;padding-bottom:1.15rem;margin-bottom:1.15rem;border-bottom:1px solid var(--eqd-border-soft);}
		.eqd-lead-card .eqd-mini-score .eqd-ring{position:relative;width:36px;height:36px;flex:none;}
		.eqd-lead-card .eqd-mini-score .eqd-ring svg{transform:rotate(-90deg);}
		.eqd-lead-card .eqd-mini-score .eqd-ring .eqd-num{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--eqd-font-mono);font-size:.6rem;font-weight:600;color:var(--eqd-good);}
		.eqd-lead-card .eqd-mini-score .eqd-txt{display:flex;flex-direction:column;line-height:1.3;}
		.eqd-lead-card .eqd-mini-score .eqd-txt .eqd-g{font-size:.82rem;font-weight:600;}
		.eqd-lead-card .eqd-mini-score .eqd-txt .eqd-s{font-family:var(--eqd-font-mono);font-size:.68rem;color:var(--eqd-text-faint);}
		.eqd-lc-eyebrow{font-family:var(--eqd-font-display);font-weight:700;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--eqd-accent-text);margin-bottom:.5rem;}
		.eqd-lead-card h3{margin:0 0 .55rem;font-size:1.14rem;font-weight:700;line-height:1.35;text-wrap:balance;}
		.eqd-lc-sub{font-size:.8rem;color:var(--eqd-text-dim);line-height:1.6;margin-bottom:1rem;}
		.eqd-known-context{display:block;margin-bottom:1.2rem;padding:.7rem .8rem;background:var(--eqd-good-soft);border:1px solid rgba(95,184,143,.3);border-radius:9px;font-size:.72rem;color:var(--eqd-good);line-height:1.6;}
		.eqd-known-context b{font-weight:600;}
		.eqd-step-count{font-family:var(--eqd-font-mono);font-size:.68rem;color:var(--eqd-text-faint);margin-bottom:.4rem;}
		.eqd-progress-track{display:flex;gap:.28rem;margin-bottom:1.2rem;}
		.eqd-progress-track .eqd-seg{flex:1;height:3px;border-radius:2px;background:var(--eqd-surface-3);}
		.eqd-progress-track .eqd-seg.eqd-done{background:var(--eqd-good);}
		.eqd-progress-track .eqd-seg.eqd-active{background:var(--eqd-accent);}
		.eqd-field-step .eqd-field{margin-bottom:0;}
		.eqd-field{display:flex;flex-direction:column;gap:.32rem;}
		.eqd-field label{font-size:.7rem;color:var(--eqd-text-faint);}
		.eqd-field input,.eqd-field textarea{width:100%;padding:.68rem .8rem;background:var(--eqd-surface-2);border:1px solid var(--eqd-border);border-radius:8px;color:var(--eqd-text);font-family:inherit;font-size:.83rem;}
		.eqd-field input::placeholder,.eqd-field textarea::placeholder{color:var(--eqd-text-faint);}
		.eqd-field textarea{resize:vertical;min-height:62px;line-height:1.5;}
		.eqd-field input:focus,.eqd-field textarea:focus{outline:2px solid var(--eqd-accent);outline-offset:1px;}
		.eqd-step-actions{margin-top:.9rem;}
		.eqd-submit-btn{width:100%;margin-top:0;padding:.8rem 1rem;border-radius:9px;border:none;background:var(--eqd-accent);color:#1a1006;font-weight:700;font-size:.86rem;cursor:pointer;font-family:inherit;}
		.eqd-skip-link{display:block;width:100%;text-align:center;background:none;border:none;color:var(--eqd-text-faint);font-size:.73rem;cursor:pointer;text-decoration:underline;text-underline-offset:2px;padding:.6rem 0 0;font-family:inherit;}
		.eqd-step-radio{display:flex;flex-direction:column;gap:.5rem;}
		.eqd-step-radio label{display:flex;align-items:center;gap:.55rem;font-size:.82rem;padding:.6rem .75rem;background:var(--eqd-surface-2);border:1px solid var(--eqd-border);border-radius:8px;cursor:pointer;}
		.eqd-step-radio input{accent-color:var(--eqd-accent);}
		.eqd-done-summary{display:none;}
		.eqd-done-summary.eqd-show{display:block;}
		.eqd-done-summary ul{list-style:none;margin:0 0 1.1rem;padding:0;display:flex;flex-direction:column;gap:.4rem;}
		.eqd-done-summary li{display:flex;justify-content:space-between;gap:.6rem;font-size:.77rem;padding:.5rem .7rem;background:var(--eqd-surface-2);border-radius:7px;}
		.eqd-done-summary li .eqd-lbl{color:var(--eqd-text-faint);flex:none;}
		.eqd-done-summary li .eqd-val{color:var(--eqd-text);font-family:var(--eqd-font-mono);font-size:.75rem;text-align:right;}
		.eqd-done-summary .eqd-contact-fields{display:flex;flex-direction:column;gap:.6rem;margin-bottom:.7rem;}
		.eqd-privacy-note{margin-top:1rem;font-size:.67rem;color:var(--eqd-text-faint);line-height:1.55;}
		.eqd-lead-status{margin-top:.8rem;font-size:.75rem;line-height:1.6;color:var(--eqd-text-dim);}
		.eqd-lead-status.eqd-error{color:#d9534f;}
		.eqd-lead-status.eqd-ok{color:var(--eqd-good);}
		/* 2026-09-03 — 완료 안내 모달(docs/CTA_LEAD_CONFIRM_LINK_DESIGN_2026-09-03.md §3).
		   §"cta를 누르는 페이지 디자인도 다 되어있으니 따로 창을 띄울것도없고
		   완료 안내팝업정도만 있으면 되겠네" — 새 창·새 페이지를 만들지 않고
		   이 페이지 위에 덮는다. 문구 3종(접수 완료/발송 완료/발송 보류)을
		   한 컴포넌트로 재사용한다. */
		.eqd-modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;padding:1.2rem;z-index:9999;}
		.eqd-modal-backdrop[hidden]{display:none;}
		.eqd-modal{max-width:400px;width:100%;background:var(--eqd-surface);border:1px solid var(--eqd-border);border-radius:16px;padding:1.6rem 1.5rem 1.4rem;box-shadow:0 20px 60px rgba(0,0,0,.4);}
		.eqd-modal h3{margin:0 0 .7rem;font-size:1.05rem;font-weight:700;line-height:1.4;}
		.eqd-modal p{margin:0 0 .5rem;font-size:.83rem;line-height:1.65;color:var(--eqd-text-dim);}
		.eqd-modal .eqd-modal-mail{color:var(--eqd-text);font-weight:600;word-break:break-all;}
		.eqd-modal button{width:100%;margin-top:1.1rem;padding:.75rem 1rem;border-radius:9px;border:none;background:var(--eqd-accent);color:#1a1006;font-weight:700;font-size:.86rem;cursor:pointer;font-family:inherit;}
		.eqd-submit-btn[disabled]{opacity:.5;cursor:not-allowed;}
		.eqd-line-card{display:flex;flex-direction:column;flex:0 0 calc((100% - 2rem) / 3);scroll-snap-align:start;border-radius:12px;overflow:hidden;border:1px solid var(--eqd-border);background:var(--eqd-surface);text-decoration:none;}
		@media (max-width:820px){.eqd-line-card{flex-basis:calc((100% - 1rem) / 2);}}
		@media (max-width:560px){.eqd-line-card{flex-basis:82%;}}
		.eqd-line-card .eqd-thumb-img{aspect-ratio:16/10;background:var(--eqd-surface-2);}
		.eqd-line-card .eqd-thumb-img img{width:100%;height:100%;object-fit:cover;display:block;}
		.eqd-line-card .eqd-lc-body{padding:.85rem .95rem 1rem;display:flex;flex-direction:column;gap:.4rem;}
		.eqd-line-card .eqd-lc-cat{align-self:flex-start;padding:.2rem .55rem;border-radius:100px;font-size:.68rem;background:var(--eqd-accent-soft);color:var(--eqd-accent-text);}
		.eqd-line-card .eqd-lc-name{font-size:.87rem;font-weight:600;line-height:1.4;}
		.eqd-line-card .eqd-lc-process{font-size:.72rem;color:var(--eqd-text-faint);font-family:var(--eqd-font-mono);}
		.eqd-more-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;flex:0 0 200px;scroll-snap-align:start;border-radius:12px;border:1px dashed var(--eqd-border);background:var(--eqd-surface-2);text-decoration:none;color:var(--eqd-text-dim);padding:1.5rem 1rem;text-align:center;}
		.eqd-more-card .eqd-n{font-family:var(--eqd-font-mono);font-size:1.4rem;font-weight:600;color:var(--eqd-text);}
		.eqd-more-card .eqd-l{font-size:.76rem;}
		.eqd-loop-scroll{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:.6rem;margin:0 -.05rem;}
		.eqd-loop-scroll::-webkit-scrollbar{height:6px;}
		.eqd-loop-scroll::-webkit-scrollbar-thumb{background:var(--eqd-border);border-radius:3px;}
		.eqd-loop-scroll::-webkit-scrollbar-track{background:transparent;}
		.eqd-read-card{display:flex;flex-direction:column;flex:0 0 calc((100% - 4rem) * 3 / 13);scroll-snap-align:start;border-radius:12px;overflow:hidden;border:1px solid var(--eqd-border);background:var(--eqd-surface);text-decoration:none;}
		@media (max-width:960px){.eqd-read-card{flex-basis:calc((100% - 2rem) / 3);}}
		@media (max-width:700px){.eqd-read-card{flex-basis:calc((100% - 1rem) / 2);}}
		@media (max-width:480px){.eqd-read-card{flex-basis:82%;}}
		.eqd-read-card .eqd-thumb-img{aspect-ratio:16/9;background:var(--eqd-surface-2);}
		.eqd-read-card .eqd-thumb-img img{width:100%;height:100%;object-fit:cover;display:block;}
		.eqd-read-card .eqd-rc-body{padding:1.1rem 1.2rem 1.2rem;display:flex;flex-direction:column;gap:.7rem;}
		.eqd-read-card .eqd-rc-eyebrow{font-family:var(--eqd-font-mono);font-size:.65rem;color:var(--eqd-text-faint);text-transform:uppercase;letter-spacing:.06em;}
		.eqd-read-card .eqd-rc-title{font-size:1.02rem;font-weight:600;line-height:1.45;}
		.eqd-read-card .eqd-rc-arrow{align-self:flex-end;color:var(--eqd-accent-text);font-size:.92rem;}
		.eqd-footer-note{margin-top:3rem;padding-top:1.4rem;border-top:1px solid var(--eqd-border-soft);font-size:.72rem;color:var(--eqd-text-faint);line-height:1.7;}

/* ── 이 설비가 들어간 모듈 ─────────────────────────────────────────
   2026-09-27. 영상이 없는 설비가 많아 미디어 칸이 「등록된 제품 영상이
   없습니다」 한 장으로 끝나고, 오른쪽 정보카드 넷과 키가 안 맞았다.

   카드 넷 → 대표 하나 → **영상 자리 대신 쓰기** 로 줄여 왔다. 사장님
   "빡빡하면 안돼 / 먼가 어수선해" — 사진 두 장이 쌓이고 라벨이 사이에
   끼면서 같은 구조가 두 번 반복됐다. 지금은 사진 한 장(영상 자리)과
   설명 한 줄, 「모듈 보기」 하나가 전부다.

   틀은 .eqd-video-frame 을 그대로 쓴다 — 크기·모서리·이름표가 영상 칸과
   같아야 한 칸으로 읽힌다. 여기서는 톤만 얹는다. */
.eqd-module-body{padding:1.1rem 1.3rem 1.3rem;border-top:1px solid var(--eqd-border-soft);}

/* 「모듈 보기」는 단추로 — 사장님 "존재감없어 버튼으로 바꿔".
   글자 링크로 두니 설명 끝에 묻혀 눌러 볼 것으로 안 보였다. */
/* 2026-09-27 — 사장님 "모듈보기 버튼은 화살표빼고 색상은 그대로넣어" ·
   "다음버튼과 캡슐도 맞춰..". 화살표를 빼고, 테두리만 두르던 것을 색으로
   채우고, 모양을 오른쪽 「다음」(.eqd-submit-btn)과 같게 맞춘다 —
   모서리 9px · 바탕 --eqd-accent · 글자 #1a1006 · 700 · .86rem.

   폭은 「다음」처럼 꽉 채우지 않는다. 그쪽은 전환 버튼이고 이쪽은 길안내라,
   같은 무게로 서면 서로 다툰다(전환 CTA 는 한 화면에 하나). */
.eqd-module-go{
  display:inline-block;margin-top:.9rem;
  padding:.8rem 1.4rem;border-radius:9px;text-decoration:none;
  font-size:.86rem;font-weight:700;font-family:inherit;
  color:#1a1006;background:var(--eqd-accent);border:none;
  transition:background-color .2s ease;
}
.eqd-module-go:hover{background:var(--eqd-accent-strong)}

/* 모듈 사진 — 모듈 칸 안에 **언제나** 들어온다(사장님 "동영상은 냅두고
   아래쪽에 이미지 넣어야해"). 위 영상 칸과는 다른 결이므로 16:9 로 조금
   낮게 잡고, 톤만 화면에 맞춘다. */
.eqd-module-shot{
  display:block;aspect-ratio:16/9;border-radius:10px;margin-bottom:.9rem;
  background:var(--eqd-surface-2) center/cover no-repeat;
  filter:saturate(.82) brightness(.92);
  position:relative;
}
.eqd-module-shot::after{
  content:"";position:absolute;inset:0;border-radius:10px;pointer-events:none;
  background:linear-gradient(180deg,rgba(15,17,20,.34) 0%,rgba(15,17,20,.10) 40%,rgba(15,17,20,.34) 100%);
}

/* ── 영상 칸은 우리 얼굴 ────────────────────────────────────────────
   2026-09-27. 영상 칸 배경에 장비 사진(gallery[0])을 깔고 있었는데, 바로
   위 갤러리의 대표 사진과 같은 그림이라 같은 것을 두 번 보여 줬다.
   사장님 "영상은 회사 로고와 플레이버튼을 넣어서.. 우리 회사 아이덴티티로
   넣어" — 사진을 걷고 기어 마크와 플레이 버튼만 남긴다.

   마크는 CI 원본(logo/shift-mark-on-dark.svg) 그대로다 — 흰 기어에 민트
   조각 하나. 옅게 깔아 플레이 버튼·문구를 방해하지 않는다. */
.eqd-video-frame.is-brand{
  background-image:
    radial-gradient(70% 85% at 50% 40%, rgba(255,255,255,.045), transparent 70%),
    linear-gradient(160deg, #191d22 0%, #14171b 55%, #101316 100%);
}
.eqd-video-frame.is-brand::before{background:none}
/* 마크와 회사명 — 사장님 "가운데 기어구멍에 플레이버튼 괜찬던데.. /
   로고는 가운데 밑에 오토메이션 빼고 SHIFT 만 넣어줘".

   기어 한가운데가 비어 있으니 거기에 플레이 버튼을 앉힌다. 둘을 따로
   놓으면 서로 자리를 다투는데, 겹쳐 놓으면 하나로 읽힌다.
   구멍 지름은 기어 폭의 51%(viewBox 100 에 r=25.5) — 기어를 132px 로 두면
   구멍이 67px 라 58px 버튼이 여유 있게 들어앉는다. */
.eqd-brand-lockup{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  display:flex;flex-direction:column;align-items:center;gap:.85rem;
  z-index:1;user-select:none;white-space:nowrap;
}
.eqd-brand-mark{position:relative;display:block;width:132px;height:132px}
.eqd-brand-gear{width:100%;height:100%;display:block;opacity:.22;pointer-events:none}
.eqd-brand-mark .eqd-play-btn{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
}
/* SHIFT 워드마크 — 2026-09-27 확정. 사장님 "글씨체는 유지해서 넣어.
   앞으로 SHIFT는 이렇게 표현한다."

   굵은 그로테스크, **자간을 벌리지 않는다**(전에 .1em 으로 띄워 놨더니
   로고가 아니라 머리말처럼 보였다). 색은 상징색 민트 #14a89a 하나.
   본문 글꼴(IBM Plex Sans KR)이 아니라 로고용 글꼴을 따로 쓴다 —
   맥 Helvetica Neue · 윈도 Arial 로 떨어진다. */
.eqd-brand-word{
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size:2.3rem;font-weight:700;letter-spacing:-.005em;line-height:1;
  color:#14a89a;pointer-events:none;
}
/* F 와 T 의 윗선을 **한 줄로 잇는다** — 사장님 "F와 T 는 한줄로 이렇게
   표현한다". 재 보니 두 획 사이가 글자 크기의 3.5% 뿐이었다(200px 로 그렸을
   때 F 의 팔이 x=451 에서 끝나고 T 의 가로획이 458 에서 시작). T 를 그만큼
   당기면 두 획이 맞닿아 한 줄이 된다 — 획을 따로 그려 덧대지 않는다. */
.eqd-brand-word i{font-style:normal;margin-left:-.05em}
/* 빈 칸에서는 안내 문구가 주인공이라 한 벌을 위로 올리고 더 옅게 둔다. */
.eqd-video-empty.is-brand .eqd-brand-lockup{top:34%;gap:.6rem}
.eqd-video-empty.is-brand .eqd-brand-mark{width:96px;height:96px}
.eqd-video-empty.is-brand .eqd-brand-gear{opacity:.16}
.eqd-video-empty.is-brand .eqd-brand-word{opacity:.6;font-size:1.7rem}
.eqd-video-empty.is-brand::before{
  background:linear-gradient(180deg,rgba(15,17,20,.25),rgba(15,17,20,.55));
}