/* ================================================
   Miatta Made Studio V6 — Navy & Rose Gold Atelier
   This file loads LAST on every page.
   ================================================ */
:root{
  --navy:#182f4e;--navy-deep:#102640;--navy-soft:#354d6c;
  --rose:#b77e85;--rose-dark:#925964;--rose-pale:#f0dfe3;
  --ivory:#fbf8f5;--white:#fffdfb;--blush:#f7eef0;
  --text:#243047;--muted:#5c6374;--line:#e8dfe3;
  --green:#182f4e;--green-dark:#102640;
  --gold:#b77e85;--ink:#243047;--subtle:#5c6374;
  --paper:#fffdfb;--warm:#f7f0ec;--sage:#e9edf2;
  --light-sage:#f4f2f4;--border:#e2d8dd;--pink:#f0dfe3;
}
body{background:var(--ivory);color:var(--text)}
::selection{background:#ead0d6;color:var(--navy-deep)}
:focus-visible,button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline-color:var(--rose-dark)!important;outline-offset:3px}
.announcement{background:var(--navy-deep);color:#fff9f8;letter-spacing:.145em;font-size:11px}
.announcement span{color:#e8b4bc}
.site-header{background:rgba(251,248,245,.97);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}
.header-inner{height:82px}
.wordmark-main{color:var(--navy-deep);letter-spacing:-.035em}
.wordmark-main em{color:var(--rose-dark)}
.wordmark-small{color:var(--rose-dark);font-weight:700;letter-spacing:.56em}
.desktop-nav a{color:var(--navy);font-size:13px}
.desktop-nav a:hover,.desktop-nav .is-current,.footer-links a:hover{color:var(--rose-dark)}
.header-contact{color:var(--navy-deep);border-bottom-color:var(--rose);font-size:13px}
.header-contact span{color:var(--rose-dark)}
.mobile-nav{background:var(--ivory)}
.mobile-nav a{color:var(--navy)!important;font-weight:650}
.eyebrow{color:var(--rose-dark);font-size:11px;letter-spacing:.17em}
.hero{background:radial-gradient(circle at 78% 44%,#f3e6e8 0%,transparent 35%),linear-gradient(118deg,#fcfaf7 0%,#f8f3f4 57%,#f3ecf0 100%)}
.section-gridlines{background-image:linear-gradient(90deg,rgba(24,47,78,.033) 1px,transparent 1px)}
.hero-grid{min-height:620px}
.hero-copy{padding-top:70px;padding-bottom:60px}
.hero h1{color:var(--navy-deep);letter-spacing:-.052em}
.hero h1 em{color:var(--rose-dark)}
.hero-period{color:var(--rose)}
.hero-copy>p{color:#515b6c;line-height:1.8;font-size:16px}
.btn-dark,.product-view-btn,.modal-shop-btn,.service-cta-button{background:var(--navy-deep)!important;color:white!important;border-color:var(--navy-deep)}
.btn-dark:hover,.product-view-btn:hover,.modal-shop-btn:hover{background:#304d71!important}
.btn{border-radius:5px}
.text-link{border-bottom-color:var(--rose);color:var(--navy-deep)}
.text-link:hover{color:var(--rose-dark)}
.hero-bottom-note{margin-top:46px;color:#5c6571}
.note-emblem{color:var(--rose)}
.hero-feature{display:inline-flex;gap:12px;align-items:center;margin-top:20px;border:1px solid #e2cbd0;padding:12px 17px;border-radius:6px;background:rgba(255,255,255,.74);font-size:12px;font-weight:650;color:var(--navy-deep);max-width:100%;transition:background .2s,transform .2s}
.hero-feature:hover{background:white;transform:translateY(-1px)}
.hero-feature strong{color:var(--rose-dark);font-weight:750}
.hero-feature .feature-arrow{margin-left:auto;color:var(--rose-dark);font-size:17px}
.hero-orbit-one{border-color:rgba(183,126,133,.36)}
.hero-orbit-two{border-color:rgba(24,47,78,.12)}
.main-poster{background:#e5ebf2;box-shadow:15px 23px 38px rgba(24,47,78,.19);border-color:#fffdfa}
.poster-brand,.poster-inner small,.poster-desc,.poster-foot{color:#475c75}
.poster-inner strong{color:var(--navy-deep)}
.poster-inner strong i{color:var(--rose-dark)}
.poster-art-lines span{border-color:#c2a3ad}
.poster-rule{background:#b77e85}
.hero-note-card{background:#f0dce0;border-color:#fffafa;box-shadow:11px 15px 22px #182f4e22}
.hero-note-card em{color:var(--navy-deep)}
.hero-note-card .note-flower,.hero-note-card small{color:var(--rose-dark)}
.hero-stamp{background:var(--rose-dark);box-shadow:3px 7px 20px #182f4e2a}
.art-caption{color:#6c6272}
.values-bar,.trust-strip{background:#f3e9ec;border-color:#e6d7dd}
.values-grid span{color:var(--navy);font-size:11px}
.values-grid b{color:var(--rose-dark)}
.section-topline h2,.section-heading h2,.story-copy h2,.faq-grid h2,.contact-copy h2{color:var(--navy-deep)}
.section-topline h2 em,.section-heading h2 em,.story-copy h2 em,.faq-grid h2 em,.contact-copy h2 em{color:var(--rose-dark)}
.shop-section,.collections{background:#fbf8f6}
.section-topline-aside,.section-heading p,.shop-benefit{color:#50596b}
.shop-promise{color:#3b5271}
.filter-btn{color:var(--navy)!important}
.filter-btn.is-active{border-color:var(--rose-dark)!important;color:var(--rose-dark)!important}
.shop-search-details{border-color:#e1d4d9;background:white}
.shop-search-details summary{color:var(--navy)}
.product-grid{gap:24px}
.product-card{background:var(--white);border:1px solid #e7dae0!important;border-radius:12px!important;overflow:hidden;box-shadow:0 8px 26px rgba(30,41,64,.06);transition:transform .18s,box-shadow .18s,border-color .18s}
.product-card:hover,.product-card:focus-within{box-shadow:0 19px 37px rgba(30,41,64,.13);border-color:#d7b5be!important}
.product-image-sage{background:#e5eaf2!important}
.product-image-sand{background:#f1e5e7!important}
.product-image-cream{background:#eff0f5!important}
.product-image-pink{background:#f1dfe5!important}
.product-tag{background:#fffdfb!important;color:#6d445a!important;border-color:#e5d1d7!important}
.product-meta small{color:var(--rose-dark)}
.product-meta h3,.product-title-button{color:var(--navy-deep)!important}
.product-meta p{color:#59677a!important}
.product-actionbar{border-top:1px solid #efe4e8}
.product-price{color:var(--navy)!important}
.quick-view{color:var(--navy-deep)!important;border-color:#cfb4bd!important}
.product-view-btn{border-radius:5px;min-height:45px}
.product-title-button:hover{color:var(--rose-dark)!important}
.shop-benefit,.shop-benefit b,.shop-benefit span{color:var(--rose-dark)}
.services-section{background:var(--navy-deep)!important;color:#f8f3f4}
.service-left h2,.services-section h2{color:#fff!important}
.services-section .eyebrow,.service-page-intro,.service-cta{color:#f0c1c9!important}
.service-item{border-color:#60728b;background:#ffffff0a}
.service-item p,.service-add-on,.service-left>p{color:#f1e8ec!important}
.service-item h3{color:#fff}
.service-cta{border-bottom-color:#e3aab5}
.how-note{background:#fbf3f4;border-color:#e9d2db}
.how-note p,.process-step p{color:#4c5b70}
.lifestyle-section{background:#f7eff0}
.lifestyle-copy p,.story-copy p,.faq-grid>div:first-child>p,.contact-copy>p{color:#4f5d70}
.faq-list details{border-color:#e8d5dd}
.faq-list summary{color:var(--navy-deep)}
.faq-list details p,.faq-list details a{color:#435875}
.contact-section{background:#f8f4f4}
.contact-form-wrap,.contact-unavailable{border-color:#e8d5dd!important;background:#fffdfa}
.contact-form-wrap label{color:var(--navy)}
.contact-form-wrap input,.contact-form-wrap textarea,.contact-form-wrap select{border-color:#d8c9d1}
.site-footer{background:#f1e8eb!important;color:var(--navy-deep)}
.footer-links a,.footer-links b,.footer-top>div:first-child>p,.footer-bottom{color:#4b5870}
.footer-bottom{border-color:#d7c8d1}
/* Gallery dialog: light rose / navy chrome, while still displaying user images without tint */
.product-dialog{border-color:#d4b4bd}
.gallery-panel{background:#f4edef}
.dialog-preview{background:#edf0f5!important}
.gallery-footer,.gallery-toolbar{background:#fcf8f9;border-color:#e5d8df}
.gallery-toolbar-actions button{color:var(--navy-deep);border-color:#d5b6c1}
.gallery-toolbar-actions button:hover:not(:disabled){background:#f5e4e8}
.gallery-position,.gallery-label,.gallery-honesty{color:#4a5c72}
.gallery-thumb{background:#fffdfb;color:var(--navy);border-color:#d6bdc6}
.gallery-thumb.is-selected{border-color:var(--rose-dark);background:#f7e9ed;box-shadow:0 0 0 2px #f1dae1}
.gallery-detail-sheet{border-color:#d9bfca}
.dialog-content h2,.related-products h3{color:var(--navy-deep)}
.dialog-content>p,.modal-features,.modal-smallnote{color:#515b6e!important}
.dialog-price{color:var(--navy)!important}
.modal-eyebrow{color:var(--rose-dark)}
.related-products{border-top-color:#eadde2}
.related-product-button{background:#fcf7f8;color:var(--navy);border-color:#e4d1da}
.related-product-button:hover{background:#f5e6eb;border-color:var(--rose)}
.related-product-button small{color:#59677b}
.dialog-close{border-color:#d8bac4;background:white;color:var(--navy-deep)}
/* Portfolio concept examples and supporting sections */
.portfolio-section{background:#f9f5f5!important}
.portfolio-card{border-color:#e9d8df!important;background:#fffdfa!important;border-radius:12px!important;overflow:hidden}
.portfolio-card h3,.portfolio-text h3{color:var(--navy-deep)}
.portfolio-card p,.portfolio-text p{color:#536177}
.portfolio-foot a{color:var(--rose-dark)}
.trust-strip-inner strong{color:var(--navy-deep)}
.trust-strip-inner small{color:#56657a}
.trust-strip-inner span{color:var(--rose-dark)}
/* Services page overrides */
.desktop-nav .is-current{color:var(--rose-dark);text-decoration-color:var(--rose)}
.service-hero{background:radial-gradient(circle at 88% 30%,#eedce2,transparent 42%),linear-gradient(115deg,#fbf7f5,#f2edf1)}
.service-hero h1,.v5-quote-intro h2,.v5-flow h2{color:var(--navy-deep)}
.service-hero h1 em,.v5-quote-intro h2 em,.v5-flow h2 em{color:var(--rose-dark)}
.services-lead,.services-small{color:#526074}
.service-hero-art:before{border-color:#d4bdc5}
.service-hero-paper.back{background:#f0dce2;color:#624b61}
.service-hero-paper.front{background:#dce4ef;border-color:white;color:var(--navy-deep)}
.service-round-stamp{background:var(--rose-dark)}
.v5-service-card{border-color:#e5d7df;background:white;box-shadow:0 10px 30px #1c2e4810;transition:transform .2s,box-shadow .2s}
.v5-service-card:hover{transform:translateY(-3px);box-shadow:0 16px 36px #1c2e481b}
.v5-service-icon{color:var(--rose-dark)}
.v5-service-card h3,.v5-service-pricing,.v5-service-card strong{color:var(--navy-deep)!important}
.v5-service-card p,.v5-service-card ul{color:#505f73}
.v5-service-card a,.v5-last-note .btn-cream{background:var(--navy-deep)!important;color:white}
.v5-service-card a:hover{background:#2d4a70!important}
.service-scope-note{color:#5d6678}
.v5-flow{background:var(--navy-deep)}
.v5-flow h2{color:white}
.v5-flow h2 em,.v5-flow .eyebrow,.v5-steps span{color:#f1c3cc}
.v5-steps>div{border-top-color:#71839b}
.v5-steps p{color:#e6e9f0}
.v5-quote{background:#f9f4f5}
.v5-quote-intro>p,.v5-quote-fyi p{color:#506077}
.v5-quote-fyi{background:#f5e5e9;border-left-color:var(--rose-dark)}
.v5-quote-fyi strong{color:var(--navy)}
.v5-quote-form{border-color:#e4d4dc;background:#fffdfb}
.v5-quote-form label,.v5-quote-form input,.v5-quote-form select,.v5-quote-form textarea{color:var(--navy)}
.v5-quote-form input,.v5-quote-form select,.v5-quote-form textarea{border-color:#d7c7d1}
.v5-quote-form input:focus,.v5-quote-form select:focus,.v5-quote-form textarea:focus{outline-color:#e9cad2}
.btn-quote-outline{border-color:var(--navy);color:var(--navy)}
.v5-quote-status{color:var(--navy)}
.v5-last-note{background:#f1e4e9}
.v5-last-note span{color:var(--rose-dark)}
.v5-last-note p{color:var(--navy-deep)}
/* Functional back-to-top control */
.back-to-top{position:fixed;bottom:26px;right:24px;width:45px;height:45px;display:grid;place-items:center;border:1px solid #d9b2bf;background:#fffdfb;color:var(--navy-deep);font-size:23px;border-radius:50%;box-shadow:0 8px 25px #182f4e28;z-index:22;opacity:0;pointer-events:none;transform:translateY(9px);transition:opacity .2s,transform .2s}
.back-to-top.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}
.back-to-top:hover{background:var(--navy-deep);color:white}
/* Mobile shopping shortcut: destinations are genuine existing website sections */
.mobile-shortcut{display:none}
@media(max-width:980px){.desktop-nav{gap:16px}}
@media(max-width:720px){
  body{padding-bottom:65px}
  .header-inner{height:69px}
  .hero-copy{padding-top:50px;padding-bottom:28px}
  .hero-feature{font-size:11px;margin-top:16px}
  .mobile-shortcut{display:grid;grid-template-columns:1fr 1fr;position:fixed;bottom:0;left:0;right:0;z-index:28;padding:9px max(12px,env(safe-area-inset-right)) calc(9px + env(safe-area-inset-bottom));gap:9px;background:#fffdfa;box-shadow:0 -5px 24px #182f4e1b;border-top:1px solid #ead6de}
  .mobile-shortcut a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:10px 8px;border-radius:5px;background:var(--navy-deep);color:white;font-weight:700;font-size:13px}
  .mobile-shortcut a:nth-child(2){background:#f7e8ed;border:1px solid #dcbec8;color:var(--navy-deep)}
  .back-to-top{right:13px;bottom:93px;width:40px;height:40px}
  body:has(dialog[open]) .mobile-shortcut{display:none}
  .v5-service-card{padding:25px}
  .service-hero h1{letter-spacing:-.038em}
  .dialog-content>p{line-height:1.56}
}
@media(max-width:380px){.announcement{font-size:9px}.wordmark-main{font-size:29px}.hero h1{font-size:clamp(50px,12vw,70px)}}
@media(prefers-reduced-motion:reduce){.hero-feature,.v5-service-card,.back-to-top{transition:none!important}}

/* V6 artwork finishing touches: remove lingering sage/olive from concept cover art */
.art-creator{background:#fff8f7}
.art-page-back{background:#cad5e4;box-shadow:6px 9px 14px #182f4e24}
.product-sheet small{color:#586b81}
.product-sheet strong,.product-sheet>span{color:var(--navy-deep)}
.art-starter{background:#fff9f7;border-color:#fffafa;outline-color:#c9a5b0}
.art-starter strong{color:var(--navy-deep)}
.art-starter>span:not(.line-art){color:#755f79}
.art-starter .line-art{color:var(--rose-dark)}
.art-binder{background:#fff9f7;border-left-color:#cda6b1}
.art-binder small,.art-binder>span{color:#6c6680}
.art-binder strong{color:var(--navy-deep)}
.art-binder .binder-flower{color:#bd8993}
.portfolio-scene-sage{background:#dfe7f0}
.portfolio-scene-cream{background:#f1e5e8}
.portfolio-scene-rose{background:#f3e0e6}
.portfolio-scene-olive{background:#e8e4ee}


/* ===========================================================
   V6.1 — readability and signature navy / rose-gold hero polish
   Small, reversible refinements to the established V6 layout.
   =========================================================== */
/* The desktop menu stays comfortable to read at normal laptop widths. */
.desktop-nav { gap: 25px; }
.desktop-nav a { font-size: 15px; font-weight: 700; line-height: 1.4; }
.header-contact { font-size: 15px; font-weight: 750; }
.mobile-nav a { font-size: 16px; line-height: 1.4; color:var(--navy-deep) !important; }

/* Subtle navy ribbon, rose-metallic detail and legible tiny cover text. */
.hero { background:radial-gradient(circle at 76% 49%, #eadbe3 0%, transparent 36%),linear-gradient(117deg,#fdfbf8 0%,#f9f4f5 58%,#f5ebef 100%); }
.main-poster { background:linear-gradient(145deg,#e3eaf3 0%,#d9e4f0 100%); box-shadow:18px 29px 42px rgba(24,47,78,.22); }
.main-poster::before { content:""; pointer-events:none; position:absolute; top:0; bottom:0; left:0; width:9px; background:linear-gradient(to bottom,var(--navy-deep) 0%,var(--navy-soft) 68%,var(--rose) 68%,var(--rose-dark) 100%); }
.main-poster::after { content:"THE STUDIO EDIT ✦"; position:absolute; right:19px; bottom:37px; padding:9px 12px; background:var(--navy-deep); color:#f3cbd3; font:700 8px/1.1 var(--font-body); letter-spacing:.15em; box-shadow:0 6px 12px rgba(24,47,78,.12); }
.poster-brand { font-size:10px; font-weight:800; color:#304662; }
.poster-inner small { font-size:11px; font-weight:600; color:#364b66; }
.poster-desc { font-size:10px; font-weight:700; color:#334862; }
.poster-foot { font-size:9px; font-weight:700; color:#334862; }
.poster-rule { width:92px; height:3px; background:var(--rose); }
.hero-orbit-one { border-color:rgba(183,126,133,.45); }
.hero-orbit-two { border-color:rgba(24,47,78,.20); }
.hero-note-card { background:#f0d8de; box-shadow:12px 19px 29px rgba(24,47,78,.18); }
.hero-note-card small { color:#784552; font-size:9px; font-weight:700; }
.hero-stamp { background:var(--navy-deep); border:3px solid #d5a0aa; box-shadow:5px 10px 25px rgba(24,47,78,.28); }
.hero-stamp span { color:#f2bfca; }

/* Clearer descriptions, eyebrow labels and metadata while staying elegant. */
.eyebrow { font-size:12px; font-weight:750; letter-spacing:.145em; color:#854e60; }
.hero-copy>p { font-size:17px; line-height:1.75; color:#34465f; }
.hero-bottom-note { font-size:13px; color:#42516a; }
.art-caption { color:#3e4d65; font-size:12px; font-weight:600; }
.values-grid span { font-size:12px; color:#2d4260; letter-spacing:.055em; line-height:1.4; }
.section-topline-aside,.section-heading p,.portfolio-intro p { color:#3c4c65; font-size:16px; line-height:1.7; }
.shop-benefit { color:#7b4d5c; }
.product-meta p { font-size:14px; font-weight:500; color:#43536d!important; line-height:1.55; }
.product-price,.modal-smallnote { font-size:13px!important; }
.portfolio-text p { color:#465671; font-size:13px; }
.portfolio-disclosure { color:#47566d!important; font-size:12px!important; }
.gallery-honesty,.gallery-label { color:#374a63; }
.service-scope-note { color:#43516a; font-size:13px; }
.services-lead,.services-small { color:#40526b; }
.service-hero .eyebrow,.v5-quote .eyebrow { color:#874e5d; }
.info-page small,.info-intro,.info-page section p { color:#43556c; }

@media(max-width:1100px) and (min-width:941px) {
 .desktop-nav { gap:14px; }
 .desktop-nav a,.header-contact { font-size:14px; }
 .header-inner { gap:18px; }
}
@media(max-width:940px) { .desktop-nav,.header-contact { display:none; } }
@media(max-width:720px) {
 .eyebrow { font-size:11px; }
 .hero-copy>p { font-size:15px!important; line-height:1.66!important; color:#34465f; }
 .hero-note-card small { font-size:9px; }
 .art-caption { font-size:11px; }
 .values-grid span { font-size:11px!important; }
 .section-topline-aside,.section-heading p,.portfolio-intro p { font-size:15px; }
 .hero-stamp { border-width:2px; }
}

/* Prevent percentage-grid widths + gaps from causing laptop-side scrolling. */
@media(min-width:821px) {
 .faq-grid { grid-template-columns:minmax(0,38fr) minmax(0,62fr); }
 .contact-grid { grid-template-columns:minmax(0,41fr) minmax(0,59fr); }
 .lifestyle-layout { grid-template-columns:minmax(0,34fr) minmax(0,66fr); }
}
/* Keep both branded hero cards identifiable on narrow phones. */
@media(max-width:560px){
 .hero-art { height:205px!important; min-height:205px!important; max-height:205px!important; margin-top:16px!important; }
 .hero-art .main-poster { top:3px!important; left:140px!important; width:245px!important; height:300px!important; padding:15px!important; border-width:6px!important; transform:rotate(6deg) scale(.74)!important; transform-origin:top left!important; }
 .hero-art .poster-inner { padding:10px 0 0; }
 .hero-art .poster-inner strong { font-size:43px!important; margin:18px 0 10px; }
 .hero-art .poster-art-lines { transform:scale(.68) rotate(25deg); right:-22px; top:-40px; }
 .hero-art .poster-brand { font-size:8px; letter-spacing:.15em; }
 .hero-art .poster-inner small,.hero-art .poster-desc,.hero-art .poster-foot { font-size:8px; }
 .hero-art .main-poster::after { right:9px; bottom:32px; font-size:7px; padding:6px 8px; }
 .hero-art .hero-note-card { left:14px!important; top:34px!important; bottom:auto!important; width:185px!important; height:157px!important; padding:12px!important; border-width:6px!important; gap:6px!important; transform:rotate(-9deg)!important; }
 .hero-art .hero-note-card em { font-size:21px!important; }
 .hero-art .hero-note-card .note-flower { font-size:25px!important; }
 .hero-art .hero-note-card small { font-size:7px; }
 .hero-art .hero-stamp { top:auto!important; right:7px!important; left:auto!important; bottom:12px!important; width:72px!important; height:72px!important; font-size:15px!important; transform:rotate(10deg) scale(.86)!important; }
 .hero-art .hero-stamp em { font-size:12px; }
 .hero-art .hero-stamp span { font-size:11px; margin-top:6px; }
}
@media(max-width:375px){
 .hero-art { height:190px!important; min-height:190px!important; max-height:190px!important; }
 .hero-art .main-poster { left:126px!important; }
 .hero-art .hero-note-card { left:6px!important; }
}