*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.7 Arial,sans-serif}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.site-header{height:68px;padding:0 7vw;display:flex;align-items:center;justify-content:space-between;position:absolute;top:0;left:0;right:0;z-index:20;color:#fff;background:linear-gradient(180deg,rgba(25,14,12,.55),transparent)}.brand span{font:italic 28px Georgia,serif}.site-header nav{display:flex;gap:23px}.site-header nav a{font-size:11px;text-transform:uppercase;letter-spacing:.06em}.site-header nav a:hover{color:#ffd0d6}.menu-toggle{display:none;background:none;border:0;color:white;font-size:25px}.editorial-hero{height:680px;position:relative;background-image:linear-gradient(90deg,rgba(29,16,13,.55),rgba(29,16,13,.05)),var(--hero);background-size:cover;background-position:center 28%;display:flex;align-items:center;justify-content:center;text-align:center;color:white}.editorial-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(43,24,20,.45),transparent 55%)}.hero-copy{position:relative;z-index:2;width:min(900px,88%);padding-top:50px}.hero-copy>span{font-size:11px;letter-spacing:.28em}.hero-copy h1{font:italic 86px/1 Georgia,serif;color:#eca2a9;margin:18px 0 4px;text-shadow:0 5px 20px rgba(0,0,0,.25)}.hero-copy h1 em{font-weight:400}.hero-copy h2{font:400 34px Georgia,serif;letter-spacing:.08em;margin:0 0 24px}.hero-copy p{max-width:780px;margin:0 auto;color:#f7efec}.hero-copy a{display:inline-block;margin-top:28px;padding:11px 24px;background:rgba(255,244,236,.28);border:1px solid rgba(255,255,255,.55);font-size:12px;text-transform:uppercase}.hero-notch{position:absolute;bottom:-18px;width:36px;height:36px;background:#4c2822;transform:rotate(45deg);z-index:3}.intro-panel{text-align:center;padding:70px 20px 60px;background:var(--cream)}.intro-panel>span{font:26px Georgia,serif;color:#c6ab8c}.intro-panel h2{font:400 46px Georgia,serif;margin:10px 0}.intro-panel p{max-width:760px;margin:auto;color:#76655f}.editorial-profile{display:grid;grid-template-columns:1fr 1fr;max-width:1180px;margin:80px auto;padding:0 30px;align-items:center}.editorial-profile>div{padding:55px;background:#fff;box-shadow:0 15px 50px rgba(87,55,47,.08)}.editorial-profile span{font-size:11px;letter-spacing:.2em;color:var(--accent)}.editorial-profile h2{font:400 48px Georgia,serif;margin:12px 0}.editorial-profile p{color:#776762}.editorial-profile a{display:inline-block;margin-top:18px;padding:12px 20px;background:var(--wine);color:white}.editorial-profile img{width:100%;height:520px;object-fit:cover;object-position:center top}.home-links{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #decfc9;border-bottom:1px solid #decfc9}.home-links a{padding:34px;text-align:center;background:#fff}.home-links a+ a{border-left:1px solid #decfc9}.home-links b{display:block;color:#cda2a6;font:26px Georgia}.home-links span{font:17px Georgia}.inner-hero{min-height:430px;padding:130px 8vw 70px;background-image:linear-gradient(90deg,rgba(39,21,17,.72),rgba(39,21,17,.1)),var(--hero);background-size:cover;background-position:center;color:white}.inner-hero>div{max-width:650px}.inner-hero span{font-size:11px;letter-spacing:.2em}.inner-hero h1{font:400 58px Georgia,serif;margin:12px 0}.inner-hero p{font-size:17px}.talent-index{padding:80px 7vw}.talent-index article{display:grid;grid-template-columns:60px 350px 1fr;gap:40px;align-items:center;padding:34px 0;border-bottom:1px solid #decfc9}.talent-index img{width:100%;height:360px;object-fit:cover;object-position:top}.talent-index h2{font:400 42px Georgia;margin:5px 0}.talent-index .index-no{font:26px Georgia;color:var(--rose)}.talent-index small{display:block;margin:18px 0}.experience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:80px 7vw}.experience-grid article{background:#fff;padding:40px;border-top:4px solid var(--rose);box-shadow:0 12px 35px rgba(70,45,39,.08)}.experience-grid h2{font:400 30px Georgia}.experience-grid div{display:flex;justify-content:space-between;margin:28px 0}.rate-board{max-width:1050px;margin:auto;padding:80px 30px}.rate-board article{display:grid;grid-template-columns:60px 1fr auto;gap:30px;padding:30px 0;border-bottom:1px solid #d8c9c4}.rate-board h3{font:400 26px Georgia;margin:0}.rate-board strong{font-size:24px;color:var(--accent)}.gallery-track{padding:70px 7vw;display:grid;grid-template-columns:repeat(2,1fr);gap:30px}.gallery-track img{width:100%;height:470px;object-fit:cover}.gallery-track figure{margin:0}.gallery-track figcaption{padding:14px 0;border-bottom:1px solid #dbcac5}.review-list{max-width:980px;margin:auto;padding:70px 30px}.review-list article{padding:38px 0;border-bottom:1px solid #dbcac5}.review-list article>span{font:80px Georgia;color:var(--rose);line-height:.5}.review-list p{font:28px/1.45 Georgia}.faq-stack{max-width:980px;margin:auto;padding:75px 30px}.faq-stack details{border-bottom:1px solid #dbcac5;padding:22px 0}.faq-stack summary{font-size:22px;cursor:pointer}.faq-stack summary span{color:var(--rose);margin-right:22px}.contact-split{display:grid;grid-template-columns:.8fr 1.2fr;min-height:650px}.contact-split aside{padding:80px 7vw;background:#542f2a;color:white}.contact-split form{padding:80px 8vw;background:white;display:grid;grid-template-columns:1fr 1fr;gap:16px}.contact-split input,.contact-split textarea{padding:13px;border:1px solid #cfbdb7;background:#fff}.contact-split textarea{grid-column:1/-1;min-height:170px}.contact-split button,.primary{background:var(--wine);color:white;border:0;padding:13px 20px}.concierge-page{background:#080808;color:#d8d4d1;padding:95px 4vw 70px;min-height:800px}.concierge-top{max-width:1120px;margin:auto;border-bottom:1px solid #666;padding-bottom:22px}.concierge-top span{font-size:11px;letter-spacing:.2em;color:#c0aaa2}.concierge-top h1{font:400 48px Georgia;margin:8px 0;color:white}.concierge-top p{max-width:700px}.concierge-feature{max-width:1120px;margin:35px auto;display:grid;grid-template-columns:1.05fr 1fr;gap:35px}.concierge-feature img{width:100%;height:430px;object-fit:cover}.concierge-feature article{padding:18px 0}.concierge-feature span{font-size:12px;letter-spacing:.14em}.concierge-feature h2{font:400 31px Georgia;color:white;text-transform:uppercase}.concierge-feature h3{font:400 20px Georgia;color:white;text-transform:uppercase}.concierge-feature p{color:#aaa}.concierge-feature a{display:inline-block;margin-top:15px;border:1px solid #777;padding:11px 17px}.concierge-packages{max-width:1120px;margin:50px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.concierge-packages article{border:1px solid #333;padding:28px}.concierge-packages span{color:#d5b0aa}.concierge-packages h3{font:400 25px Georgia;color:white}.concierge-packages b{display:block;margin:20px 0;color:#e7cbc5}.concierge-packages a{font-size:12px;text-transform:uppercase;border-bottom:1px solid #aaa}footer{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:35px;padding:55px 7vw;background:#3e2420;color:white}footer a{display:block;color:#d7c8c3;margin:6px 0}.copyright{padding:16px 7vw;background:#281715;color:#b9a8a3;font-size:12px}.notice{grid-column:1/-1;padding:12px;background:#dfeede;color:#174f27}.notice.error{background:#f1d8d8;color:#7c1f1f}@media(max-width:980px){.site-header nav{display:none;position:absolute;top:68px;left:0;right:0;background:#3f2723;padding:22px;flex-direction:column}.site-header.open nav{display:flex}.menu-toggle{display:block}.editorial-profile,.contact-split,.concierge-feature{grid-template-columns:1fr}.home-links{grid-template-columns:repeat(2,1fr)}.home-links a:nth-child(3){border-left:0;border-top:1px solid #decfc9}.home-links a:nth-child(4){border-top:1px solid #decfc9}.talent-index article{grid-template-columns:50px 260px 1fr}.concierge-packages,.experience-grid{grid-template-columns:1fr}}@media(max-width:650px){.site-header{padding:0 20px}.hero-copy h1{font-size:56px}.hero-copy h2{font-size:24px}.editorial-hero{height:610px;background-position:60% center}.editorial-profile{padding:0 18px;margin:45px auto}.editorial-profile>div{padding:32px}.editorial-profile img{height:430px}.home-links{grid-template-columns:1fr}.home-links a+ a{border-left:0;border-top:1px solid #decfc9}.talent-index{padding:40px 20px}.talent-index article{grid-template-columns:1fr}.gallery-track{grid-template-columns:1fr;padding:40px 20px}.gallery-track img{height:360px}.contact-split form,.contact-split aside{padding:45px 24px}.contact-split form{grid-template-columns:1fr}.contact-split textarea{grid-column:auto}.inner-hero{padding:110px 24px 55px}.concierge-page{padding:95px 22px 50px}.concierge-feature img{height:300px}}
/* Blush Horizon booking form layout fix */
.booking-form-grid{
width:min(1180px,calc(100% - 40px));
margin:0 auto 70px;
padding:34px;
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:20px;
align-items:end;
background:rgba(255,255,255,.96);
border:1px solid rgba(82,53,47,.18);
border-radius:18px;
box-shadow:0 20px 55px rgba(55,31,28,.12);
color:#3b2522;
}
.booking-form-grid label{
display:flex;
flex-direction:column;
gap:8px;
margin:0;
min-width:0;
font-size:12px;
font-weight:700;
letter-spacing:.05em;
text-transform:uppercase;
color:#6b4b45;
}
.booking-form-grid input,
.booking-form-grid select,
.booking-form-grid textarea{
width:100%;
min-width:0;
padding:13px 14px;
border:1px solid #d5c3bd;
border-radius:9px;
background:#fff;
color:#34211e;
font:15px/1.3 Arial,sans-serif;
outline:none;
transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;
}
.booking-form-grid input:focus,
.booking-form-grid select:focus,
.booking-form-grid textarea:focus{
border-color:#b57878;
box-shadow:0 0 0 3px rgba(181,120,120,.16);
background:#fffdfc;
}
.booking-form-grid textarea{
min-height:120px;
resize:vertical;
}
.booking-form-grid button,
.booking-form-grid input[type="submit"]{
min-height:48px;
padding:13px 22px;
border:0;
border-radius:9px;
background:#6f3d37;
color:#fff;
font-weight:800;
text-transform:uppercase;
letter-spacing:.08em;
cursor:pointer;
transition:transform .2s ease,background .2s ease;
}
.booking-form-grid button:hover,
.booking-form-grid input[type="submit"]:hover{
background:#8c5149;
transform:translateY(-1px);
}
/* Make long fields occupy more room even when markup is a flat sequence. */
.booking-form-grid label:has(textarea),
.booking-form-grid textarea{
grid-column:span 2;
}
.booking-form-grid .full,
.booking-form-grid .full-width,
.booking-form-grid [name="event_location"],
.booking-form-grid [name="special_requests"]{
grid-column:span 2;
}
/* Support the existing flat label/input markup shown in the demo. */
.booking-form-grid > input,
.booking-form-grid > select,
.booking-form-grid > textarea,
.booking-form-grid > button{
min-width:0;
}
.booking-form-grid > br{
display:none;
}
@media(max-width:960px){
.booking-form-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
}
}
@media(max-width:640px){
.booking-form-grid{
width:min(100% - 24px,1180px);
grid-template-columns:1fr;
gap:15px;
padding:22px;
margin-bottom:45px;
}
.booking-form-grid label:has(textarea),
.booking-form-grid textarea,
.booking-form-grid .full,
.booking-form-grid .full-width,
.booking-form-grid [name="event_location"],
.booking-form-grid [name="special_requests"]{
grid-column:auto;
}
}
/* Blush Horizon editorial redesign */
body{background:var(--bg);color:var(--text)}
.site-header{position:absolute;z-index:20;top:0;left:0;right:0;height:72px;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(255,255,255,.08));border:0;color:#30251f}
.site-header .brand span{font:italic 30px Georgia,serif;color:#5d453c}.site-header nav{display:flex;gap:24px}.site-header nav a{font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:700}.site-header nav a:hover{color:var(--accent)}.menu-toggle{display:none}
.soft-hero{min-height:690px;position:relative;background-image:var(--hero);background-size:cover;background-position:center 28%;display:grid;place-items:center;overflow:hidden}.soft-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(58,35,27,.5),rgba(124,82,62,.08) 48%,rgba(43,25,18,.2)),linear-gradient(0deg,rgba(51,27,18,.3),transparent 55%)}
.soft-copy{position:relative;z-index:2;text-align:center;color:white;max-width:920px;padding:120px 28px 80px;text-shadow:0 2px 16px rgba(0,0,0,.4)}.soft-copy>span{font-size:11px;letter-spacing:.34em}.soft-copy h1{font:italic clamp(66px,9vw,126px)/.85 Georgia,serif;color:#e9a3aa;margin:18px 0 12px;font-weight:400}.soft-copy h2{font:400 clamp(28px,4vw,54px)/1 Arial,sans-serif;letter-spacing:.04em;margin:0 0 24px}.soft-copy p{max-width:780px;margin:0 auto 26px;font-size:14px}.soft-copy a{display:inline-block;padding:12px 25px;background:rgba(232,172,174,.88);color:white;text-transform:uppercase;font-size:10px;letter-spacing:.15em}.hero-diamond{position:absolute;bottom:-16px;left:50%;width:34px;height:34px;background:var(--bg);transform:translateX(-50%) rotate(45deg)}
.intro-panel{text-align:center;padding:70px 8vw 85px;background:var(--bg)}.intro-panel span{font:700 13px Arial;letter-spacing:.14em;text-transform:uppercase;color:#b28c77}.intro-panel h2{font:400 42px Georgia,serif;color:#927968;margin:14px 0}.intro-panel p{max-width:820px;margin:auto;color:#65534b;font-size:16px}
.portrait-story{display:grid;grid-template-columns:1.05fr .95fr;max-width:1180px;margin:0 auto 90px;background:#fff;box-shadow:0 20px 70px rgba(101,73,59,.12)}.portrait-story img{width:100%;height:650px;object-fit:cover;object-position:top}.portrait-story>div{padding:80px 65px;align-self:center}.portrait-story span{font-size:11px;letter-spacing:.25em;color:var(--accent)}.portrait-story h2{font:400 54px Georgia,serif;margin:14px 0}.portrait-story p{font-size:17px;color:#67554d}.portrait-story a{display:inline-block;margin-top:20px;padding:12px 18px;background:var(--wine);color:white;text-transform:uppercase;font-size:10px;letter-spacing:.13em}
.home-links{display:grid;grid-template-columns:repeat(4,1fr);background:#efe3dd}.home-links a{padding:36px;border-right:1px solid #dac7be}.home-links b{display:block;color:var(--accent);font-size:28px}.home-links span{font:22px Georgia,serif}
.inner-hero{min-height:430px;padding:145px 8vw 70px;background-image:linear-gradient(90deg,rgba(55,31,23,.7),rgba(55,31,23,.14)),var(--hero);background-position:center;background-size:cover;color:white}.inner-hero span{letter-spacing:.25em;font-size:10px}.inner-hero h1{font:italic 64px Georgia,serif;margin:12px 0}.inner-hero p{max-width:650px;font-size:17px}
.talent-grid-page article{background:#fff}.talent-grid-page h2,.concierge-lead h1{font-family:Georgia,serif;font-weight:400}.talent-grid-page a,.concierge-split>div>a,.primary,.contact-split button{background:var(--wine)}
.concierge-dark{background:#3c2b26}.experience-grid article,.review-list article{box-shadow:0 14px 45px rgba(78,52,43,.08)}
.booking-form-grid{border-color:#d8c7c0!important}.booking-form-grid button,.booking-form-grid input[type=submit]{background:var(--wine)!important}
footer{background:#5a3934;color:white;border-top:0}.copyright{background:#3e2724}
@media(max-width:900px){.site-header{position:relative;background:#fff}.site-header nav{display:none;position:absolute;top:72px;left:0;right:0;padding:25px;background:#fff;flex-direction:column}.site-header nav.open{display:flex}.menu-toggle{display:block;background:none;border:0;font-size:24px}.portrait-story{grid-template-columns:1fr}.home-links{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.soft-hero{min-height:610px}.soft-copy{padding-top:90px}.soft-copy h1{font-size:66px}.portrait-story{margin:0 16px 55px}.portrait-story img{height:480px}.portrait-story>div{padding:40px 26px}.home-links{grid-template-columns:1fr}.site-header .brand span{font-size:24px}}
.floating-demo-admin{position:fixed;right:18px;bottom:18px;z-index:99999;background:#fffaf6;color:#74564b;padding:11px 16px;border:1px solid #d89aa0;border-radius:30px;font-weight:900;box-shadow:0 10px 35px rgba(70,45,39,.24)}
/* Blush Horizon CSS-first frontend mobile menu v1.0.2 */
.site-menu-checkbox,.site-menu-label,.site-menu-backdrop-label{display:none}
@media(max-width:820px){
html,body{max-width:100%;overflow-x:hidden}
.site-header{
position:sticky;
top:0;
z-index:1000;
display:flex;
align-items:center;
justify-content:space-between;
}
.site-menu-checkbox{
position:absolute;
width:1px;
height:1px;
opacity:0;
pointer-events:none;
}
.site-menu-label{
display:flex;
width:44px;
height:44px;
flex:0 0 44px;
margin-left:auto;
align-items:center;
justify-content:center;
border:1px solid rgba(255,255,255,.26);
border-radius:9px;
background:#4d332f;
color:#fff;
font-size:24px;
line-height:1;
cursor:pointer;
position:relative;
z-index:10031;
user-select:none;
-webkit-tap-highlight-color:transparent;
}
.site-menu-label::before{content:'☰'}
.site-menu-checkbox:checked + .site-menu-label::before{content:'×';font-size:29px}
.site-header nav#siteMainNav{
display:none;
position:fixed;
top:76px;
left:14px;
right:14px;
width:auto;
max-height:calc(100dvh - 94px);
margin:0;
padding:12px;
flex-direction:column;
align-items:stretch;
gap:4px;
overflow-y:auto;
background:#fffaf6;
color:#3d302b;
border:1px solid #ead6ce;
border-radius:11px;
box-shadow:0 18px 48px rgba(70,45,39,.28);
z-index:10030;
}
.site-menu-checkbox:checked ~ nav#siteMainNav{display:flex}
.site-header nav#siteMainNav a{
width:100%;
display:block;
padding:13px 14px;
border-radius:7px;
color:#3d302b;
text-align:left;
}
.site-header nav#siteMainNav a:hover,
.site-header nav#siteMainNav a:focus,
.site-header nav#siteMainNav a[aria-current="page"]{
background:#f3e5df;
color:#74564b;
}
.site-menu-backdrop-label{
position:fixed;
inset:0;
z-index:10020;
background:rgba(39,21,17,.52);
backdrop-filter:blur(2px);
cursor:pointer;
}
.site-menu-checkbox:checked ~ .site-menu-backdrop-label{display:block}
body.site-menu-open{overflow:hidden}
}
@media(min-width:821px){
.site-header nav#siteMainNav{
display:flex;
position:static;
width:auto;
max-height:none;
padding:0;
margin:0;
background:transparent;
border:0;
box-shadow:none;
overflow:visible;
}
.site-menu-checkbox,.site-menu-label,.site-menu-backdrop-label{display:none}
}
/* Blush Horizon Exclusive Content */
.exclusive-intro,.membership-offer,.checkout-card,.member-dashboard,.member-auth{
width:min(1180px,92vw);
margin:46px auto;
}
.exclusive-intro,.membership-offer,.checkout-card,.member-dashboard{
display:grid;
grid-template-columns:1.4fr .8fr;
gap:28px;
align-items:stretch;
}
.exclusive-intro>div,.membership-offer>div,.checkout-card>div,.checkout-card>form,
.member-status,.member-orders,.member-auth-grid>form{
background:#fff;
border:1px solid #ded9d6;
padding:28px;
}
.exclusive-intro h2,.membership-offer h2,.checkout-card h2,.member-dashboard h2,.member-auth h2{
margin:8px 0 12px;
font-size:clamp(28px,4vw,42px);
line-height:1.05;
}
.eyebrow{color:#b36a71;font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
.exclusive-account,.membership-price{display:flex;flex-direction:column;justify-content:center;gap:10px}
.membership-price strong,.checkout-card>div>strong{font-size:34px;color:#b36a71}
.exclusive-primary,.exclusive-link{
display:inline-flex;
width:max-content;
align-items:center;
justify-content:center;
min-height:42px;
padding:11px 17px;
border-radius:4px;
font-size:11px;
font-weight:800;
letter-spacing:.08em;
text-transform:uppercase;
}
.exclusive-primary{background:#b36a71;color:#fff}
.exclusive-link{border:1px solid #b36a71;color:#b36a71}
.exclusive-grid{
width:min(1240px,92vw);
margin:0 auto 70px;
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:22px;
}
.exclusive-card{background:#fff;border:1px solid #ddd8d5;overflow:hidden}
.exclusive-preview{position:relative;aspect-ratio:4/3;background:#141414;overflow:hidden}
.exclusive-preview img{width:100%;height:100%;object-fit:cover}
.exclusive-preview>span{
position:absolute;left:12px;top:12px;
background:#b36a71;color:#fff;padding:6px 9px;font-size:9px;font-weight:900;letter-spacing:.12em;text-transform:uppercase
}
.exclusive-placeholder{
width:100%;height:100%;display:flex;align-items:center;justify-content:center;
color:#777;font-size:18px;font-weight:800;letter-spacing:.18em
}
.exclusive-body{padding:22px}
.exclusive-body h3{margin:0 0 10px;font-size:23px}
.exclusive-body p{color:#5f5a5b}
.exclusive-meta{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:18px 0}
.exclusive-meta span{font-size:10px;font-weight:800;text-transform:uppercase;color:#8a2535}
.exclusive-meta strong{font-size:20px;color:#b36a71}
.exclusive-actions{display:flex;gap:10px;flex-wrap:wrap}
.member-auth-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.member-auth form label,.checkout-card form label{display:block;margin-bottom:14px;font-weight:700}
.member-auth input,.checkout-card input{
width:100%;margin-top:6px;padding:12px;border:1px solid #cfc8c5;background:#fff;color:#111
}
.pay-choice{padding:13px;border:1px solid #d9d2cf;background:#faf8f7}
.pay-choice input{width:auto;margin:0 8px 0 0}
.responsive-table{max-width:100%;overflow-x:auto}
.member-orders table{width:100%;border-collapse:collapse}
.member-orders th,.member-orders td{padding:12px;border-bottom:1px solid #ddd;text-align:left}
.notice.error{background:#f9e5e9;border:1px solid #d86c80;color:#761b2b;padding:12px;margin-bottom:16px}
@media(max-width:900px){
.exclusive-intro,.membership-offer,.checkout-card,.member-dashboard{grid-template-columns:1fr}
.exclusive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
.exclusive-grid,.member-auth-grid{grid-template-columns:1fr}
.exclusive-intro,.membership-offer,.checkout-card,.member-dashboard,.member-auth{width:min(94vw,620px);margin:28px auto}
}
/* Smart Site 4 booking form structural layout */
.form-card{width:min(980px,92vw);margin:42px auto;padding:clamp(22px,4vw,38px);background:#fff;border:1px solid #ead6ce;border-radius:8px;box-shadow:0 14px 38px rgba(87,55,47,.08)}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 22px;align-items:start}
.form-grid .full,.form-grid .form-full,.form-grid fieldset,.form-grid .notice{grid-column:1/-1}
.form-grid label{display:flex;flex-direction:column;gap:7px;min-width:0;font-weight:700}
.form-grid input,.form-grid select,.form-grid textarea{width:100%;max-width:100%;min-height:44px;padding:11px 12px;border:1px solid #d7beb6;border-radius:4px;background:#fffaf6;color:#3d302b;font:inherit}
.form-grid textarea{min-height:120px;resize:vertical}
.form-grid button,.form-card button{min-height:44px}
@media(max-width:700px){.form-card{width:min(94vw,700px);margin:28px auto;padding:20px 16px}.form-grid{grid-template-columns:1fr}.form-grid>*{grid-column:1}}
/* Smart Site 4 structural section wrapper */
.section{
width:min(1180px,92vw);
margin:0 auto;
padding:42px 0;
}
@media(max-width:700px){
.section{width:min(94vw,700px);padding:28px 0}
}
/* Smart Site 4 Customer Membership System v1.1.0 */
.single-auth{grid-template-columns:minmax(0,620px);justify-content:center}.auth-links{margin-top:18px}.auth-links a{color:#9c555d;font-weight:800}
.account-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.account-form-grid .full{grid-column:1/-1}
.member-account-page{width:min(1180px,92vw);margin:42px auto 70px;display:grid;gap:24px}.account-summary-grid,.account-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.account-card{background:#fff;border:1px solid #ead6ce;border-radius:14px;padding:28px;box-shadow:0 18px 46px rgba(80,52,45,.08);color:#3d302b}.account-card h2{font-family:Georgia,serif;margin-top:0}.account-card label{display:block;font-weight:700;margin:14px 0}.account-card input,.account-card textarea,.account-card select{width:100%;margin-top:7px;padding:12px 13px;border:1px solid #d9c8c0;border-radius:7px;background:#fffaf6;color:#2f2521}.account-card textarea{min-height:110px}.permission-row{display:flex;gap:10px;align-items:center;border-bottom:1px solid #eee2dc;padding:9px 0}.message-thread-item{padding:16px 0;border-top:1px solid #eaded8}.message-thread-item small{float:right;color:#806f68}.responsive-table{overflow-x:auto}.responsive-table table{min-width:620px}.account-membership{margin-top:44px}
@media(max-width:760px){.account-summary-grid,.account-grid,.account-form-grid{grid-template-columns:1fr}.account-form-grid .full{grid-column:auto}.member-account-page{width:min(94vw,680px);margin:28px auto 52px}.account-card{padding:22px}.single-auth{grid-template-columns:1fr}}
/* =========================================================
BLUSH HORIZON v1.3.0 — MODERN LUXURY VISUAL SYSTEM
Visual-only modernization. Existing PHP behavior preserved.
========================================================= */
:root{
--bh-ink:#211a18;
--bh-muted:#756964;
--bh-paper:#fffaf7;
--bh-card:#ffffff;
--bh-blush:#ead6ce;
--bh-rose:#c87881;
--bh-wine:#74564b;
--bh-line:rgba(83,58,48,.14);
--bh-shadow:0 22px 60px rgba(58,38,31,.11);
--bh-shadow-soft:0 12px 34px rgba(58,38,31,.08);
--bh-radius:22px;
--bh-radius-sm:14px;
--bh-max:1240px;
}
*{box-sizing:border-box}
html,body{max-width:100%;overflow-x:hidden}
body{
margin:0;
background:
radial-gradient(circle at 10% 10%,rgba(232,205,198,.24),transparent 34rem),
linear-gradient(180deg,#fffaf7 0%,#fbf5f0 48%,#fff 100%);
color:var(--bh-ink);
font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
line-height:1.6;
-webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button,input,select,textarea{font:inherit}
main{min-height:60vh}
/* Header / navigation */
.site-header{
position:sticky;
top:0;
z-index:100;
min-height:82px;
padding:0 clamp(22px,4vw,66px);
display:flex;
align-items:center;
gap:32px;
background:rgba(255,250,247,.9);
border-bottom:1px solid rgba(90,65,55,.09);
backdrop-filter:blur(18px);
box-shadow:0 8px 28px rgba(68,46,38,.05);
}
.brand{display:flex;align-items:center;min-width:max-content}
.brand img{max-height:48px;max-width:190px;object-fit:contain}
.brand span{
font:500 27px/1 Georgia,"Times New Roman",serif;
letter-spacing:.01em;
color:#3b2d28;
}
#siteMainNav{
margin-left:auto;
display:flex;
align-items:center;
justify-content:flex-end;
gap:4px;
min-width:0;
}
#siteMainNav>a{
position:relative;
padding:29px 11px 27px;
color:#4a3c37;
font-size:12px;
font-weight:750;
letter-spacing:.055em;
text-transform:uppercase;
transition:.2s ease;
}
#siteMainNav>a:after{
content:"";
position:absolute;
left:11px;right:11px;bottom:19px;
height:2px;
background:var(--bh-rose);
transform:scaleX(0);
transform-origin:center;
transition:.2s ease;
}
#siteMainNav>a:hover{color:#a65e68}
#siteMainNav>a:hover:after{transform:scaleX(1)}
.site-menu-label,.site-menu-checkbox,.site-menu-backdrop-label{display:none}
/* Reusable page hero */
.inner-hero{
position:relative;
min-height:clamp(390px,48vw,570px);
display:flex;
align-items:flex-end;
isolation:isolate;
background:
linear-gradient(90deg,rgba(31,21,18,.78) 0%,rgba(31,21,18,.48) 44%,rgba(31,21,18,.08) 76%),
var(--hero) center/cover no-repeat;
overflow:hidden;
}
.inner-hero:after{
content:"";
position:absolute;
inset:auto 0 0;
height:42%;
background:linear-gradient(180deg,transparent,rgba(22,14,12,.34));
z-index:-1;
}
.inner-hero>div{
width:min(var(--bh-max),calc(100% - 48px));
margin:0 auto;
padding:88px 0 72px;
color:white;
}
.inner-hero span,.soft-copy>span,.eyebrow,.meta{
display:inline-block;
margin-bottom:14px;
font-size:11px;
font-weight:800;
letter-spacing:.19em;
text-transform:uppercase;
}
.inner-hero span{color:#f2cec9}
.inner-hero h1{
max-width:760px;
margin:0 0 16px;
font:500 clamp(46px,6vw,84px)/.98 Georgia,"Times New Roman",serif;
letter-spacing:-.035em;
}
.inner-hero p{
max-width:680px;
margin:0;
color:rgba(255,255,255,.88);
font-size:clamp(15px,1.5vw,19px);
line-height:1.72;
}
/* Homepage hero */
.soft-hero{
position:relative;
min-height:min(840px,82vh);
display:flex;
align-items:center;
background:var(--hero) center 32%/cover no-repeat;
overflow:hidden;
}
.soft-overlay{
position:absolute;inset:0;
background:
linear-gradient(90deg,rgba(36,23,20,.85) 0%,rgba(36,23,20,.54) 40%,rgba(36,23,20,.08) 72%),
linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.2));
}
.soft-copy{
position:relative;
z-index:2;
width:min(var(--bh-max),calc(100% - 48px));
margin:0 auto;
color:white;
}
.soft-copy>span{color:#f2c7c3}
.soft-copy h1{
max-width:780px;
margin:0;
font:500 clamp(60px,8vw,116px)/.86 Georgia,"Times New Roman",serif;
letter-spacing:-.05em;
}
.soft-copy h2{
margin:20px 0 18px;
font-size:clamp(14px,1.35vw,20px);
letter-spacing:.2em;
text-transform:uppercase;
}
.soft-copy p{
max-width:600px;
margin:0 0 30px;
color:rgba(255,255,255,.88);
font-size:17px;
line-height:1.75;
}
.soft-copy a,.portrait-story a,.concierge-feature a,.concierge-packages a,.primary,.button,.exclusive-primary{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:48px;
padding:0 22px;
border:0;
border-radius:999px;
background:linear-gradient(135deg,#c87881,#a55d67);
color:#fff!important;
font-size:12px;
font-weight:800;
letter-spacing:.08em;
text-transform:uppercase;
box-shadow:0 12px 28px rgba(166,93,103,.26);
transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;
}
.soft-copy a:hover,.portrait-story a:hover,.concierge-feature a:hover,.concierge-packages a:hover,.primary:hover,.button:hover,.exclusive-primary:hover{
transform:translateY(-2px);
box-shadow:0 17px 36px rgba(166,93,103,.32);
filter:saturate(1.05);
}
.hero-diamond{display:none}
/* Homepage content */
.intro-panel{
width:min(900px,calc(100% - 48px));
margin:0 auto;
padding:88px 0 78px;
text-align:center;
}
.intro-panel>span{
color:#a26369;
font-size:11px;
font-weight:800;
letter-spacing:.18em;
text-transform:uppercase;
}
.intro-panel h2{
margin:14px auto 18px;
max-width:760px;
font:500 clamp(38px,5vw,66px)/1.04 Georgia,"Times New Roman",serif;
letter-spacing:-.025em;
}
.intro-panel p{
max-width:720px;
margin:auto;
color:var(--bh-muted);
font-size:17px;
line-height:1.8;
}
.portrait-story{
width:min(var(--bh-max),calc(100% - 48px));
margin:0 auto 82px;
display:grid;
grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);
min-height:610px;
background:#2b201d;
border-radius:30px;
overflow:hidden;
box-shadow:var(--bh-shadow);
}
.portrait-story>img{
width:100%;height:100%;
min-height:610px;
object-fit:cover;
object-position:center 18%;
}
.portrait-story>div{
align-self:center;
padding:clamp(42px,6vw,82px);
color:#fff;
}
.portrait-story>div>span{color:#e5b5b3;font-size:11px;font-weight:800;letter-spacing:.17em}
.portrait-story h2{margin:13px 0 16px;font:500 clamp(42px,5vw,66px)/1 Georgia,"Times New Roman",serif}
.portrait-story p{color:#dccfca;line-height:1.8;margin:0 0 28px}
.home-links{
width:min(var(--bh-max),calc(100% - 48px));
margin:0 auto 90px;
display:grid;
grid-template-columns:repeat(4,1fr);
gap:16px;
}
.home-links a{
position:relative;
min-height:175px;
padding:26px;
display:flex;
flex-direction:column;
justify-content:space-between;
background:#fff;
border:1px solid var(--bh-line);
border-radius:20px;
box-shadow:var(--bh-shadow-soft);
transition:.22s ease;
}
.home-links a:hover{transform:translateY(-5px);border-color:rgba(200,120,129,.38);box-shadow:var(--bh-shadow)}
.home-links b{font:500 30px/1 Georgia;color:#d9b1aa}
.home-links span{font:600 19px/1.25 Georgia;color:#322722}
/* Talent / entertainer index */
.talent-index{
width:min(var(--bh-max),calc(100% - 48px));
margin:72px auto 94px;
display:grid;
gap:28px;
}
.talent-index article{
position:relative;
display:grid;
grid-template-columns:72px minmax(280px,390px) 1fr;
gap:30px;
align-items:center;
padding:22px;
background:#fff;
border:1px solid var(--bh-line);
border-radius:26px;
box-shadow:var(--bh-shadow-soft);
overflow:hidden;
}
.talent-index article img{
width:100%;height:330px;
object-fit:cover;
object-position:center 20%;
border-radius:18px;
}
.index-no{font:500 30px Georgia;color:#cf9b9a;text-align:center}
.talent-index article div>span{
color:#a26369;
font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase
}
.talent-index h2{margin:7px 0 10px;font:500 clamp(34px,4vw,48px)/1.03 Georgia;color:#332723}
.talent-index p{max-width:600px;color:var(--bh-muted);line-height:1.75}
.talent-index small{display:block;margin:18px 0;color:#6f5d56}
/* Gallery */
.gallery-track{
width:min(var(--bh-max),calc(100% - 48px));
margin:72px auto 94px;
display:grid;
grid-template-columns:repeat(12,1fr);
grid-auto-flow:dense;
gap:20px;
}
.gallery-track figure{
grid-column:span 4;
margin:0;
background:#fff;
border:1px solid var(--bh-line);
border-radius:22px;
overflow:hidden;
box-shadow:var(--bh-shadow-soft);
}
.gallery-track figure:nth-child(5n+1){grid-column:span 7}
.gallery-track figure:nth-child(5n+2){grid-column:span 5}
.gallery-track figure:nth-child(5n+3){grid-column:span 4}
.gallery-track figure:nth-child(5n+4){grid-column:span 4}
.gallery-track figure:nth-child(5n+5){grid-column:span 4}
.gallery-track img{
width:100%;
height:clamp(300px,34vw,490px);
object-fit:cover;
object-position:center 22%;
transition:transform .45s ease;
}
.gallery-track figure:hover img{transform:scale(1.025)}
.gallery-track figcaption{
min-height:74px;
padding:18px 20px;
display:flex;
align-items:center;
gap:14px;
background:#fff;
}
.gallery-track figcaption span{color:#c88b8b;font:500 22px Georgia}
.gallery-track figcaption b{font:600 16px Georgia;color:#342925}
/* Pricing */
.rate-board{
width:min(1050px,calc(100% - 48px));
margin:72px auto 94px;
display:grid;
gap:14px;
}
.rate-board article{
display:grid;
grid-template-columns:70px 1fr auto;
gap:24px;
align-items:center;
padding:26px 28px;
background:#fff;
border:1px solid var(--bh-line);
border-radius:18px;
box-shadow:0 8px 24px rgba(62,41,34,.05);
transition:.2s ease;
}
.rate-board article:hover{transform:translateX(4px);border-color:rgba(200,120,129,.35)}
.rate-board article>span{font:500 27px Georgia;color:#d3a39d}
.rate-board h3{margin:0 0 4px;font:600 22px Georgia;color:#332724}
.rate-board p{margin:0;color:#766a65}
.rate-board strong{font:600 24px Georgia;color:#9c5962;white-space:nowrap}
/* FAQ */
.faq-stack{
width:min(960px,calc(100% - 48px));
margin:72px auto 94px;
display:grid;
gap:13px;
}
.faq-stack details{
background:#fff;
border:1px solid var(--bh-line);
border-radius:18px;
box-shadow:0 7px 22px rgba(58,38,31,.045);
overflow:hidden;
}
.faq-stack summary{
list-style:none;
cursor:pointer;
display:flex;
align-items:center;
gap:18px;
padding:24px 26px;
color:#302522;
font:600 19px/1.35 Georgia;
}
.faq-stack summary::-webkit-details-marker{display:none}
.faq-stack summary span{color:#cc8d8d;font:500 23px Georgia}
.faq-stack details p{margin:0;padding:0 26px 26px 68px;color:#746862;line-height:1.8}
/* Reviews */
.review-list{
width:min(1100px,calc(100% - 48px));
margin:72px auto 94px;
display:grid;
grid-template-columns:repeat(2,1fr);
gap:20px;
}
.review-list article{
min-height:260px;
padding:34px;
display:flex;
flex-direction:column;
justify-content:space-between;
background:#fff;
border:1px solid var(--bh-line);
border-radius:24px;
box-shadow:var(--bh-shadow-soft);
}
.review-list article>span{font:500 58px/.8 Georgia;color:#ddb5b1}
.review-list article>p{font:500 clamp(20px,2vw,27px)/1.48 Georgia;color:#3b2d28}
.review-list article div{display:flex;justify-content:space-between;gap:18px;border-top:1px solid var(--bh-line);padding-top:18px}
.review-list small{color:#a15e67}
/* Contact */
.contact-split{
width:min(1120px,calc(100% - 48px));
margin:72px auto 94px;
display:grid;
grid-template-columns:minmax(300px,.75fr) minmax(520px,1.25fr);
background:#302421;
border-radius:28px;
overflow:hidden;
box-shadow:var(--bh-shadow);
}
.contact-split aside{
padding:clamp(40px,6vw,72px);
color:white;
align-self:center;
}
.contact-split aside>span{color:#e7b7b3;font-size:11px;font-weight:800;letter-spacing:.18em}
.contact-split aside h2{margin:13px 0 20px;font:500 clamp(40px,4.6vw,60px)/1.04 Georgia}
.contact-split aside p{color:#d9ccc7;line-height:1.9}
.contact-split form{
margin:20px;
padding:clamp(28px,4vw,48px);
background:#fff;
border-radius:21px;
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:18px;
align-content:center;
}
.contact-split form textarea,.contact-split form .notice,.contact-split form button{grid-column:1/-1}
.contact-split input,.contact-split textarea{
width:100%;min-width:0;
padding:14px 15px;
border:1px solid #dccfc9;
background:#fffaf7;
color:#211a18;
border-radius:11px;
outline:none;
}
.contact-split textarea{min-height:165px;resize:vertical}
.contact-split input:focus,.contact-split textarea:focus{border-color:#c87881;box-shadow:0 0 0 3px rgba(200,120,129,.12)}
.contact-split ::placeholder{color:#877973;opacity:1}
/* Booking / general form cards */
.section{width:min(1120px,calc(100% - 48px));margin:72px auto 94px}
.form-card{
padding:clamp(26px,4vw,46px);
background:#fff;
border:1px solid var(--bh-line);
border-radius:24px;
box-shadow:var(--bh-shadow);
}
.form-grid,.account-form-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:19px;
}
.form-grid .full,.account-form-grid .full{grid-column:1/-1}
.form-card label,.member-auth label,.account-card label,.checkout-card label{
display:grid;
gap:8px;
color:#3d302b;
font-size:13px;
font-weight:750;
}
.form-card input,.form-card select,.form-card textarea,
.member-auth input,.member-auth select,.member-auth textarea,
.account-card input,.account-card select,.account-card textarea{
width:100%;
min-width:0;
padding:13px 14px;
border:1px solid #ddd0ca;
border-radius:10px;
background:#fffaf7;
color:#201916;
}
.form-card textarea,.account-card textarea{min-height:140px;resize:vertical}
.form-card input:focus,.form-card select:focus,.form-card textarea:focus,
.member-auth input:focus,.account-card input:focus,.account-card textarea:focus{
outline:none;border-color:#c87881;box-shadow:0 0 0 3px rgba(200,120,129,.12)
}
/* Concierge */
.concierge-page{
background:#171211;
color:#ddd1cc;
padding:88px 0 96px;
min-height:auto;
}
.concierge-top,.concierge-feature,.concierge-packages{
width:min(var(--bh-max),calc(100% - 48px));
max-width:none;
}
.concierge-top{margin:auto;padding-bottom:30px;border-bottom:1px solid rgba(255,255,255,.14)}
.concierge-top span{color:#e0aaa8}
.concierge-top h1{font:500 clamp(48px,6vw,78px)/1 Georgia;margin:10px 0 16px;color:#fff}
.concierge-top p{max-width:760px;color:#cbbeb9;font-size:17px;line-height:1.8}
.concierge-feature{
margin:42px auto 0;
display:grid;
grid-template-columns:1.1fr .9fr;
gap:48px;
align-items:center;
}
.concierge-feature img{width:100%;height:560px;object-fit:cover;border-radius:24px;box-shadow:0 24px 70px rgba(0,0,0,.3)}
.concierge-feature article{padding:20px 0}
.concierge-feature article>span{color:#e3aaa8;font-size:11px;font-weight:800;letter-spacing:.17em}
.concierge-feature h2{font:500 clamp(35px,4vw,54px)/1.06 Georgia;color:#fff;text-transform:none}
.concierge-feature h3{margin-top:28px;font:500 23px Georgia;color:#fff;text-transform:none}
.concierge-feature p{color:#c3b5b0;line-height:1.78}
.concierge-packages{
margin:64px auto 0;
display:grid;
grid-template-columns:repeat(3,1fr);
gap:18px;
}
.concierge-packages article{
min-height:300px;
padding:30px;
display:flex;
flex-direction:column;
border:1px solid rgba(255,255,255,.14);
background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));
border-radius:20px;
}
.concierge-packages article>span{color:#db9f9e}
.concierge-packages h3{font:500 28px Georgia;color:#fff}
.concierge-packages p{color:#bfb1ad;line-height:1.7}
.concierge-packages b{margin-top:auto;color:#f0c3be;font:500 23px Georgia}
.concierge-packages a{align-self:flex-start;margin-top:18px}
/* Exclusive / membership */
.exclusive-intro,.membership-offer{
width:min(1120px,calc(100% - 48px));
margin:54px auto 0;
display:grid;
grid-template-columns:1fr minmax(300px,420px);
gap:34px;
align-items:center;
padding:34px;
background:#fff;
border:1px solid var(--bh-line);
border-radius:22px;
box-shadow:var(--bh-shadow-soft);
}
.exclusive-intro h2,.membership-offer h2{margin:6px 0 10px;font:500 clamp(32px,4vw,46px)/1.08 Georgia;color:#342824}
.exclusive-intro p,.membership-offer p{color:#756964}
.exclusive-account,.membership-price{
min-height:160px;
padding:24px;
display:flex;
flex-direction:column;
justify-content:center;
align-items:flex-start;
gap:9px;
border-radius:16px;
background:#f8ece8;
}
.membership-price strong{font:600 36px Georgia;color:#9f5a63}
.exclusive-grid{
width:min(var(--bh-max),calc(100% - 48px));
margin:38px auto 94px;
display:grid;
grid-template-columns:repeat(3,1fr);
gap:20px;
}
.exclusive-card{
overflow:hidden;
background:#fff;
border:1px solid var(--bh-line);
border-radius:22px;
box-shadow:var(--bh-shadow-soft);
}
.exclusive-preview{position:relative;height:320px;background:#efe7e2;overflow:hidden}
.exclusive-preview img{width:100%;height:100%;object-fit:cover}
.exclusive-preview>span{position:absolute;left:16px;top:16px;padding:7px 10px;border-radius:999px;background:rgba(34,25,23,.8);color:white;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.exclusive-body{padding:24px}
.exclusive-body h3{margin:0 0 10px;font:600 25px Georgia;color:#342824}
.exclusive-body p{color:#756964;min-height:70px}
.exclusive-meta{display:flex;justify-content:space-between;gap:10px;padding:16px 0;border-top:1px solid var(--bh-line);border-bottom:1px solid var(--bh-line);font-size:12px}
.exclusive-actions{padding-top:18px}
/* Customer auth/account/checkout */
.member-auth,.member-account-page{
width:min(1120px,calc(100% - 48px));
margin:64px auto 94px;
}
.member-auth-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:24px;
}
.member-auth-grid.single-auth{grid-template-columns:minmax(0,640px);justify-content:center}
.member-auth-grid form{
padding:36px;
background:#fff;
color:#2b211e;
border:1px solid var(--bh-line);
border-radius:22px;
box-shadow:var(--bh-shadow);
}
.member-auth-grid form h2{margin:0 0 24px;font:500 38px Georgia;color:#342824}
.member-auth-grid form label{margin-bottom:15px}
.member-auth-grid form p{color:#6f625d}
.auth-links a,.exclusive-link{color:#a45d66;font-weight:750}
.account-summary-grid,.account-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:20px;
margin-bottom:20px;
}
.account-card{
padding:30px;
background:#fff;
border:1px solid var(--bh-line);
border-radius:22px;
box-shadow:var(--bh-shadow-soft);
color:#342824;
}
.account-card h2{font:500 31px Georgia;color:#342824}
.permission-row{display:flex;gap:10px;padding:8px 0;border-bottom:1px solid var(--bh-line)}
.message-thread-item{margin-top:14px;padding:18px;background:#fbf3ef;border-radius:14px}
.responsive-table{max-width:100%;overflow:auto}
.responsive-table table{width:100%;border-collapse:collapse}
.responsive-table th,.responsive-table td{padding:12px;border-bottom:1px solid var(--bh-line);text-align:left;white-space:nowrap}
.checkout-card{
width:min(820px,calc(100% - 48px));
margin:64px auto 94px;
padding:36px;
background:#fff;
border:1px solid var(--bh-line);
border-radius:24px;
box-shadow:var(--bh-shadow);
}
.checkout-card>div{padding-bottom:22px;border-bottom:1px solid var(--bh-line)}
.checkout-card h2{font:500 38px Georgia;color:#342824}
.checkout-card>div>strong{font:600 34px Georgia;color:#9c5962}
.checkout-card form{display:grid;gap:14px;padding-top:24px}
.pay-choice{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;gap:10px;padding:14px;border:1px solid var(--bh-line);border-radius:12px}
.pay-choice input{width:auto!important}
/* Footer */
footer{
padding:64px max(24px,calc((100vw - var(--bh-max))/2));
display:grid;
grid-template-columns:1.4fr repeat(3,1fr);
gap:42px;
background:#211917;
color:#d9ccc7;
}
footer>div>b,footer>div>strong{display:block;margin-bottom:15px;color:#fff;font:600 18px Georgia}
footer a{display:block;margin:8px 0;color:#cfc1bc}
footer a:hover{color:#efb9b8}
footer p{color:#bcaeaa}
.copyright{padding:17px 24px;text-align:center;background:#171110;color:#958883;font-size:12px}
/* Notices */
.notice{padding:13px 15px;margin-bottom:18px;border-radius:10px;background:#edf7ef;color:#285a35;border:1px solid #cae8d0}
.notice.error,.error{background:#fff0ef;color:#8b3434;border-color:#efcac6}
/* Responsive */
@media(max-width:1100px){
#siteMainNav>a{padding-left:7px;padding-right:7px;font-size:11px}
.portrait-story{grid-template-columns:1fr 1fr}
.exclusive-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:900px){
.site-header{min-height:72px;justify-content:space-between}
.site-menu-label{
display:grid;
place-items:center;
width:46px;height:46px;
border:1px solid var(--bh-line);
border-radius:50%;
background:#fff;
cursor:pointer;
}
.site-menu-label:before{content:"☰";font-size:20px;color:#3a2c28}
#siteMainNav{
position:fixed;
z-index:220;
top:0;right:0;bottom:0;
width:min(86vw,370px);
max-width:370px;
padding:94px 22px 28px;
display:flex;
flex-direction:column;
align-items:stretch;
justify-content:flex-start;
gap:3px;
background:#fffaf7;
box-shadow:-24px 0 60px rgba(43,29,24,.18);
overflow-y:auto;
transform:translateX(105%);
transition:transform .24s ease;
}
#siteMainNav>a{padding:15px 12px;border-bottom:1px solid var(--bh-line);font-size:12px}
#siteMainNav>a:after{display:none}
.site-menu-backdrop-label{
display:none;
position:fixed;
z-index:210;
inset:0;
background:rgba(28,19,16,.42);
}
#siteMenuToggle:checked~#siteMainNav{transform:translateX(0)}
#siteMenuToggle:checked~.site-menu-backdrop-label{display:block}
body:has(#siteMenuToggle:checked){overflow:hidden}
.portrait-story,.concierge-feature,.contact-split,.exclusive-intro,.membership-offer{
grid-template-columns:1fr;
}
.portrait-story>img{min-height:480px;max-height:580px}
.home-links{grid-template-columns:repeat(2,1fr)}
.talent-index article{grid-template-columns:50px 260px 1fr}
.gallery-track figure,.gallery-track figure:nth-child(n){grid-column:span 6}
.review-list{grid-template-columns:1fr}
.concierge-packages{grid-template-columns:1fr}
.contact-split form{margin:0 20px 20px}
.exclusive-grid{grid-template-columns:1fr 1fr}
footer{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:700px){
.soft-hero{min-height:700px;background-position:center top}
.soft-copy h1{font-size:clamp(52px,17vw,78px)}
.inner-hero{min-height:430px}
.inner-hero>div{padding:72px 0 52px}
.inner-hero h1{font-size:clamp(42px,13vw,62px)}
.portrait-story{width:min(94vw,620px)}
.portrait-story>div{padding:34px 26px 40px}
.home-links{grid-template-columns:1fr 1fr}
.talent-index article{grid-template-columns:1fr;padding:16px}
.talent-index article .index-no{display:none}
.talent-index article img{height:460px}
.gallery-track{width:min(94vw,620px)}
.gallery-track figure,.gallery-track figure:nth-child(n){grid-column:span 12}
.gallery-track img{height:440px}
.rate-board article{grid-template-columns:44px 1fr;gap:14px}
.rate-board article strong{grid-column:2}
.contact-split{width:min(94vw,620px)}
.contact-split form{grid-template-columns:1fr}
.contact-split form textarea,.contact-split form .notice,.contact-split form button{grid-column:auto}
.form-grid,.account-form-grid,.account-summary-grid,.account-grid,.member-auth-grid{grid-template-columns:1fr}
.form-grid .full,.account-form-grid .full{grid-column:auto}
.exclusive-grid{grid-template-columns:1fr}
.exclusive-preview{height:400px}
.concierge-feature img{height:440px}
footer{grid-template-columns:1fr;gap:24px}
}
@media(max-width:480px){
.site-header{padding:0 16px}
.brand span{font-size:23px}
.soft-copy,.inner-hero>div,.intro-panel,.portrait-story,.home-links,.talent-index,.gallery-track,.rate-board,.faq-stack,.review-list,.contact-split,.section,.concierge-top,.concierge-feature,.concierge-packages,.exclusive-intro,.membership-offer,.exclusive-grid,.member-auth,.member-account-page,.checkout-card{
width:calc(100% - 30px);
}
.home-links{grid-template-columns:1fr}
.talent-index article img{height:400px}
.gallery-track img{height:390px}
.contact-split aside{padding:34px 24px}
.contact-split form{margin:0 12px 12px;padding:24px 18px}
.exclusive-preview{height:360px}
}
/* =========================================================
BLUSH HORIZON v1.3.1 — COMPACT EDITORIAL PAGE HEADERS
Removes oversized inner-page hero blocks across the site.
========================================================= */
.inner-hero{
width:min(1240px,calc(100% - 48px));
min-height:0;
margin:34px auto 18px;
display:grid;
grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr);
align-items:stretch;
background:#2b211e;
border:1px solid rgba(94,67,57,.12);
border-radius:26px;
overflow:hidden;
box-shadow:0 20px 54px rgba(60,39,32,.11);
isolation:isolate;
}
.inner-hero:after{display:none!important}
.inner-hero>div.inner-hero-copy{
width:auto;
margin:0;
padding:clamp(34px,4vw,54px);
display:flex;
flex-direction:column;
justify-content:center;
color:#fff;
background:
radial-gradient(circle at 15% 20%,rgba(200,120,129,.18),transparent 40%),
linear-gradient(135deg,#2c211e 0%,#3c2b27 100%);
}
.inner-hero-copy span{
margin-bottom:10px;
color:#e8b8b4;
font-size:10px;
font-weight:850;
letter-spacing:.2em;
text-transform:uppercase;
}
.inner-hero-copy h1{
max-width:720px;
margin:0 0 12px;
font:500 clamp(34px,4.5vw,58px)/1.02 Georgia,"Times New Roman",serif;
letter-spacing:-.035em;
}
.inner-hero-copy p{
max-width:640px;
margin:0;
color:rgba(255,255,255,.78);
font-size:15px;
line-height:1.7;
}
.inner-hero-media{
position:relative;
min-height:245px;
background:
linear-gradient(90deg,rgba(44,33,30,.22),transparent 30%),
var(--hero) center/cover no-repeat;
}
.inner-hero-media:before{
content:"";
position:absolute;
left:-1px;
top:0;
bottom:0;
width:54px;
background:linear-gradient(90deg,#3b2b27 0%,rgba(59,43,39,.65) 45%,transparent 100%);
pointer-events:none;
}
.inner-hero-media:after{
content:"";
position:absolute;
right:22px;
bottom:20px;
width:82px;
height:82px;
border:1px solid rgba(255,255,255,.34);
border-radius:50%;
box-shadow:0 0 0 12px rgba(255,255,255,.05);
}
/* Bring page content closer to the compact header. */
.inner-hero + .gallery-track,
.inner-hero + .talent-index,
.inner-hero + .rate-board,
.inner-hero + .faq-stack,
.inner-hero + .review-list,
.inner-hero + .contact-split,
.inner-hero + .section,
.inner-hero + .exclusive-intro,
.inner-hero + .membership-offer,
.inner-hero + .member-auth,
.inner-hero + .member-account-page,
.inner-hero + .checkout-card{
margin-top:34px;
}
/* Gallery gets an even more editorial entrance instead of a giant banner. */
body:has(.gallery-track) .inner-hero{
grid-template-columns:minmax(0,.82fr) minmax(420px,1.18fr);
}
body:has(.gallery-track) .inner-hero-media{
min-height:270px;
}
body:has(.gallery-track) .inner-hero-copy{
padding-right:32px;
}
body:has(.gallery-track) .inner-hero-copy h1{
font-size:clamp(38px,4.6vw,62px);
}
/* Booking and contact headers remain compact so forms stay above the fold. */
body:has(.contact-split) .inner-hero,
body:has(.booking-form-grid) .inner-hero{
margin-bottom:8px;
}
/* Account/system pages use a cleaner, smaller header. */
body:has(.member-auth) .inner-hero,
body:has(.member-account-page) .inner-hero,
body:has(.checkout-card) .inner-hero,
body:has(.account-membership) .inner-hero{
grid-template-columns:1fr 330px;
}
body:has(.member-auth) .inner-hero-media,
body:has(.member-account-page) .inner-hero-media,
body:has(.checkout-card) .inner-hero-media,
body:has(.account-membership) .inner-hero-media{
min-height:210px;
}
@media(max-width:820px){
.inner-hero{
width:min(94vw,720px);
margin-top:20px;
grid-template-columns:1fr;
}
.inner-hero>div.inner-hero-copy{
padding:30px 26px;
}
.inner-hero-copy h1{
font-size:clamp(34px,9vw,50px);
}
.inner-hero-media{
min-height:220px;
order:-1;
}
.inner-hero-media:before{
left:0;right:0;top:auto;bottom:-1px;
width:auto;height:52px;
background:linear-gradient(180deg,transparent,#352723);
}
.inner-hero-media:after{
width:62px;height:62px;
right:16px;bottom:16px;
}
body:has(.gallery-track) .inner-hero,
body:has(.member-auth) .inner-hero,
body:has(.member-account-page) .inner-hero,
body:has(.checkout-card) .inner-hero,
body:has(.account-membership) .inner-hero{
grid-template-columns:1fr;
}
body:has(.gallery-track) .inner-hero-media{
min-height:235px;
}
}
@media(max-width:480px){
.inner-hero{
width:calc(100% - 30px);
border-radius:20px;
}
.inner-hero-media{
min-height:190px;
}
.inner-hero>div.inner-hero-copy{
padding:26px 22px 30px;
}
.inner-hero-copy p{
font-size:14px;
}
}
/* v1.3.2 reference-structure homepage */
.ref-home{width:min(1320px,calc(100% - 40px));margin:28px auto 76px}
.ref-home-hero{position:relative;height:clamp(360px,43vw,500px);background:linear-gradient(90deg,rgba(34,23,20,.50),rgba(34,23,20,.08) 65%),var(--homehero) center 28%/cover no-repeat;border:1px solid rgba(94,67,57,.12);overflow:hidden;box-shadow:0 12px 34px rgba(59,39,32,.08)}
.ref-home-caption{position:absolute;left:0;bottom:0;width:min(620px,72%);padding:30px 36px;background:linear-gradient(90deg,rgba(34,23,20,.92),rgba(34,23,20,.70),transparent);color:#fff}
.ref-home-caption>span,.ref-kicker{display:block;margin-bottom:8px;color:#ad6971;font-size:10px;font-weight:850;letter-spacing:.16em;text-transform:uppercase}
.ref-home-caption>span{color:#efc6c1}
.ref-home-caption h1{margin:0 0 8px;font:500 clamp(36px,4.3vw,58px)/1 Georgia,serif}
.ref-home-caption p{max-width:520px;margin:0 0 18px;color:rgba(255,255,255,.86);line-height:1.65}
.ref-home-caption>div{display:flex;gap:10px;flex-wrap:wrap}
.ref-ghost{display:inline-flex;min-height:46px;align-items:center;padding:0 18px;border:1px solid rgba(255,255,255,.55);border-radius:999px;color:#fff;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.ref-home-grid{display:grid;grid-template-columns:minmax(210px,.72fr) minmax(0,1.85fr) minmax(210px,.72fr);background:#fff;border:1px solid rgba(94,67,57,.13);border-top:0;box-shadow:0 16px 42px rgba(59,39,32,.07)}
.ref-side{padding:28px 24px;background:#fffdfb}
.ref-left{border-right:1px solid rgba(94,67,57,.12)}
.ref-right{border-left:1px solid rgba(94,67,57,.12)}
.ref-side h2{margin:0 0 12px;font:600 24px/1.16 Georgia,serif;color:#332824}
.ref-side p{color:#756963;font-size:13px;line-height:1.72}
.ref-contact{margin-top:22px;padding-top:18px;border-top:1px solid rgba(94,67,57,.12)}
.ref-quote{margin-top:22px;padding:16px;background:#f8ece8;border-left:3px solid #c87881}
.ref-quote small{color:#a25c65;font-size:9px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.ref-quote p{font:500 15px/1.55 Georgia,serif;color:#4d3e39}
.ref-main{min-width:0;background:#fff}
.ref-feature-img{width:100%;height:350px;object-fit:cover;object-position:center 18%}
.ref-feature-copy{padding:24px 28px 20px}
.ref-feature-copy h2{margin:0 0 8px;font:600 30px Georgia,serif;color:#332824}
.ref-feature-copy p{color:#756963;line-height:1.7}
.ref-meta{display:flex;justify-content:space-between;gap:12px;padding:13px 0;margin:12px 0;border-top:1px solid rgba(94,67,57,.11);border-bottom:1px solid rgba(94,67,57,.11);font-size:12px;color:#584842}
.ref-meta strong{color:#9d5962}
.ref-link{color:#9d5962;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.ref-thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:0 28px 26px}
.ref-thumbs a{height:92px;overflow:hidden}
.ref-thumbs img{width:100%;height:100%;object-fit:cover}
.ref-quick{display:grid}
.ref-quick a{padding:13px 0;border-top:1px solid rgba(94,67,57,.11)}
.ref-quick a:first-child{border-top:0}
.ref-quick b{display:block;color:#443631;font:600 15px Georgia,serif}
.ref-quick small{color:#8a7a73;font-size:11px}
.ref-mini{margin-top:26px;padding-top:22px;border-top:1px solid rgba(94,67,57,.12)}
.ref-mini img{width:100%;height:135px;object-fit:cover;margin-bottom:10px}
.ref-mini span{display:block;color:#a25e67;font-size:9px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.ref-mini b{font:600 16px Georgia,serif;color:#40322e}
@media(max-width:980px){.ref-home-grid{grid-template-columns:240px minmax(0,1fr)}.ref-right{grid-column:1/-1;border-left:0;border-top:1px solid rgba(94,67,57,.12);display:grid;grid-template-columns:1.4fr .8fr;gap:28px}.ref-mini{margin:0;padding:0;border:0}}
@media(max-width:760px){.ref-home{width:min(94vw,680px);margin-top:18px}.ref-home-hero{height:390px}.ref-home-caption{width:100%;padding:25px 22px;background:linear-gradient(0deg,rgba(34,23,20,.94),rgba(34,23,20,.72),transparent)}.ref-home-grid{grid-template-columns:1fr}.ref-main{order:1}.ref-left{order:2;border-right:0;border-top:1px solid rgba(94,67,57,.12)}.ref-right{order:3;grid-column:auto;grid-template-columns:1fr}.ref-feature-img{height:450px}}
@media(max-width:480px){.ref-home{width:calc(100% - 24px)}.ref-home-hero{height:350px}.ref-home-caption h1{font-size:38px}.ref-home-caption p{font-size:13px}.ref-feature-img{height:390px}.ref-feature-copy,.ref-side{padding:22px 18px}.ref-thumbs{padding:0 18px 20px}}
/* v1.3.4 — remove oversized homepage top image and raise retained layout */
.ref-home{
margin-top:18px;
}
.ref-home-intro{
position:relative;
min-height:0;
background:linear-gradient(90deg,#382724 0%,#65514c 46%,#eee7e3 100%);
border:1px solid rgba(94,67,57,.13);
border-bottom:0;
}
.ref-home-intro .ref-home-caption{
position:relative;
left:auto;
bottom:auto;
width:100%;
max-width:none;
padding:24px 28px 22px;
background:linear-gradient(90deg,rgba(34,23,20,.92),rgba(34,23,20,.52) 48%,rgba(34,23,20,0) 78%);
}
.ref-home-intro .ref-home-caption h1{
font-size:clamp(34px,3.4vw,50px);
margin-bottom:7px;
}
.ref-home-intro .ref-home-caption p{
display:none;
}
.ref-home-intro .ref-home-caption>div{
margin-top:14px;
}
.ref-home-grid{
border-top:1px solid rgba(94,67,57,.13);
}
@media(max-width:760px){
.ref-home{
margin-top:12px;
}
.ref-home-intro .ref-home-caption{
padding:22px 20px;
background:linear-gradient(90deg,rgba(34,23,20,.94),rgba(65,45,40,.88));
}
.ref-home-intro .ref-home-caption h1{
font-size:36px;
}
}
/* v1.3.5 — About page modeled on supplied fashion/editorial reference */
.about-editorial{
background:#fffaf7;
}
.about-editorial-hero{
width:min(1240px,calc(100% - 40px));
margin:24px auto 0;
display:grid;
grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);
min-height:470px;
background:#f2eee6;
border:1px solid rgba(94,67,57,.12);
overflow:hidden;
}
.about-editorial-photo{
min-height:470px;
overflow:hidden;
}
.about-editorial-photo img{
width:100%;
height:100%;
object-fit:cover;
object-position:center 18%;
}
.about-editorial-intro{
padding:clamp(42px,6vw,74px);
display:flex;
flex-direction:column;
justify-content:center;
color:#342824;
}
.about-editorial-intro>span,
.about-story-heading>span,
.about-roster-heading>span{
display:block;
margin-bottom:12px;
color:#ad6971;
font-size:10px;
font-weight:850;
letter-spacing:.18em;
text-transform:uppercase;
}
.about-editorial-intro h1{
margin:0 0 18px;
font:500 clamp(42px,5.4vw,70px)/.98 Georgia,"Times New Roman",serif;
letter-spacing:-.035em;
}
.about-editorial-intro p{
margin:0 0 26px;
color:#756963;
font-size:16px;
line-height:1.75;
}
.about-editorial-intro .primary{
align-self:flex-start;
}
.about-editorial-story{
width:min(1060px,calc(100% - 40px));
margin:0 auto;
padding:72px 0 80px;
display:grid;
grid-template-columns:minmax(260px,.8fr) minmax(300px,1fr);
gap:34px 70px;
}
.about-story-heading h2{
margin:0;
font:500 clamp(34px,4.2vw,52px)/1.08 Georgia,"Times New Roman",serif;
color:#3a2d29;
}
.about-story-copy blockquote{
margin:0 0 18px;
font:500 clamp(22px,2.5vw,30px)/1.45 Georgia,"Times New Roman",serif;
color:#58443e;
}
.about-story-copy>p{
color:#786b66;
line-height:1.8;
}
.about-story-values{
grid-column:1/-1;
display:grid;
grid-template-columns:repeat(3,1fr);
gap:18px;
padding-top:18px;
}
.about-story-values article{
display:grid;
grid-template-columns:44px 1fr;
gap:14px;
padding:23px 20px;
border-top:1px solid rgba(94,67,57,.16);
}
.about-story-values article>span{
font:500 25px Georgia;
color:#cf9896;
}
.about-story-values b{
color:#3c2e2a;
font:600 18px Georgia;
}
.about-story-values p{
margin:7px 0 0;
color:#7d6f69;
font-size:13px;
line-height:1.65;
}
.about-roster{
padding:68px 0 88px;
background:#f4ece8;
border-top:1px solid rgba(94,67,57,.10);
}
.about-roster-heading{
width:min(920px,calc(100% - 40px));
margin:0 auto 34px;
text-align:center;
}
.about-roster-heading h2{
margin:0 0 12px;
font:500 clamp(36px,4.7vw,56px)/1.05 Georgia;
color:#382b27;
}
.about-roster-heading p{
margin:auto;
max-width:650px;
color:#786b66;
}
.about-roster-grid{
width:min(1180px,calc(100% - 40px));
margin:auto;
display:grid;
grid-template-columns:repeat(3,1fr);
gap:18px;
}
.about-roster-grid article{
background:#fff;
border:1px solid rgba(94,67,57,.11);
box-shadow:0 10px 26px rgba(62,41,34,.055);
}
.about-roster-grid img{
width:100%;
height:390px;
object-fit:cover;
object-position:center 16%;
}
.about-roster-grid article div{
padding:18px 18px 20px;
}
.about-roster-grid article span{
color:#ad6971;
font-size:9px;
font-weight:850;
letter-spacing:.13em;
text-transform:uppercase;
}
.about-roster-grid h3{
margin:5px 0 4px;
font:600 25px Georgia;
color:#352925;
}
.about-roster-grid p{
margin:0;
color:#81736d;
font-size:12px;
}
@media(max-width:900px){
.about-editorial-hero{
grid-template-columns:1fr;
}
.about-editorial-photo{
min-height:430px;
}
.about-editorial-intro{
padding:38px 32px 44px;
}
.about-editorial-story{
grid-template-columns:1fr;
gap:28px;
}
.about-story-values{
grid-column:auto;
grid-template-columns:1fr;
}
.about-roster-grid{
grid-template-columns:repeat(2,1fr);
}
}
@media(max-width:620px){
.about-editorial-hero,
.about-editorial-story,
.about-roster-heading,
.about-roster-grid{
width:calc(100% - 28px);
}
.about-editorial-photo{
min-height:360px;
}
.about-editorial-intro{
padding:30px 22px 34px;
}
.about-editorial-intro h1{
font-size:43px;
}
.about-editorial-story{
padding:50px 0 58px;
}
.about-roster-grid{
grid-template-columns:1fr;
}
.about-roster-grid img{
height:430px;
}
}
/* v1.3.6 — Gallery page modeled on supplied editorial/model-agency reference */
.gallery-editorial{
width:min(1280px,calc(100% - 40px));
margin:24px auto 88px;
}
.gallery-editorial-hero{
min-height:420px;
display:grid;
grid-template-columns:minmax(350px,.95fr) minmax(0,1.35fr);
background:#f1ece7;
border:1px solid rgba(94,67,57,.12);
overflow:hidden;
}
.gallery-editorial-copy{
padding:clamp(38px,5vw,66px);
display:flex;
flex-direction:column;
justify-content:center;
}
.gallery-editorial-copy>span,
.gallery-new-faces>span{
color:#ad6971;
font-size:10px;
font-weight:850;
letter-spacing:.18em;
text-transform:uppercase;
}
.gallery-editorial-copy h1{
margin:10px 0 14px;
font:700 clamp(46px,6vw,76px)/.95 Georgia,"Times New Roman",serif;
color:#2f2522;
letter-spacing:-.04em;
}
.gallery-editorial-copy p{
max-width:520px;
margin:0 0 24px;
color:#756963;
font-size:16px;
line-height:1.75;
}
.gallery-editorial-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
}
.gallery-outline{
display:inline-flex;
min-height:48px;
align-items:center;
justify-content:center;
padding:0 22px;
border:1px solid rgba(81,56,47,.22);
border-radius:999px;
color:#4f3d37;
font-size:11px;
font-weight:800;
letter-spacing:.08em;
text-transform:uppercase;
}
.gallery-editorial-hero-image{
min-height:420px;
overflow:hidden;
}
.gallery-editorial-hero-image img{
width:100%;
height:100%;
object-fit:cover;
object-position:center 20%;
}
.gallery-feature-strip{
margin-top:20px;
display:grid;
grid-template-columns:repeat(3,1fr);
gap:18px;
}
.gallery-feature-tile{
position:relative;
min-height:245px;
overflow:hidden;
background:#eee5e0;
border:1px solid rgba(94,67,57,.11);
}
.gallery-feature-tile img{
width:100%;
height:245px;
object-fit:cover;
object-position:center 18%;
transition:transform .35s ease;
}
.gallery-feature-tile:hover img{
transform:scale(1.025);
}
.gallery-feature-tile>span{
position:absolute;
top:14px;
left:14px;
width:34px;
height:34px;
display:grid;
place-items:center;
border-radius:50%;
background:rgba(39,27,24,.78);
color:#fff;
font:500 12px Georgia;
}
.gallery-feature-tile>div{
position:absolute;
left:0;
right:0;
bottom:0;
padding:18px 20px;
color:#fff;
background:linear-gradient(180deg,transparent,rgba(25,17,15,.86));
}
.gallery-feature-tile b{
display:block;
font:600 20px Georgia;
}
.gallery-feature-tile small{
color:rgba(255,255,255,.76);
}
.gallery-new-faces{
padding:74px 0 34px;
text-align:center;
}
.gallery-new-faces h2{
margin:8px 0 10px;
font:600 clamp(40px,5vw,62px)/1 Georgia,"Times New Roman",serif;
color:#322724;
}
.gallery-new-faces p{
max-width:640px;
margin:auto;
color:#7b6e68;
}
.gallery-collection{
display:grid;
grid-template-columns:repeat(12,1fr);
grid-auto-flow:dense;
gap:18px;
}
.gallery-card{
grid-column:span 4;
margin:0;
background:#fff;
border:1px solid rgba(94,67,57,.11);
box-shadow:0 9px 26px rgba(58,38,31,.055);
overflow:hidden;
}
.gallery-card:nth-child(6n+1){
grid-column:span 7;
}
.gallery-card:nth-child(6n+2){
grid-column:span 5;
}
.gallery-card:nth-child(6n+6){
grid-column:span 8;
}
.gallery-card-image{
position:relative;
height:380px;
overflow:hidden;
}
.gallery-card:nth-child(6n+1) .gallery-card-image,
.gallery-card:nth-child(6n+6) .gallery-card-image{
height:470px;
}
.gallery-card-image img{
width:100%;
height:100%;
object-fit:cover;
object-position:center 18%;
transition:transform .35s ease;
}
.gallery-card:hover img{
transform:scale(1.02);
}
.gallery-card-image>span{
position:absolute;
top:14px;
right:14px;
padding:7px 10px;
background:rgba(255,250,247,.88);
color:#5b4740;
font-size:10px;
font-weight:800;
letter-spacing:.08em;
}
.gallery-card figcaption{
padding:18px 20px 20px;
}
.gallery-card figcaption b{
font:600 22px Georgia;
color:#342824;
}
.gallery-card figcaption p{
margin:7px 0 0;
color:#81736d;
font-size:13px;
line-height:1.65;
}
@media(max-width:900px){
.gallery-editorial-hero{
grid-template-columns:1fr;
}
.gallery-editorial-hero-image{
order:-1;
min-height:390px;
}
.gallery-editorial-copy{
padding:34px 30px 40px;
}
.gallery-feature-strip{
grid-template-columns:1fr 1fr;
}
.gallery-feature-tile:nth-child(3){
grid-column:1/-1;
}
.gallery-card,
.gallery-card:nth-child(6n+1),
.gallery-card:nth-child(6n+2),
.gallery-card:nth-child(6n+6){
grid-column:span 6;
}
}
@media(max-width:620px){
.gallery-editorial{
width:calc(100% - 28px);
}
.gallery-editorial-hero-image{
min-height:340px;
}
.gallery-editorial-copy{
padding:28px 22px 34px;
}
.gallery-editorial-copy h1{
font-size:46px;
}
.gallery-feature-strip{
grid-template-columns:1fr;
}
.gallery-feature-tile:nth-child(3){
grid-column:auto;
}
.gallery-feature-tile,
.gallery-feature-tile img{
height:300px;
}
.gallery-new-faces{
padding-top:54px;
}
.gallery-card,
.gallery-card:nth-child(6n+1),
.gallery-card:nth-child(6n+2),
.gallery-card:nth-child(6n+6){
grid-column:span 12;
}
.gallery-card-image,
.gallery-card:nth-child(6n+1) .gallery-card-image,
.gallery-card:nth-child(6n+6) .gallery-card-image{
height:420px;
}
}
/* v1.3.7 — Gallery photo/video switch + second media row */
.gallery-media-switch{
margin:20px auto 0;
display:flex;
justify-content:center;
gap:8px;
}
.gallery-media-switch a{
min-width:125px;
padding:12px 20px;
text-align:center;
border:1px solid rgba(94,67,57,.16);
background:#fff;
color:#56433d;
font-size:11px;
font-weight:850;
letter-spacing:.09em;
text-transform:uppercase;
}
.gallery-media-switch a.active{
background:#c87881;
border-color:#c87881;
color:#fff;
}
.gallery-video-row{margin-top:18px}
.gallery-video-tile{cursor:pointer}
.gallery-play{
position:absolute;
left:50%;top:50%;
width:58px;height:58px;
margin:-29px 0 0 -29px;
display:grid;place-items:center;
border-radius:50%;
background:rgba(255,250,247,.9);
color:#9e5d65;
font-style:normal;
font-size:19px;
box-shadow:0 10px 28px rgba(30,20,18,.18);
z-index:3;
}
.gallery-video-collection{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:18px;
}
.gallery-video-card{
background:#fff;
border:1px solid rgba(94,67,57,.11);
box-shadow:0 9px 26px rgba(58,38,31,.055);
}
.gallery-video-poster{
position:relative;
height:310px;
overflow:hidden;
background:#eee5e0;
}
.gallery-video-poster img{
width:100%;height:100%;
object-fit:cover;
}
.gallery-video-poster>span:first-of-type{
position:absolute;
top:14px;right:14px;
padding:7px 10px;
background:rgba(255,250,247,.9);
color:#5b4740;
font-size:10px;
font-weight:800;
}
.gallery-play-large{
position:absolute;
left:50%;top:50%;
width:72px;height:72px;
margin:-36px 0 0 -36px;
display:grid;place-items:center;
border-radius:50%;
background:rgba(255,250,247,.93);
color:#a45e67;
font-size:23px;
box-shadow:0 12px 34px rgba(30,20,18,.2);
}
.gallery-play-disabled{opacity:.72;cursor:default}
.gallery-video-copy{padding:18px 20px 22px}
.gallery-video-copy b{font:600 22px Georgia;color:#342824}
.gallery-video-copy p{margin:7px 0 0;color:#81736d;font-size:13px;line-height:1.65}
@media(max-width:900px){.gallery-video-collection{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.gallery-video-collection{grid-template-columns:1fr}.gallery-video-poster{height:360px}.gallery-media-switch a{min-width:110px}}
/* v1.3.9 — Gallery trimmed to two media rows only; footer untouched */
.gallery-feature-grid{
margin-top:18px;
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:18px;
}
.gallery-feature-grid .gallery-feature-tile{
position:relative;
min-height:245px;
overflow:hidden;
background:#eee5e0;
border:1px solid rgba(94,67,57,.11);
}
.gallery-feature-grid .gallery-feature-tile img{
width:100%;
height:245px;
object-fit:cover;
object-position:center 18%;
}
.gallery-feature-grid .gallery-feature-tile>div{
position:absolute;
left:0;
right:0;
bottom:0;
padding:18px 20px;
color:#fff;
background:linear-gradient(180deg,transparent,rgba(25,17,15,.86));
}
.gallery-feature-grid .gallery-feature-tile b{
display:block;
font:600 20px Georgia;
}
.gallery-feature-grid .gallery-feature-tile small{
color:rgba(255,255,255,.78);
}
.gallery-feature-grid .gallery-feature-tile>span:first-of-type{
position:absolute;
top:14px;
left:14px;
width:34px;
height:34px;
display:grid;
place-items:center;
border-radius:50%;
background:rgba(39,27,24,.78);
color:#fff;
font:500 12px Georgia;
z-index:2;
}
.gallery-feature-grid .gallery-play{
position:absolute;
left:50%;
top:50%;
width:58px;
height:58px;
margin:-29px 0 0 -29px;
display:grid;
place-items:center;
border-radius:50%;
background:rgba(255,250,247,.92);
color:#9e5d65;
font-size:19px;
font-style:normal;
box-shadow:0 10px 28px rgba(30,20,18,.18);
z-index:3;
}
.gallery-feature-grid .gallery-play-disabled{
opacity:.72;
}
.gallery-editorial{
margin-bottom:44px;
}
@media(max-width:900px){
.gallery-feature-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
}
}
@media(max-width:620px){
.gallery-feature-grid{
grid-template-columns:1fr;
}
.gallery-feature-grid .gallery-feature-tile,
.gallery-feature-grid .gallery-feature-tile img{
min-height:300px;
height:300px;
}
}
/* v1.4.0 — Exclusive Gallery parity + paid-member lock */
.exclusive-gallery-page{margin-bottom:44px}
.exclusive-gallery-hero{margin-bottom:0}
.exclusive-hero-image{position:relative}
.exclusive-hero-lock{
position:absolute;inset:0;
display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;
background:rgba(45,31,27,.48);
color:#fff;
backdrop-filter:blur(2px);
}
.exclusive-hero-lock span{font-size:30px}
.exclusive-hero-lock b{font-size:12px;letter-spacing:.13em;text-transform:uppercase}
.exclusive-membership-status{
margin:18px 0 0;
padding:22px 24px;
display:flex;align-items:center;justify-content:space-between;gap:24px;
background:#fff;
border:1px solid rgba(94,67,57,.12);
}
.exclusive-membership-status>div:first-child{display:grid;gap:4px}
.exclusive-membership-status strong{font:600 20px Georgia;color:#3a2d29}
.exclusive-membership-status small{color:#7c6e68}
.exclusive-membership-price{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.exclusive-membership-price>b{font:600 26px Georgia;color:#9f5a63}
.exclusive-membership-price>span{color:#7c6e68;font-size:12px}
.exclusive-feature-grid{margin-top:18px}
.exclusive-feature-tile{position:relative}
.exclusive-feature-tile.is-locked>img{filter:saturate(.78) brightness(.72)}
.exclusive-card-lock{
position:absolute;
inset:0 0 54px;
z-index:4;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:7px;
background:rgba(35,24,21,.36);
color:#fff;
pointer-events:none;
}
.exclusive-card-lock span{font-size:24px}
.exclusive-card-lock b{font-size:10px;letter-spacing:.12em;text-transform:uppercase}
.exclusive-feature-tile>div:last-child{
min-height:95px;
}
.exclusive-open-link{
display:block;
margin-top:8px;
color:#f7d1ce;
font-size:10px;
font-weight:850;
letter-spacing:.06em;
text-transform:uppercase;
}
.exclusive-feature-tile.is-open .exclusive-open-link{color:#fff}
@media(max-width:700px){
.exclusive-membership-status{align-items:flex-start;flex-direction:column}
}
/* =========================================================
BLUSH HORIZON v1.4.1 — COMPACT INNER-PAGE INTRO SYSTEM
Removes oversized decorative header space from remaining pages.
Footer and core systems untouched.
========================================================= */
/* Hide the oversized image/media half of legacy inner page heroes. */
.inner-hero{
width:min(1080px,calc(100% - 40px));
min-height:0;
margin:26px auto 22px;
display:block;
background:none;
border:0;
border-radius:0;
box-shadow:none;
overflow:visible;
}
.inner-hero>div.inner-hero-copy{
width:min(620px,100%);
padding:26px 30px 28px;
margin:0;
border-radius:18px;
background:
linear-gradient(135deg,rgba(76,46,42,.98),rgba(49,34,30,.98));
box-shadow:0 12px 34px rgba(58,38,31,.10);
}
.inner-hero-media{
display:none!important;
}
.inner-hero-copy span{
margin-bottom:8px;
color:#e9bbb6;
font-size:9px;
letter-spacing:.18em;
}
.inner-hero-copy h1{
margin:0 0 8px;
max-width:520px;
font:500 clamp(30px,3.4vw,45px)/1.05 Georgia,"Times New Roman",serif;
}
.inner-hero-copy p{
max-width:540px;
margin:0;
color:rgba(255,255,255,.82);
font-size:14px;
line-height:1.62;
}
/* Contact: remove the giant top decorative block and keep only a smaller intro. */
body:has(.contact-split) .inner-hero{
width:min(1080px,calc(100% - 40px));
margin-bottom:18px;
}
body:has(.contact-split) .inner-hero>div.inner-hero-copy{
width:min(520px,100%);
padding:24px 28px 26px;
}
body:has(.contact-split) .inner-hero-copy h1{
font-size:clamp(30px,3vw,42px);
}
/* Booking pages: same compact treatment so the form appears quickly. */
body:has(.form-card) .inner-hero{
margin-bottom:18px;
}
body:has(.form-card) .inner-hero>div.inner-hero-copy{
width:min(520px,100%);
}
/* FAQ / Reviews / Pricing / membership / auth / checkout. */
body:has(.faq-stack) .inner-hero>div.inner-hero-copy,
body:has(.review-list) .inner-hero>div.inner-hero-copy,
body:has(.rate-board) .inner-hero>div.inner-hero-copy,
body:has(.member-auth) .inner-hero>div.inner-hero-copy,
body:has(.member-account-page) .inner-hero>div.inner-hero-copy,
body:has(.membership-offer) .inner-hero>div.inner-hero-copy,
body:has(.checkout-card) .inner-hero>div.inner-hero-copy{
width:min(560px,100%);
}
/* Pull the real page content upward after the compact intro. */
.inner-hero + .section,
.inner-hero + .contact-split,
.inner-hero + .faq-stack,
.inner-hero + .review-list,
.inner-hero + .rate-board,
.inner-hero + .member-auth,
.inner-hero + .member-account-page,
.inner-hero + .membership-offer,
.inner-hero + .checkout-card,
.inner-hero + .exclusive-intro{
margin-top:24px;
}
/* Keep special editorial About/Gallery/Exclusive pages intact; they already use custom layouts. */
.about-editorial .inner-hero,
.gallery-editorial .inner-hero,
.exclusive-gallery-page .inner-hero{
display:none;
}
/* Concierge has its own page composition; tighten the top instead of adding a hero. */
.concierge-page{
padding-top:54px;
}
/* General vertical whitespace reduction on inner pages. */
.section,
.faq-stack,
.review-list,
.rate-board,
.contact-split,
.member-auth,
.member-account-page,
.checkout-card{
margin-bottom:64px;
}
/* Mobile: compact intro remains small, not a full-screen hero. */
@media(max-width:760px){
.inner-hero{
width:calc(100% - 28px);
margin:18px auto 16px;
}
.inner-hero>div.inner-hero-copy{
width:100%;
padding:22px 20px 24px;
border-radius:15px;
}
.inner-hero-copy h1{
font-size:34px;
}
.inner-hero-copy p{
font-size:13px;
}
}
/* =========================================================
BLUSH HORIZON v1.4.2 — PROFESSIONAL INNER-PAGE LAYOUTS
Compact intro is now upper-left and functions as a sidebar card.
Existing PHP/business logic remains unchanged.
========================================================= */
@media(min-width:901px){
/* Place compact intro in the upper-left beside page content. */
body:has(.inner-hero) main,
body:has(.inner-hero) .site-main{max-width:none}
.inner-hero{
width:260px;
margin:34px 0 0 max(28px,calc((100vw - 1180px)/2));
position:absolute;
z-index:2;
}
.inner-hero>div.inner-hero-copy{
width:260px;
min-height:230px;
padding:28px 26px;
border-radius:18px;
display:flex;
flex-direction:column;
justify-content:center;
}
.inner-hero-copy h1{font-size:34px;line-height:1.02}
.inner-hero-copy p{font-size:12px;line-height:1.6}
/* Main content starts alongside the upper-left intro card. */
.inner-hero + .section,
.inner-hero + .contact-split,
.inner-hero + .faq-stack,
.inner-hero + .review-list,
.inner-hero + .rate-board,
.inner-hero + .member-auth,
.inner-hero + .member-account-page,
.inner-hero + .membership-offer,
.inner-hero + .checkout-card,
.inner-hero + .exclusive-intro{
width:min(850px,calc(100% - 360px));
margin:34px max(28px,calc((100vw - 1180px)/2)) 84px auto;
min-height:230px;
}
/* Booking: large clean form panel on right. */
.inner-hero + .section{width:min(850px,calc(100% - 360px))}
.inner-hero + .section .form-card{margin:0;width:100%}
/* Contact: intro + professional white contact form, no duplicate dark panel. */
body:has(.contact-split) .inner-hero{margin-top:34px}
body:has(.contact-split) .inner-hero>div.inner-hero-copy{width:260px;min-height:250px;padding:28px 26px}
.inner-hero + .contact-split{
display:block;
background:transparent;
border-radius:0;
overflow:visible;
box-shadow:none;
}
.inner-hero + .contact-split aside{display:none}
.inner-hero + .contact-split form{
margin:0;
min-height:250px;
padding:34px;
border:1px solid var(--bh-line);
border-radius:20px;
box-shadow:var(--bh-shadow-soft);
}
/* FAQ: compact left intro and wide accordion stack. */
.inner-hero + .faq-stack{gap:10px}
.inner-hero + .faq-stack details{border-radius:14px}
.inner-hero + .faq-stack summary{padding:20px 22px}
/* Reviews: three-up cards when space permits. */
.inner-hero + .review-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.inner-hero + .review-list article{min-height:250px;padding:24px;border-radius:18px}
.inner-hero + .review-list article>p{font-size:18px}
.inner-hero + .review-list article div{display:block}
.inner-hero + .review-list small{display:block;margin-top:7px}
/* Rates: polished vertical service cards. */
.inner-hero + .rate-board{gap:11px}
.inner-hero + .rate-board article{grid-template-columns:52px 1fr auto;padding:22px 24px;border-radius:15px}
/* Authentication pages: left welcome panel + right account form. */
.inner-hero + .member-auth{width:min(850px,calc(100% - 360px))}
.inner-hero + .member-auth .member-auth-grid.single-auth{grid-template-columns:1fr;justify-content:stretch}
.inner-hero + .member-auth .member-auth-grid form{min-height:230px;padding:34px;border-radius:20px}
/* Account/dashboard and checkout use the same left-rail composition. */
.inner-hero + .member-account-page{width:min(850px,calc(100% - 360px))}
.inner-hero + .checkout-card{width:min(850px,calc(100% - 360px));padding:34px;margin-top:34px}
/* Membership becomes a clean plan panel to the right of the intro. */
.inner-hero + .membership-offer{
grid-template-columns:1fr minmax(230px,300px);
padding:30px;
margin-top:34px;
}
/* Payment return and other checkout-card pages. */
.inner-hero + .checkout-card h2{margin-top:0}
}
@media(max-width:900px){
/* Stack cleanly on tablets/phones. */
.inner-hero{position:static;width:calc(100% - 32px);margin:22px auto 14px}
.inner-hero>div.inner-hero-copy{width:100%;min-height:0}
.inner-hero + .section,
.inner-hero + .contact-split,
.inner-hero + .faq-stack,
.inner-hero + .review-list,
.inner-hero + .rate-board,
.inner-hero + .member-auth,
.inner-hero + .member-account-page,
.inner-hero + .membership-offer,
.inner-hero + .checkout-card,
.inner-hero + .exclusive-intro{width:calc(100% - 32px);margin:16px auto 60px}
}
/* =========================================================
BLUSH HORIZON v1.4.3 — INNER PAGE SIDEBAR WIDTH REPAIR
Fixes inherited legacy hero padding that collapsed the left card.
========================================================= */
@media(min-width:901px){
/* Critical repair: old hero rules still supplied 8vw horizontal padding.
On a 260px sidebar that reduced the usable width to almost nothing. */
.inner-hero{
box-sizing:border-box!important;
width:280px!important;
min-width:280px!important;
min-height:0!important;
padding:0!important;
margin:30px 0 0 max(28px,calc((100vw - 1180px)/2))!important;
background:none!important;
background-image:none!important;
border:0!important;
overflow:visible!important;
}
.inner-hero>div.inner-hero-copy{
box-sizing:border-box!important;
width:280px!important;
min-width:280px!important;
max-width:280px!important;
min-height:238px!important;
margin:0!important;
padding:30px 28px!important;
border-radius:18px!important;
overflow:visible!important;
background:
radial-gradient(circle at 12% 12%,rgba(200,120,129,.15),transparent 42%),
linear-gradient(145deg,#4b302b 0%,#2f211e 100%)!important;
box-shadow:0 16px 36px rgba(58,38,31,.12)!important;
}
.inner-hero-copy span{
display:block!important;
margin:0 0 10px!important;
color:#efbbb7!important;
font-size:9px!important;
font-weight:850!important;
line-height:1.2!important;
letter-spacing:.16em!important;
white-space:normal!important;
}
.inner-hero-copy h1{
width:auto!important;
max-width:100%!important;
margin:0 0 11px!important;
color:#fff!important;
font:500 34px/1.04 Georgia,"Times New Roman",serif!important;
letter-spacing:-.025em!important;
overflow-wrap:normal!important;
word-break:normal!important;
}
.inner-hero-copy p{
width:auto!important;
max-width:100%!important;
margin:0!important;
color:rgba(255,255,255,.82)!important;
font-size:13px!important;
line-height:1.62!important;
overflow-wrap:normal!important;
word-break:normal!important;
}
/* Clean right-hand content alignment used by all recently redesigned pages. */
.inner-hero + .section,
.inner-hero + .contact-split,
.inner-hero + .faq-stack,
.inner-hero + .review-list,
.inner-hero + .rate-board,
.inner-hero + .member-auth,
.inner-hero + .member-account-page,
.inner-hero + .membership-offer,
.inner-hero + .checkout-card,
.inner-hero + .exclusive-intro{
box-sizing:border-box!important;
width:min(840px,calc(100% - 390px))!important;
margin:30px max(28px,calc((100vw - 1180px)/2)) 76px auto!important;
min-height:238px!important;
}
/* Pricing / consideration */
.inner-hero + .rate-board{
gap:12px!important;
}
.inner-hero + .rate-board article{
min-height:88px;
grid-template-columns:52px minmax(0,1fr) auto!important;
padding:20px 24px!important;
}
/* Login, registration and checkout */
.inner-hero + .member-auth .member-auth-grid.single-auth{
width:100%;
max-width:none;
}
.inner-hero + .member-auth .member-auth-grid form,
.inner-hero + .checkout-card{
min-height:238px;
}
/* Contact */
.inner-hero + .contact-split form{
width:100%;
}
/* FAQ and reviews */
.inner-hero + .faq-stack{
align-content:start;
}
.inner-hero + .review-list{
align-content:start;
}
}
/* Tablet/mobile remain stacked, with a normal full-width intro card. */
@media(max-width:900px){
.inner-hero{
box-sizing:border-box!important;
width:calc(100% - 32px)!important;
min-width:0!important;
padding:0!important;
margin:20px auto 14px!important;
background:none!important;
}
.inner-hero>div.inner-hero-copy{
box-sizing:border-box!important;
width:100%!important;
min-width:0!important;
max-width:none!important;
min-height:0!important;
padding:24px 22px!important;
}
.inner-hero-copy h1{
word-break:normal!important;
overflow-wrap:normal!important;
}
.inner-hero-copy p{
word-break:normal!important;
overflow-wrap:normal!important;
}
}
/* =========================================================
BLUSH HORIZON v1.4.4 — PROFESSIONAL BOOKING PAGE
Purpose-built booking layout; no generic hero/sidebar positioning.
========================================================= */
.booking-pro{
width:min(1180px,calc(100% - 40px));
margin:34px auto 78px;
display:grid;
grid-template-columns:300px minmax(0,1fr);
gap:24px;
align-items:start;
}
.booking-pro-side{
position:sticky;
top:106px;
min-height:620px;
padding:38px 30px;
border-radius:22px;
background:
radial-gradient(circle at 10% 8%,rgba(200,120,129,.18),transparent 38%),
linear-gradient(155deg,#4a2e29 0%,#2f211e 100%);
color:#fff;
box-shadow:0 18px 44px rgba(58,38,31,.14);
}
.booking-pro-side>span,
.booking-pro-heading>span{
display:block;
margin-bottom:10px;
color:#efbbb7;
font-size:9px;
font-weight:850;
letter-spacing:.17em;
text-transform:uppercase;
}
.booking-pro-side h1{
margin:0 0 16px;
font:500 43px/1.02 Georgia,"Times New Roman",serif;
letter-spacing:-.035em;
}
.booking-pro-side>p{
margin:0;
color:rgba(255,255,255,.78);
font-size:13px;
line-height:1.72;
}
.booking-pro-steps{
margin-top:34px;
display:grid;
gap:0;
}
.booking-pro-steps>div{
display:grid;
grid-template-columns:38px 1fr;
gap:12px;
padding:17px 0;
border-top:1px solid rgba(255,255,255,.12);
}
.booking-pro-steps b{
color:#e9aaa8;
font:500 18px Georgia;
}
.booking-pro-steps span{display:grid;gap:4px}
.booking-pro-steps strong{font-size:12px}
.booking-pro-steps small{color:rgba(255,255,255,.62);line-height:1.45}
.booking-pro-contact{
margin-top:30px;
padding-top:22px;
border-top:1px solid rgba(255,255,255,.12);
display:grid;
gap:4px;
}
.booking-pro-contact small{
color:#e9aaa8;
font-size:8px;
font-weight:850;
letter-spacing:.14em;
}
.booking-pro-contact strong{font-size:14px}
.booking-pro-contact span{color:rgba(255,255,255,.72);font-size:12px}
.booking-pro-main{
min-width:0;
padding:36px;
background:#fff;
border:1px solid var(--bh-line);
border-radius:22px;
box-shadow:var(--bh-shadow-soft);
}
.booking-pro-heading{
padding:0 0 26px;
border-bottom:1px solid var(--bh-line);
}
.booking-pro-heading>span{color:#a65d67}
.booking-pro-heading h2{
margin:0 0 7px;
font:500 40px/1.05 Georgia,"Times New Roman",serif;
color:#332824;
}
.booking-pro-heading p{
margin:0;
max-width:650px;
color:#786b65;
font-size:14px;
}
.booking-pro-form{
margin-top:8px;
}
.booking-pro-form fieldset{
margin:0;
padding:28px 0;
border:0;
border-bottom:1px solid var(--bh-line);
}
.booking-pro-form legend{
width:100%;
margin:0 0 20px;
padding:0;
display:flex;
align-items:center;
gap:12px;
}
.booking-pro-form legend>span{
width:34px;
height:34px;
display:grid;
place-items:center;
flex:0 0 auto;
border-radius:50%;
background:#f6e8e4;
color:#a85f68;
font:600 11px Georgia;
}
.booking-pro-form legend>div{display:grid;gap:2px}
.booking-pro-form legend b{
color:#342824;
font:600 19px Georgia;
}
.booking-pro-form legend small{
color:#897a74;
font-size:11px;
}
.booking-pro-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:18px 20px;
}
.booking-pro-grid label{
min-width:0;
display:grid;
gap:8px;
color:#493a35;
font-size:11px;
font-weight:850;
letter-spacing:.035em;
text-transform:uppercase;
}
.booking-pro-grid label.wide{grid-column:1/-1}
.booking-pro-grid input,
.booking-pro-grid select,
.booking-pro-grid textarea{
width:100%;
min-width:0;
height:48px;
padding:0 14px;
border:1px solid #d9cbc5;
border-radius:10px;
background:#fffaf7;
color:#2e2421;
font-size:14px;
font-weight:500;
letter-spacing:0;
text-transform:none;
outline:none;
}
.booking-pro-grid textarea{
height:130px;
padding:13px 14px;
resize:vertical;
}
.booking-pro-grid input:focus,
.booking-pro-grid select:focus,
.booking-pro-grid textarea:focus{
border-color:#c87881;
box-shadow:0 0 0 3px rgba(200,120,129,.12);
}
.booking-pro-submit{
padding-top:26px;
display:flex;
align-items:center;
justify-content:space-between;
gap:24px;
}
.booking-pro-submit>div{display:grid;gap:3px}
.booking-pro-submit b{
color:#362a26;
font:600 18px Georgia;
}
.booking-pro-submit small{
color:#85766f;
max-width:500px;
}
.booking-pro-notice{margin-top:20px}
@media(max-width:900px){
.booking-pro{
width:calc(100% - 32px);
grid-template-columns:1fr;
margin-top:22px;
}
.booking-pro-side{
position:static;
min-height:0;
}
.booking-pro-steps{
grid-template-columns:repeat(3,1fr);
gap:14px;
}
.booking-pro-steps>div{
grid-template-columns:1fr;
}
}
@media(max-width:640px){
.booking-pro{
width:calc(100% - 24px);
}
.booking-pro-main{
padding:25px 20px;
}
.booking-pro-side{
padding:30px 24px;
}
.booking-pro-side h1{font-size:38px}
.booking-pro-steps{grid-template-columns:1fr}
.booking-pro-grid{grid-template-columns:1fr}
.booking-pro-grid label.wide{grid-column:auto}
.booking-pro-submit{
align-items:stretch;
flex-direction:column;
}
.booking-pro-submit .button{
width:100%;
}
}
/* =========================================================
BLUSH HORIZON v1.4.5 — BOOKING PAGE CSS REPAIR
Fixes sizing, alignment, select/input width, spacing, and desktop/mobile balance.
========================================================= */
.booking-pro{
width:min(1180px,calc(100% - 48px))!important;
margin:34px auto 80px!important;
grid-template-columns:320px minmax(0,1fr)!important;
gap:28px!important;
align-items:start!important;
}
.booking-pro-side{
width:100%!important;
min-width:0!important;
min-height:640px!important;
padding:40px 32px!important;
box-sizing:border-box!important;
}
.booking-pro-main{
width:100%!important;
min-width:0!important;
padding:38px 40px!important;
box-sizing:border-box!important;
}
.booking-pro-form{
width:100%!important;
}
.booking-pro-form fieldset{
width:100%!important;
box-sizing:border-box!important;
}
.booking-pro-grid{
width:100%!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:20px 22px!important;
}
.booking-pro-grid label{
width:100%!important;
min-width:0!important;
}
.booking-pro-grid label.wide{
grid-column:1/-1!important;
}
.booking-pro-grid input,
.booking-pro-grid select,
.booking-pro-grid textarea{
display:block!important;
width:100%!important;
max-width:none!important;
min-width:0!important;
box-sizing:border-box!important;
}
.booking-pro-grid input,
.booking-pro-grid select{
height:50px!important;
}
.booking-pro-grid select{
padding-right:38px!important;
appearance:auto!important;
}
.booking-pro-grid textarea{
min-height:140px!important;
}
.booking-pro-submit{
width:100%!important;
box-sizing:border-box!important;
}
.booking-pro-submit .button{
flex:0 0 auto!important;
white-space:nowrap!important;
}
.booking-pro-heading h2{
font-size:42px!important;
}
.booking-pro-heading p{
max-width:720px!important;
}
.booking-pro-form legend{
align-items:flex-start!important;
}
.booking-pro-form legend b{
font-size:20px!important;
}
.booking-pro-form legend small{
font-size:12px!important;
line-height:1.45!important;
}
/* Keep the left panel visually balanced with the longer form. */
.booking-pro-steps>div{
padding:18px 0!important;
}
.booking-pro-contact{
margin-top:34px!important;
}
/* Tablet */
@media(max-width:980px){
.booking-pro{
width:calc(100% - 36px)!important;
grid-template-columns:1fr!important;
}
.booking-pro-side{
position:static!important;
min-height:0!important;
}
.booking-pro-main{
padding:34px!important;
}
}
/* Mobile */
@media(max-width:680px){
.booking-pro{
width:calc(100% - 24px)!important;
margin-top:20px!important;
gap:18px!important;
}
.booking-pro-side{
padding:28px 22px!important;
border-radius:18px!important;
}
.booking-pro-main{
padding:24px 18px!important;
border-radius:18px!important;
}
.booking-pro-grid{
grid-template-columns:1fr!important;
gap:16px!important;
}
.booking-pro-grid label.wide{
grid-column:auto!important;
}
.booking-pro-heading h2{
font-size:34px!important;
}
.booking-pro-side h1{
font-size:38px!important;
}
.booking-pro-submit{
flex-direction:column!important;
align-items:stretch!important;
}
.booking-pro-submit .button{
width:100%!important;
}
}
/* v1.4.9 verified mobile navigation contrast + compact drawer */
@media (max-width:820px){
.site-header nav#siteMainNav{left:16px;right:auto;width:min(86vw,360px);max-width:360px;background:#fffaf6;color:#3d302b;border-color:#ead6ce;}
.site-header nav#siteMainNav a{color:#3d302b;background:transparent;}
.site-header nav#siteMainNav a:hover,.site-header nav#siteMainNav a:focus,.site-header nav#siteMainNav a[aria-current="page"]{background:#f3e5df;color:#74564b;}
}
/* =========================================================
BLUSH HORIZON v1.5.0 — HOME IMAGE ALIGNMENT + ADMIN PARITY
========================================================= */
.ref-feature-media{
width:100%;
height:350px;
overflow:hidden;
background:#eadfd9;
}
.ref-feature-media .ref-feature-img{
display:block;
width:100%;
height:100%;
max-width:none;
}
.ref-thumbs{align-items:stretch}
.ref-thumbs a{
display:block;
height:112px;
border-radius:4px;
overflow:hidden;
background:#eadfd9;
}
.ref-thumbs img{
display:block;
width:100%;
height:100%;
object-fit:cover;
object-position:center 22%;
}
.ref-mini-media{
width:100%;
aspect-ratio:16/9;
margin-bottom:10px;
overflow:hidden;
background:#eadfd9;
}
.ref-mini-media img{
display:block;
width:100%;
height:100%;
margin:0!important;
object-fit:cover;
object-position:center 22%;
}
.page-image-preview-frame{
width:min(100%,720px);
aspect-ratio:2/1;
margin:12px 0 14px;
overflow:hidden;
border:1px solid rgba(94,67,57,.18);
border-radius:10px;
background:#eee4de;
}
.page-image-preview{
display:block;
width:100%;
height:100%;
}
@media(max-width:760px){
.ref-feature-media{height:450px}
.ref-thumbs a{height:120px}
}
@media(max-width:480px){
.ref-feature-media{height:390px}
.ref-thumbs{grid-template-columns:repeat(3,minmax(0,1fr))}
.ref-thumbs a{height:92px}
}