/* Reference: two illustrated summaries in one cream panel overlapping the gallery. */
.ssc__rooms{position:relative;z-index:4;display:grid;grid-template-columns:1fr 1fr;width:calc(100% - 64px);max-width:1340px;margin:-130px auto 0;padding:26px 26px 22px;border-radius:24px;background:#faf7f0;box-shadow:0 8px 28px #1730330a;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.045'/%3E%3C/svg%3E")}
.ssc__room{min-width:0;padding:0 20px 0 0}
.ssc__room+.ssc__room{border-left:1px solid #c5bcae99;padding:0 0 0 26px}
.ssc__room-heading{display:grid;grid-template-columns:132px minmax(0,1fr);align-items:center;gap:12px;min-height:92px}
.ssc__room-art{display:block;width:132px;height:92px;object-fit:contain;pointer-events:none}
.ssc .ssc__room-title{margin:0;font:400 clamp(23px,2.1vw,30px)/1.2 "Libre Baskerville",Georgia,serif;letter-spacing:-.035em;color:#174753}
.ssc .ssc__room-description{margin:6px 0 0;font:400 14px/1.35 Georgia,"Times New Roman",serif;color:#493e36;letter-spacing:normal;text-wrap:pretty}
.ssc .ssc__room-facilities{display:grid;grid-template-columns:1.15fr 1.15fr .85fr;list-style:none;margin:16px 0 0;padding:0}
.ssc__room--meeting .ssc__room-facilities{grid-template-columns:.9fr 1.35fr 1fr}
.ssc__room-facilities li{display:flex;align-items:center;gap:10px;min-width:0;margin:0;padding:0 14px;font:400 14px/1.3 Georgia,"Times New Roman",serif;color:#173e49;letter-spacing:normal}
.ssc__room-facilities li:first-child{padding-left:12px}
.ssc__room-facilities li:last-child{padding-right:0}
.ssc__room-facilities li+li{border-left:1px solid #bdb0a080}
.ssc__room-facilities svg{width:38px;height:38px;flex:none;fill:none;stroke:#218680;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ssc .ssc__highlights{margin:24px auto 0;padding:20px 16px 24px;border-bottom:0}
.ssc .ssc__action{margin-top:24px}
@media(max-width:1150px) and (min-width:901px){
 .ssc__rooms{width:calc(100% - 40px);padding:22px 16px}
 .ssc__room{padding-right:16px}.ssc__room+.ssc__room{padding-left:16px}
 .ssc__room-heading{grid-template-columns:100px minmax(0,1fr);gap:8px}
 .ssc__room-art{width:100px;height:84px}
 .ssc .ssc__room-title{font-size:23px}.ssc .ssc__room-description{font-size:15px}
 .ssc__room-facilities li{font-size:13px;gap:7px;padding:0 8px}.ssc__room-facilities svg{width:30px;height:30px}
}
@media(max-width:900px){
 .ssc__rooms{grid-template-columns:1fr;max-width:720px;margin-top:-88px;padding:24px;width:calc(100% - 40px)}
 .ssc__room{padding:0 0 24px}.ssc__room+.ssc__room{border-left:0;border-top:1px solid #c5bcae99;padding:24px 0 0}
 .ssc .ssc__room-title{font-size:27px}
 .ssc__room-heading{grid-template-columns:120px minmax(0,1fr)}.ssc__room-art{width:120px}
 .ssc__room-facilities li{font-size:16px}
}
@media(max-width:540px){
 .ssc__rooms{width:calc(100% - 32px);padding:22px 18px;border-radius:20px;margin-top:-64px}
 .ssc__room-heading{grid-template-columns:76px minmax(0,1fr);gap:10px}
 .ssc__room-art{width:76px;height:76px}
 .ssc .ssc__room-title{font-size:22px;letter-spacing:-.025em}
 .ssc .ssc__room-description{font-size:16px;margin-top:8px}
 .ssc .ssc__room-facilities{grid-template-columns:1fr;margin-top:18px;gap:12px}
 .ssc__room-facilities li,.ssc__room-facilities li:first-child{border:0;padding:0;font-size:16px;gap:14px}
 .ssc__room-facilities br{display:none}
 .ssc__room-facilities svg{width:32px;height:32px}
 .ssc .ssc__highlights{margin-top:14px;padding:18px 0}
}

/* Slider motion */
.ssc__photos{isolation:isolate}
.ssc__photos::after{z-index:3}
.ssc__slide{position:absolute;inset:0;display:block;opacity:0;z-index:0;transform:translateX(0);scale:1;transition:opacity .75s cubic-bezier(.45,.05,.2,1),transform .75s cubic-bezier(.45,.05,.2,1)}
.ssc__slide[hidden]{display:block}
.ssc__photos:not(.is-ready) .ssc__slide:first-child{opacity:1}
.ssc__slide.is-active{opacity:1;z-index:2;animation:ssc-drift 11s linear forwards}
.ssc__slide.is-leaving{z-index:1;opacity:0}
.ssc__slide.is-entering{transition:none;animation:none}
.ssc__carousel[data-dir="next"] .ssc__slide.is-entering{transform:translateX(9%)}
.ssc__carousel[data-dir="next"] .ssc__slide.is-leaving{transform:translateX(-7%)}
.ssc__carousel[data-dir="prev"] .ssc__slide.is-entering{transform:translateX(-9%)}
.ssc__carousel[data-dir="prev"] .ssc__slide.is-leaving{transform:translateX(7%)}
@keyframes ssc-drift{from{scale:1}to{scale:1.06}}
.ssc .ssc__arrow{transition:background .2s,transform .18s,box-shadow .2s}
.ssc .ssc__arrow:hover{transform:translateY(-50%) scale(1.06);box-shadow:0 6px 16px #17303333}
.ssc .ssc__arrow:active{transform:translateY(-50%) scale(.92)}
.ssc .ssc__arrow.is-pressed{transform:translateY(-50%) scale(.92)}
@media(prefers-reduced-motion:reduce){
 .ssc__slide{transition:opacity .4s}
 .ssc__slide.is-active{animation:none}
 .ssc__carousel[data-dir] .ssc__slide.is-entering,.ssc__carousel[data-dir] .ssc__slide.is-leaving{transform:none}
 .ssc .ssc__arrow,.ssc .ssc__arrow:hover,.ssc .ssc__arrow:active{transition:none;transform:translateY(-50%)}
}

/* Reference composition: left reading area, live gallery, and one shared amenity panel. */
.ssc{padding-top:0;padding-bottom:48px}
.ssc__stage{position:relative;display:grid;isolation:isolate}
.ssc__stage>.ssc__heading,.ssc__stage>.ssc__carousel{grid-area:1/1}
.ssc__stage>.ssc__heading{position:relative;z-index:4;align-self:start;width:43%;max-width:none;margin:64px 0 0 4%;padding:0;text-align:left;pointer-events:none}
.ssc .ssc__heading h2{margin:0;font-size:clamp(32px,3.25vw,47px);font-weight:400;line-height:1.16;color:#174753;letter-spacing:-.035em;text-wrap:pretty}
.ssc .ssc__heading h2 span{font-weight:400;color:inherit}
.ssc .ssc__lead{margin:22px 0 0;max-width:520px;font:400 19px/1.5 Georgia,"Times New Roman",serif;letter-spacing:normal;color:#493e36}
.ssc__stage>.ssc__carousel{height:640px;margin:0;border-radius:0}
.ssc__stage .ssc__photos{clip-path:none}
.ssc__stage .ssc__slide{object-position:65% center}
.ssc__stage .ssc__photos::after{--guest-fade-x:linear-gradient(to right,#000 0%,#000 20%,rgba(0,0,0,.98) 31%,rgba(0,0,0,.88) 39%,rgba(0,0,0,.5) 46%,rgba(0,0,0,.12) 54%,transparent 62%);--guest-fade-y:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.35) 4%,transparent 12%,transparent 77%,rgba(0,0,0,.15) 84%,rgba(0,0,0,.65) 93%,#000 100%)}
.ssc .ssc__heading .ssc__highlights{width:100%;max-width:540px;padding:0;margin:32px 0 0;background:none;border:0;outline:0;box-shadow:none}
.ssc__heading .ssc__highlights li{flex-direction:column;text-align:center;padding:0 12px;gap:14px;font:400 18px/1.2 Georgia,"Times New Roman",serif;color:#174753}
.ssc__heading .ssc__highlights svg{width:52px;height:52px;stroke:#318d87}
.ssc__stage .ssc__arrow--prev{left:53%}
.ssc__stage .ssc__arrow--next{right:3%}
.ssc__rooms{margin-top:-100px;padding-top:28px;padding-bottom:28px}
.ssc__rooms>.ssc__action{grid-column:1/-1;margin:30px auto 0;width:84%}
@media(max-width:1150px) and (min-width:901px){
 .ssc__stage>.ssc__heading{width:45%;margin-left:3%;margin-top:48px}
 .ssc .ssc__heading h2{font-size:36px}
 .ssc .ssc__lead{font-size:17px;line-height:1.45}
 .ssc__heading .ssc__highlights li{font-size:16px;padding-inline:8px}
 .ssc__heading .ssc__highlights svg{width:44px;height:44px}
 .ssc__stage>.ssc__carousel{height:600px}
}
@media(max-width:900px){
 .ssc__stage{display:block}
 .ssc__stage>.ssc__heading{width:auto;margin:0;padding:36px 28px 0;pointer-events:auto}
 .ssc .ssc__heading h2{font-size:clamp(30px,5vw,42px);max-width:650px}
 .ssc .ssc__lead{font-size:19px;max-width:650px}
 .ssc .ssc__heading .ssc__highlights{max-width:620px;margin:28px 0 0}
 .ssc__stage>.ssc__carousel{height:460px;margin-top:22px}
 .ssc__stage .ssc__photos::after{--guest-fade-x:linear-gradient(to right,#000,transparent 13%,transparent 87%,#000);--guest-fade-y:linear-gradient(to bottom,#000,rgba(0,0,0,.5) 8%,transparent 22%,transparent 75%,rgba(0,0,0,.4) 88%,#000)}
 .ssc__stage .ssc__arrow--prev{left:4%}.ssc__stage .ssc__arrow--next{right:4%}
 .ssc__rooms{margin-top:-70px}
 .ssc__rooms>.ssc__action{width:100%;gap:20px;margin-top:28px}
}
@media(max-width:540px){
 .ssc__stage>.ssc__heading{padding:24px 24px 0}
 .ssc .ssc__heading h2{font-size:31px}
 .ssc .ssc__lead{font-size:18px;margin-top:20px}
 .ssc__heading .ssc__highlights li{font-size:15px;padding:0 7px;gap:12px}
 .ssc__heading .ssc__highlights svg{width:40px;height:40px}
 .ssc__stage>.ssc__carousel{height:390px}
 .ssc__rooms{margin-top:-56px}
 .ssc__rooms>.ssc__action{gap:10px}
}

/* Reuse the existing watercolor at the outer edges without covering the controls. */
.ssc .ssc__heading h2 span{display:block}
.ssc__stage::before{content:"";position:absolute;z-index:3;inset:0 auto auto 0;width:45%;height:180px;pointer-events:none;background:url('../img/social-comforts-20261105/watercolor-paper.webp') left top/1400px auto no-repeat;mix-blend-mode:multiply;opacity:.65;mask-image:linear-gradient(to right,#000,rgba(0,0,0,.6) 60%,transparent),linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,.06) 8%,rgba(0,0,0,.32) 16%,rgba(0,0,0,.68) 24%,rgba(0,0,0,.94) 32%,#000 40%,rgba(0,0,0,.94) 48%,rgba(0,0,0,.68) 60%,rgba(0,0,0,.32) 76%,rgba(0,0,0,.06) 88%,rgba(0,0,0,0) 100%);mask-composite:intersect}
.ssc__rooms{isolation:isolate}
.ssc__rooms::after{content:"";position:absolute;z-index:-1;inset:auto 0 0;height:100px;border-radius:0 0 24px 24px;pointer-events:none;background:url('../img/social-comforts-20261105/watercolor-paper.webp') center bottom/100% auto no-repeat;mix-blend-mode:multiply;opacity:.55;mask-image:linear-gradient(to bottom,transparent,rgba(0,0,0,.2) 30%,#000)}
@media(max-width:900px){.ssc__stage::before{width:100%;opacity:.35;height:120px}.ssc__rooms::after{height:75px;background-size:900px auto}}

/* Broad smootherstep veils reproduce the page canvas above the photos, separately from their color grade. */
.ssc__stage>.ssc__carousel{width:calc(100% - 32px);margin-right:32px;overflow:visible}
.ssc__stage .ssc__photos::after{--guest-fade-x:linear-gradient(to right,rgba(0,0,0,1.000) 0.00%,rgba(0,0,0,0.999) 1.20%,rgba(0,0,0,0.996) 2.40%,rgba(0,0,0,0.990) 3.60%,rgba(0,0,0,0.981) 4.80%,rgba(0,0,0,0.970) 6.00%,rgba(0,0,0,0.959) 7.20%,rgba(0,0,0,0.950) 8.40%,rgba(0,0,0,0.944) 9.60%,rgba(0,0,0,0.941) 10.80%,rgba(0,0,0,0.940) 12.00%,rgba(0,0,0,0.940) 12.00%,rgba(0,0,0,0.940) 14.70%,rgba(0,0,0,0.940) 17.40%,rgba(0,0,0,0.940) 20.10%,rgba(0,0,0,0.940) 22.80%,rgba(0,0,0,0.940) 25.50%,rgba(0,0,0,0.940) 28.20%,rgba(0,0,0,0.940) 30.90%,rgba(0,0,0,0.940) 33.60%,rgba(0,0,0,0.940) 36.30%,rgba(0,0,0,0.940) 39.00%,rgba(0,0,0,0.940) 39.00%,rgba(0,0,0,0.931) 41.50%,rgba(0,0,0,0.884) 44.00%,rgba(0,0,0,0.790) 46.50%,rgba(0,0,0,0.639) 49.00%,rgba(0,0,0,0.470) 51.50%,rgba(0,0,0,0.301) 54.00%,rgba(0,0,0,0.150) 56.50%,rgba(0,0,0,0.056) 59.00%,rgba(0,0,0,0.009) 61.50%,rgba(0,0,0,0.000) 64.00%,rgba(0,0,0,0.000) 64.00%,rgba(0,0,0,0.000) 65.20%,rgba(0,0,0,0.000) 66.40%,rgba(0,0,0,0.000) 67.60%,rgba(0,0,0,0.000) 68.80%,rgba(0,0,0,0.000) 70.00%,rgba(0,0,0,0.000) 71.20%,rgba(0,0,0,0.000) 72.40%,rgba(0,0,0,0.000) 73.60%,rgba(0,0,0,0.000) 74.80%,rgba(0,0,0,0.000) 76.00%,rgba(0,0,0,0.000) 76.00%,rgba(0,0,0,0.010) 78.40%,rgba(0,0,0,0.060) 80.80%,rgba(0,0,0,0.160) 83.20%,rgba(0,0,0,0.320) 85.60%,rgba(0,0,0,0.500) 88.00%,rgba(0,0,0,0.680) 90.40%,rgba(0,0,0,0.840) 92.80%,rgba(0,0,0,0.940) 95.20%,rgba(0,0,0,0.990) 97.60%,rgba(0,0,0,1.000) 100.00%);--guest-fade-y:linear-gradient(to bottom,rgba(0,0,0,1.000) 0.00%,rgba(0,0,0,0.990) 2.40%,rgba(0,0,0,0.940) 4.80%,rgba(0,0,0,0.840) 7.20%,rgba(0,0,0,0.680) 9.60%,rgba(0,0,0,0.500) 12.00%,rgba(0,0,0,0.320) 14.40%,rgba(0,0,0,0.160) 16.80%,rgba(0,0,0,0.060) 19.20%,rgba(0,0,0,0.010) 21.60%,rgba(0,0,0,0.000) 24.00%,rgba(0,0,0,0.000) 24.00%,rgba(0,0,0,0.000) 29.00%,rgba(0,0,0,0.000) 34.00%,rgba(0,0,0,0.000) 39.00%,rgba(0,0,0,0.000) 44.00%,rgba(0,0,0,0.000) 49.00%,rgba(0,0,0,0.000) 54.00%,rgba(0,0,0,0.000) 59.00%,rgba(0,0,0,0.000) 64.00%,rgba(0,0,0,0.000) 69.00%,rgba(0,0,0,0.000) 74.00%,rgba(0,0,0,0.000) 74.00%,rgba(0,0,0,0.010) 76.60%,rgba(0,0,0,0.060) 79.20%,rgba(0,0,0,0.160) 81.80%,rgba(0,0,0,0.320) 84.40%,rgba(0,0,0,0.500) 87.00%,rgba(0,0,0,0.680) 89.60%,rgba(0,0,0,0.840) 92.20%,rgba(0,0,0,0.940) 94.80%,rgba(0,0,0,0.990) 97.40%,rgba(0,0,0,1.000) 100.00%)}
.ssc__stage .ssc__slide{filter:brightness(1.01) contrast(.94) saturate(.94)}
.ssc__stage .ssc__arrow{width:64px;height:64px;z-index:5}
.ssc__stage .ssc__arrow svg{width:28px;height:22px;stroke-width:1.8}
.ssc__stage .ssc__arrow--prev{left:48%}
.ssc__stage .ssc__arrow--next{right:-32px}
.ssc__rooms{padding-bottom:36px}
@media(max-width:900px){
 .ssc__stage>.ssc__carousel{width:calc(100% - 56px);margin-left:28px;margin-right:28px}
 .ssc__stage .ssc__photos::after{--guest-fade-x:linear-gradient(to right,rgba(0,0,0,1.000) 0.00%,rgba(0,0,0,0.990) 1.60%,rgba(0,0,0,0.940) 3.20%,rgba(0,0,0,0.840) 4.80%,rgba(0,0,0,0.680) 6.40%,rgba(0,0,0,0.500) 8.00%,rgba(0,0,0,0.320) 9.60%,rgba(0,0,0,0.160) 11.20%,rgba(0,0,0,0.060) 12.80%,rgba(0,0,0,0.010) 14.40%,rgba(0,0,0,0.000) 16.00%,rgba(0,0,0,0.000) 16.00%,rgba(0,0,0,0.000) 22.80%,rgba(0,0,0,0.000) 29.60%,rgba(0,0,0,0.000) 36.40%,rgba(0,0,0,0.000) 43.20%,rgba(0,0,0,0.000) 50.00%,rgba(0,0,0,0.000) 56.80%,rgba(0,0,0,0.000) 63.60%,rgba(0,0,0,0.000) 70.40%,rgba(0,0,0,0.000) 77.20%,rgba(0,0,0,0.000) 84.00%,rgba(0,0,0,0.000) 84.00%,rgba(0,0,0,0.010) 85.60%,rgba(0,0,0,0.060) 87.20%,rgba(0,0,0,0.160) 88.80%,rgba(0,0,0,0.320) 90.40%,rgba(0,0,0,0.500) 92.00%,rgba(0,0,0,0.680) 93.60%,rgba(0,0,0,0.840) 95.20%,rgba(0,0,0,0.940) 96.80%,rgba(0,0,0,0.990) 98.40%,rgba(0,0,0,1.000) 100.00%);--guest-fade-y:linear-gradient(to bottom,rgba(0,0,0,1.000) 0.00%,rgba(0,0,0,0.990) 2.80%,rgba(0,0,0,0.940) 5.60%,rgba(0,0,0,0.840) 8.40%,rgba(0,0,0,0.680) 11.20%,rgba(0,0,0,0.500) 14.00%,rgba(0,0,0,0.320) 16.80%,rgba(0,0,0,0.160) 19.60%,rgba(0,0,0,0.060) 22.40%,rgba(0,0,0,0.010) 25.20%,rgba(0,0,0,0.000) 28.00%,rgba(0,0,0,0.000) 28.00%,rgba(0,0,0,0.000) 32.40%,rgba(0,0,0,0.000) 36.80%,rgba(0,0,0,0.000) 41.20%,rgba(0,0,0,0.000) 45.60%,rgba(0,0,0,0.000) 50.00%,rgba(0,0,0,0.000) 54.40%,rgba(0,0,0,0.000) 58.80%,rgba(0,0,0,0.000) 63.20%,rgba(0,0,0,0.000) 67.60%,rgba(0,0,0,0.000) 72.00%,rgba(0,0,0,0.000) 72.00%,rgba(0,0,0,0.010) 74.80%,rgba(0,0,0,0.060) 77.60%,rgba(0,0,0,0.160) 80.40%,rgba(0,0,0,0.320) 83.20%,rgba(0,0,0,0.500) 86.00%,rgba(0,0,0,0.680) 88.80%,rgba(0,0,0,0.840) 91.60%,rgba(0,0,0,0.940) 94.40%,rgba(0,0,0,0.990) 97.20%,rgba(0,0,0,1.000) 100.00%)}
 .ssc__stage .ssc__arrow{width:56px;height:56px}
 .ssc__stage .ssc__arrow--prev{left:-28px}.ssc__stage .ssc__arrow--next{right:-28px}
 .ssc__stage .ssc__arrow svg{width:26px;height:20px}
}

/* Extend both side dissolves; fade decorative surfaces separately from readable content. */
.ssc__stage .ssc__photos::after{--guest-fade-x:linear-gradient(to right,rgba(0,0,0,1.000) 0.00%,rgba(0,0,0,1.000) 2.40%,rgba(0,0,0,0.998) 4.80%,rgba(0,0,0,0.994) 7.20%,rgba(0,0,0,0.987) 9.60%,rgba(0,0,0,0.980) 12.00%,rgba(0,0,0,0.973) 14.40%,rgba(0,0,0,0.966) 16.80%,rgba(0,0,0,0.962) 19.20%,rgba(0,0,0,0.960) 21.60%,rgba(0,0,0,0.960) 24.00%,rgba(0,0,0,0.960) 24.00%,rgba(0,0,0,0.960) 25.50%,rgba(0,0,0,0.960) 27.00%,rgba(0,0,0,0.960) 28.50%,rgba(0,0,0,0.960) 30.00%,rgba(0,0,0,0.960) 31.50%,rgba(0,0,0,0.960) 33.00%,rgba(0,0,0,0.960) 34.50%,rgba(0,0,0,0.960) 36.00%,rgba(0,0,0,0.960) 37.50%,rgba(0,0,0,0.960) 39.00%,rgba(0,0,0,0.960) 39.00%,rgba(0,0,0,0.950) 41.50%,rgba(0,0,0,0.902) 44.00%,rgba(0,0,0,0.806) 46.50%,rgba(0,0,0,0.653) 49.00%,rgba(0,0,0,0.480) 51.50%,rgba(0,0,0,0.307) 54.00%,rgba(0,0,0,0.154) 56.50%,rgba(0,0,0,0.058) 59.00%,rgba(0,0,0,0.010) 61.50%,rgba(0,0,0,0.000) 64.00%,rgba(0,0,0,0.000) 64.00%,rgba(0,0,0,0.000) 64.40%,rgba(0,0,0,0.000) 64.80%,rgba(0,0,0,0.000) 65.20%,rgba(0,0,0,0.000) 65.60%,rgba(0,0,0,0.000) 66.00%,rgba(0,0,0,0.000) 66.40%,rgba(0,0,0,0.000) 66.80%,rgba(0,0,0,0.000) 67.20%,rgba(0,0,0,0.000) 67.60%,rgba(0,0,0,0.000) 68.00%,rgba(0,0,0,0.000) 68.00%,rgba(0,0,0,0.010) 71.20%,rgba(0,0,0,0.060) 74.40%,rgba(0,0,0,0.160) 77.60%,rgba(0,0,0,0.320) 80.80%,rgba(0,0,0,0.500) 84.00%,rgba(0,0,0,0.680) 87.20%,rgba(0,0,0,0.840) 90.40%,rgba(0,0,0,0.940) 93.60%,rgba(0,0,0,0.990) 96.80%,rgba(0,0,0,1.000) 100.00%)}
.ssc__rooms{background:none;box-shadow:none;border-radius:0}
.ssc__rooms::before{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;background:none;border-radius:24px;mask-image:linear-gradient(to right,rgba(0,0,0,0.000) 0.00%,rgba(0,0,0,0.010) 0.90%,rgba(0,0,0,0.060) 1.80%,rgba(0,0,0,0.160) 2.70%,rgba(0,0,0,0.320) 3.60%,rgba(0,0,0,0.500) 4.50%,rgba(0,0,0,0.680) 5.40%,rgba(0,0,0,0.840) 6.30%,rgba(0,0,0,0.940) 7.20%,rgba(0,0,0,0.990) 8.10%,rgba(0,0,0,1.000) 9.00%,rgba(0,0,0,1.000) 9.00%,rgba(0,0,0,1.000) 17.20%,rgba(0,0,0,1.000) 25.40%,rgba(0,0,0,1.000) 33.60%,rgba(0,0,0,1.000) 41.80%,rgba(0,0,0,1.000) 50.00%,rgba(0,0,0,1.000) 58.20%,rgba(0,0,0,1.000) 66.40%,rgba(0,0,0,1.000) 74.60%,rgba(0,0,0,1.000) 82.80%,rgba(0,0,0,1.000) 91.00%,rgba(0,0,0,1.000) 91.00%,rgba(0,0,0,0.990) 91.90%,rgba(0,0,0,0.940) 92.80%,rgba(0,0,0,0.840) 93.70%,rgba(0,0,0,0.680) 94.60%,rgba(0,0,0,0.500) 95.50%,rgba(0,0,0,0.320) 96.40%,rgba(0,0,0,0.160) 97.30%,rgba(0,0,0,0.060) 98.20%,rgba(0,0,0,0.010) 99.10%,rgba(0,0,0,0.000) 100.00%)}
.ssc__rooms::after{mask-image:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.2) 30%,#000),linear-gradient(to right,rgba(0,0,0,0.000) 0.00%,rgba(0,0,0,0.010) 0.90%,rgba(0,0,0,0.060) 1.80%,rgba(0,0,0,0.160) 2.70%,rgba(0,0,0,0.320) 3.60%,rgba(0,0,0,0.500) 4.50%,rgba(0,0,0,0.680) 5.40%,rgba(0,0,0,0.840) 6.30%,rgba(0,0,0,0.940) 7.20%,rgba(0,0,0,0.990) 8.10%,rgba(0,0,0,1.000) 9.00%,rgba(0,0,0,1.000) 9.00%,rgba(0,0,0,1.000) 17.20%,rgba(0,0,0,1.000) 25.40%,rgba(0,0,0,1.000) 33.60%,rgba(0,0,0,1.000) 41.80%,rgba(0,0,0,1.000) 50.00%,rgba(0,0,0,1.000) 58.20%,rgba(0,0,0,1.000) 66.40%,rgba(0,0,0,1.000) 74.60%,rgba(0,0,0,1.000) 82.80%,rgba(0,0,0,1.000) 91.00%,rgba(0,0,0,1.000) 91.00%,rgba(0,0,0,0.990) 91.90%,rgba(0,0,0,0.940) 92.80%,rgba(0,0,0,0.840) 93.70%,rgba(0,0,0,0.680) 94.60%,rgba(0,0,0,0.500) 95.50%,rgba(0,0,0,0.320) 96.40%,rgba(0,0,0,0.160) 97.30%,rgba(0,0,0,0.060) 98.20%,rgba(0,0,0,0.010) 99.10%,rgba(0,0,0,0.000) 100.00%);mask-composite:intersect}
@media(max-width:900px){.ssc__stage .ssc__photos::after{--guest-fade-x:linear-gradient(to right,rgba(0,0,0,1.000) 0.00%,rgba(0,0,0,0.990) 2.40%,rgba(0,0,0,0.940) 4.80%,rgba(0,0,0,0.840) 7.20%,rgba(0,0,0,0.680) 9.60%,rgba(0,0,0,0.500) 12.00%,rgba(0,0,0,0.320) 14.40%,rgba(0,0,0,0.160) 16.80%,rgba(0,0,0,0.060) 19.20%,rgba(0,0,0,0.010) 21.60%,rgba(0,0,0,0.000) 24.00%,rgba(0,0,0,0.000) 24.00%,rgba(0,0,0,0.000) 29.20%,rgba(0,0,0,0.000) 34.40%,rgba(0,0,0,0.000) 39.60%,rgba(0,0,0,0.000) 44.80%,rgba(0,0,0,0.000) 50.00%,rgba(0,0,0,0.000) 55.20%,rgba(0,0,0,0.000) 60.40%,rgba(0,0,0,0.000) 65.60%,rgba(0,0,0,0.000) 70.80%,rgba(0,0,0,0.000) 76.00%,rgba(0,0,0,0.000) 76.00%,rgba(0,0,0,0.010) 78.40%,rgba(0,0,0,0.060) 80.80%,rgba(0,0,0,0.160) 83.20%,rgba(0,0,0,0.320) 85.60%,rgba(0,0,0,0.500) 88.00%,rgba(0,0,0,0.680) 90.40%,rgba(0,0,0,0.840) 92.80%,rgba(0,0,0,0.940) 95.20%,rgba(0,0,0,0.990) 97.60%,rgba(0,0,0,1.000) 100.00%)}}

/* Dissolve the watercolor beside the heading into the outer canvas, independently of the text. */
.ssc__stage::before{mask-image:linear-gradient(to right,rgba(0,0,0,0.000) 0.00%,rgba(0,0,0,0.010) 2.80%,rgba(0,0,0,0.060) 5.60%,rgba(0,0,0,0.160) 8.40%,rgba(0,0,0,0.320) 11.20%,rgba(0,0,0,0.500) 14.00%,rgba(0,0,0,0.680) 16.80%,rgba(0,0,0,0.840) 19.60%,rgba(0,0,0,0.940) 22.40%,rgba(0,0,0,0.990) 25.20%,rgba(0,0,0,1.000) 28.00%,rgba(0,0,0,1.000) 38.00%,rgba(0,0,0,0.990) 44.20%,rgba(0,0,0,0.940) 50.40%,rgba(0,0,0,0.840) 56.60%,rgba(0,0,0,0.680) 62.80%,rgba(0,0,0,0.500) 69.00%,rgba(0,0,0,0.320) 75.20%,rgba(0,0,0,0.160) 81.40%,rgba(0,0,0,0.060) 87.60%,rgba(0,0,0,0.010) 93.80%,rgba(0,0,0,0.000) 100.00%),linear-gradient(to bottom,rgba(0,0,0,0.000) 0.00%,rgba(0,0,0,0.010) 4.00%,rgba(0,0,0,0.060) 8.00%,rgba(0,0,0,0.160) 12.00%,rgba(0,0,0,0.320) 16.00%,rgba(0,0,0,0.500) 20.00%,rgba(0,0,0,0.680) 24.00%,rgba(0,0,0,0.840) 28.00%,rgba(0,0,0,0.940) 32.00%,rgba(0,0,0,0.990) 36.00%,rgba(0,0,0,1.000) 40.00%,rgba(0,0,0,1.000) 40.00%,rgba(0,0,0,0.990) 46.00%,rgba(0,0,0,0.940) 52.00%,rgba(0,0,0,0.840) 58.00%,rgba(0,0,0,0.680) 64.00%,rgba(0,0,0,0.500) 70.00%,rgba(0,0,0,0.320) 76.00%,rgba(0,0,0,0.160) 82.00%,rgba(0,0,0,0.060) 88.00%,rgba(0,0,0,0.010) 94.00%,rgba(0,0,0,0.000) 100.00%);mask-composite:intersect}

/* Native, selectable copy stays above the photographic slider and its fade. */
.ssc__stage>.ssc__heading{pointer-events:auto;user-select:text;-webkit-user-select:text}
.ssc__heading :is(h2,p,li,span){user-select:text;-webkit-user-select:text}
.ssc__heading svg{pointer-events:none}
@media(max-width:900px){.ssc__title-break{display:none}}

/* Give the two-line heading its own width over the faded photograph. */
@media(min-width:901px){
 .ssc .ssc__heading #ssc-title{width:max-content;max-width:none;white-space:nowrap;text-wrap:nowrap}
}