:root{--paper:#f6eddb;--cream-alt:#eee3cf}
body{background-color:var(--paper)!important}
body>header{height:128px!important;padding:0 3%!important;background:#fcf6e9!important;display:grid!important;grid-template-columns:minmax(0,1fr) 166px minmax(0,1fr);gap:24px!important;align-items:center}
body>header>a:first-child{grid-column:2;grid-row:1;justify-self:center}
header .logo{width:166px!important;height:106px!important;object-fit:contain!important}
header .social{display:none!important}
header nav .nav-group{display:flex;align-items:center;gap:clamp(12px,1.1vw,24px)}
header nav .nav-left{grid-column:1;grid-row:1;justify-content:flex-end}
header nav .nav-right{grid-column:3;grid-row:1;justify-content:flex-start}
header nav a{font-size:clamp(16px,1.22vw,21px)!important;letter-spacing:.035em;white-space:nowrap}
header .menu{display:none}
#services{background:var(--paper)!important}#services::before{display:none!important}
.portfolio,.contact,.client-reviews,.marina-personal-gallery,.page-contact,.cart-bar{background-color:var(--cream-alt)!important}
.hero-event{background:var(--paper)!important}
.hero-video{display:block;width:100%;height:100%;object-fit:contain;background:var(--paper)}
.hero-note{color:var(--blue)!important;text-shadow:none!important;right:20px;bottom:12px}
.dolce-text{padding:75px 6%!important;background:var(--paper)!important}
.dolce-text h2{font-size:clamp(48px,5vw,72px)!important}
.dolce-text>p{font-size:clamp(20px,1.8vw,26px)!important;max-width:850px;line-height:1.7}
@media(min-width:1101px){header nav,header nav .nav-group{position:static}header nav{display:contents!important}}
@media(max-width:1100px){body>header{height:94px!important;grid-template-columns:1fr 140px 1fr;gap:12px!important;padding:0 5%!important}header .logo{width:140px!important;height:82px!important}header .menu{display:block!important;grid-column:3;grid-row:1;justify-self:end}header nav{top:94px!important;background:#fcf6e9!important}header nav .nav-group{display:contents}header nav a{font-size:18px!important;white-space:normal}.hero-note{font-size:20px!important}}
@media(max-width:700px){.hero-event{aspect-ratio:9/16;height:auto!important}.hero-video{height:auto;width:100%;aspect-ratio:9/16;object-fit:contain}.dolce-text{padding:48px 7%!important}}
@media(min-width:1101px){header nav a{font-size:clamp(18px,1.22vw,22px)!important}}
@media(min-width:1101px) and (max-width:1500px){header nav .nav-group{display:grid;grid-template-columns:repeat(2,max-content);gap:0 22px;justify-content:center}header nav a{min-height:40px}}

/* Version 24: balanced navigation and a portrait-width opening video. */
@media(min-width:1101px){
 body>header{height:148px!important;grid-template-columns:minmax(0,1fr) 200px minmax(0,1fr);gap:28px!important}
 header .logo{width:200px!important;height:128px!important}
 header nav .nav-group{width:100%;display:grid;grid-template-columns:repeat(4,max-content);justify-content:space-evenly;gap:12px}
}
@media(min-width:1101px) and (max-width:1500px){header nav .nav-group{grid-template-columns:repeat(2,max-content);gap:0 24px;justify-content:space-evenly}}
@media(max-width:1100px){body>header{height:110px!important;grid-template-columns:1fr 166px 1fr}header .logo{width:166px!important;height:98px!important}header nav{top:110px!important}html{scroll-padding-top:120px}}
@media(min-width:701px){
 .hero{grid-template-columns:minmax(0,1fr) clamp(315px,24.75vw,416.25px)!important;min-height:0!important;align-items:stretch}
 .hero-event{width:100%;height:clamp(560px,44vw,740px)!important;min-height:0!important;padding:0;aspect-ratio:9/16}
 .hero-video{width:100%;height:100%;object-fit:contain}
 .hero-copy{min-width:0;padding:54px 6vw!important}
 .hero-copy p{max-width:580px}
 .hero-note{right:12px;bottom:14px;width:calc(clamp(315px,24.75vw,416.25px) - 24px);max-width:none;font-size:clamp(18px,1.5vw,24px)!important;line-height:1.25}
}
@media(min-width:1101px){header nav .nav-group{grid-template-columns:repeat(4,minmax(0,1fr));justify-content:stretch}header nav a{justify-content:center;text-align:center;font-size:clamp(18px,1.12vw,20px)!important}}
@media(min-width:1101px) and (max-width:1500px){header nav .nav-group{grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch;gap:0 24px}}

.hero-copy{text-align:center;align-items:center;padding:32px 4vw!important}
.hero-copy h1{font-size:clamp(42px,4vw,68px);width:100%}
.hero-copy p{max-width:520px;margin:24px auto!important}
.hero-copy .button,.hero-copy>.textlink{align-self:center!important}
.hero-copy .eyebrow{line-height:1.7;max-width:640px}
.hero-copy .hero-note{position:static!important;width:auto!important;max-width:520px!important;font-size:clamp(20px,1.6vw,26px)!important;line-height:1.35;margin:24px auto 0;color:var(--blue)!important;text-shadow:none!important}
@media(max-width:900px){.hero{display:flex!important;flex-direction:column}.hero-event{order:0;width:100%;height:auto!important;aspect-ratio:9/16;max-width:420px;align-self:center}.hero-video{width:100%;height:auto;aspect-ratio:9/16}.hero-copy{order:1;padding:36px 7%!important}.hero-copy .hero-note{display:block!important}}

/* Soft porcelain palette with blue brand illustrations. */
:root{--paper:#f7f8fa;--cream-alt:#e9eef5}
body>header,header nav{background:#f9fafc!important}
.hero-copy{background:linear-gradient(120deg,#f7f8faee,#f7f8faf8),url('brand-page.webp') center/cover!important}
@media(min-width:1101px){body>header{grid-template-columns:minmax(0,1fr) 260px minmax(0,1fr);gap:20px!important}header .logo{width:260px!important;height:126px!important}header nav a{font-size:clamp(16px,1.03vw,20px)!important}}
@media(min-width:1101px) and (max-width:1650px){header nav .nav-group{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}header nav a{font-size:18px!important}}
@media(max-width:1100px){body>header{grid-template-columns:1fr 200px 1fr}header .logo{width:200px!important;height:96px!important}}
.service-illustration{display:block;width:100%;height:170px;object-fit:contain;margin:0 auto 20px}
.service{display:flex;flex-direction:column;align-items:center}.service>.textlink{margin-top:auto;padding-top:20px}.service h3{min-height:72px}
.philosophy blockquote{position:relative;isolation:isolate;max-width:1100px;margin:40px auto;padding:80px max(8%,40px);background:#eef2f8;border:1px solid #8194b126;border-radius:2px;font-family:'Marck Script',cursive;font-size:clamp(28px,3vw,44px);line-height:1.5;color:var(--blue)}
.philosophy blockquote::before{content:'';position:absolute;inset:0;background:url('brand-ornament-landscape.png') center/cover no-repeat;opacity:.28;z-index:-1;pointer-events:none}
.philosophy blockquote::after{content:'Марина';display:block;text-align:right;font-family:'Marck Script',cursive;font-size:32px;margin-top:20px}
.page-intro,.marina-intro,.dolce-text,footer{position:relative;isolation:isolate}
.page-intro::after,.marina-intro::after,.dolce-text::after,footer::after{content:'';position:absolute;right:0;bottom:0;width:220px;height:180px;background:url('brand-ornament-private.png') center/contain no-repeat;opacity:.14;pointer-events:none;z-index:-1}
@media(max-width:700px){.services{grid-template-columns:1fr!important}.service-illustration{height:150px;width:240px}.service h3{min-height:0}.philosophy blockquote{padding:60px 8%;font-size:30px}.page-intro::after,.marina-intro::after{width:140px;opacity:.08}}

.service-illustration{mix-blend-mode:multiply}
#services,.philosophy,.dolce-text{background-color:var(--paper)!important;background-image:none!important}
input,select,textarea{background-color:#fbfcfe!important}
.hero-copy{background:linear-gradient(120deg,#f7f8faec,#f7f8faf4),url('brand-ornament-landscape.png') center/cover!important}
.about,.marina-intro,.instagram-home-reel,.collection,.moving-moments{background-color:var(--paper)!important}
@media(max-width:1100px){body>header{grid-template-columns:minmax(0,1fr) 200px minmax(0,1fr);gap:8px!important}}