/* Kadaligh home: material hero, size growth preview, featured, brand. */
.home-main { padding-bottom: 24px; }
.hero { position: relative; height: 100vh; min-height: 620px; max-height: 1080px; overflow: hidden; background: #14110f; color: #fff; }
.hero__backdrop { position: absolute; inset: 0; background-size: cover; background-position: 58% 50%; transform: scale(1.03); filter: saturate(.92) contrast(1.02); }
.hero__backdrop::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(13,10,8,.86) 0%, rgba(13,10,8,.58) 36%, rgba(13,10,8,.18) 72%, rgba(13,10,8,.36) 100%); }
.hero__grain { position: absolute; inset: 0; opacity: .16; background-image: radial-gradient(rgba(255,255,255,.35) 1px, transparent 1px); background-size: 3px 3px; mix-blend-mode: overlay; }
.hero__shell { position: relative; z-index: 1; min-height: 100%; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 24px; padding: clamp(110px, 18vh, 180px) clamp(20px, 5vw, 72px) clamp(86px, 12vh, 132px); }
.hero__copy { max-width: 840px; }
.hero__eyebrow { margin: 0 0 18px; font-size: 12px; font-weight: 700; letter-spacing: .22em; text-transform: uppercase; color: #d9cbbb; }
.hero__title { margin: 0 0 22px; line-height: .92; letter-spacing: -2.4px; font-size: clamp(48px, 9vw, 132px); font-weight: 700; text-wrap: balance; }
.hero__title span, .hero__title em { display: block; }
.hero__title em { font-family: var(--kadaligh-display); font-style: italic; font-weight: 500; color: #e7d8c6; }
.hero__sub { max-width: 560px; margin: 0 0 28px; font-size: clamp(15px, 1.55vw, 20px); color: rgba(255,255,255,.78); }
.hero__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; }
.hero__cta, .hero__link { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; text-decoration: none; font-weight: 700; border-radius: 999px; transition: transform .2s ease, background .2s ease, color .2s ease; }
.hero__cta { background: #fff; color: var(--kadaligh-ink); padding: 13px 30px; }
.hero__cta:hover { transform: translateY(-2px); background: #d8c7ad; }
.hero__link { color: #fff; padding: 12px 20px; border: 1px solid rgba(255,255,255,.28); background: rgba(255,255,255,.08); backdrop-filter: blur(14px); }
.hero__link:hover { background: rgba(255,255,255,.16); }
.hero__material { align-self: center; display: grid; gap: 10px; margin-right: clamp(0px, 2vw, 34px); }
.hero__material span { writing-mode: vertical-rl; transform: rotate(180deg); border: 1px solid rgba(255,255,255,.24); border-radius: 999px; padding: 18px 9px; color: rgba(255,255,255,.72); font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; background: rgba(255,255,255,.08); backdrop-filter: blur(12px); }
.hero__foot { position: absolute; z-index: 1; left: clamp(20px, 5vw, 72px); right: clamp(20px, 5vw, 72px); bottom: 28px; display: flex; justify-content: space-between; gap: 16px; color: rgba(255,255,255,.58); font-size: 12px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.size-nav { padding: 72px 0 8px; }
.size-nav h2 { font-size: clamp(22px, 2.6vw, 34px); letter-spacing: -0.6px; margin: 0 0 18px; }
.size-nav__list { list-style: none; display: grid; grid-template-columns: repeat(6, 1fr); gap: clamp(10px, 1.2vw, 18px); margin: 0; padding: 0; }
.size-nav__pill { display: block; text-align: center; text-decoration: none; font-weight: 700; font-size: clamp(16px, 1.6vw, 22px); padding: 18px 0; border: 1px solid rgba(26, 23, 20, 0.14); border-radius: var(--kadaligh-radius); background: #fff; }
.size-nav__pill:hover { background: var(--kadaligh-ink); color: #fff; }
.featured { padding: 72px 0 8px; }
.featured__head { display: flex; align-items: baseline; justify-content: space-between; margin-bottom: 22px; }
.featured__head h2 { font-size: clamp(22px, 2.6vw, 34px); letter-spacing: -0.6px; margin: 0; }
.featured__more { font-weight: 700; }
.brand { padding: 88px 0 24px; text-align: left; }
.brand h2 { font-size: clamp(26px, 3.4vw, 46px); letter-spacing: -1px; margin: 0 0 16px; }
.brand p { font-size: clamp(16px, 1.8vw, 21px); opacity: 0.85; }
@media (max-width: 920px) {
	.size-nav__list { grid-template-columns: repeat(3, 1fr); }
	.hero { min-height: 640px; height: 100svh; }
	.hero__shell { grid-template-columns: 1fr; padding-top: 118px; }
	.hero__material { display: none; }
	.hero__title { letter-spacing: -1.4px; }
}
@media (max-width: 540px) { .size-nav__list { grid-template-columns: repeat(2, 1fr); } }

.size-explorer { --growth: 0; padding: clamp(4rem, 7vw, 7rem) 0; background: #ede7df; overflow: hidden; }
.size-explorer .wrap { max-width: 1260px; }
.size-explorer__header { max-width: 720px; margin-bottom: clamp(2rem, 4vw, 3.5rem); }
.size-explorer__kicker { margin: 0 0 10px; color: #7b5f48; font-size: 12px; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; }
.size-explorer__header h2 { margin: 0; color: var(--kadaligh-ink); font-size: clamp(2.1rem, 4.7vw, 5.3rem); line-height: .96; letter-spacing: -2px; }
.size-explorer__sub { max-width: 560px; margin: 18px 0 0; color: #65594f; font-size: clamp(.95rem, 1.45vw, 1.08rem); }
.size-explorer__stage { display: grid; grid-template-columns: 1fr; gap: clamp(1.2rem, 2.5vw, 2rem); align-items: center; max-width: 1120px; }
.size-explorer__visual { display: grid; place-items: stretch; }
.size-explorer__room { position: relative; width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 18px; background: #f4f0ea; box-shadow: 0 36px 80px -42px rgba(28,18,8,.55); }
.size-explorer__photo { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity .22s ease; }
.size-explorer__photo.is-active { opacity: 1; }
.size-explorer__measure { position: absolute; left: calc(50% - var(--vanity-width) / 2); bottom: 9%; width: var(--vanity-width); height: 22px; border-left: 1px solid rgba(26,23,20,.34); border-right: 1px solid rgba(26,23,20,.34); border-bottom: 1px solid rgba(26,23,20,.34); transition: left .16s linear, width .16s linear; }
.size-explorer__badge { position: absolute; right: 18px; top: 18px; background: rgba(26,23,20,.88); color: #fff; font-weight: 800; font-size: clamp(1rem, 2vw, 1.45rem); padding: .42em .8em; border-radius: 999px; letter-spacing: -.02em; }
.size-explorer__controls { display: grid; grid-template-columns: minmax(220px, .75fr) minmax(280px, 1fr) auto; gap: clamp(1rem, 2.4vw, 2rem); align-items: center; padding: clamp(1rem, 2vw, 1.5rem); border: 1px solid rgba(26,23,20,.1); background: rgba(255,255,255,.42); backdrop-filter: blur(18px); border-radius: 18px; }
.size-explorer__series { font-size: .76rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: #7b5f48; }
.size-explorer__name { margin: .5rem 0 .15rem; color: var(--kadaligh-ink); font-size: clamp(1.25rem, 2.1vw, 1.8rem); line-height: 1.12; }
.size-explorer__price { margin: 0; color: var(--kadaligh-ink); font-size: clamp(1.35rem, 2.2vw, 1.9rem); font-weight: 800; }
.size-explorer__slider-wrap { margin: 0; }
.size-explorer__range { -webkit-appearance: none; width: 100%; height: 6px; background: linear-gradient(90deg, var(--kadaligh-ink) var(--fill,0%), #c8beb0 var(--fill,0%)); border-radius: 999px; outline: none; cursor: grab; }
.size-explorer__range::-webkit-slider-thumb { -webkit-appearance: none; width: 30px; height: 30px; border: 7px solid #fff; background: var(--kadaligh-ink); border-radius: 50%; cursor: grab; box-shadow: 0 6px 18px rgba(0,0,0,.25); }
.size-explorer__range::-moz-range-thumb { width: 30px; height: 30px; border: 7px solid #fff; background: var(--kadaligh-ink); border-radius: 50%; cursor: grab; box-shadow: 0 6px 18px rgba(0,0,0,.25); }
.size-explorer__ticks { display: flex; justify-content: space-between; margin-top: .7rem; }
.size-explorer__tick { border: 0; background: transparent; color: #7f756b; cursor: pointer; padding: .35rem .55rem; border-radius: 999px; font-weight: 700; }
.size-explorer__tick.is-active { color: #fff; background: var(--kadaligh-ink); }
.size-explorer__cta { display: inline-flex; align-items: center; gap: .45rem; background: var(--kadaligh-ink); color: #fff; padding: .86rem 1.45rem; border-radius: 999px; font-weight: 800; text-decoration: none; transition: transform .2s ease, background .2s ease; }
.size-explorer__cta:hover { transform: translateY(-2px); background: #433428; }
.size-explorer__cta .material-icons { font-size: 1.05rem; }
@media (max-width: 780px) {
	.size-explorer__stage { grid-template-columns: 1fr; }
	.size-explorer__controls { grid-template-columns: 1fr; padding: 1.3rem; }
	.hero__foot { display: none; }
}