/* Miatta Made Studio V7.7: homepage and information styles. */
/* === theme-v6.css === */

/* ================================================
   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; }
}


/* === v7.css === */
/* Miatta Made Studio V7: launch-preview polish — navy / rose gold */
:root{--v7-navy:#182f4e;--v7-deep:#11253d;--v7-rose:#94596a;--v7-rose-light:#ead8df;--v7-cream:#fcfaf8;--v7-body:#3b4c63}
[hidden]{display:none!important}
html{scroll-padding-top:98px}
body{overflow-x:clip}
:is(button,a,input,textarea,select,summary):focus-visible{outline:3px solid #a36778!important;outline-offset:4px}
.v7-shop-state{margin:21px 0 27px;padding:18px 21px;background:linear-gradient(112deg,#f8f3f5,#fffdfa);border:1px solid #e7d4db;border-left:4px solid #94596a;border-radius:10px;display:flex;align-items:center;gap:15px;color:var(--v7-navy);box-shadow:0 7px 24px rgba(24,47,78,.035)}
.v7-shop-state .v7-shop-sparkle{font-family:Georgia,serif;font-size:29px;color:var(--v7-rose);line-height:1;flex:0 0 auto}
.v7-shop-state div{flex:1;min-width:0}
.v7-shop-state strong{display:block;font:600 21px/1.14 'Cormorant Garamond',Georgia,serif;letter-spacing:-.01em}
.v7-shop-state p{font-size:13px;line-height:1.5;margin:5px 0 0;color:#4c5363;max-width:670px}
.v7-shop-state a{flex:0 0 auto;color:#743e52;font-size:12px;font-weight:700;text-decoration:underline;text-underline-offset:4px}
.shop-section .product-card .product-view-btn{min-height:44px;padding:9px 15px;font-size:13px;font-weight:700;white-space:normal;text-align:center}
.product-card .product-price{color:#604b60!important;font-size:12px}
.shop-section .product-card .product-meta p{color:#45586d!important}
.product-card .product-title-button{line-height:1.15}
.preview-disclaimer{line-height:1.65}
.v7-unavailable{display:flex;align-items:flex-start;gap:10px;max-width:360px;padding:13px 14px;background:#f8edf0;border-left:3px solid #a16778;border-radius:5px;color:var(--v7-navy)}
.v7-unavailable>span:first-child{color:#94596a;font-size:17px}
.v7-unavailable strong{display:block;font-size:13px;line-height:1.3}
.v7-unavailable small{display:block;color:#4b586e;font-size:12px;line-height:1.55;margin-top:4px}
.product-dialog .modal-actions{flex-wrap:wrap;align-items:center}
.product-dialog .modal-actions .v7-unavailable{flex-basis:100%}
.product-dialog .dialog-content p,.dialog-content .modal-features{line-height:1.6}
.product-dialog .modal-message{font-size:12px!important;color:#56647a!important}
.v7-contact-state .v7-contact-cta{display:inline-flex;margin:17px 0 12px;max-width:100%;justify-content:center;text-align:center;white-space:normal}
.v7-contact-state p{line-height:1.7}
.v7-service-availability{background:#f5e9ee;border-block:1px solid #e0c7d0;color:#233a58;padding:18px 0}
.v7-service-availability .container{display:flex;gap:12px;align-items:center;justify-content:center;text-align:center;flex-wrap:wrap;font-size:13px;line-height:1.6}
.v7-service-availability strong{color:#172f4c}
.v7-service-availability span{color:#4f5265}
.v7-optional{display:inline;color:#66586c;font-size:11px;font-weight:500;letter-spacing:0;margin-left:4px}
.v5-quote-form label{color:#24354c!important}
.v5-quote-form :is(input,select,textarea){border-color:#bfc2ce!important;color:#22374c!important;background:#fff!important}
.v5-quote-form :is(input,select,textarea):focus{outline:3px solid #d3a9b8!important;outline-offset:1px}
#downloadBrief{border:1px solid #94596a;color:#172f4c!important;background:#fffdfa;padding:13px 16px;min-height:47px}
#downloadBrief:hover{background:#f8edf0}
#copyBrief{min-height:47px}
.v5-quote-intro>p,.v5-quote-fyi p{color:#45536b!important}
.v5-service-card a:hover{background:#314969!important}
.v5-service-card p,.v5-service-card li{color:#4b586b!important}
.v5-service-card strong{color:#263a58!important}
.faq-list p,.faq-list a{line-height:1.75}
@media(max-width:780px){
 .v7-shop-state{flex-wrap:wrap;align-items:flex-start;padding:16px}
 .v7-shop-state a{margin-left:31px}
 .v5-quote-actions{flex-direction:column;align-items:stretch}
 .v5-quote-actions button{width:100%;justify-content:center}
}
@media(max-width:420px){
 .v7-shop-state{margin:15px 0 20px;gap:9px;padding:13px}
 .v7-shop-state strong{font-size:19px}
 .v7-shop-state p{font-size:12px}
 .v7-shop-state a{margin-left:25px}
 .v7-unavailable{max-width:100%}
}
@media(prefers-reduced-motion:reduce){.product-card,.btn,.v7-shop-state{transition:none!important;animation:none!important}}


/* === v7-1.css === */
/* Miatta Made Studio V7.1: clearer browsing, consistent cards and launch-mode footer */
.product-card .product-tag{max-width:calc(100% - 25px);font-size:9px;line-height:1.4;letter-spacing:.085em;white-space:normal}
.product-card .product-meta{padding:22px 18px 17px;gap:12px;align-items:flex-start}
.product-card .product-meta>div:first-child{min-width:0;flex:1}
.product-card .product-meta h3{margin:6px 0 10px;line-height:1.15}
.product-card .product-meta p{line-height:1.6;font-size:13px;margin:0}
.product-card .product-actionbar{min-height:77px;gap:13px;padding:14px 18px 20px}
.product-card .product-actionbar .product-price{line-height:1.5}
.site-footer .footer-top{gap:30px}
.site-footer .footer-links{gap:clamp(22px,3.3vw,58px)}
.site-footer .footer-links>div{min-width:0}
.site-footer .footer-links a{display:block;line-height:1.6;margin-block:8px}
.v71-footer-info{display:block;font-size:12px;line-height:1.6;max-width:180px;color:#d7c6cd;margin-top:13px}
.v71-planner-steps{margin:22px 0 0;padding:0;list-style:none;display:grid;gap:11px}
.v71-planner-steps li{display:flex;gap:11px;align-items:center;color:#31425b;font-size:13px;line-height:1.4;font-weight:600}
.v71-planner-steps span{background:#f4e5e9;border:1px solid #ddbdc7;color:#7a4659;font-size:11px;font-weight:700;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;flex:none}
@media(max-width:850px){.site-footer .footer-links{flex-wrap:wrap;gap:26px}}
@media(max-width:560px){
 .product-card .product-meta{padding:14px 12px 12px;gap:6px}
 .product-card .product-meta h3{margin:5px 0 7px;font-size:clamp(19px,5vw,24px)}
 .product-card .product-meta p{font-size:11px}
 .product-card .product-actionbar{min-height:78px;padding:12px;align-items:stretch}
 .product-card .product-tag{font-size:8px;max-width:calc(100% - 15px)}
 .v71-footer-info{max-width:260px}
}


/* === v7-2.css === */
/* V7.2 — balanced, filter-aware product grid and simpler preview presentation. */
/* Retain the four-column catalog when the full collection is shown. */
#productGrid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(15px, 1.75vw, 24px);
  width: 100%;
}
#productGrid .product-card { min-width:0; height:100%; }
#productGrid .product-card .product-meta { flex:1; }
#productGrid .product-card .product-actionbar { margin-top:auto; }
/* When filters reduce the collection, center those cards instead of leaving a wide blank side. */
#productGrid[data-visible-count="1"] {
  grid-template-columns: minmax(0, 340px);
  justify-content: center;
}
#productGrid[data-visible-count="2"] {
  grid-template-columns: repeat(2, minmax(0, 340px));
  justify-content: center;
}
#productGrid[data-visible-count="3"] {
  grid-template-columns: repeat(3, minmax(0, 340px));
  justify-content: center;
}
/* Product preview images stay uniform across any filter state. */
#productGrid .product-image { height:320px; min-height:320px; }
#productGrid .product-meta { min-height:124px; }
#productGrid .product-actionbar { min-height:82px; }
/* Smaller and calmer information note now that the price line shows format details. */
.shop-section .v7-shop-state { margin:18px 0 24px; padding:14px 18px; }
.shop-section .v7-shop-state strong { font-size:20px; }
.shop-section .v7-shop-state p { margin-top:3px; }
.shop-section .preview-disclaimer { max-width:640px; }
@media (max-width:1080px) and (min-width:561px) {
  #productGrid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #productGrid[data-visible-count="1"] { grid-template-columns:minmax(0, 360px); }
  #productGrid[data-visible-count="2"] { grid-template-columns:repeat(2, minmax(0, 360px)); }
  #productGrid[data-visible-count="3"] { grid-template-columns:repeat(2, minmax(0, 360px)); }
  #productGrid .product-image { height:320px; min-height:300px; }
}
@media (max-width:560px) {
  #productGrid,
  #productGrid[data-visible-count="1"],
  #productGrid[data-visible-count="2"],
  #productGrid[data-visible-count="3"] {
    grid-template-columns: minmax(0, 1fr);
    justify-content: center;
    gap: 22px;
  }
  #productGrid .product-card { width:100%; max-width:420px; margin-inline:auto; }
  #productGrid .product-image { height:clamp(235px, 83vw, 335px); min-height:0; }
  #productGrid .product-meta { min-height:0; }
  #productGrid .product-actionbar { min-height:76px; }
  .shop-section .v7-shop-state { padding:13px; }
}


/* === v7-3.css === */
/* V7.3 / Miatta Made Studio — polished preview shopping. Adds to, does not replace, existing theme. */
:root { --v73-ink:#182f4e; --v73-muted:#4b5870; --v73-rose:#a16676; --v73-soft:#f8f1f3; }
/* Readable, balanced product cards on every breakpoint */
#productGrid { gap:clamp(18px,2vw,26px); align-items:stretch; }
#productGrid .product-card { border-radius:14px!important; box-shadow:0 9px 23px rgba(24,47,78,.065); transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease; }
@media(hover:hover) and (prefers-reduced-motion:no-preference){#productGrid .product-card:hover{transform:translateY(-3px);box-shadow:0 17px 34px rgba(24,47,78,.14)}}
#productGrid .product-meta { padding:20px 18px 15px; gap:9px; min-height:132px; }
#productGrid .product-meta h3 { margin:6px 0 8px; line-height:1.14; }
#productGrid .product-meta p { font-size:14px; line-height:1.55; color:#455773!important; font-weight:500; }
#productGrid .product-tag { font-size:10px; }
#productGrid .product-actionbar { padding:15px 18px 19px; gap:12px; min-height:88px; }
#productGrid .product-actionbar .product-price { font-size:13px; line-height:1.4; max-width:52%; overflow-wrap:anywhere; }
#productGrid .product-view-btn { min-height:46px; padding:10px 15px; font-size:13px; line-height:1.3; border-radius:6px; }
#productGrid .quick-view { min-width:43px; min-height:43px; }
/* Filter + empty results */
.shop-controls .filter-btn { min-height:42px; font-size:13px; }
.shop-search-label input { font-size:14px; }
.count-note { font-size:13px; color:#485c72; }
.v73-empty-state { max-width:860px; margin:22px auto; padding:44px 24px; background:linear-gradient(120deg,#fcf8f8,#f7eef1); border:1px dashed #c69caa; border-radius:16px; box-shadow:0 7px 30px rgba(24,47,78,.05); }
.v73-empty-state .v73-empty-sparkle { font-size:35px; color:#965b6d; }
.v73-empty-state h3 { color:#182f4e; font-size:clamp(26px,4vw,36px); }
.v73-empty-state p { color:#4b5870; font-size:15px; line-height:1.65; max-width:480px; margin:10px auto 21px; }
.v73-empty-state .btn { min-height:47px; }
/* Product gallery: legible instructions and comfortable touch controls */
.v73-gallery-help { margin:0; padding:9px 18px; font-size:12px; line-height:1.45; background:#fcf8f9; border-top:1px solid #e5d8df; color:#43556c; }
.product-dialog .gallery-position { font-size:13px; }
.product-dialog .gallery-toolbar-actions button { min-width:44px; min-height:44px; width:44px; height:44px; border-radius:50%; color:#172b47; border-color:#cbaeba; }
.product-dialog .gallery-toolbar-actions button:disabled { opacity:.42; }
.product-dialog .gallery-label,.product-dialog .gallery-honesty { font-size:12px; line-height:1.5; }
.product-dialog .dialog-content>p,.product-dialog .modal-features { line-height:1.65; }
.product-dialog .dialog-content .modal-actions :is(a,button) { min-height:44px; }
.product-dialog .dialog-close { width:44px; height:44px; }
/* Footer becomes a structured, easy-to-scan directory */
.site-footer .footer-top { gap:clamp(25px,3vw,54px); align-items:start; padding-block:54px 30px; }
.site-footer .footer-links { flex:1; gap:clamp(18px,2.5vw,44px); }
.site-footer .footer-links>div { min-width:155px; }
.site-footer .footer-links b { color:#182f4e; display:block; font-size:13px; letter-spacing:.06em; margin-bottom:15px; }
.site-footer .footer-links a { color:#3e4e66; font-size:13px; line-height:1.55; margin:10px 0; text-decoration-thickness:1px; text-underline-offset:3px; }
.site-footer .footer-links a:hover { color:#895266; text-decoration:underline; }
.site-footer .v73-footer-info { background:#f9f3f5; border-left:3px solid #aa7382; padding:9px 11px; border-radius:3px; color:#47546a!important; font-size:12px; max-width:235px; }
.site-footer .footer-bottom { font-size:12px; line-height:1.5; padding:17px 0 23px; }
@media(min-width:1081px) and (max-width:1240px) { #productGrid .product-actionbar { flex-direction:column; align-items:stretch; } #productGrid .product-actionbar .product-price { max-width:none; } }
@media(max-width:1080px) { #productGrid .product-meta { min-height:0; } .site-footer .footer-links { flex-wrap:wrap; } }
@media(max-width:600px) {
 #productGrid { gap:24px; }
 #productGrid .product-meta { padding:17px 16px 12px; gap:8px; }
 #productGrid .product-meta h3 { font-size:clamp(23px,6vw,29px); }
 #productGrid .product-meta p { font-size:14px; }
 #productGrid .product-actionbar { display:flex; flex-direction:column; align-items:stretch; gap:9px; padding:12px 16px 18px; }
 #productGrid .product-actionbar .product-price { max-width:100%; font-size:13px; }
 #productGrid .product-view-btn { width:100%; min-height:50px; font-size:14px; }
 .v7-shop-state { align-items:flex-start; }
 .shop-controls .filter-btn { min-height:44px; }
 .v73-empty-state { padding:32px 16px; }
 .gallery-toolbar { flex-wrap:wrap; }
 .v73-gallery-help { font-size:12px; padding:9px 13px; }
 .site-footer .footer-top { padding:35px 0 25px; }
 .site-footer .footer-links { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); width:100%; gap:23px 18px; }
 .site-footer .footer-links>div { min-width:0; }
 .site-footer .footer-links b { margin-bottom:10px; }
 .site-footer .footer-links a { font-size:13px; }
 .site-footer .footer-links>div:last-child { grid-column:1/-1; }
}
@media(max-width:360px){.site-footer .footer-links{grid-template-columns:1fr}.site-footer .footer-links>div:last-child{grid-column:auto}}
@media(prefers-reduced-motion:reduce){#productGrid .product-card{transition:none}}
@media (min-width:561px) and (max-width:600px) {
 #productGrid,#productGrid[data-visible-count="1"],#productGrid[data-visible-count="2"],#productGrid[data-visible-count="3"] {grid-template-columns:minmax(0,1fr);justify-content:center;}
 #productGrid .product-card {max-width:420px;width:100%;margin-inline:auto;}
}


/* === v7-4.css === */
/* =============================================================
   V7.4 — leaner hero, usable category shortcuts, easier reading.
   Keeps the established navy & rose-gold brand and V7.3 features.
   ============================================================= */
:root { --v74-deep:#182f4e; --v74-rose:#9a5a6d; --v74-copy:#344761; }

/* Show the collection sooner, without hiding the signature stationery art. */
.hero-grid { min-height:526px; }
.hero-copy { padding-top:46px; padding-bottom:43px; }
.hero h1 { font-size:clamp(66px,6.1vw,93px); margin-top:24px; margin-bottom:20px; }
.hero-copy > p { color:var(--v74-copy); font-size:16px; line-height:1.68; max-width:430px; }
.hero-actions { margin-top:24px; gap:27px; }
.hero-actions .text-link { color:var(--v74-deep); font-size:13px; }
.hero-bottom-note { margin-top:30px; color:#40516a; }
.hero-art { height:510px; transform:scale(.82); transform-origin:46% 50%; }
.hero .eyebrow { color:#79455a; font-size:12px; }
.values-grid { padding-block:15px; }
.values-grid span { color:#344761; }

/* Category shortcuts — these activate the site's EXISTING filters. */
.v74-pathways { padding:23px 0 27px; background:#f9f5f6; border-bottom:1px solid #eadddf; }
.v74-pathways-head { display:flex; align-items:end; justify-content:space-between; gap:20px; margin-bottom:13px; }
.v74-pathways-head .eyebrow { font-size:10px; }
.v74-pathways-head h2 { color:var(--v74-deep); font-family:var(--font-serif); font-size:clamp(28px,3vw,37px); line-height:1.04; margin:4px 0 0; letter-spacing:-.035em; }
.v74-pathways-head h2 em { color:var(--v74-rose); }
.v74-pathways-head p { color:#4e5d70; font-size:13px; margin:0 0 3px; line-height:1.45; }
.v74-pathways-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
.v74-pathway { min-width:0; min-height:83px; display:flex; align-items:center; gap:11px; background:#fffdfb; border:1px solid #e7d6dc; border-radius:10px; padding:13px 13px; box-shadow:0 3px 12px rgba(24,47,78,.025); transition:border-color .18s,transform .18s,box-shadow .18s; }
.v74-pathway:hover { border-color:#bd899a; box-shadow:0 8px 18px rgba(24,47,78,.09); transform:translateY(-2px); }
.v74-pathway-number { display:flex; align-items:center; justify-content:center; width:31px; height:31px; border:1px solid #d9bbc5; border-radius:50%; color:#8e5365; font-size:11px; font-weight:700; flex:0 0 auto; }
.v74-pathway-copy { display:flex; flex-direction:column; gap:5px; min-width:0; }
.v74-pathway-copy strong { font-size:13px; color:var(--v74-deep); line-height:1.25; font-weight:750; }
.v74-pathway-copy small { font-size:11px; color:#58657a; line-height:1.3; }
.v74-pathway-arrow { margin-left:auto; font-size:16px; color:#8f5566; flex:0 0 auto; }
.v74-pathway-service { background:#eef0f6; border-color:#d7dbe6; }

/* Products start near the top of the page; readable metadata throughout. */
.shop-section { padding-top:60px; }
.section-topline-aside, .shop-promise, .v7-shop-state p, .portfolio-intro p { color:#40536c; }
.shop-promise { font-size:13px; line-height:1.6; }
.v7-shop-state p { font-size:14px; }
.product-meta p, #productGrid .product-meta p { color:#364b65!important; }

/* Preserve matching navigation in large/small layouts. */
@media(min-width:821px) and (max-width:1120px) {
  .hero-grid { min-height:500px; }
  .hero h1 { font-size:clamp(60px,6.6vw,78px); margin-right:-35px; }
  .hero-art { transform:scale(.74); transform-origin:38% 50%; }
  .v74-pathway { gap:8px; padding:11px 9px; }
  .v74-pathway-number { width:27px; height:27px; }
  .v74-pathway-copy strong { font-size:12px; }
}
@media(max-width:820px){
  .hero-grid { min-height:unset; }
  .hero-copy { padding:40px 0 7px; }
  .hero h1 { margin:18px 0; font-size:clamp(57px,9.7vw,81px); }
  .hero-art { height:440px; transform:scale(.72); transform-origin:center top; }
  .hero-bottom-note { margin-top:24px; }
  .v74-pathways-head { align-items:start; }
  .v74-pathways-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .v74-pathway { min-height:76px; }
  .shop-section { padding-top:50px; }
}
@media(max-width:560px){
  .hero { padding-top:27px!important; padding-bottom:19px!important; }
  .hero-copy { padding:0!important; }
  .hero h1 { margin:14px 0 15px!important; font-size:clamp(50px,12vw,65px)!important; }
  .hero-copy > p { font-size:15px!important; line-height:1.55!important; margin-bottom:14px!important; }
  .hero-actions { margin-top:16px; gap:14px; }
  .hero-actions .btn { min-height:46px; padding:11px 16px; }
  .hero-art { height:178px!important; min-height:178px!important; max-height:178px!important; margin-top:9px!important; }
  .values-bar { padding-block:4px!important; }
  .values-grid { padding-block:7px; }
  .v74-pathways { padding:23px 0 25px; }
  .v74-pathways-head { display:block; margin-bottom:13px; }
  .v74-pathways-head .eyebrow { font-size:10px; }
  .v74-pathways-head h2 { font-size:31px; }
  .v74-pathways-head p { font-size:12px; margin:8px 0 0; }
  .v74-pathways-grid { gap:9px; }
  .v74-pathway { padding:12px 9px; gap:7px; min-height:83px; }
  .v74-pathway-number { width:25px; height:25px; font-size:10px; }
  .v74-pathway-copy strong { font-size:12px; }
  .v74-pathway-copy small { font-size:10px; }
  .v74-pathway-arrow { font-size:14px; }
  .shop-section { padding-top:46px!important; }
  .section-topline-aside { font-size:14px; }
  .v7-shop-state p { font-size:13px; }
}
@media(max-width:355px) {
  .v74-pathways-grid { grid-template-columns:1fr; }
  .v74-pathway { min-height:64px; }
}
@media(prefers-reduced-motion:reduce){.v74-pathway{transition:none;transform:none!important}}
/* Final image balance pass: eliminate tiny overlapping caption and show more artwork. */
.hero-art .art-caption { display:none!important; }
@media(min-width:561px) and (max-width:820px){
 .hero-art { height:340px!important; min-height:340px!important; transform:scale(.60)!important; transform-origin:50% top!important; }
}
@media(max-width:560px){
 .hero-art .main-poster { transform:rotate(6deg) scale(.57)!important; transform-origin:top left!important; }
 .hero-art .hero-note-card { top:21px!important; left:16px!important; transform:rotate(-9deg) scale(.78)!important; transform-origin:top left!important; }
 .hero-art .hero-stamp { bottom:5px!important; transform:rotate(10deg) scale(.74)!important; transform-origin:bottom right!important; }
}
@media(max-width:360px){
 .hero-art .main-poster{left:118px!important;}
 .hero-art .hero-note-card{left:10px!important;}
}

/* ====================== V7.5 — brand / clarity / polish ====================== */
:root { --studio-ink:#182f4e; --studio-rose:#9b5c70; --studio-muted:#41536d; }
/* Feature category shortcuts are the only large browsing tiles; filter buttons remain in shop. */
.v74-pathways { padding-bottom:31px; }
/* Page introduction: show exactly what the available products are for. */
#productGrid .product-meta .v75-use { color:#46566b!important; font-size:12.5px; font-weight:400; margin-top:7px; line-height:1.55; }
#productGrid .product-meta > div:first-child { min-width:0; }
#productGrid .product-meta { min-height:175px; }
#productGrid .product-actionbar { margin-top:auto; }
#productGrid .product-card { display:flex; flex-direction:column; min-width:0; }
#productGrid .product-card[hidden] { display:none!important; }
#productGrid .product-image { flex-shrink:0; }
#productGrid .product-tag { line-height:1.3; }
/* Single, honest product-availability message; avoid repeated 'coming soon' text. */
.v7-shop-state { border-left:3px solid #a56b7c; }
.v7-shop-state strong { font-size:15px; color:#192f4e; }
.v7-shop-state p { font-size:13.5px; }
.v75-preview-note { display:inline-flex; align-items:center; gap:7px; padding:7px 12px; border:1px solid #dbc6cf; border-radius:40px; color:#7b4357; background:#faf4f6; font-size:11px; letter-spacing:.06em; font-weight:700; }
/* Align legacy About illustration with the current navy / rose-gold brand. */
.story-section { background:#f5f0f3; }
.story-art { background:#e8dce4; }
.story-art-frame { background:#fcf8f4; border-color:#d7bdc9; box-shadow:18px 25px 34px #26365116; }
.story-big { color:#182f4e; }
.story-big em { color:#9b6174; }
.story-flower { color:#b88193; }
.story-dot { background:#ba95a3; }
/* The About section is a proper brand story, not just a sales CTA. */
.story-copy .v75-story-lead { font-weight:600; color:#263c58; }
.v75-story-values { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin:24px 0 25px; }
.v75-story-value { min-width:0; border-top:2px solid #ca9aab; padding-top:11px; }
.v75-story-value strong { display:block; font-size:12px; color:#1c3453; margin-bottom:5px; line-height:1.35; }
.v75-story-value span { display:block; font-size:11px; color:#4b5b71; line-height:1.5; }
.v75-story-cta { display:flex; flex-wrap:wrap; gap:22px; align-items:center; }
.v75-story-cta a { font-size:13px; }
/* Gallery details communicate the right editing requirements without claiming example previews are real. */
.v75-format-details { border-top:1px solid #e6dbe0; padding:15px 0 6px; margin-top:11px; color:#394c65; }
.v75-format-details strong { display:block; color:#203753; font-size:13px; margin-bottom:5px; }
.v75-format-details p { font-size:13px; line-height:1.6; margin:0; }
/* Portfolio concept cards: clearly identifiable and polished, without fake client testimonials. */
.portfolio-card { border-radius:12px; overflow:hidden; transition:box-shadow .18s ease,transform .18s ease; }
.portfolio-scene { position:relative; }
.portfolio-scene::after { content:'STUDIO CONCEPT'; position:absolute; top:12px; right:12px; background:rgba(24,47,78,.87); color:#fffaf9; font-size:9px; letter-spacing:.11em; font-weight:700; padding:7px 10px; border-radius:3px; z-index:3; }
.portfolio-disclosure { padding:11px 13px; background:#f8f1f4; border-left:3px solid #ae788a; border-radius:4px; }
@media(hover:hover) and (prefers-reduced-motion:no-preference) { .portfolio-card:hover { transform:translateY(-3px); box-shadow:0 13px 30px rgba(24,47,78,.11); } }
/* Service list and planner labels should remain readable and accessible. */
.v5-service-card { border-radius:11px; }
.v5-service-card p, .v5-service-card li { font-size:14px; line-height:1.65; }
.v75-services-note { background:#faf4f6; color:#34475e; padding:17px 20px; border:1px solid #ead8df; border-radius:9px; margin-top:20px; font-size:13px; line-height:1.6; }
.v75-services-note strong { color:#182f4e; }
/* Footer and interactive controls: consistent focus / contrast */
:where(a,button,input,select,textarea,summary):focus-visible { outline:3px solid #a25f77; outline-offset:3px; }
.site-footer .footer-top a:hover { text-underline-offset:4px; }
@media(max-width:1080px){ #productGrid .product-meta { min-height:0; } }
@media(max-width:760px){ .v75-story-values { grid-template-columns:1fr; gap:10px; } .v75-story-value { padding-top:9px; } }
@media(max-width:600px){
 .v75-story-cta { align-items:flex-start; gap:12px; }
 #productGrid .product-meta .v75-use { font-size:13px; }
 #productGrid .product-meta { min-height:0; }
 .v75-story-values { margin:20px 0; }
 .v7-shop-state strong { font-size:14px; }
 .portfolio-scene::after { font-size:8px; }
}
@media(prefers-reduced-motion:reduce){ .portfolio-card{transition:none; transform:none!important} }

/* ===== V7.6: readability, touch affordances, focus and reduced-motion ===== */
:root { color-scheme:light; }
body { -webkit-text-size-adjust:100%; }
:is(a, button, input, select, textarea, summary):focus-visible { outline:3px solid #a75f79; outline-offset:3px; }
:is(.desktop-nav,.mobile-nav,.footer-links) a { text-underline-offset:4px; }
.desktop-nav a, .header-contact { font-size:clamp(13px,1.02vw,15px); }
.announcement { font-size:11px; letter-spacing:.09em; line-height:1.65; }
.eyebrow, .v74-pathways-head .eyebrow { font-size:12px; line-height:1.5; }
.v74-pathway-copy strong { font-size:15px; }
.v74-pathway-copy small { font-size:13px; line-height:1.45; }
.v74-pathway { min-height:91px; }
.shop-controls .filter-btn { min-height:44px; padding:10px 14px; font-size:13px; }
.count-note,.product-card .product-meta>div>small { font-size:12px; }
#productGrid .product-meta p, #productGrid .product-meta .v75-use { font-size:14px; line-height:1.65; }
#productGrid .product-actionbar .product-price { font-size:13px!important; }
#productGrid .product-view-btn { min-height:44px; font-size:13px; padding:11px 14px; }
#productGrid .product-meta .quick-view { min-height:44px; min-width:44px; }
.preview-disclaimer, .shop-note, .portfolio-intro p, .portfolio-text p,
.v7-shop-state p, .modal-smallnote, .gallery-honesty, .v73-gallery-help,
.footer-links a, .v71-footer-info, .v73-footer-info { font-size:14px!important; line-height:1.6; }
.product-dialog .gallery-label, .product-dialog .gallery-honesty { font-size:14px; }
.product-dialog .modal-message { font-size:14px!important; }
.product-dialog #modalCompatibilityText { font-size:14px; line-height:1.55; }
.product-dialog button.gallery-thumb, .product-dialog .dialog-close { min-width:44px; min-height:44px; }
#productSearch, #contactForm :is(input, select, textarea) { font-size:16px; min-height:44px; }
#clearSearch { min-height:44px; }
.info-page :is(p,small) { font-size:15px; line-height:1.7; }
@media(max-width:940px) {
 .mobile-nav a { padding-block:13px; font-size:15px; }
 .menu-toggle { min-width:44px; min-height:44px; }
}
@media(max-width:760px) {
 .v74-pathway { min-height:78px; }
 .v74-pathway-copy strong { font-size:15px; }
 .v74-pathway-copy small { font-size:13px; }
 .product-dialog .gallery-toolbar-actions button { min-width:44px; min-height:44px; }
 .product-dialog .dialog-content>p { font-size:15px; }
 .product-dialog .dialog-content .modal-actions :is(a,button) { min-height:44px; }
 .mobile-shortcut a { min-height:46px; display:flex; justify-content:center; align-items:center; font-size:14px; }
}
@media(prefers-reduced-motion:reduce) {
 html:focus-within { scroll-behavior:auto!important; }
 *, *::before, *::after { animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; scroll-behavior:auto!important; }
}