/* --- 1. Inherit Squarespace Fonts System --- */
:root {
--custom-heading-font: var(--heading-font-font-family, sans-serif);
}
/* --- 2. Bruteforce Obliterate Global Header/Footer & Spacers --- */
#header-section, header.header, #header, .header, .mobile-header-bar,
#footer-section, footer.footer, #footer, .footer-outer-wrapper,
[data-section-theme*="footer"], footer, #site-footer,
.tweak-mobile-bar-top-fixed .content-wrapper, .mobile-bar-wrapper {
display: none !important;
height: 0px !important;
padding: 0 !important;
margin: 0 !important;
overflow: hidden !important;
visibility: hidden !important;
}
/* --- 3. MULTI-SECTION SAFE CURE: Target Only the First Root Section --- */
#sections .page-section:first-child,
#sections .page-section:first-child .section-background,
#sections .page-section:first-child .content-wrapper,
.homepage #sections .page-section:first-child,
.homepage #sections .page-section:first-child .section-background,
.homepage #sections .page-section:first-child .content-wrapper {
background: #000000 !important;
background-color: #000000 !important;
min-height: 100vh !important;
height: 100vh !important;
max-height: 100vh !important;
padding: 0 !important;
margin: 0 !important;
}
/* Hide Squarespace's native image element inside the first section */
#sections .page-section:first-child .section-background img,
.homepage #sections .page-section:first-child .section-background img {
display: none !important;
}
/* CATCH-ALL SAFETY: Automatically hide any accidental 2nd or 3rd sections
so they never create empty white space blocks underneath your work */
#sections .page-section:not(:first-child) {
display: none !important;
height: 0px !important;
padding: 0 !important;
overflow: hidden !important;
}
/* --- 4. Main Page Container Canvas Bounds --- */
.custom-page-container {
position: fixed !important;
top: 0 !important;
bottom: 0 !important;
left: 0 !important;
right: 0 !important;
width: 100vw !important;
overflow: hidden !important;
z-index: 1 !important;
background-color: #000000 !important;
}
/* --- 5. Custom Background Image Layer Framework --- */
.custom-bg-image {
position: absolute !important;
top: 0 !important;
bottom: 0 !important;
left: 0 !important;
right: 0 !important;
width: 100% !important;
height: 100% !important;
background-repeat: no-repeat !important;
z-index: 2 !important;
background-image: url('https://static1.squarespace.com/static/691b01af340ab27d545536dc/t/6a1c1f0c9c41d54b8f49d68c/1780227852320/MistressCoraminaFullSizeBG.jpg') !important;
background-size: cover !important;
background-position: center center !important;
}
/* --- 6. Floating Menu Hamburger Icon Trigger Button --- */
.custom-burger-button {
position: fixed;
top: 30px;
right: 40px;
width: 35px;
height: 25px;
z-index: 9999 !important;
cursor: pointer;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.custom-burger-button span {
display: block;
height: 3px;
width: 100%;
background-color: #ffffff;
transition: all 0.3s ease-in-out;
}
.custom-burger-button.open span:nth-child(1) { transform: translateY(11px) rotate(45deg); }
.custom-burger-button.open span:nth-child(2) { opacity: 0; }
.custom-burger-button.open span:nth-child(3) { transform: translateY(-11px) rotate(-45deg); }
/* --- 7. Full Screen Transparent Menu Overlay --- */
.custom-overlay-menu {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
background: transparent;
z-index: 9998 !important;
display: flex;
align-items: flex-start;
justify-content: flex-end;
opacity: 0;
pointer-events: none;
transition: opacity 0.4s ease-in-out;
padding-top: 80px;
}
.custom-overlay-menu.open {
opacity: 1;
pointer-events: auto;
}
/* --- 8. Right-Aligned Text Item Highlight Formatting --- */
.overlay-menu-list {
display: flex;
flex-direction: column;
align-items: flex-end;
margin-right: 40px;
gap: 12px;
}
.menu-item {
font-family: var(--custom-heading-font) !important;
text-decoration: none;
font-size: 2rem;
font-weight: 500;
color: #ffffff;
text-transform: uppercase;
letter-spacing: 2px;
display: inline-block;
text-align: right;
transition: transform 0.2s ease;
}
.menu-item span {
padding: 6px 16px;
border-radius: 4px;
background-color: transparent;
color: #ffffff;
transition: background-color 0.3s ease, color 0.3s ease;
}
.menu-item:hover span {
background-color: #000000;
color: #ffffff;
}
/* --- 9. Responsive Mobile Breakpoints --- */
@media screen and (max-width: 767px) {
.custom-page-container {
position: fixed !important;
top: 0 !important;
bottom: 0 !important;
height: 100% !important;
width: 100% !important;
}
.custom-bg-image {
background-image: url('https://static1.squarespace.com/static/691b01af340ab27d545536dc/t/6a1c1f14b4391578bdae517c/1780227860384/MistressCoraminaPortraitBG.jpg') !important;
background-size: cover !important;
background-position: center center !important;
}
.custom-overlay-menu {
padding-top: 85px;
}
.overlay-menu-list {
margin-right: 40px;
gap: 8px;
}
.menu-item {
font-size: 1.4rem;
}
}
/* --- 10. Minimalist Typography Audio Player Layout (Laura Nadia Hunt Inspired) --- */
.bespoke-audio-wrapper {
position: fixed !important;
bottom: 120px !important; /* LIFTED UP ON DESKTOP */
left: 80px !important;
width: 100% !important;
max-width: 320px !important;
z-index: 9999 !important;
display: flex !important;
flex-direction: column !important;
gap: 8px !important;
box-sizing: border-box !important;
}
.audio-track-label {
font-family: var(--custom-heading-font, sans-serif) !important;
color: #ffffff !important;
font-size: 0.85rem !important;
text-transform: uppercase !important;
letter-spacing: 2px !important;
font-weight: 500 !important;
opacity: 0.9 !important;
}
.bespoke-player-core {
display: flex !important;
align-items: center !important;
gap: 15px !important;
width: 100% !important;
}
.audio-control-action-btn {
background: transparent !important;
border: none !important;
color: #ffffff !important;
font-size: 1.1rem !important;
cursor: pointer !important;
padding: 0 !important;
margin: 0 !important;
line-height: 1 !important;
width: 18px !important;
height: 18px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
transition: opacity 0.2s ease !important;
}
.audio-control-action-btn:hover {
opacity: 0.6 !important;
}
.audio-progress-track-timeline {
flex-grow: 1 !important;
height: 2px !important;
background: rgba(255, 255, 255, 0.2) !important;
cursor: pointer !important;
position: relative !important;
transition: height 0.2s ease !important;
}
.audio-progress-track-timeline:hover {
height: 4px !important;
}
.audio-progress-bar-fill {
position: absolute !important;
top: 0 !important;
left: 0 !important;
height: 100% !important;
background: #ffffff !important;
width: 0%;
}
/* Fluid responsive mobile realignment overrides */
@media screen and (max-width: 767px) {
.bespoke-audio-wrapper {
position: fixed !important;
bottom: 90px !important; /* LIFTED UP ON MOBILE - Perfect safe clearance */
left: 24px !important;
right: 24px !important;
width: calc(100% - 48px) !important;
max-width: none !important;
}
}
Your Mistress
Powerfully feminine, intellectual and innate; I am a born, natural supremely unique London Mistress.
Beyond my elegance, endless limbs, green eyes and devilish smile lies a predatrix in a class entirely of her own. Using my intuition and seductive devious mind, I will twist your will to pure submission, your mind, body and very soul held in my infinite control.
Intoxicating, compelling and consuming, your humiliation, tease and torment is my pleasure.
Are you ready to experience the power of true domination?
Elegance is power.