/* Janaan home.com: expanded collection and layout refinements */
.v1 .hero-warm{max-width:none;min-height:590px;padding:62px 7%;display:flex;align-items:center;isolation:isolate;overflow:hidden;background:#4f4537;color:#fff}.v1 .hero-warm>figure{position:absolute;inset:0;z-index:-2;width:100%;height:100%;margin:0}.v1 .hero-warm>figure img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:center 58%;border-radius:0;animation:hero-drift 24s ease-in-out infinite alternate}.v1 .hero-warm:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(20,24,16,.85),rgba(20,24,16,.61) 34%,rgba(20,24,16,.10) 73%)}.v1 .hero-warm .hero-copy{max-width:560px}.v1 .hero-warm h1{font-size:clamp(64px,6.2vw,89px)}.v1 .hero-warm h1 em{color:#f5d0a0}.v1 .hero-warm p{color:#fff}.v1 .hero-warm .eyebrow{color:#f5d0a0}.v1 .hero-warm .button{background:#984d36;box-shadow:0 4px 20px #0002}.v1 .hero-warm .text-link{color:#fff}.v1 .hero-warm .hero-foot{margin-top:30px;color:#f7eddb}.v1 .hero-warm figcaption{position:absolute;right:22px;bottom:12px;color:#fff;font-size:10px;border:0;padding:6px 10px;background:#20251cb8;gap:20px}.v3 header{margin-top:10px;margin-bottom:8px}.v3 .hero-olive{padding-top:9px}.v3 .olive-title{gap:10px 35px;padding-bottom:23px}.v3 .olive-title h1{font-size:clamp(49px,5.15vw,74px)}.v3 .olive-title .eyebrow{margin-bottom:0}.v3 .hero-olive>figure img{height:490px}.v3 .olive-title>div{padding-bottom:4px}.v3 .olive-title p{margin-bottom:17px}.section{padding-top:62px;padding-bottom:62px}.submenu{max-height:70vh;overflow-y:auto;width:260px}.submenu-label{font-size:9px;text-transform:uppercase;letter-spacing:.14em;color:var(--muted);padding:16px 11px 6px;border-top:1px solid var(--line);margin-top:6px}.guide-links{margin-top:15px;padding-top:12px;border-top:1px solid var(--line)}.guide-links a{display:block;margin-bottom:9px;font-size:11px}.product-showcase{background:var(--paper)}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.product-tile{display:block;padding-bottom:18px;background:var(--panel);border:1px solid var(--line);transition:transform .35s,box-shadow .35s;overflow:hidden}.product-tile>img{width:100%;height:auto;aspect-ratio:1.15;object-fit:cover;transition:transform .65s}.product-tile>div{display:flex;align-items:flex-start;gap:10px;padding:18px 17px 0}.product-tile h3{font-family:var(--serif);font-size:22px;line-height:1.25;flex:1}.product-count{font-size:9px;color:var(--accent);padding-top:6px}.product-tile p{font-size:12px;padding:12px 17px 0}.product-tile:hover{transform:translateY(-8px);box-shadow:0 13px 28px #0002}.product-tile:hover>img{transform:scale(1.035)}.product-showcase>.image-note{margin-top:18px;font-size:10px}.v1 .product-tile:nth-child(2){background:#e7e9dc}.v1 .product-tile:nth-child(4){background:#efdfd3}.v2 .product-tile{background:#303428}.v2 .product-tile:nth-child(even){background:#383027}.v2 .product-grid{gap:22px}.v2 .product-tile:nth-child(even){transform:translateY(25px)}.v2 .product-tile:nth-child(even):hover{transform:translateY(17px)}.v2 .product-showcase>.image-note{margin-top:42px}.v3 .product-tile{border-radius:16px}.v3 .product-tile:nth-child(2){background:#eee4cd}.v3 .product-tile:nth-child(3){background:#dbe1cb}.photo-band{position:relative;isolation:isolate;padding:70px 7%;min-height:430px;display:flex;align-items:center;overflow:hidden;background:#353c2c;color:#fff}.photo-band:before{content:'';position:absolute;inset:-3%;z-index:-2;background-image:var(--room-image);background-size:cover;background-position:center;animation:hero-drift 26s ease-in-out infinite alternate}.photo-band:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#141b14df,#141b148a 43%,#141b1414 75%)}.photo-band-1{--room-image:repeating-linear-gradient(115deg,transparent 0 42px,#ab987b18 43px 44px)}.photo-band-2{--room-image:repeating-linear-gradient(115deg,transparent 0 42px,#ab987b18 43px 44px)}.photo-band-3{--room-image:repeating-linear-gradient(115deg,transparent 0 42px,#ab987b18 43px 44px)}.photo-band-copy{max-width:480px}.photo-band h2{font-size:clamp(44px,4.5vw,66px)}.photo-band p{color:#fff;margin:22px 0;font-size:14px}.photo-band .eyebrow{color:#f7d9a8}.background-caption{position:absolute;bottom:16px;right:25px;font-size:10px;color:#fff;background:#152016a8;padding:4px 8px}.v2 .photo-band:after{background:linear-gradient(90deg,#080d08e8,#080d0852 60%,#080d0810)}.v3 .photo-band{margin:0 4%;border-radius:22px}.planning-blocks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.planning-blocks>a{padding:32px 27px;min-height:300px;background:#e6dec9;border:1px solid transparent;transition:transform .35s,box-shadow .35s}.planning-blocks>a:nth-child(2){background:#ddc9b8}.planning-blocks>a:nth-child(3){background:#dfe4d2}.planning-blocks h3{font-family:var(--serif);font-size:29px;line-height:1.2;margin-bottom:18px}.planning-blocks p{font-size:13px}.planning-blocks .text-link{font-size:11px;margin-top:21px}.planning-blocks>a:hover{transform:translateY(-7px);box-shadow:0 10px 25px #0002}.v2 .planning-blocks>a{background:#363b2e}.v2 .planning-blocks>a:nth-child(2){background:#40392e}.v2 .planning-blocks>a:nth-child(3){background:#333c36}.v3 .planning-blocks>a{border-radius:20px;background:#e3e8c9}.v3 .planning-blocks>a:nth-child(2){background:#eee0c8}.v3 .planning-blocks>a:nth-child(3){background:#d6dfcb}.moving-strip{overflow:hidden;padding:16px 0;background:var(--accent);color:#fff;font-size:13px;line-height:1.4;letter-spacing:.14em;text-transform:uppercase;border-top:1px solid #ffffff25;border-bottom:1px solid #ffffff25}.moving-strip>div{display:flex;width:max-content;animation:strip-travel 36s linear infinite}.moving-strip>div>span{display:flex;align-items:center;gap:32px;padding-right:32px;white-space:nowrap}.moving-strip span span{font-size:24px;animation:motif-turn 15s linear infinite;display:inline-block}.v2 .moving-strip{background:#d0af77;color:#20261b}.v3 .moving-strip{margin-top:25px;background:#dce7b2;color:#2d401e}.closing{position:relative;isolation:isolate;overflow:hidden}.closing:before{content:'';position:absolute;inset:0;z-index:-2;background:repeating-linear-gradient(115deg,transparent 0 42px,#ab987b18 43px 44px) center/cover;opacity:.42}.closing:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#643825cd,#64382561)}.v2 .closing:before{opacity:.45}.v2 .closing:after{background:linear-gradient(90deg,#d8bc8be8,#d8bc8b88)}.v3 .closing:after{background:linear-gradient(90deg,#2e451ae8,#2e451a92)}.closing .button{position:relative}.process{position:relative;isolation:isolate;background:var(--paper)}.process:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,var(--paper) 42%,transparent 100%),repeating-linear-gradient(115deg,transparent 0 42px,#ab987b18 43px 44px) right center/cover;opacity:.20}.v2 .process:before{opacity:.14}.process ol{padding:0 20px;background:var(--paper)}.guide-rows{padding-top:30px}.guide-row{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;padding:40px 0;border-bottom:1px solid var(--line)}.guide-row:nth-child(even)>figure{order:2}.guide-row img{width:100%;height:auto;aspect-ratio:1.4;object-fit:cover}.guide-row h2{font-size:43px}.guide-row p{margin:22px 0;font-size:15px}.guide-row .button{margin-top:4px}.detail-feature{display:grid;grid-template-columns:1.1fr 1fr;gap:65px;align-items:center;background:var(--panel)}.detail-feature img{width:100%;height:auto}.detail-feature p{margin:22px 0}.gallery-grid{gap:32px}.gallery-item img{height:auto;max-height:none;aspect-ratio:1.5;object-fit:cover}.gallery-item[data-category=client] img{aspect-ratio:1;object-fit:contain}.gallery-item{transition:transform .3s}.gallery-item:hover{transform:translateY(-4px)}.category-card .arrow{transition:transform .3s}.category-card:hover .arrow{transform:translate(3px,-3px)}.button span{transition:transform .3s}.button:hover span{transform:translate(3px,-3px)}
@keyframes strip-travel{to{transform:translateX(-50%)}}@keyframes motif-turn{to{transform:rotate(360deg)}}@keyframes hero-drift{from{transform:scale(1)}to{transform:scale(1.035)}}
@media(max-width:1100px){.v1 .hero-warm{min-height:560px;padding:55px 6%}.v3 .olive-title h1{font-size:60px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.product-tile>img{aspect-ratio:1.5}.product-tile h3{font-size:25px}.v2 .product-tile:nth-child(even){transform:none}.v2 .product-tile:nth-child(even):hover{transform:translateY(-8px)}.v2 .product-showcase>.image-note{margin-top:20px}.planning-blocks{gap:15px}.planning-blocks>a{padding:26px 21px}.planning-blocks h3{font-size:26px}.guide-row,.detail-feature{gap:40px}.guide-row h2{font-size:38px}.v3 .hero-olive>figure img{height:430px}}
@media(max-width:850px){.submenu{max-height:none;width:auto}.v3 .olive-title h1{font-size:58px}.v3 .olive-title{gap:13px}.v3 .olive-title>div{padding:0}.v3 .olive-title p{margin:0}.v1 .hero-warm{min-height:540px}.v1 .hero-warm h1{font-size:72px}.photo-band{padding:55px 6%;min-height:390px}.planning-blocks{grid-template-columns:1fr 1fr}.planning-blocks>a:last-child{grid-column:1/-1;min-height:0}.guide-row,.detail-feature{gap:30px}.guide-row h2{font-size:34px}.guide-row p{font-size:13px}.moving-strip{font-size:11px}.v3 .hero-olive>figure img{height:390px}}
@media(max-width:600px){.section{padding-top:42px;padding-bottom:42px}.v1 .hero-warm{display:flex;flex-direction:column;min-height:0;padding:0;gap:0;background:#f0e8db;color:var(--ink)}.v1 .hero-warm:after{display:none}.v1 .hero-warm .hero-copy{padding:30px 6%;max-width:none;background:var(--paper)}.v1 .hero-warm h1{font-size:61px}.v1 .hero-warm h1 em{color:var(--accent)}.v1 .hero-warm p{color:var(--muted);margin:18px 0 22px}.v1 .hero-warm .eyebrow{color:var(--accent)}.v1 .hero-warm .text-link,.v1 .hero-warm .hero-foot{color:var(--ink)}.v1 .hero-warm .hero-foot{margin-top:20px}.v1 .hero-warm>figure{position:relative;inset:auto;z-index:auto;height:auto;width:100%;overflow:hidden}.v1 .hero-warm>figure img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain;border-radius:0;animation:none}.v1 .hero-warm figcaption{right:8px;bottom:7px;left:8px;font-size:8px;justify-content:space-between;gap:6px}.v1 .hero-warm figcaption span{font-size:8px}.v3 header{margin-top:7px;margin-bottom:5px}.v3 .hero-olive{padding-top:8px}.v3 .olive-title{gap:9px;padding-bottom:17px}.v3 .olive-title h1{font-size:44px}.v3 .olive-title .eyebrow{font-size:8px;letter-spacing:.1em}.v3 .olive-title p{font-size:12px;margin-top:4px}.v3 .olive-title .button{margin-top:15px}.v3 .hero-olive>figure img{height:auto;aspect-ratio:1.45;object-fit:cover}.v3 .hero-olive .round-link{width:64px;height:64px;font-size:10px;bottom:39px}.product-grid{gap:18px 12px}.product-tile>img{aspect-ratio:1.15;object-fit:cover}.product-tile>div{padding:13px 11px 0;gap:6px}.product-tile h3{font-size:20px}.product-tile p{font-size:11px;padding:10px 11px 0}.product-count{display:none}.product-tile{padding-bottom:13px}.product-tile>div>span:last-child{font-size:13px}.product-showcase>.image-note{font-size:9px}.photo-band{min-height:420px;padding:42px 6%}.photo-band h2{font-size:43px}.photo-band p{font-size:13px;max-width:33ch}.photo-band:before{background-position:58% center}.photo-band:after{background:linear-gradient(90deg,#141b14df,#141b147a)}.v3 .photo-band{border-radius:16px}.photo-band-copy{max-width:100%}.planning-blocks{grid-template-columns:1fr;padding-top:32px;padding-bottom:32px;gap:15px}.planning-blocks>a{min-height:0;padding:26px}.planning-blocks h3{font-size:29px}.planning-blocks p{font-size:13px}.planning-blocks .eyebrow{margin-bottom:13px}.planning-blocks .text-link{margin-top:13px}.moving-strip{font-size:10px;padding:12px 0}.moving-strip>div>span{gap:23px;padding-right:23px}.moving-strip span span{font-size:18px}.process ol{padding:0 12px}.guide-row,.detail-feature{grid-template-columns:1fr;gap:24px}.guide-row{padding:25px 0 35px}.guide-row:nth-child(even)>figure{order:0}.guide-row h2{font-size:36px}.guide-row p{font-size:14px}.guide-row img{aspect-ratio:1.5}.detail-feature h2{font-size:40px}.gallery-item img{height:auto;aspect-ratio:1.5}.gallery-item[data-category=client] img{aspect-ratio:auto;max-height:500px}.closing:before{opacity:.48}.closing:after{background:#643825b5}.v2 .closing:after{background:#d8bc8bd0}.v3 .closing:after{background:#2e451abd}.guide-links a{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}