.landing-page{background:radial-gradient(ellipse at 12% 15%,#e5eee2,transparent 48%),linear-gradient(135deg,#e3ebe2,#b8cbbb 55%,#345e4f)}
.landing-page .slideshow-main{display:block;max-width:1440px;min-height:calc(100svh - 130px);padding:32px 48px 48px}
.hero-slideshow{position:relative;width:100%;height:clamp(420px,72vh,850px);border-radius:28px;overflow:hidden;background:radial-gradient(ellipse at center,#dde4d7,#9cad9b);box-shadow:0 28px 70px #193b2a30,0 0 0 1px #ffffff80;isolation:isolate;touch-action:pan-y}
.hero-slides{position:absolute;inset:0}.hero-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity 1.1s ease;pointer-events:none}.hero-slide.is-active{opacity:1}
.hero-slideshow::after{content:"";position:absolute;inset:60% 0 0;background:linear-gradient(transparent,#152e2373);pointer-events:none;z-index:1}
.hero-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;display:grid;place-items:center;width:46px;height:46px;padding:10px;border:1px solid #ffffff80;border-radius:50%;background:#f6f7f3cc;color:#203e32;backdrop-filter:blur(12px)}
.hero-arrow svg{width:24px;height:24px}.hero-prev{left:22px}.hero-next{right:22px}
.hero-controls{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);z-index:2;display:flex;align-items:center;gap:16px;padding:10px 18px;border:1px solid #ffffff40;border-radius:40px;background:#1c392bb3;backdrop-filter:blur(16px);color:#fff}
.hero-dots{display:flex;gap:3px}.hero-dots button{position:relative;width:25px;height:30px;border:0;background:transparent;padding:0}.hero-dots button::after{content:"";position:absolute;width:6px;height:6px;top:12px;left:9px;border-radius:10px;background:#ffffff70;transition:background .25s,transform .25s}.hero-dots button[aria-pressed=true]::after{background:#fff;transform:scale(1.4)}
.hero-play{width:30px;height:30px;border:0;background:transparent;color:white;font-size:18px;padding:0}.hero-count{white-space:nowrap;font-size:11px;letter-spacing:2px;font-variant-numeric:tabular-nums}
@media(max-width:650px){.landing-page .slideshow-main{padding:20px 16px 32px;min-height:0}.hero-slideshow{height:65svh;min-height:360px;border-radius:20px}.hero-arrow{width:36px;height:36px;padding:7px}.hero-prev{left:10px}.hero-next{right:10px}.hero-controls{bottom:18px;gap:8px;padding:8px 12px}.hero-dots button{width:20px}.hero-dots button::after{left:7px}.hero-count{font-size:10px;letter-spacing:1px}}
@media(prefers-reduced-motion:reduce){.hero-slide,.hero-dots button::after{transition:none}}

.landing-page .slideshow-main{max-width:1240px;width:100%;margin:0 auto;padding:36px 40px 48px;min-height:0}
.landing-page .hero-slideshow{height:clamp(340px,62svh,620px);min-height:0;border-radius:24px;box-shadow:0 20px 55px #193b2a26,0 0 0 1px #ffffff80;background:#b9c7b7}
.landing-page .hero-slide{object-fit:contain;object-position:center;transform:none;opacity:0;transition:opacity 1.4s ease-in-out;will-change:opacity}
.landing-page .hero-slide.is-active{opacity:1;transform:none}
@media(max-width:650px){.landing-page .slideshow-main{padding:24px 18px 32px}.landing-page .hero-slideshow{height:52svh;min-height:310px;max-height:480px;border-radius:18px}}
@media(prefers-reduced-motion:reduce){.landing-page .hero-slide,.landing-page .hero-slide.is-active{transform:none;transition:opacity .3s ease;will-change:auto}}
.landing-page .slideshow-main{padding-top:64px;padding-bottom:64px;min-height:calc(100svh - var(--landing-header-height,130px));display:flex;align-items:center;justify-content:center}
.hero-showroom-prompt{position:absolute;right:24px;bottom:24px;z-index:3;max-width:calc(100% - 48px);padding:15px 18px;background:#f6f7f3ed;border:1px solid #ffffffb3;border-radius:16px;box-shadow:0 8px 30px #18342926;backdrop-filter:blur(16px)}
.hero-showroom-prompt>span{display:block;margin-bottom:7px;color:#617365;font-size:10px;line-height:1.8}
.hero-showroom-prompt a{display:flex;align-items:center;justify-content:space-between;gap:20px;color:#203e32;text-decoration:none;font-size:14px;font-weight:600;line-height:1.8}
.hero-showroom-prompt a svg{width:18px;height:18px;flex-shrink:0;color:#b7571d}
.hero-showroom-prompt a:focus-visible{outline:3px solid #bcce83;outline-offset:5px}
.hero-controls{left:24px;transform:none}
@media(max-width:650px){.landing-page .slideshow-main{padding:38px 18px;min-height:0}.hero-showroom-prompt{right:12px;bottom:12px;padding:11px 13px;max-width:calc(100% - 24px);border-radius:12px}.hero-showroom-prompt>span{display:none}.hero-showroom-prompt a{font-size:12px;gap:12px}.hero-controls{left:12px;bottom:70px;gap:8px;padding:7px 10px}.hero-count{display:none}}
.hero-slideshow .hero-controls{display:none}

.hero-slideshow .hero-next{display:none}

.landing-page .slideshow-main{max-width:1600px;display:grid;grid-template-columns:minmax(160px,1fr) minmax(0,4.5fr) minmax(160px,1fr);gap:32px;align-items:center;padding:54px 36px 64px}
.idea-panel,.result-panel{min-width:0;color:#203e32;position:relative}
.process-step{display:block;font-size:10px;letter-spacing:2px;color:#637d69;margin-bottom:24px}
.furniture-sketch{margin:0 -8px 22px;transform:rotate(-4deg);color:#345e4f}.furniture-sketch svg{display:block;width:100%;height:auto}.furniture-sketch>span{display:block;text-align:center;font-size:9px;color:#718774;letter-spacing:.3px}
.idea-panel h2,.result-panel h2{font-size:clamp(19px,1.6vw,25px);line-height:1.6;font-weight:600;margin:0 0 14px;letter-spacing:-.3px}
.idea-panel p,.result-panel p{font-size:12px;line-height:1.95;color:#526e5b;margin:0 0 24px}
.idea-panel>a,.result-link{display:inline-flex;align-items:center;gap:16px;text-decoration:none;color:#203e32;font-size:11px;font-weight:600;border-bottom:1px solid #8fa795;padding:8px 0;line-height:1.8}
.idea-panel>a span,.result-link span{color:#a64c1b;font-size:18px}
.result-photo{display:block;overflow:hidden;border-radius:60px 12px 12px 12px;margin:0 0 24px;box-shadow:0 12px 28px #203e3224;transform:rotate(3deg);border:5px solid #f7f9f3}
.result-photo img{display:block;width:100%;height:190px;object-fit:cover;object-position:68% center;transition:transform .4s ease}
@media(hover:hover){.result-photo:hover img{transform:scale(1.06)}}
@media(max-width:1100px){.landing-page .slideshow-main{grid-template-columns:minmax(130px,1fr) minmax(0,4fr) minmax(130px,1fr);gap:20px;padding-left:24px;padding-right:24px}.result-photo img{height:160px}.idea-panel h2,.result-panel h2{font-size:18px}}
@media(max-width:850px){.landing-page .slideshow-main{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 28px;padding:36px 24px}.hero-slideshow{grid-column:1/-1;grid-row:1}.idea-panel,.result-panel{grid-row:2;padding:16px;align-self:start}.furniture-sketch{max-width:220px;margin:0 auto 22px}.result-photo{max-width:220px;margin:0 auto 24px}.result-photo img{height:190px}.idea-panel h2,.result-panel h2{font-size:22px}}
@media(max-width:480px){.landing-page .slideshow-main{gap:24px 16px;padding:30px 16px}.idea-panel,.result-panel{padding:4px}.process-step{letter-spacing:1px;margin-bottom:18px}.idea-panel h2,.result-panel h2{font-size:19px}.idea-panel p,.result-panel p{font-size:11px}.result-photo img{height:145px}.idea-panel>a,.result-link{font-size:10px;gap:8px}}
@media(prefers-reduced-motion:reduce){.result-photo img{transition:none}.result-photo:hover img{transform:none}}
.landing-page{position:relative;isolation:isolate}
.landing-page::before{content:"";position:absolute;inset:0 auto 0 0;width:clamp(200px,22vw,380px);z-index:-1;pointer-events:none;background:linear-gradient(to right,transparent 25%,#e3ebe2 100%),repeating-linear-gradient(90deg,#d8b88b 0px,#ecd9b8 3px,#cfaa77 5px,#f0dfbf 9px,#b89061 10px,#e5cba1 13px,#f2e2c8 18px);box-shadow:inset -24px 0 50px #e3ebe280}
.idea-panel{padding:24px 14px;border-radius:14px;background:linear-gradient(110deg,#f7f4e9db,#edf2e7b3 75%,#edf2e700)}
@media(max-width:850px){.landing-page::before{width:35%;opacity:.6}.idea-panel{padding:20px 14px}}
.landing-page::before{width:clamp(220px,24vw,400px);background:linear-gradient(to right,transparent 35%,#e3ebe2 100%),url("plywood-interior-premium.png") left center/cover no-repeat;box-shadow:none;opacity:1}
.idea-panel{background:linear-gradient(110deg,#f7f4e9e8,#edf2e7d9 75%,#edf2e730)}
@media(max-width:850px){.landing-page::before{width:38%;opacity:.8}}
.result-photo{border-radius:24px;transform:none;border:0;box-shadow:0 20px 55px #193b2a26,0 0 0 1px #ffffff80}
.result-photo img{border-radius:inherit}
@media(max-width:650px){.result-photo{border-radius:18px}}