/* TISCH & TON: a designed occasion rather than another product filter. */
.tisch-hero-image img{object-position:center 42%}
.tisch-table{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);background:#4c1d31;color:#f7e9cf;scroll-margin-top:24px}
.table-intro{padding:clamp(70px,7vw,115px) clamp(28px,6vw,105px);align-self:center}
.table-intro h2{font-size:clamp(56px,5.5vw,90px);line-height:.99;letter-spacing:-.065em;margin:42px 0 30px}
.table-intro h2 em{color:#f3d980;font-family:Georgia,serif;font-weight:400}
.table-intro>p:not(.eyebrow){font-size:clamp(17px,1.5vw,21px);line-height:1.45;max-width:460px}
.table-choices{display:grid;gap:0;margin-top:55px;border-top:1px solid #e9d9bd70}
.table-choices button{display:flex;align-items:center;gap:24px;text-align:left;background:transparent;color:inherit;border:0;border-bottom:1px solid #e9d9bd70;padding:17px 5px;font-size:clamp(18px,1.6vw,23px);transition:padding .25s,background .25s}
.table-choices button span{font-size:11px;letter-spacing:.15em;opacity:.6}
.table-choices button[aria-pressed=true]{color:#f6df87;padding-left:20px;background:#f7e9cf0f}
.table-choices button:hover{padding-left:20px}
.table-stage{position:relative;display:flex;flex-direction:column;justify-content:space-between;isolation:isolate;min-height:760px;padding:30px clamp(20px,4vw,60px);overflow:hidden;background:#a83950;transition:background .4s}
.table-stage::before{content:"";position:absolute;width:min(76%,630px);aspect-ratio:1;left:9%;top:13%;border:34px solid #dfb76c;border-radius:50%;box-shadow:0 0 0 2px #69264075,0 0 0 38px #7d2d3b66,18px 36px 45px #32101b55;opacity:.8;transform:rotate(-14deg);z-index:-1}
.table-stage::after{content:"";position:absolute;width:42%;height:130%;right:-12%;top:-20%;transform:rotate(32deg);background:repeating-linear-gradient(90deg,#ecd7ad9c 0 3px,transparent 3px 60px);opacity:.23;z-index:-2}
.tisch-table[data-table-scene=morgen] .table-stage{background:#b88c46}
.tisch-table[data-table-scene=morgen] .table-stage::before{border-color:#f2ddaa;box-shadow:0 0 0 2px #4c1d3170,0 0 0 38px #6b47235c,18px 36px 45px #32101b55}
.tisch-table[data-table-scene=geschenk] .table-stage{background:#67705d}
.tisch-table[data-table-scene=geschenk] .table-stage::before{border-color:#dec59c;box-shadow:0 0 0 2px #3b422d70,0 0 0 38px #2d443b55,18px 36px 45px #1c282155}
.table-stage-top,.table-stage-bottom{display:flex;justify-content:space-between;gap:20px;font-size:11px;letter-spacing:.15em;font-weight:650;position:relative}
.table-paper{position:relative;width:min(100%,465px);margin:15px auto;padding:34px clamp(24px,3.3vw,48px) 32px;background:#f4ead3;color:#441d2f;box-shadow:12px 22px 35px #2b0d1c55;transform:rotate(-2deg);transition:transform .4s}
.tisch-table[data-table-scene=morgen] .table-paper{transform:rotate(2deg)}
.tisch-table[data-table-scene=geschenk] .table-paper{transform:rotate(-1deg)}
.table-paper-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding-bottom:16px;border-bottom:2px solid currentColor}
.table-paper-head>span{font-weight:750;letter-spacing:-.09em;font-size:24px;white-space:nowrap}
.table-paper-head>span span{font-family:Georgia,serif;font-weight:400;font-style:italic;color:#a4334e}
.table-paper-head small{font-size:8px;font-weight:700;letter-spacing:.13em;max-width:95px;text-align:right}
.table-paper-kicker{margin:35px 0 13px;font-size:10px;font-weight:750;letter-spacing:.15em}
.table-paper h3{font:400 clamp(35px,3.2vw,54px)/1.02 Georgia,serif;letter-spacing:-.05em;margin:0 0 15px}
.table-paper>p:not(.table-paper-kicker){font-size:16px;line-height:1.4;max-width:32ch;margin-bottom:30px}
.table-products{padding:0;margin:0 0 27px;list-style:none;border-top:1px solid #8b7780}
.table-products li{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid #8b7780;font-size:14px}
.table-products strong{font-weight:650;white-space:nowrap}
.table-paper-total{display:flex;justify-content:space-between;gap:15px;align-items:baseline;font-size:12px;text-transform:uppercase;letter-spacing:.06em}
.table-paper-total strong{font-size:21px;letter-spacing:-.02em;white-space:nowrap}
.table-outro{display:flex;justify-content:space-between;align-items:center;gap:30px;grid-column:1/-1;background:#f0dc7d;color:#411b2b;padding:20px clamp(28px,6vw,105px)}
.table-outro p{font-size:12px;line-height:1.45;max-width:440px;margin:0}
.table-outro button{display:flex;justify-content:space-between;align-items:center;gap:35px;min-height:52px;padding:12px 0;border:0;border-bottom:1px solid currentColor;background:transparent;color:inherit;font-weight:700;font-size:14px;text-align:left}
.table-outro button:hover{color:#a1344a}
.table-outro button span{font-size:24px;font-weight:400}
.tisch-selection .section-top .eyebrow{white-space:nowrap}
@media(max-width:900px){.tisch-table{grid-template-columns:1fr}.table-intro{padding:75px 6vw 50px}.table-intro h2{margin:25px 0}.table-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:30px;border:0}.table-choices button{display:block;border:1px solid #e9d9bd70;padding:15px;min-height:70px}.table-choices button span{display:block;margin-bottom:5px}.table-choices button[aria-pressed=true],.table-choices button:hover{padding-left:15px}.table-stage{min-height:670px}.table-outro{padding:20px 6vw}}
@media(max-width:650px){.table-intro{padding:70px 22px 35px}.table-intro h2{font-size:clamp(49px,12vw,72px)}.table-intro>p:not(.eyebrow){font-size:17px}.table-choices button{font-size:14px;line-height:1.2;padding:12px 7px;min-height:66px}.table-choices button[aria-pressed=true],.table-choices button:hover{padding-left:7px}.table-stage{padding:22px;min-height:620px}.table-stage::before{width:95%;left:-8%;top:19%;border-width:22px}.table-paper{padding:28px 24px 25px;margin:18px auto}.table-paper h3{font-size:38px}.table-outro{display:block;padding:23px 22px 30px}.table-outro button{width:100%;margin-top:10px}.table-stage-top,.table-stage-bottom{font-size:9px}.tisch-hero-copy{min-height:545px}}
@media(max-width:370px){.table-paper-head small{font-size:7px}.table-paper h3{font-size:34px}.table-choices button{font-size:12px}}
@media(prefers-reduced-motion:reduce){.table-stage,.table-paper,.table-choices button{transition:none}}

/* KANTE: selections are reflected in a measured material section. */
.kante-cutaway{margin:42px 0 20px;background:#e8e2d5;color:#252520;box-shadow:12px 12px 0 #1f1d19;--section-material:#93684b}
.kante-cutaway[data-material=holz]{--section-material:#a87643}
.kante-cutaway[data-material=stahl]{--section-material:#778383}
.cutaway-top,.cutaway-foot{display:flex;justify-content:space-between;gap:12px;padding:13px 17px;font-size:9px;font-weight:700;letter-spacing:.15em}
.cutaway-top{border-bottom:1px solid #b1aa9b}.cutaway-foot{border-top:1px solid #b1aa9b}
.cutaway-sheet{position:relative;height:240px;overflow:hidden;background-color:#e8e2d5;background-image:linear-gradient(#7a817118 1px,transparent 1px),linear-gradient(90deg,#7a817118 1px,transparent 1px);background-size:21px 21px}
.cutaway-sheet::before,.cutaway-sheet::after{content:"";position:absolute;left:5%;right:5%;height:1px;background:#716e6455;top:50%}
.cutaway-sheet::after{left:50%;right:auto;width:1px;height:90%;top:5%}
.cutaway-wall{position:absolute;top:50px;bottom:50px;width:28%;background:repeating-linear-gradient(135deg,#b9b0a0 0 1px,#cfc7b7 1px 7px);border:1px solid #948b7c}
.cutaway-wall-left{left:10%}.cutaway-wall-right{right:10%}
.cutaway-frame{position:absolute;top:32px;bottom:32px;left:36%;right:36%;border:8px solid var(--section-material);box-shadow:4px 5px 0 #2226;transition:border-color .4s,left .4s,right .4s}
.cutaway-frame-inner{top:45px;bottom:45px;left:40%;right:40%;border-width:3px;background:#e7eae48a}
.cutaway-glass{position:absolute;top:50px;bottom:50px;left:43%;right:43%;background:#d0d9cf9c;border-left:1px solid #60756d;border-right:1px solid #60756d;transition:left .4s,right .4s}
.cutaway-light{position:absolute;width:34%;height:28%;top:20%;left:47%;transform:skew(-25deg) rotate(18deg);transform-origin:left top;background:linear-gradient(90deg,#e7c68199,#f0d59600);clip-path:polygon(0 20%,100% 0,100% 100%,0 75%);transition:opacity .4s,transform .4s}
.kante-cutaway[data-goal=ruhe] .cutaway-light{opacity:.28;transform:skew(-15deg) rotate(18deg)}
.kante-cutaway[data-goal=bestand] .cutaway-light{opacity:.5;transform:skew(-32deg) rotate(18deg)}
.kante-cutaway[data-choice=fassade] .cutaway-frame-outer{left:32%;right:32%}
.kante-cutaway[data-choice=innenraum] .cutaway-frame-outer{left:39%;right:39%}
.cutaway-measure{position:absolute;left:17px;font-size:9px;letter-spacing:.12em;font-weight:700;color:#5c594f}
.cutaway-measure-top{top:12px}.cutaway-measure-bottom{bottom:12px}
@media(max-width:650px){.kante-cutaway{margin:35px 0 15px}.cutaway-sheet{height:210px}.cutaway-frame{left:35%;right:35%}}
@media(prefers-reduced-motion:reduce){.cutaway-frame,.cutaway-glass,.cutaway-light{transition:none}}

/* WALDRUHE: the daily rhythm becomes a navigable landscape, not three cards. */
.wald-moments .section-top{margin-bottom:55px}
.wald-time-interaction{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr);min-height:570px;border:1px solid #759083}
.wald-time-stage{position:relative;min-height:570px;overflow:hidden;background:linear-gradient(180deg,#546d72 0%,#b2a998 57%,#e6c391 86%,#405d57 87%,#293f39 100%);transition:background .4s}
.wald-time-interaction[data-wald-time=mittag] .wald-time-stage{background:linear-gradient(180deg,#4c7185 0%,#a3bbba 60%,#dad6ad 86%,#3c5b4b 87%,#203d33 100%)}
.wald-time-interaction[data-wald-time=abend] .wald-time-stage{background:linear-gradient(180deg,#1c3348 0%,#766b76 60%,#c88769 86%,#2d4a3d 87%,#132b27 100%)}
.wald-time-orbit{position:absolute;left:11%;bottom:10%;width:78%;height:78%;border:1px solid #f3e4c6a8;border-radius:50% 50% 0 0;clip-path:inset(0 0 15% 0);opacity:.7}
.wald-time-line{position:absolute;left:0;right:0;top:27%;height:1px;background:#f3e4c630;transform:rotate(-22deg)}
.wald-time-horizon{position:absolute;left:0;right:0;bottom:13%;height:1px;background:#f5e6c7b5}
.wald-time-sun{position:absolute;left:18%;top:53%;width:76px;aspect-ratio:1;border-radius:50%;background:#f4d4a5;box-shadow:0 0 70px 30px #f2d4a180;transition:left .65s,top .65s,background .65s,box-shadow .65s}
.wald-time-interaction[data-wald-time=mittag] .wald-time-sun{left:51%;top:16%;background:#f6e6b6;box-shadow:0 0 70px 24px #f2e7ba88}
.wald-time-interaction[data-wald-time=abend] .wald-time-sun{left:77%;top:57%;background:#efab82;box-shadow:0 0 65px 20px #eab18a80}
.wald-time-stage-label{position:absolute;left:28px;top:28px;font-size:10px;letter-spacing:.16em;font-weight:650}
.wald-time-stage strong{position:absolute;left:24px;bottom:29px;color:#f5ead6;font:400 clamp(90px,14vw,210px)/.75 Georgia,serif;letter-spacing:-.08em;text-shadow:0 2px 22px #17302c40}
.wald-time-editor{display:flex;flex-direction:column;padding:clamp(30px,4vw,65px);background:#e9e7dc;color:#24392f}
.wald-time-choices{border-top:1px solid #899c8f;margin:22px 0 35px}
.wald-time-choices button{display:flex;gap:20px;align-items:center;width:100%;padding:17px 8px;border:0;border-bottom:1px solid #899c8f;background:transparent;color:inherit;font-size:16px;text-align:left;transition:padding .25s,background .25s}
.wald-time-choices button span{font-size:10px;letter-spacing:.13em;opacity:.65}
.wald-time-choices button[aria-pressed=true]{background:#d1d8ce;padding-left:18px;font-weight:650}
.wald-time-choices button:hover{padding-left:18px}
.wald-time-story{margin:auto 0 35px}
.wald-time-story>span{font-size:10px;letter-spacing:.15em;font-weight:700}
.wald-time-story h3{font:400 clamp(32px,3vw,48px)/1.08 Georgia,serif;letter-spacing:-.045em;margin:17px 0}
.wald-time-story p{font-size:16px;line-height:1.5;max-width:38ch}
.wald-time-plan{display:flex;justify-content:space-between;gap:16px;border-top:1px solid #899c8f;padding-top:18px;font-size:13px;font-weight:650}
.wald-time-plan:hover{text-decoration:underline;text-underline-offset:5px}
@media(max-width:900px){.wald-time-interaction{grid-template-columns:1fr}.wald-time-stage{min-height:460px}.wald-time-editor{min-height:430px}.wald-time-story{margin:0 0 35px}}
@media(max-width:650px){.wald-moments .section-top{margin-bottom:30px}.wald-time-stage{min-height:350px}.wald-time-sun{width:45px}.wald-time-stage strong{font-size:90px}.wald-time-editor{padding:30px 22px}.wald-time-choices button{font-size:15px}}
@media(prefers-reduced-motion:reduce){.wald-time-stage,.wald-time-sun,.wald-time-choices button{transition:none}}