/* Special Art View — Variante „verlieben“: gescoptes Design #saw (aus dem Partial ausgelagert, ADR-123 alpha.665). */
#saw{--ink:#102a32;--deep:#072a30;--mint:#dcece2;--cream:#f3eee5;--gold:#c6a66a;--coral:#e07a48;--warm:#e07d29;--warmglow:#ffd98a;--cool:#2f8f7a;--cooldeep:#0b6a74;position:relative;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}
#saw *{box-sizing:border-box}
#saw a{color:inherit;text-decoration:none}
/* Anker-Subnav: keine Marke mehr, sitzt tiefer im Hero (unter der Plattform-Kopfzeile) */
#saw .saw-subnav{position:absolute;z-index:6;top:112px;right:5vw;display:flex;align-items:center;gap:30px;color:#fff;font-size:12px;letter-spacing:.08em}
#saw .saw-subnav a:not(.navCta):hover{border-bottom:1px solid #ffffff80}
#saw .navCta{border:1px solid #ffffff80;border-radius:99px;padding:12px 18px;display:inline-flex;gap:14px}
#saw .navCta:hover{background:#fff;color:var(--deep)}
#saw .hero{height:min(760px,86vh);min-height:600px;position:relative;overflow:hidden;color:#fff;background:linear-gradient(96deg,#2a1405e6 0%,#2a14055c 40%,transparent 66%),radial-gradient(circle at 78% 26%,#ffd98a72,transparent 34%),radial-gradient(circle at 22% 86%,#e85a2452,transparent 46%),linear-gradient(120deg,#bd4512 2%,#e2892a 50%,#6fa03e 122%)}
#saw .heroGlow{position:absolute;z-index:2;width:440px;height:440px;border:1px solid #ffffff55;border-radius:50%;top:18%;right:12%;box-shadow:0 0 100px #ffd8a050,inset 0 0 90px #ffbf6b30}
/* Foto-Motiv (lokal): (a) heroPhoto = Wash über die GESAMTE Szene (transparent, aus dem Hintergrund),
   (b) heroFaces = maskierter Ausschnitt, dessen Köpfe/Kuss in der Kreismitte sitzen. */
#saw .heroPhoto{position:absolute;inset:0;z-index:0;pointer-events:none}
#saw .heroPhoto::before{content:"";position:absolute;inset:0;background:url('../img/saw/weekend-love.jpg') 60% 40% / cover no-repeat;opacity:.20;filter:saturate(.82) contrast(1.04);mix-blend-mode:luminosity}
#saw .heroPhoto::after{content:"";position:absolute;inset:0;background:linear-gradient(96deg,#2a1405e0 0%,#2a14055e 38%,transparent 62%)}
#saw .heroFaces{position:absolute;z-index:1;width:440px;height:440px;top:18%;right:12%;border-radius:50%;pointer-events:none;background:url('../img/saw/weekend-love.jpg') 52% 50% / 720px auto no-repeat;opacity:.94;-webkit-mask-image:radial-gradient(circle,#000 0 42%,#0000008c 64%,transparent 82%);mask-image:radial-gradient(circle,#000 0 42%,#0000008c 64%,transparent 82%)}
/* Lesbarkeit über dem Foto (rechte Kennzahlen + Subnav sitzen jetzt auf hellerem Laub) */
#saw .heroAside,#saw .saw-subnav{text-shadow:0 1px 14px #00000066}
#saw .orb{position:absolute;z-index:2;border-radius:50%;border:1px solid #ffffff50;box-shadow:inset 0 0 50px #ffffff11}
#saw .orbOne{width:120px;height:120px;right:30%;top:20%}
#saw .orbTwo{width:48px;height:48px;right:11%;bottom:18%}
#saw .heroContent{position:absolute;z-index:3;left:9vw;top:52%;transform:translateY(-46%);max-width:760px}
#saw .eyebrow,#saw .sectionNo{font-size:11px;letter-spacing:.24em;font-weight:700}
#saw .hero h1,#saw .intro h2,#saw .perspective h2,#saw .cta h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;line-height:.91;letter-spacing:-.045em}
#saw .hero h1{font-size:clamp(56px,7.6vw,112px);margin:22px 0 26px}
#saw .hero h1 em,#saw .intro em,#saw .perspective em,#saw .cta em{font-weight:400;font-style:italic;color:var(--warmglow)}
#saw .perspective em,#saw .cta em{color:#9cded2}
#saw .lead{font-family:Georgia,serif;font-size:clamp(18px,2vw,24px);line-height:1.55;max-width:650px;color:#f5eee5}
#saw .heroActions{display:flex;align-items:center;gap:30px;margin-top:34px;flex-wrap:wrap}
#saw .primary{background:var(--coral);color:#fff;padding:17px 22px;border-radius:99px;font-size:12px;letter-spacing:.05em;display:inline-flex;gap:28px;align-items:center;transition:.25s}
#saw .primary:hover{transform:translateY(-2px);background:#ef8a42}
#saw .textLink{font-size:12px;border-bottom:1px solid #ffffff80;padding:10px 0}
#saw .textLink span{margin-right:8px}
#saw .heroAside{position:absolute;z-index:3;right:5vw;top:36%;text-align:right;display:grid;grid-template-columns:1fr 70px;align-items:end;gap:2px 12px}
#saw .heroAside p{font-family:Georgia,serif;font-size:30px;margin:0}
#saw .heroAside span{text-transform:uppercase;font-size:8px;letter-spacing:.2em;padding-bottom:6px}
#saw .heroAside div{grid-column:1/-1;width:100%;height:1px;background:#ffffff35;margin:12px 0}
#saw .scrollNote{position:absolute;z-index:3;left:5vw;bottom:26px;font-size:8px;letter-spacing:.22em;opacity:.7}
#saw .intro{padding:120px 9vw;display:grid;grid-template-columns:22% 1fr;gap:30px;background:var(--cream)}
#saw .sectionNo{color:#8b7f70;padding-top:12px}
#saw .intro h2,#saw .perspective h2{font-size:clamp(46px,6vw,83px);margin:0 0 40px}
#saw .intro h2 em{color:var(--warm)}
#saw .perspective h2 em{color:var(--cool)}
#saw .intro>div>p,#saw .perspectiveText>p:last-child{max-width:720px;font-family:Georgia,serif;font-size:20px;line-height:1.75;color:#4a5d60}
#saw .chapters{display:grid;grid-template-columns:repeat(3,1fr);background:linear-gradient(160deg,#062a3a 0%,#083430 58%,#0a3b2a 100%);color:#f8f2e8}
#saw .chapter{min-height:560px;padding:50px 3.5vw;position:relative;border-right:1px solid #ffffff1f;transition:.3s}
#saw .chapter:hover,#saw .chapter.active{background:#0e4048}
#saw .chapterNo{font-family:Georgia,serif;font-size:13px;color:#9ab4aa}
#saw .chapterDay{font-size:9px;letter-spacing:.23em;margin:70px 0 25px;color:#b8cbc1}
#saw .chapter h3{font-family:Georgia,serif;font-size:37px;line-height:1.06;font-weight:400;margin:0 0 28px}
#saw .chapter>p:last-of-type{font-size:14px;line-height:1.8;color:#b9c8c3;max-width:330px}
#saw .chapterIcon{position:absolute;right:35px;bottom:30px;font-family:Georgia,serif;font-size:72px;color:#7fc9c055}
#saw .perspective{padding:120px 9vw;display:grid;grid-template-columns:1.2fr .8fr;gap:9vw;background:#e6ece4;position:relative}
#saw .quoteCard{min-height:540px;background:linear-gradient(150deg,#0e6f82,#12523f);color:#fff;padding:70px 45px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end}
#saw .rings span{position:absolute;border:1px solid #ffe9df35;border-radius:50%;width:320px;height:320px;top:-70px;right:-70px}
#saw .rings span:nth-child(2){width:220px;height:220px;top:-20px;right:-20px}
#saw .rings span:nth-child(3){width:120px;height:120px;top:30px;right:30px}
#saw .quoteCard blockquote{font-family:Georgia,serif;font-size:31px;line-height:1.35;margin:0 0 24px}
#saw .quoteCard>p{font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:#cdeae4}
#saw .facts{padding:110px 9vw 130px;background:var(--cream)}
#saw .factsGrid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:55px;border-top:1px solid #aa9e8d}
#saw .factsGrid article{padding:38px 30px 10px 0;border-right:1px solid #aa9e8d;min-height:255px}
#saw .factsGrid article+article{padding-left:30px}
#saw .factsGrid span{font-family:Georgia,serif;color:var(--cool);font-size:24px}
#saw .factsGrid h3{font-family:Georgia,serif;font-size:23px;font-weight:400;margin:30px 0 15px}
#saw .factsGrid p{color:#617073;font-size:13px;line-height:1.7;max-width:220px}
#saw .cta{text-align:center;background:var(--deep);color:#fff;padding:110px 20px 120px;position:relative;overflow:hidden}
#saw .cta:before{content:"";position:absolute;width:620px;height:620px;border:1px solid #ffffff12;border-radius:50%;left:50%;top:46%;transform:translate(-50%,-50%)}
#saw .heartLine{font-family:Georgia,serif;font-size:54px;color:#e1a298;position:relative}
#saw .saw-gif{display:block;margin:0 auto 22px;width:84px;height:auto;position:relative;z-index:3}
#saw .cta h2{font-size:clamp(48px,6vw,80px);margin:30px 0}
#saw .cta>p:not(.eyebrow){max-width:620px;margin:0 auto 38px;color:#b9c8c3;line-height:1.7}
#saw .light{position:relative;background:#f1e9dc;color:var(--deep)}
#saw .light:hover{background:#fff}
#saw .cta .eyebrow{color:#9bb1a7}
/* [alpha.758] Wochenend-Überblick: klare Überschrift + Wochentag groß */
#saw .weekendHead{background:linear-gradient(160deg,#062a3a 0%,#083430 58%,#0a3b2a 100%);color:#f8f2e8;text-align:center;padding:90px 7vw 20px}
#saw .weekendHead h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(34px,4.6vw,60px);line-height:1.05;margin:16px 0 18px}
#saw .weekendHead h2 em{color:#9cded2;font-style:italic}
#saw .weekendHead>p:last-child{max-width:640px;margin:0 auto;font-size:16px;line-height:1.7;color:#b9c8c3}
#saw .weekendHead .eyebrow{color:#9bb1a7}
#saw .chapterNo{text-transform:uppercase;letter-spacing:.2em}
#saw .chapterDay{display:flex;flex-direction:column;gap:8px;letter-spacing:.2em}
#saw .chapterWeekday{font-size:22px;font-weight:700;letter-spacing:.2em;color:#f4d9a8;border-bottom:2px solid #c6a66a;padding-bottom:8px;align-self:flex-start}
#saw .chapterTheme{font-size:11px;letter-spacing:.24em;color:#b8cbc1}
/* [alpha.758] Beworbene Suite */
#saw .suiteFeature{display:grid;grid-template-columns:1.05fr 1fr;gap:6vw;align-items:center;padding:110px 9vw;background:var(--cream)}
#saw .suiteMedia{position:relative;border-radius:6px;overflow:hidden;box-shadow:0 24px 60px #0a2a3033}
#saw .suiteImg{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
#saw .suiteText h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(40px,5vw,70px);line-height:.95;margin:18px 0 26px;color:var(--ink)}
#saw .suiteText h2 em{color:var(--warm);font-style:italic}
#saw .suiteText .eyebrow{color:#8b7f70}
#saw .suiteLead{font-family:Georgia,serif;font-size:19px;line-height:1.7;color:#4a5d60;max-width:560px;margin:0 0 24px}
#saw .suiteChips{list-style:none;margin:0 0 32px;padding:0;display:flex;flex-wrap:wrap;gap:10px}
#saw .suiteChips li{border:1px solid #aa9e8d;border-radius:99px;padding:8px 16px;font-size:12px;letter-spacing:.06em;color:#3d4f52;background:#fff8}
#saw .suiteActions{display:flex;align-items:center;gap:28px;flex-wrap:wrap}
#saw .suiteLink{font-size:13px;border-bottom:1px solid #8b7f70;padding:8px 0;color:var(--ink)}
@media(max-width:850px){#saw .suiteFeature{grid-template-columns:1fr;padding:80px 7vw}#saw .weekendHead{padding:70px 7vw 10px}}
/* Herzchen — pulsierend/blinkend (größer/kleiner), dezent, a11y-schonend */
#saw .saw-heart{position:absolute;z-index:2;font-family:Georgia,serif;color:#e79a8e;pointer-events:none;line-height:1;will-change:transform,opacity;animation:sawPulse 3.4s ease-in-out infinite}
#saw .saw-heart--soft{color:#efb9ac}
#saw .hero .saw-heart{color:#ffc985}#saw .hero .saw-heart--soft{color:#ffe0ad}
#saw .perspective .saw-heart,#saw .cta .saw-heart{color:#79c7bd}#saw .perspective .saw-heart--soft,#saw .cta .saw-heart--soft{color:#a6ded4}
@keyframes sawPulse{0%,100%{transform:scale(.85);opacity:.30}50%{transform:scale(1.28);opacity:.8}}
@media(prefers-reduced-motion:reduce){#saw .saw-heart{animation:none;opacity:.5}}
@media(max-width:850px){
 #saw .saw-subnav{gap:16px;top:88px}#saw .saw-subnav a:not(.navCta){display:none}
 #saw .hero{min-height:640px}#saw .heroContent{left:7vw;right:7vw;top:50%}#saw .heroAside{display:none}
 #saw .heroGlow{width:300px;height:300px;top:8%;right:-8%}#saw .heroFaces{width:300px;height:300px;top:8%;right:-8%;background-size:500px auto;opacity:.6}#saw .heroPhoto::after{background:linear-gradient(178deg,#2a1405c9 0%,#2a14056b 46%,transparent 80%)}
 #saw .intro,#saw .perspective{grid-template-columns:1fr;padding:90px 7vw}
 #saw .chapters{grid-template-columns:1fr}#saw .chapter{min-height:390px;padding:38px 7vw}#saw .chapterDay{margin-top:35px}
 #saw .factsGrid{grid-template-columns:1fr 1fr}#saw .factsGrid article:nth-child(2){border-right:0}#saw .factsGrid article:nth-child(3){padding-left:0}#saw .factsGrid article{border-bottom:1px solid #aa9e8d}
 #saw .quoteCard{min-height:430px}#saw .facts{padding:90px 7vw}#saw .cta{padding:90px 7vw}
}
@media(max-width:520px){
 #saw .saw-heart{display:none}
 #saw .navCta{font-size:0;padding:12px}#saw .navCta span{font-size:15px}
 #saw .hero h1{font-size:52px}#saw .lead{font-size:18px}#saw .heroActions{align-items:flex-start;flex-direction:column;gap:16px}
 #saw .intro h2,#saw .perspective h2,#saw .cta h2{font-size:43px}
 #saw .factsGrid{grid-template-columns:1fr}#saw .factsGrid article,#saw .factsGrid article+article{padding:30px 0;border-right:0}
 #saw .chapter h3{font-size:32px}
}
