/* Rent Space at Our Studio | selected first watercolor concept.
   Independent transparent PNG washes and botanical layers, crisp SVG lines/icons. */
.rentals-section{
  --rental-ink:#35034f;--rental-gold:#daa131;--rental-pink:#eb1470;
  position:relative;isolation:isolate;overflow:hidden;
  background:radial-gradient(ellipse 40% 37% at -9% 96%,#fbd9e6 0%,transparent 90%),
    radial-gradient(ellipse 30% 33% at 102% 12%,#dff9f6 0%,transparent 92%),
    radial-gradient(ellipse 30% 24% at 76% 103%,#e7ddf8 0%,transparent 94%),
    #fffaf8;
  color:var(--rental-ink);padding:70px 30px 91px;
}
.rentals-section::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.22;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3' seed='9' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.11'/%3E%3C/svg%3E")}
.rentals-decor{position:absolute;pointer-events:none;user-select:none;z-index:0;object-fit:contain}
.rentals-wash-top-left{left:-8%;top:-4%;width:min(39vw,590px);min-width:330px;opacity:.81}
.rentals-wash-top-right{right:-4%;top:-4%;width:min(30vw,430px);min-width:280px;opacity:.72;transform:rotate(3deg)}
.rentals-wash-bottom-left{left:-7%;bottom:-7%;width:min(37vw,540px);min-width:270px;opacity:.72}
.rentals-wash-bottom-right{right:-3%;bottom:-7%;width:min(49vw,760px);min-width:440px;opacity:.78}
.rentals-wash-center{top:165px;left:calc(50% - 112px);width:min(27vw,360px);height:490px;object-fit:fill;opacity:.36;filter:saturate(1.17)}
.rentals-wash-soft{top:3%;left:33%;width:30vw;max-width:550px;opacity:.23}
.rentals-botanical{top:58px;left:calc(50% - 217px);width:clamp(275px,28vw,390px);height:610px;object-fit:contain;opacity:.95;
  filter:drop-shadow(0 5px 4px #f3d3e233)}
.rentals-gold-bottom{bottom:3px;left:0;width:100%;height:72px;z-index:1;opacity:.83}
.rentals-inner{position:relative;z-index:2;width:min(100%,1240px);margin:0 auto;display:grid;grid-template-columns:minmax(405px,520px) minmax(420px,550px);gap:clamp(118px,9.8vw,170px);align-items:center;justify-content:space-between;}
.rentals-copy{min-width:0;align-self:center;max-width:530px;position:relative}
.rentals-heading-group{position:relative;display:flex;align-items:start;gap:25px}
.rentals-heading-group h2{font:850 clamp(48px,3.55vw,67px)/.96 Impact,'Roboto Condensed','Arial Narrow',sans-serif;letter-spacing:-.018em;margin:0;color:#360550}
.rentals-heart{width:57px;height:66px;object-fit:contain;transform:rotate(-9deg);margin-top:0;flex:none;transition:transform .3s}
.rentals-heading-group:hover .rentals-heart{transform:rotate(-2deg) scale(1.08)}
.rentals-heading-underline{display:block;width:231px;height:15px;object-fit:fill;margin:18px 0 20px}
.rentals-intro{font-size:18px;line-height:1.45;font-weight:450;letter-spacing:-.014em;max-width:425px;margin:0 0 25px;color:#421c62}
.rentals-types{width:min(100%,520px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(91px,auto));position:relative;margin:7px 0 13px}
.rentals-types::after{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#e2ae4b 4%,#e2ae4b 96%,transparent);pointer-events:none}
.rentals-type{position:relative;border:0;border-radius:0;background:transparent;color:var(--rental-ink);display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:98px;gap:6px;text-align:center;padding:12px 6px 9px;transition:transform .25s,background .25s,box-shadow .25s}
.rentals-type::before{content:"";position:absolute;left:50%;top:2px;transform:translateX(-50%);width:112px;height:73px;max-width:112%;background-image:var(--swatch);background-position:center;background-size:contain;background-repeat:no-repeat;opacity:.69;pointer-events:none;transition:opacity .2s,transform .24s}
.rentals-type:not(:nth-child(3n))::after{content:"";position:absolute;right:-.5px;top:8px;bottom:-7px;width:1px;background:linear-gradient(transparent 0%,#dfad4b 15%,#d59a35 82%,transparent 100%);pointer-events:none}

.rentals-type img{width:37px;height:37px;object-fit:contain;z-index:1;filter:none}
.rentals-type:nth-child(1) img,.rentals-type:nth-child(4) img{filter:invert(45%) sepia(72%) saturate(1288%) hue-rotate(335deg) brightness(102%)}
.rentals-type:nth-child(2) img,.rentals-type:nth-child(5) img{filter:invert(21%) sepia(37%) saturate(2548%) hue-rotate(254deg) brightness(88%)}
.rentals-type:nth-child(3) img,.rentals-type:nth-child(6) img{filter:invert(49%) sepia(91%) saturate(990%) hue-rotate(143deg) brightness(87%)}
.rentals-type span{font-size:15px;font-weight:800;letter-spacing:-.01em;line-height:1.18;z-index:1}
.rentals-type:hover,.rentals-type:focus-visible{background:#fff9f6cd;border-radius:8px;transform:translateY(-3px);box-shadow:0 8px 19px #8e287314}
.rentals-type:hover::before{opacity:.91;transform:translateX(-50%) scale(1.12)}
.rentals-script{font:italic clamp(25px,2vw,34px)/1.09 var(--script);color:#f01373;letter-spacing:-.015em;max-width:510px;margin:20px 0 0;transform:rotate(-.6deg)}
.rentals-script-underline{display:block;width:174px;height:20px;object-fit:fill;margin:-5px 0 7px 270px;opacity:.92}
.rentals-cta-group{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:flex-start;gap:14px;margin-top:10px}
.rentals-cta-group::before{content:"";position:absolute;z-index:-1;top:-16px;left:-23px;width:280px;height:100px;pointer-events:none;background:url('assets/rentals/wash-button-pink.png') center / 100% 100% no-repeat;opacity:.48}
.rentals-book{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:14px;background:linear-gradient(110deg,#ef0b72,#cf005a);border:2px solid #eab44c;border-radius:999px;color:white;min-width:217px;padding:11px 29px 12px;font-size:19px;font-weight:800;box-shadow:0 8px 0 -5px #fff,0 9px 23px #ca206446;transition:transform .23s,box-shadow .23s;isolation:isolate}

.rentals-book:hover{transform:translateY(-3px);box-shadow:0 12px 0 -5px #fff,0 13px 28px #ca20645d}
.rentals-book svg{width:21px;height:21px}
.rentals-inquiry-link{display:inline-flex;align-items:center;gap:12px;background:none;border:0;padding:0 2px;font-size:16px;font-weight:800;color:#360650;transition:transform .2s,color .2s;flex-wrap:wrap;text-align:left}
.rentals-inquiry-link:hover{color:#ee1778;transform:translateX(3px)}
.rentals-placeholder{border-radius:30px;border:1.3px dashed #8c309c;padding:2px 10px;font-weight:750;font-size:14px}
.rentals-arrow{font-size:23px;line-height:1;font-weight:400;margin-left:3px}
.rentals-prototype-note{border:1px dashed #d3acdc;border-radius:7px;background:#fffafef0;margin-top:24px;max-width:345px;color:#764a81;font-size:13px}
.rentals-prototype-note summary{cursor:pointer;list-style:none;font-weight:800;padding:10px 13px}
.rentals-prototype-note summary::-webkit-details-marker{display:none}
.rentals-prototype-note summary::before{content:"▶";font-size:10px;margin-right:6px;color:#a45bae}
.rentals-prototype-note[open] summary::before{content:"▼"}
.rentals-prototype-note p{font-size:13px;line-height:1.5;padding:0 13px 14px;margin:0}
.rentals-photo{position:relative;width:100%;max-width:548px;margin:0;justify-self:end;aspect-ratio:.827;isolation:isolate;padding:8px;background:#fffaf6;border:2px solid #e1a132;border-radius:43px;box-shadow:0 11px 23px #743b4c1c,0 0 0 4px #fff8e8bd inset;transform:translateY(-17px);transition:transform .5s,box-shadow .5s}
.rentals-photo::before{content:"";position:absolute;inset:-7px;border:1px solid #e8bf6bd0;border-radius:48px;pointer-events:none}
.rentals-photo img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:32px;display:block}
.rentals-photo:hover{transform:translateY(-22px);box-shadow:0 17px 35px #743b4c2e,0 0 0 4px #fff8e8bd inset}
/* Accessible rental inquiry modal; never suggests a booking was confirmed. */
.rentals-dialog-backdrop{position:fixed;inset:0;background:#260d39b8;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:grid;place-items:center;padding:20px;z-index:1000;overflow:auto}
.rentals-dialog-backdrop[hidden]{display:none!important}
.rentals-dialog{position:relative;max-width:650px;width:100%;max-height:min(90vh,950px);overflow-y:auto;outline:0;border-radius:24px;padding:31px 35px 30px;border:2px solid #e8bb73;background:radial-gradient(ellipse at 95% 0,#f5e0f6,transparent 48%),radial-gradient(ellipse at 0% 100%,#def4f3,transparent 46%),#fffdfa;box-shadow:0 30px 95px #1b092e67}
.rentals-dialog-close{position:absolute;top:12px;right:13px;border:0;color:#551469;background:#fff9ff;border-radius:50%;width:42px;height:42px;font-size:30px;display:grid;place-items:center;line-height:1}
.rentals-dialog-kicker{color:#008e9f;font-size:11px;letter-spacing:.2em;font-weight:850;margin:0 0 8px}
.rentals-dialog h2{font:700 clamp(27px,4vw,39px)/1.07 var(--serif);color:#3a0754;margin:0 36px 10px 0}
.rentals-dialog p{line-height:1.45;margin:0 0 22px;color:#5a426a;font-size:14px}
.rentals-form{display:flex;flex-direction:column;gap:17px}
.rentals-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 15px}
.rentals-form label{display:flex;flex-direction:column;gap:6px;color:#43165f;font-size:13px;font-weight:800}
.rentals-form input,.rentals-form select,.rentals-form textarea{width:100%;min-height:41px;padding:10px 11px;background:#fffeff;border:1px solid #e4cfe7;border-radius:10px;font:450 14px var(--sans);color:#2f0b48;outline:0}
.rentals-form textarea{resize:vertical;line-height:1.4;min-height:88px}
.rentals-form input:focus,.rentals-form select:focus,.rentals-form textarea:focus{border-color:#bd75c0;box-shadow:0 0 0 3px #e9cfea95}
.rentals-form .rentals-dialog-disclaimer{margin:0;font-size:12px;color:#785b7b}
.rentals-form-actions{display:flex;flex-wrap:wrap;gap:10px}
.rentals-email-draft,.rentals-copy-draft{border-radius:999px;padding:11px 20px;font-weight:800;font-size:14px;min-height:44px}
.rentals-email-draft{background:#e40d68;color:white;border:0;box-shadow:0 6px 16px #d70d6850}
.rentals-copy-draft{background:#fffafc;color:#4c1b63;border:1px solid #dabbe2}
.rentals-email-draft:hover,.rentals-copy-draft:hover{transform:translateY(-1px)}
@media(max-width:1260px){
 .rentals-section{padding:57px 46px 90px}
 .rentals-inner{max-width:1130px;grid-template-columns:minmax(385px,1fr) minmax(405px,1.02fr);gap:95px}
 .rentals-botanical{left:calc(50% - 164px);width:315px;opacity:.78}
 .rentals-wash-top-left{left:-16%;width:445px;opacity:.55}
 .rentals-wash-bottom-left{left:-14%;opacity:.53}
 .rentals-intro{font-size:17px}
 .rentals-heading-group h2{font-size:clamp(44px,4.4vw,59px)}
}
@media(max-width:950px){
 .rentals-section{padding:53px 27px 82px}
 .rentals-inner{grid-template-columns:minmax(320px,1fr) minmax(320px,1fr);gap:42px}
 .rentals-botanical{left:calc(50% - 125px);width:230px;top:125px;opacity:.56}
 .rentals-wash-center{opacity:.20}
 .rentals-heart{width:42px;height:49px}
 .rentals-heading-group h2{font-size:clamp(40px,4.5vw,52px)}
 .rentals-photo{border-radius:32px}
 .rentals-photo img{border-radius:22px}
 .rentals-intro{font-size:15px}
 .rentals-script{font-size:25px}
 .rentals-script-underline{margin-left:200px}
 .rentals-type span{font-size:12px}
 .rentals-type img{width:33px;height:33px}
 .rentals-type{min-height:85px}
}
@media(max-width:720px){
 .rentals-section{padding:60px 22px 74px}
 .rentals-inner{grid-template-columns:minmax(0,1fr);max-width:545px;gap:43px}
 .rentals-copy{width:100%;max-width:545px}
 .rentals-heading-group h2{font-size:clamp(49px,10vw,65px)}
 .rentals-heading-underline{width:235px}
 .rentals-intro{max-width:485px;font-size:17px}
 .rentals-types{max-width:530px}
 .rentals-type span{font-size:14px}
 .rentals-script{max-width:450px;font-size:clamp(26px,5vw,31px)}
 .rentals-script-underline{margin-left:40%;}
 .rentals-photo{justify-self:center;max-width:490px;width:calc(100% - 10px);margin-bottom:18px;aspect-ratio:.9}
 .rentals-botanical{top:auto;bottom:40px;left:calc(50% - 290px);width:270px;height:435px;opacity:.64}
 .rentals-wash-center{display:none}
 .rentals-wash-top-left{left:-140px;top:-45px;width:420px;opacity:.39}
 .rentals-wash-top-right{right:-145px;top:-80px;width:280px;opacity:.22}
 .rentals-wash-bottom-left{left:-140px;bottom:-75px;width:370px;opacity:.59}
 .rentals-wash-bottom-right{right:-140px;bottom:-55px;width:520px;opacity:.68}
 .rentals-gold-bottom{height:58px}
}
@media(max-width:440px){
 .rentals-section{padding:48px 15px 70px}
 .rentals-heading-group{gap:8px}
 .rentals-heading-group h2{font-size:clamp(43px,12.2vw,53px)}
 .rentals-heart{width:42px;height:49px}
 .rentals-intro{font-size:15px;line-height:1.5}
 .rentals-type{min-height:88px;padding:8px 2px}
 .rentals-type::before{width:91px;height:58px}
 .rentals-type span{font-size:12px}
 .rentals-type img{width:31px;height:31px}
 .rentals-script{font-size:27px}
 .rentals-script-underline{margin-left:35%;width:145px}
 .rentals-photo{width:100%;padding:6px;border-radius:27px}
 .rentals-photo img{border-radius:18px}
 .rentals-botanical{left:-125px;bottom:20px;width:210px;opacity:.48}
 .rentals-inquiry-link{font-size:14px;gap:8px}
 .rentals-dialog{padding:25px 18px}
 .rentals-form-grid{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.rentals-section *, .rentals-dialog *{transition:none!important;scroll-behavior:auto!important}}
