/* swiper/css/swiper.min.css */ 

/**
 * Swiper 5.2.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://swiperjs.com
 *
 * Copyright 2014-2019 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: October 26, 2019
 */

@font-face{font-family:swiper-icons;src:url("data:application/font-woff;charset=utf-8;base64, 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") format("woff");font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(-1 * var(--swiper-navigation-size)/ 2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}

 /* /style/indexInline.css */ 

/* ============================================================================
   Homepage — UI v2 "Warm Modern" (Phase 3)
   All homepage page-CSS lives in this one file (index.css is an empty stub kept
   only because the createCssORJs bundle references it). Tokens only — colors,
   fonts, radii, spacing come from headerStyle.php :root (--tch-*). Component
   classes (.tch-btn, .tch-eyebrow, .tch-display, .tch-section-head, …) come
   from the global style/components.css.
   Carousels: Swiper (see javascript/index.js tchHomeSwiper) — the legacy
   server/cached markup classes (.TrendingProductsSlider, .clearanceSaleSlider,
   .BrandLogoSlider, .Product, …) are styled here compatibly because that markup
   is shared with server caches and other pages and was not changed.
   Mobile-first; breakpoints 480 / 768 / 1024 / 1280.
   ========================================================================== */

/* ---- Page shell ---------------------------------------------------------- */
.HomepageShell{
	padding:var(--tch-space-5) var(--tch-space-4) var(--tch-space-7);
	overflow-x:clip;
}
.HomepageShell > section{
	max-width:var(--tch-container);
	margin:0 auto var(--tch-space-6);
}
.HomepageShell img{max-width:100%;}

/* Section heads (shared pattern) */
.HomeSectionHead .tch-eyebrow{display:inline-block;margin-bottom:var(--tch-space-2);}
.HomeSectionHeadRow p{color:var(--tch-muted);margin:var(--tch-space-2) 0 0;max-width:56ch;line-height:1.7;}

/* ---- Hero ---------------------------------------------------------------- */
.HomeHero{
	display:grid;
	grid-template-columns:minmax(0,1fr);
	gap:var(--tch-space-5);
	align-items:center;
	padding-top:var(--tch-space-4);
}
.HomeHeroCopy{min-width:0;}
.HomeHeroCopy .tch-eyebrow{display:inline-block;margin-bottom:var(--tch-space-3);}
.HomeHeroCopy h1{margin:0 0 var(--tch-space-4);}
.HomeHeroCopy p{
	font-size:var(--tch-text-md);
	line-height:1.8;
	color:var(--tch-ink-2);
	max-width:58ch;
	margin:0 0 var(--tch-space-5);
}
.HomeHeroActions{display:flex;gap:var(--tch-space-3);flex-wrap:wrap;}

/* 2x2 imagery mosaic — stays 2-col on mobile */
.HomeHeroVisual{
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:var(--tch-space-3);
	min-width:0;
}
.HomeHeroCard{
	position:relative;
	display:block;
	overflow:hidden;
	border-radius:18px;
	background:var(--tch-surface-sand);
	box-shadow:var(--tch-shadow-sm);
	aspect-ratio:4 / 3;
	transition:transform .3s ease, box-shadow .3s ease;
}
.HomeHeroCard:hover{transform:translateY(-3px);box-shadow:var(--tch-shadow-lg);}
.HomeHeroCard img{
	width:100%;height:100% !important;object-fit:cover;display:block;
	transition:transform .5s ease;
}
.HomeHeroCard:hover img{transform:scale(1.05);}
.HomeHeroCardLabel{
	position:absolute;left:0;right:0;bottom:0;
	display:flex;align-items:center;justify-content:space-between;gap:6px;
	padding:var(--tch-space-5) var(--tch-space-3) var(--tch-space-3);
	font-family:var(--tch-font-display);
	font-size:var(--tch-text-base);font-weight:600;color:#fff;
	white-space:nowrap;overflow:hidden;
	/* one-off art: dark photo-overlay gradient for label legibility */
	background:linear-gradient(180deg, rgba(24,16,12,0) 0%, rgba(24,16,12,.72) 100%);
}
.HomeHeroCardLabel i{font-style:normal;font-size:17px;transition:transform .25s ease;}
.HomeHeroCard:hover .HomeHeroCardLabel i{transform:translateX(4px);}

/* ---- Stat band (sand) ---------------------------------------------------- */
.HomeStatRow{
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:var(--tch-space-3);
	background:var(--tch-surface-sand);
	border-radius:var(--tch-radius-lg);
	padding:var(--tch-space-4);
}
.HomeStat{
	background:var(--tch-surface);
	border:1px solid var(--tch-line);
	border-radius:var(--tch-radius);
	padding:var(--tch-space-4);
	transition:transform .25s ease, box-shadow .25s ease;
}
.HomeStat:hover{transform:translateY(-2px);box-shadow:var(--tch-shadow);}
.HomeStat .HomeStatIcon{font-size:22px;display:block;margin-bottom:var(--tch-space-2);line-height:1;}
.HomeStat b{
	display:block;
	font-family:var(--tch-font-display);font-weight:500;
	font-size:var(--tch-text-lg);color:var(--tch-ink);
	margin-bottom:var(--tch-space-1);
}
.HomeStat span{
	display:block;font-size:var(--tch-text-xs);color:var(--tch-muted);
	letter-spacing:.05em;text-transform:uppercase;
}

/* ---- Showcase sections (white cards) ------------------------------------- */
.ShowcaseSection{
	background:var(--tch-surface);
	border:1px solid var(--tch-line);
	border-radius:var(--tch-radius-lg);
	padding:var(--tch-space-5) var(--tch-space-4);
	box-shadow:var(--tch-shadow-sm);
}
.BrandLogo{max-width:var(--tch-container);margin:0 auto;}
.BrandLogo .ShowcaseSection{margin-bottom:0;}

/* ---- Browse by Room ------------------------------------------------------ */
.CategoryPills{
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:var(--tch-space-3);
}
.CategoryPill{
	display:flex;flex-direction:column;min-width:0;
	background:var(--tch-surface);
	border:1px solid var(--tch-line);
	border-radius:var(--tch-radius-lg);
	padding:var(--tch-space-3);
	transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.CategoryPill:hover{transform:translateY(-3px);box-shadow:var(--tch-shadow);border-color:var(--tch-brand);}
.CategoryPillThumb{
	display:block;aspect-ratio:16 / 10;
	border-radius:var(--tch-radius);overflow:hidden;
	margin-bottom:var(--tch-space-3);
	background:var(--tch-surface-sand);
}
.CategoryPillThumb img{width:100%;height:100% !important;object-fit:cover;display:block;transition:transform .4s ease;}
.CategoryPill:hover .CategoryPillThumb img{transform:scale(1.05);}
.CategoryPill strong{
	font-family:var(--tch-font-display);font-weight:500;
	font-size:var(--tch-text-md);color:var(--tch-ink);
}
.CategoryPill span{display:block;font-size:var(--tch-text-sm);color:var(--tch-muted);line-height:1.6;margin-top:var(--tch-space-1);}
.CategoryPill em{
	font-style:normal;font-size:var(--tch-text-xs);font-weight:600;
	text-transform:uppercase;letter-spacing:.1em;
	color:var(--tch-brand-dark);
	margin-top:auto;padding-top:var(--tch-space-3);
}

/* ---- Swiper shell (all homepage carousels) ------------------------------- */
.tch-home-swiper{
	--swiper-theme-color:var(--tch-brand);
	--swiper-navigation-size:15px;
	padding-bottom:var(--tch-space-2);
}
.tch-home-swiper .swiper-button-prev,
.tch-home-swiper .swiper-button-next{
	width:40px;height:40px;
	border-radius:var(--tch-radius-pill);
	background:var(--tch-surface);
	border:1px solid var(--tch-line);
	box-shadow:var(--tch-shadow-sm);
	color:var(--tch-brand);
	transition:background .2s ease, border-color .2s ease;
}
.tch-home-swiper .swiper-button-prev:hover,
.tch-home-swiper .swiper-button-next:hover{background:var(--tch-hover-bg);border-color:var(--tch-brand);}
.tch-home-swiper .swiper-button-prev:after,
.tch-home-swiper .swiper-button-next:after{font-weight:700;}
.tch-home-swiper .swiper-button-disabled{opacity:0;pointer-events:none;}
.tch-home-swiper .swiper-slide{box-sizing:border-box;height:auto;display:flex;}
.tch-home-swiper .swiper-slide .item{width:100%;display:flex;flex-direction:column;min-width:0;}

/* ---- Trending + Clearance product cards (legacy server markup, restyled) -- */
.TrendingStage .Product,
.ClearanceStage .Product{
	width:100%;max-width:none;flex:1;display:flex;flex-direction:column;
	background:var(--tch-surface);
	border:1px solid var(--tch-line);
	border-radius:var(--tch-radius-lg);
	overflow:hidden;
	transition:box-shadow .2s ease, transform .2s ease;
}
.TrendingStage .Product:hover,
.ClearanceStage .Product:hover{box-shadow:var(--tch-shadow);transform:translateY(-2px);}
.TrendingStage .ProductShadow{display:flex;flex-direction:column;flex:1;padding:0;position:relative;}
.TrendingStage .Thumb,
.ClearanceStage .ProductThumb{
	background:var(--tch-surface-warm);
	padding:var(--tch-space-3);
	aspect-ratio:1;
	display:flex;align-items:center;justify-content:center;
}
.TrendingStage .Thumb img,
.ClearanceStage .ProductThumb img{
	max-width:100%;max-height:100%;width:auto !important;height:auto !important;
	object-fit:contain;margin:0 auto;mix-blend-mode:multiply;
}
.TrendingStage .Thumb .helper{display:none;}
.TrendingStage .SortDesc,
.ClearanceStage .ProductDetail{padding:var(--tch-space-3) var(--tch-space-4) var(--tch-space-4);display:flex;flex-direction:column;gap:6px;flex:1;}
.TrendingStage h4,
.ClearanceStage h4{margin:0;font-size:14px;font-weight:600;line-height:1.45;min-height:0 !important;}
.TrendingStage h4 a,
.ClearanceStage h4 a{color:var(--tch-ink);}
.TrendingStage h4 a:hover,
.ClearanceStage h4 a:hover{color:var(--tch-brand-dark);}
.TrendingStage .PricingOption{min-height:0 !important;margin:0;color:var(--tch-muted);}
.TrendingStage .PricingOption b,
.ClearanceStage .ProductDetail p b{font-size:var(--tch-text-md);font-weight:700;color:var(--tch-brand-dark);}
.TrendingStage .PricingOption .Price,
.ClearanceStage .ProductDetail strike{
	font-size:var(--tch-text-sm);font-weight:400;color:var(--tch-muted);text-decoration:line-through;
}
.TrendingStage .PricingOption .Save{font-size:var(--tch-text-xs);font-weight:600;color:var(--tch-brand-dark);}
.ClearanceStage .ProductDetail p{margin:0;order:2;}
.TrendingStage .fa-star,.ClearanceStage .fa-star{color:var(--tch-star);}
.TrendingStage .fa-star-o,.ClearanceStage .fa-star-o{color:var(--tch-line);}

/* Sale flags on trending cards (server markup: .BadgeLeft) */
.TrendingStage .BadgeLeft{
	position:absolute;left:10px;top:10px;z-index:5;
	display:inline-block;
	padding:4px 10px;
	border-radius:var(--tch-radius-pill);
	font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;
	background:var(--tch-brand);color:#fff;
}
.TrendingStage .BadgeLeft ~ .BadgeLeft{top:38px;}
.TrendingStage .HotBuy.BadgeLeft{background:var(--tch-ink);}

/* Clearance wrapper (cached markup: .AllAvailableTab > .dealSlider) */
.ClearanceStage .AllAvailableTab,
.ClearanceStage .dealSlider{width:100%;}

/* ---- About --------------------------------------------------------------- */
.AboutSplit{
	display:grid;grid-template-columns:minmax(0,1fr);
	gap:var(--tch-space-5);align-items:center;
}
.AboutVisual{
	background:var(--tch-surface-sand);
	border-radius:var(--tch-radius-lg);
	padding:var(--tch-space-3);
}
.AboutVisual .youtube{
	position:relative;padding-bottom:56.25%;height:0;overflow:hidden;
	border-radius:var(--tch-radius);
	background:var(--tch-ink);cursor:pointer;
}
.AboutVisual .youtube iframe,
.AboutVisual .youtube div{position:absolute;top:0;left:0;width:100%;height:100%;}
.AboutVisual .youtube img{width:100%;height:100% !important;object-fit:cover;display:block;opacity:.9;}
.AboutVisual .youtube .play{
	top:50%;left:50%;width:64px;height:64px;
	transform:translate(-50%,-50%);
	border-radius:var(--tch-radius-pill);
	background:var(--tch-brand);
	box-shadow:var(--tch-shadow);
	transition:background .2s ease, transform .2s ease;
}
.AboutVisual .youtube .play::after{
	content:"";position:absolute;top:50%;left:50%;
	transform:translate(-40%,-50%);
	border-style:solid;border-width:10px 0 10px 16px;
	border-color:transparent transparent transparent #fff;
}
.AboutVisual .youtube:hover .play{background:var(--tch-brand-dark);transform:translate(-50%,-50%) scale(1.06);}
.AboutCopy h2{margin:0 0 var(--tch-space-3);}
.AboutCopy p{font-size:var(--tch-text-base);line-height:1.8;color:var(--tch-ink-2);margin:0 0 var(--tch-space-4);}
.AboutHighlights{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--tch-space-3);}
.AboutHighlights div{
	background:var(--tch-surface-warm);
	border:1px solid var(--tch-line);
	border-radius:var(--tch-radius);
	padding:var(--tch-space-4);
	font-size:var(--tch-text-sm);color:var(--tch-muted);line-height:1.6;
}
.AboutHighlights strong{display:block;color:var(--tch-ink);font-size:var(--tch-text-base);font-weight:600;margin-bottom:var(--tch-space-1);}

/* ---- Brand strip --------------------------------------------------------- */
.BrandLogoFeed{min-height:110px;}
.BrandLogoFeed .SiteContainer{width:100%;max-width:none;padding:0;margin:0;}
.BrandLogoPlaceholder{
	display:flex;align-items:center;justify-content:center;
	min-height:110px;
	border:1px dashed var(--tch-line);
	border-radius:var(--tch-radius-lg);
	background:var(--tch-surface-warm);
	color:var(--tch-muted);
	font-size:var(--tch-text-sm);letter-spacing:.05em;text-transform:uppercase;
}
.BrandLogoSlider .item a,
.BrandLogoSlider .item > div{
	display:flex;align-items:center;justify-content:center;
	min-height:96px;width:100%;
	background:var(--tch-surface);
	border:1px solid var(--tch-line);
	border-radius:var(--tch-radius);
	padding:var(--tch-space-3);
	transition:border-color .2s ease, box-shadow .2s ease;
}
.BrandLogoSlider .item a:hover{border-color:var(--tch-brand);box-shadow:var(--tch-shadow-sm);}
.BrandLogoSlider img{max-width:85%;height:52px !important;width:auto !important;object-fit:contain;}

/* ---- Breakpoints (mobile-first: 480 / 768 / 1024 / 1280) ------------------ */
@media (min-width: 480px){
	.HomeStatRow{padding:var(--tch-space-4) var(--tch-space-5);}
}

@media (min-width: 768px){
	.HomepageShell{padding:var(--tch-space-6) var(--tch-space-5) var(--tch-space-8);}
	.ShowcaseSection{padding:var(--tch-space-6) var(--tch-space-6) var(--tch-space-5);}
	.HomeStatRow{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--tch-space-4);}
	.HomeHeroVisual{gap:var(--tch-space-4);}
	.AboutHighlights{grid-template-columns:repeat(2,minmax(0,1fr));}
	.HomeSectionHeadRow{display:flex;align-items:baseline;justify-content:space-between;gap:var(--tch-space-5);}
	.HomeSectionHeadRow h2{max-width:24ch;}
	.HomeSectionHeadRow p{margin-top:0;max-width:44ch;text-align:right;}
}

@media (min-width: 1024px){
	.HomeHero{grid-template-columns:1.05fr .95fr;gap:var(--tch-space-7);}
	.CategoryPills{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--tch-space-4);}
	.CategoryPill{padding:var(--tch-space-4);}
	.AboutSplit{grid-template-columns:1fr .95fr;gap:var(--tch-space-6);}
	.HomepageShell > section{margin-bottom:var(--tch-space-7);}
	.BrandLogo{margin-bottom:0;}
}

@media (min-width: 1280px){
	.HomeHeroCopy p{font-size:var(--tch-text-md);}
	.ShowcaseSection{padding:var(--tch-space-7) var(--tch-space-7) var(--tch-space-6);}
}


 /* /style/index.css */ 

/* Homepage CSS lives in style/indexInline.css (UI v2 "Warm Modern", Phase 3).
   This stub is kept only because index.php's createCssORJs bundle references it
   (indexInline.css + index.css). Do not add rules here — use indexInline.css. */