.examples{padding:76px 7.2% 82px;background:#f5f4ed}
.examples .section-heading{margin-bottom:24px}
.example-tabs{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:0 auto 22px}
.example-tab{font:600 12px 'DM Sans',sans-serif;color:#435248;background:transparent;border:1px solid #cbd3c8;padding:10px 15px;border-radius:3px;cursor:pointer}
.example-tab.active{background:#243f31;color:#fff;border-color:#243f31}
.example-panel{max-width:1080px;margin:auto;background:#fffefa;border:1px solid #e1e4dc;border-radius:4px;padding:24px;display:grid;grid-template-columns:.8fr 1.2fr;gap:28px;align-items:start}
.example-panel[hidden]{display:none}
.example-copy{padding:6px 5px}
.example-kicker{font-size:10px;letter-spacing:1.2px;font-weight:700;color:#345d46}
.example-copy h3{font:500 25px/1.22 'Playfair Display',serif;margin:10px 0 11px;letter-spacing:-.4px}
.example-copy p{font-size:12px;color:#68756d;line-height:1.65}
.example-copy ul{list-style:none;padding:0;margin:17px 0 0;font-size:11px;color:#435248}
.example-copy li{padding:6px 0 6px 19px;position:relative}
.example-copy li:before{content:'✓';position:absolute;left:0;color:#345d46;font-weight:700}
.sample-result{background:#f4f5ef;border:1px solid #e5e8df;border-radius:3px;padding:13px}
.result-topline,.sample-caption,.materials-title{display:flex;align-items:center;justify-content:space-between;gap:10px}
.result-topline{font-size:10px;font-weight:700;margin:0 0 10px}
.sample-pill{background:#e6ede2;color:#345d46;border-radius:20px;padding:4px 8px;font-size:9px}
.sample-scene{position:relative;overflow:hidden;isolation:isolate;min-height:200px;border-radius:2px;background:linear-gradient(#dce9e0 0 45%,#b4c6a5 45% 55%,#829a70 55%);}
.sample-scene:before{content:'';position:absolute;z-index:-1;left:0;right:0;top:31%;height:26%;background:repeating-linear-gradient(90deg,#a79579 0 5px,#d0c1a4 5px 47px,#a79579 47px 52px);border-top:5px solid #938065}
.sample-scene:after{content:'';position:absolute;z-index:-1;bottom:-27%;left:35%;width:36%;height:78%;background:linear-gradient(90deg,#b7aa91,#dfd5c0,#b6a98e);clip-path:polygon(32% 0,68% 0,100% 100%,0 100%)}
.scene-free{background:linear-gradient(#dce9e0 0 43%,#bacaa8 43% 54%,#87996f 54%)}
.scene-free .scene-tag{position:absolute;top:12px;left:12px;background:#fffefaeb;color:#243f31;border-radius:20px;font-size:9px;padding:6px 9px;font-weight:600}
.sample-scene .choice-number{position:absolute;bottom:7px;left:8px;background:#fffefaed;color:#243f31;border-radius:12px;padding:3px 7px;font-size:9px;font-weight:700}
.sample-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.sample-choices .sample-scene{min-height:105px}
.sample-choices .chosen{outline:2px solid #345d46;outline-offset:-2px}
.sample-choices.five{grid-template-columns:repeat(5,1fr);gap:5px}
.sample-choices.five .sample-scene{min-height:82px}
.scene-plan-two{background:linear-gradient(#cbd9d5 0 40%,#b8c5a0 40% 53%,#778f70 53%)}
.scene-plan-two:after{left:20%;width:60%;background:linear-gradient(90deg,#c5b597,#e4d9c3,#b8ab93);clip-path:polygon(42% 0,58% 0,100% 100%,0 100%)}
.scene-plan-three{background:linear-gradient(#e3dfcb 0 43%,#bec9a1 43% 54%,#82956c 54%)}
.scene-plan-three:after{left:10%;width:80%;height:42%;bottom:0;background:#bcae91;clip-path:none}
.scene-plan-four{background:linear-gradient(#d5e3df 0 40%,#bac9a7 40% 52%,#849872 52%)}
.scene-plan-four:after{left:42%;width:26%;background:#d8cdb6}
.scene-plan-five{background:linear-gradient(#e6ddcf 0 40%,#b8c9a3 40% 52%,#78906d 52%)}
.scene-plan-five:after{left:20%;width:58%;bottom:-5%;height:72%;background:#b5a88e;clip-path:polygon(45% 0,55% 0,100% 100%,0 100%)}
.sample-caption{font-size:10px;margin:10px 0 12px}
.sample-caption span{color:#68756d;font-size:9px}
.sample-materials{background:#fffefa;border:1px solid #e4e7df;border-radius:2px;padding:11px}
.materials-title{font-size:10px;margin-bottom:7px}
.materials-title span{font-size:9px;color:#68756d}
.materials-row{display:grid;grid-template-columns:1.4fr .7fr .65fr;gap:6px;padding:7px 0;border-top:1px solid #e8eae4;font-size:9px;color:#536257}
.materials-row b{font-weight:600;color:#345d46;text-align:right}
.sample-materials>p{margin:8px 0 0;font-size:9px;color:#68756d;line-height:1.5}
.sample-disclaimer{margin:9px 0 0;font-size:9px;color:#68756d;line-height:1.45}
.refinement-chips{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 10px}
.refinement-chips span{border:1px solid #d8ddd4;background:#fffefa;border-radius:20px;padding:5px 8px;font-size:9px;color:#435248}
.example-footnote{text-align:center;font-size:10px;color:#68756d;margin:15px 0 0}
@media(max-width:760px){.examples{padding:58px 5%}.example-panel{grid-template-columns:1fr;gap:15px}.example-copy h3{font-size:22px}}
@media(max-width:480px){.example-panel{padding:15px}.example-tabs{justify-content:stretch}.example-tab{flex:1;padding:9px 8px;font-size:10px}.sample-choices .sample-scene{min-height:83px}.sample-choices.five .sample-scene{min-height:64px}.materials-row{font-size:8px;grid-template-columns:1.3fr .65fr .6fr}}