/* Homepage AI preview: shared section spacing, static imagery, no animation runtime. */
.tpl-design-teaser{--tpl-design-backdrop:radial-gradient(ellipse at 15% 65%,#b1863f2e,transparent 48%),radial-gradient(ellipse at 90% 65%,#a730523d,transparent 48%),linear-gradient(135deg,#09251f,#102f2a 45%,#141c29);--tpl-design-sheen:linear-gradient(115deg,transparent 38%,#f0cc8708 38.1%,transparent 65%);position:relative;isolation:isolate;overflow:hidden;background:var(--tpl-design-backdrop);border-block:1px solid #d5b57626}
.tpl-design-teaser::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;background:var(--tpl-design-sheen)}
/* Align the homepage frame with the shared .tpl-wrap edges and inset its content. */
body.home .tpl-design-teaser{--tpl-design-frame-inset:16px max(40px,calc((100% - 1240px)/2));--tpl-design-frame-radius:24px;background:#10291f;border-block-color:transparent}
body.home .tpl-design-teaser>.tpl-wrap{box-sizing:border-box;padding-inline:24px}
body.home .tpl-design-teaser::before{inset:var(--tpl-design-frame-inset);border-radius:var(--tpl-design-frame-radius);background:var(--tpl-design-sheen),var(--tpl-design-backdrop)}
body.home .tpl-design-teaser::after{content:"";position:absolute;inset:var(--tpl-design-frame-inset);z-index:-1;pointer-events:none;border:1px solid #dabb7c99;border-top-color:#efd191c2;border-bottom-color:#b99a607a;border-radius:var(--tpl-design-frame-radius);box-shadow:inset 0 0 32px #edc8780d}
@media(max-width:900px){body.home .tpl-design-teaser{--tpl-design-frame-inset:16px 24px}}
@media(max-width:600px){body.home .tpl-design-teaser{--tpl-design-frame-inset:12px 18px;--tpl-design-frame-radius:16px}body.home .tpl-design-teaser>.tpl-wrap{padding-inline:16px}}
.tpl-design-teaser .tpl-design-teaser-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--tpl-space-32,32px)}
.tpl-design-teaser-copy{max-width:760px}
.tpl-design-teaser .tpl-eyebrow{margin:0 0 var(--tpl-space-12,12px)}
.tpl-design-teaser h2{margin:0;font-size:clamp(34px,4vw,52px);line-height:1.12}
.tpl-design-teaser .tpl-design-teaser-copy>p:last-child{max-width:660px;margin:var(--tpl-space-16,16px) 0 0;line-height:1.65}
.tpl-section.tpl-design-teaser a.tpl-design-teaser-cta{display:inline-flex;align-items:center;justify-content:center;gap:var(--tpl-space-16,16px);flex-shrink:0;min-height:52px;padding:16px 24px;border:1px solid #f0cc87;border-radius:8px;background:linear-gradient(120deg,#f3d69b,#dfb765);box-shadow:0 8px 30px #dbac5426;color:#102a22;text-decoration:none;font:700 15px/1.35 Arial,sans-serif}
.tpl-section.tpl-design-teaser a.tpl-design-teaser-cta:hover{background:linear-gradient(120deg,#ffe8b8,#f0cc87);color:#102a22}
.tpl-section.tpl-design-teaser a.tpl-design-teaser-cta:focus-visible{outline:2px solid #f4d99f;outline-offset:6px}
.tpl-design-stack{display:flex;align-items:center;position:relative;isolation:isolate;margin:var(--tpl-space-32,32px) 0 0;padding:24px 12px 32px;min-width:0}
.tpl-design-teaser .tpl-design-example{position:relative;flex:0 0 36%;min-width:0;margin:0;border-radius:16px;border:1px solid #dabb7c7a;overflow:hidden;background:#071e19;box-shadow:0 20px 45px #0008,0 1px 0 #fff2 inset}
.tpl-design-example img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.tpl-design-teaser .tpl-design-example-day{transform:rotate(-4deg);z-index:1}
.tpl-design-teaser .tpl-design-example-warm{flex-basis:42%;margin-left:-7%;z-index:3;border-color:#f2cc83;box-shadow:0 24px 55px #0009,0 0 36px #f4b95124}
.tpl-design-teaser .tpl-design-example-color{margin-left:-7%;transform:rotate(4deg);z-index:2;border-color:#e5819466}
.tpl-design-teaser .tpl-design-example figcaption{position:absolute;inset:auto 0 0;display:flex;align-items:center;gap:10px;margin:0;padding:40px 16px 16px;background:linear-gradient(transparent,#061510eb);font:400 14px/1.4 Arial,sans-serif;color:#fff4de}
.tpl-design-example figcaption>span{padding:4px 8px;border:1px solid #e7d2a85c;border-radius:4px;background:#102b25e6;color:#f3d69b;font-size:11px;letter-spacing:.07em;text-transform:uppercase}
.tpl-design-example figcaption>strong{font-weight:600}
.tpl-design-teaser .tpl-design-swipe-hint{display:none;margin:0;font:400 13px/1.6 Arial,sans-serif;color:#c3d3ca}
@media(max-width:900px){.tpl-design-teaser .tpl-design-teaser-heading{align-items:flex-start;flex-direction:column;gap:var(--tpl-space-24,24px)}.tpl-design-example figcaption>strong{font-size:12px}.tpl-design-teaser .tpl-design-example figcaption{padding:32px 10px 12px;gap:6px}}
@media(max-width:600px){.tpl-design-stack{overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;padding:12px 2px 24px;margin-top:24px;scrollbar-color:#a88b54 #102e25;scrollbar-width:thin}.tpl-design-teaser .tpl-design-stack .tpl-design-example{flex:0 0 88%;transform:none;margin:0;scroll-snap-align:center;border-radius:12px;box-shadow:0 8px 18px #0005}.tpl-design-teaser .tpl-design-example figcaption{padding:36px 14px 14px}.tpl-design-example figcaption>strong{font-size:14px}.tpl-section.tpl-design-teaser a.tpl-design-teaser-cta{width:100%;box-sizing:border-box}.tpl-design-teaser .tpl-design-swipe-hint{display:block;margin-top:16px}}

/* Keep the right-hand caption clear of the overlapping center card. */
.tpl-design-teaser .tpl-design-example-color figcaption{justify-content:flex-end}
@media(max-width:600px){.tpl-design-teaser .tpl-design-example-color figcaption{justify-content:flex-start}}