/**
 * /ett/ Hero — Frozen HD v2（海邊小鎮／手寫主標縮小版）
 * Scope: .ett-home .ett-hero-frozen only. Gradient in CSS; photo has no baked UI.
 */
.ett-home .ett-hero-frozen {
	--ett-fh-warm: #FAF8F3;
	--ett-fh-text: #2E2E2B;
	--ett-fh-muted: #59616B;
	--ett-fh-industry: #926120;
	--ett-fh-border: #E7D7BA;
	--ett-fh-btn: #124D3D;
	--ett-fh-btn-hover: #1D2824;
	--ett-fh-focus: #B89A63;
	--ett-fh-divider: #C7A267;
	position: relative;
	width: 100%;
	aspect-ratio: 1983 / 793;
	overflow: hidden;
	background: var(--ett-fh-warm);
	container-type: inline-size;
	margin: 0;
	color: var(--ett-fh-text);
	font-family: "Noto Sans CJK TC", "Noto Sans TC", "Microsoft JhengHei", sans-serif;
}
.ett-home .ett-hero-frozen .ett-hero-frozen__photo { position: absolute; inset: 0; display: block; margin: 0; }
.ett-home .ett-hero-frozen .ett-hero-frozen__photo img { display: block; width: 100%; height: 100%; object-fit: cover; }
.ett-home .ett-hero-frozen .ett-hero-frozen__content {
	position: absolute; inset: 0; z-index: 1;
	background: linear-gradient(90deg,#FAF8F3 0%,#FAF8F3FC 24%,#FAF8F3ED 32%,#FAF8F3B8 38%,#FAF8F340 46%,#FAF8F300 54%);
}
.ett-home .ett-hero-frozen .ett-hero-frozen__industries {
	position: absolute; left: 4.85%; top: 14.9%; margin: 0;
	font-family: "Noto Serif CJK TC", "Noto Serif TC", "Songti TC", serif;
	font-weight: 700; font-size: 1.42cqw; letter-spacing: .1em; line-height: 1.4; color: var(--ett-fh-industry);
}
.ett-home .ett-hero-frozen h1 { position: absolute; left: 4.44%; top: 24.59%; width: 32.43%; margin: 0; line-height: 0; max-width: none; }
.ett-home .ett-hero-frozen h1 picture { display: block; width: 100%; max-width: 100%; }
.ett-home .ett-hero-frozen h1 img { display: block; width: 100%; max-width: 100%; height: auto; }
.ett-home .ett-hero-frozen .ett-hero-frozen__description {
	position: absolute; left: 4.85%; top: 50.7%; margin: 0;
	font-size: 1.45cqw; line-height: 1.65; letter-spacing: .04em; color: var(--ett-fh-muted);
}
.ett-home .ett-hero-frozen .ett-hero-frozen__search {
	position: absolute; left: 4.59%; top: 64.69%; width: 39.6%; height: 12.36%; margin: 0;
	display: flex; align-items: center; padding: .24cqw; gap: .55cqw;
	border: 1px solid var(--ett-fh-border); border-radius: 1.2cqw; background: #fff;
	box-shadow: 0 .25cqw .8cqw #26352F0C; z-index: 2;
}
.ett-home .ett-hero-frozen .ett-hero-frozen__search-icon { width: 2cqw; height: 2.2cqw; margin-left: 1cqw; flex: none; }
.ett-home .ett-hero-frozen .ett-hero-frozen__input-wrap { position: relative; flex: 1; min-width: 0; height: 100%; display: flex; align-items: center; }
.ett-home .ett-hero-frozen .ett-hero-frozen__search input,
.ett-home .ett-hero-frozen .ett-hero-frozen__search .ett-search-input {
	width: 100%; height: 100%; min-width: 0; border: 0; padding: 0; background: transparent;
	font: inherit; font-size: 1.2cqw; color: var(--ett-fh-text); outline: none; border-radius: 0; box-shadow: none;
}
.ett-home .ett-hero-frozen .ett-hero-frozen__search input::placeholder { color: transparent; }
.ett-home .ett-hero-frozen .ett-hero-frozen__placeholder {
	position: absolute; pointer-events: none; left: 0; color: #7B858F;
	font-size: 1.2cqw; line-height: 1.45; letter-spacing: .03em;
}
.ett-home .ett-hero-frozen .ett-hero-frozen__search input:not(:placeholder-shown) + .ett-hero-frozen__placeholder,
.ett-home .ett-hero-frozen .ett-hero-frozen__search input:focus + .ett-hero-frozen__placeholder { display: none; }
.ett-home .ett-hero-frozen .ett-hero-frozen__search .ett-search-clear {
	position: static; flex: none; width: 2.2cqw; height: 2.2cqw; min-width: 22px; min-height: 22px;
	margin: 0; padding: 0; border: 0; border-radius: 50%; background: transparent;
	color: var(--ett-fh-muted); font-size: 1.4cqw; line-height: 1; cursor: pointer;
}
.ett-home .ett-hero-frozen .ett-hero-frozen__search .ett-search-clear.is-disabled { opacity: .35; cursor: default; }
.ett-home .ett-hero-frozen .ett-hero-frozen__search button[type="submit"] {
	width: 8.5cqw; flex: none; align-self: stretch; border: 0; border-radius: .8cqw;
	background: var(--ett-fh-btn); color: #fff; font: inherit; font-size: 1.5cqw; cursor: pointer; height: auto; min-width: 0;
}
.ett-home .ett-hero-frozen .ett-hero-frozen__search:focus-within { outline: 2px solid var(--ett-fh-focus); outline-offset: 3px; }
.ett-home .ett-hero-frozen .ett-hero-frozen__search button[type="submit"]:focus-visible { outline: 3px solid var(--ett-fh-focus); outline-offset: 2px; }
.ett-home .ett-hero-frozen .ett-hero-frozen__search button[type="submit"]:hover { background: var(--ett-fh-btn-hover); }
.ett-home .ett-hero-frozen .ett-hero-frozen__trust {
	position: absolute; left: 4.85%; top: 81.9%; width: 39%; margin: 0; padding: 0; list-style: none;
	display: flex; align-items: center; gap: 1.1cqw; color: var(--ett-fh-muted); font-size: 1.03cqw; z-index: 2;
}
.ett-home .ett-hero-frozen .ett-hero-frozen__trust li { display: flex; align-items: center; gap: .65cqw; white-space: nowrap; }
.ett-home .ett-hero-frozen .ett-hero-frozen__trust li + li { border-left: 1px solid var(--ett-fh-divider); padding-left: 1.1cqw; }
.ett-home .ett-hero-frozen .ett-hero-frozen__trust img { width: 1.75cqw; height: 2.1cqw; flex: none; }
.ett-home .ett-hero-frozen .sr-only {
	position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden;
	clip-path: inset(50%); white-space: nowrap; border: 0;
}
.ett-home:has(.ett-hero-frozen) .ett-v8__trust { display: none !important; }

@media (min-width: 768px) and (max-width: 1100px) {
	.ett-home .ett-hero-frozen { aspect-ratio: auto; min-height: 480px; }
	.ett-home .ett-hero-frozen .ett-hero-frozen__photo img { object-position: 68% center; }
	.ett-home .ett-hero-frozen .ett-hero-frozen__content { background: linear-gradient(90deg,#FAF8F3 0%,#FAF8F3F7 39%,#FAF8F300 66%); }
	.ett-home .ett-hero-frozen .ett-hero-frozen__industries { top: 11%; font-size: 15px; letter-spacing: .06em; }
	.ett-home .ett-hero-frozen h1 { top: 23%; width: 44%; }
	.ett-home .ett-hero-frozen .ett-hero-frozen__description { top: 48%; width: 44%; font-size: 15px; line-height: 1.65; }
	.ett-home .ett-hero-frozen .ett-hero-frozen__description br { display: none; }
	.ett-home .ett-hero-frozen .ett-hero-frozen__search { top: 65%; width: 47%; height: 62px; gap: 8px; padding: 4px; border-radius: 12px; }
	.ett-home .ett-hero-frozen .ett-hero-frozen__search-icon { width: 25px; height: 27px; margin-left: 10px; }
	.ett-home .ett-hero-frozen .ett-hero-frozen__search input,
	.ett-home .ett-hero-frozen .ett-hero-frozen__search .ett-search-input,
	.ett-home .ett-hero-frozen .ett-hero-frozen__placeholder { font-size: 13px; }
	.ett-home .ett-hero-frozen .ett-hero-frozen__search .ett-search-clear { width: 28px; height: 28px; font-size: 18px; }
	.ett-home .ett-hero-frozen .ett-hero-frozen__search button[type="submit"] { width: 78px; font-size: 17px; border-radius: 8px; }
	.ett-home .ett-hero-frozen .ett-hero-frozen__trust { top: 83%; width: 45%; gap: 10px; font-size: 11px; flex-wrap: wrap; }
	.ett-home .ett-hero-frozen .ett-hero-frozen__trust li { gap: 6px; }
	.ett-home .ett-hero-frozen .ett-hero-frozen__trust li + li { padding-left: 10px; }
	.ett-home .ett-hero-frozen .ett-hero-frozen__trust img { width: 20px; height: 24px; }
}

@media (max-width: 767px) {
	.ett-home .ett-hero-frozen { aspect-ratio: auto; overflow: visible; display: flex; flex-direction: column; }
	.ett-home .ett-hero-frozen .ett-hero-frozen__photo { position: relative; inset: auto; order: 0; width: 100%; aspect-ratio: 1058 / 793; }
	.ett-home .ett-hero-frozen .ett-hero-frozen__photo img { object-fit: cover; object-position: center; }
	.ett-home .ett-hero-frozen .ett-hero-frozen__content { position: relative; inset: auto; padding: 24px 20px 28px; order: 1; background: var(--ett-fh-warm); }
	.ett-home .ett-hero-frozen .ett-hero-frozen__industries,
	.ett-home .ett-hero-frozen h1,
	.ett-home .ett-hero-frozen .ett-hero-frozen__description,
	.ett-home .ett-hero-frozen .ett-hero-frozen__search,
	.ett-home .ett-hero-frozen .ett-hero-frozen__trust { position: relative; left: auto; top: auto; width: auto; }
	.ett-home .ett-hero-frozen .ett-hero-frozen__industries { font-size: 13px; letter-spacing: .06em; margin-bottom: 18px; }
	.ett-home .ett-hero-frozen h1 { width: 100%; max-width: 480px; margin-bottom: 20px; }
	.ett-home .ett-hero-frozen .ett-hero-frozen__description { font-size: 15px; line-height: 1.75; letter-spacing: 0; margin-bottom: 20px; }
	.ett-home .ett-hero-frozen .ett-hero-frozen__description br { display: none; }
	.ett-home .ett-hero-frozen .ett-hero-frozen__search { width: 100%; height: 66px; gap: 8px; padding: 4px; border-radius: 12px; margin-bottom: 22px; }
	.ett-home .ett-hero-frozen .ett-hero-frozen__search-icon { width: 23px; height: 25px; margin-left: 8px; }
	.ett-home .ett-hero-frozen .ett-hero-frozen__search input,
	.ett-home .ett-hero-frozen .ett-hero-frozen__search .ett-search-input,
	.ett-home .ett-hero-frozen .ett-hero-frozen__placeholder { font-size: 12px; letter-spacing: 0; }
	.ett-home .ett-hero-frozen .ett-hero-frozen__search .ett-search-clear { width: 28px; height: 28px; font-size: 18px; }
	.ett-home .ett-hero-frozen .ett-hero-frozen__search button[type="submit"] { width: 68px; font-size: 17px; border-radius: 8px; }
	.ett-home .ett-hero-frozen .ett-hero-frozen__trust { font-size: 11px; gap: 12px; flex-wrap: wrap; }
	.ett-home .ett-hero-frozen .ett-hero-frozen__trust li { gap: 6px; }
	.ett-home .ett-hero-frozen .ett-hero-frozen__trust li + li { padding-left: 0; border-left: 0; }
	.ett-home .ett-hero-frozen .ett-hero-frozen__trust img { width: 18px; height: 22px; }
}

/* Keep floating CSS from v8; avoid clipping stacked mobile hero */
.ett-home:has(.ett-hero-frozen) .ett-v8 {
	overflow: visible;
	background: transparent;
}
