/* Former studio-v710.css */
/* V7.10 — customer experience polish. Preserves prior brand styles. */
.v710-featured-heading { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:19px 23px; background:linear-gradient(105deg,#f9f3f6,#f9f8f6); border:1px solid #e6d9df; border-radius:12px; margin:0 0 22px; }
.v710-featured-mark { display:block; font-size:11px; font-weight:750; letter-spacing:.13em; color:#844d65; }
.v710-featured-heading p { color:#33475f; font-size:14px; margin:5px 0 0; line-height:1.55; }
.v710-featured-ornament { color:#ae728a; font-size:27px; flex-shrink:0; }
#productGrid .product-card { border-radius:13px; overflow:hidden; }
#productGrid .product-image { border-radius:12px 12px 0 0; }
#productGrid .product-actionbar { padding-bottom:16px; }
.v710-portfolio-toolbar { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px; margin:24px 0 22px; }
.v710-portfolio-filter { display:flex; flex-wrap:wrap; gap:8px; }
.v710-portfolio-btn { font-family:inherit; font-size:13px; font-weight:600; background:#fbf8f7; color:#29405b; padding:12px 17px; min-height:44px; border:1px solid #d9cbd4; border-radius:26px; cursor:pointer; transition:background .2s ease,border-color .2s ease, color .2s ease; }
.v710-portfolio-btn:hover { border-color:#a87589; background:#f3e9ee; }
.v710-portfolio-btn.is-active { color:white; background:#213553; border-color:#213553; }
.v710-portfolio-count { margin:0; font-size:13px; color:#495a6f; white-space:nowrap; }
.portfolio-card[hidden] { display:none!important; }
.portfolio-grid[data-visible-count="1"], .portfolio-grid[data-visible-count="2"] { display:flex; flex-wrap:wrap; justify-content:center; gap:18px; }
.portfolio-grid[data-visible-count="1"] .portfolio-card, .portfolio-grid[data-visible-count="2"] .portfolio-card { flex:0 1 360px; min-width:0; }
.v710-coming { background:#f6eff3; border-top:1px solid #e5d4dc; border-bottom:1px solid #e5d4dc; padding:26px 0; }
.v710-coming-inner { display:grid; grid-template-columns:46px minmax(0,1fr) auto; gap:20px; align-items:center; }
.v710-coming-icon { color:#9e6679; font-size:32px; }
.v710-coming-text .eyebrow { color:#8e576d; font-size:11px; }
.v710-coming-text h2 { font-family:inherit; font-size:clamp(23px,2.5vw,34px); font-weight:500; color:#203653; line-height:1.15; margin:5px 0 7px; }
.v710-coming-text h2 em { color:#a26079; }
.v710-coming-text p { color:#3f5066; font-size:14px; line-height:1.55; margin:0; max-width:710px; }
.v710-coming-link { color:#203653; font-size:13px; font-weight:700; border-bottom:1px solid #ad7d90; white-space:nowrap; padding:10px 0; text-decoration:none; }
.v710-coming-link:hover { color:#91556c; }
@media(max-width:900px){
  .v710-coming-inner { grid-template-columns:34px minmax(0,1fr); gap:12px; }
  .v710-coming-link { grid-column:2; justify-self:start; margin-top:0; }
}
@media(max-width:600px){
  .v710-featured-heading { padding:15px 16px; margin-bottom:17px; }
  .v710-featured-heading p { font-size:13px; }
  .v710-portfolio-toolbar { align-items:flex-start; margin:20px 0 18px; }
  .v710-portfolio-filter { gap:6px; }
  .v710-portfolio-btn { font-size:12px; padding:10px 12px; }
  .v710-portfolio-count { padding-left:3px; }
  .portfolio-grid[data-visible-count="1"] .portfolio-card, .portfolio-grid[data-visible-count="2"] .portfolio-card { flex:1 1 100%; }
  .v710-coming { padding:22px 0; }
  .v710-coming-inner { grid-template-columns:1fr; gap:8px; }
  .v710-coming-icon { display:none; }
  .v710-coming-text h2 { font-size:27px; }
  .v710-coming-link { grid-column:1; }
}
@media(prefers-reduced-motion:reduce) { .v710-portfolio-btn { transition:none; } }
/* Ensure the portfolio section shares the active navy / rose-gold accents. */
#portfolio .portfolio-header h2 em { color:#a26079; }
#portfolio .portfolio-text > span { color:#805166; }
#portfolio .portfolio-text a { color:#243e5b; text-decoration-color:#b7889a; }

/* Former studio-v711.css */
/* Miatta Made Studio V7.11 — a targeted customer-experience refinement. */
/* One primary buying-availability note; remove repeating strip without removing navigation. */
.shop-section .shop-promise { display:none; }
.v710-featured-heading { margin:20px 0 16px; background:transparent; border:0; border-top:1px solid #eadde4; border-bottom:1px solid #eadde4; border-radius:0; padding:13px 0; }
.v710-featured-heading p { color:#33465e; }
#portfolio .portfolio-card { min-width:0; background:#fffdfa; }
#portfolio .portfolio-scene { height:275px; }
#portfolio .portfolio-text { padding:19px 21px 24px; }
#portfolio .portfolio-text p { font-size:14px; line-height:1.6; }
#portfolio .portfolio-text > span { font-size:11px; }
#portfolio .portfolio-text h3 { font-size:clamp(25px,2.25vw,32px); }
#portfolio .v711-portfolio-preview { display:inline-flex; justify-content:center; align-items:center; margin:1px 0 12px; padding:11px 15px; border:1px solid #bd93a2; background:#f8eff3; color:#253b57; font:700 13px 'DM Sans',Arial,sans-serif; border-radius:6px; cursor:pointer; align-self:stretch; min-height:44px; }
#portfolio .v711-portfolio-preview:hover { background:#e9d9e0; }
#portfolio .portfolio-text a { margin-top:auto; font-size:13px; }
.v711-portfolio-dialog { box-sizing:border-box; width:min(94vw,960px); max-height:min(92dvh,800px); margin:auto; padding:0; border:1px solid #e6d4de; border-radius:16px; color:#203552; background:#fffdfa; box-shadow:0 25px 95px #0f203961; overflow:auto; }
.v711-portfolio-dialog::backdrop { background:rgba(16,31,52,.74); backdrop-filter:blur(4px); }
.v711-dialog-layout { display:grid; grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr); min-height:470px; position:relative; }
.v711-preview-stage { display:flex; align-items:center; justify-content:center; min-width:0; background:#eee4e8; padding:22px; overflow:hidden; }
.v711-preview-stage .portfolio-scene { position:relative; width:100%; height:410px; overflow:hidden; border-radius:9px; }
.v711-preview-stage .portfolio-scene .portfolio-real-image { width:100%; height:100%; object-fit:cover; }
.v711-preview-details { padding:64px 38px 32px; display:flex; flex-direction:column; align-items:flex-start; min-width:0; }
.v711-preview-kicker { text-transform:uppercase; font-size:11px; font-weight:700; letter-spacing:.13em; color:#946377; }
.v711-preview-details h2 { font:600 clamp(33px,4vw,47px)/1.03 'Cormorant Garamond',Georgia,serif; margin:18px 0 14px; color:#1d3250; }
.v711-preview-details > p { font-size:15px; line-height:1.68; color:#435069; }
.v711-preview-disclosure { border-left:3px solid #b98798; padding-left:12px; margin:12px 0 20px; }
.v711-dialog-buttons { display:flex; gap:8px; flex-wrap:wrap; }
.v711-dialog-buttons button { font:600 13px 'DM Sans',Arial,sans-serif; background:#f9f3f5; border:1px solid #d5b8c5; padding:10px 13px; border-radius:6px; color:#263956; min-height:44px; cursor:pointer; }
.v711-project-link { display:inline-block; margin-top:24px; padding:13px 16px; border-radius:5px; background:#1b3252; color:white; text-decoration:none; font:700 13px 'DM Sans',Arial,sans-serif; }
.v711-hint { font-size:12px!important; margin-top:auto; padding-top:16px; }
.v711-dialog-close { position:absolute; top:14px; right:14px; z-index:6; width:45px; height:45px; border:1px solid #d5b5c1; border-radius:50%; background:#fffdfc; color:#24364f; font-size:30px; cursor:pointer; }
.v711-portfolio-dialog :is(button,a):focus-visible, #portfolio .v711-portfolio-preview:focus-visible { outline:3px solid #92526f; outline-offset:3px; }
/* Prevent sticky mobile action bar from overlapping buttons. */
@media(max-width:840px) { .v711-dialog-layout{grid-template-columns:1fr;} .v711-preview-stage{padding:18px;} .v711-preview-stage .portfolio-scene{height:clamp(240px,58vw,375px);} .v711-preview-details{padding:24px 24px 26px;} .v711-hint{padding-top:12px;} }
@media(max-width:600px) { #portfolio .portfolio-scene {height:265px;} #portfolio .portfolio-text{padding:18px;} .v711-preview-stage{padding:12px;} .v711-preview-stage .portfolio-scene{height:265px;} .v711-preview-details{padding:20px 19px 25px;} .v711-preview-details h2{margin:10px 0;} .v711-dialog-close{top:8px;right:8px;} .v711-portfolio-dialog{max-height:calc(100dvh - 25px);} }
@media(prefers-reduced-motion:reduce){ .v711-portfolio-dialog::backdrop{backdrop-filter:none;} }

/* Former studio-v712.css */
/* V7.12 — product/gallery/readability finishing work. Existing brand retained. */
.product-image{position:relative;}
.v712-preview-pill{position:absolute;right:12px;bottom:12px;z-index:5;padding:6px 9px;border-radius:100px;background:rgba(26,44,69,.92);color:white;font:600 11px/1.3 'DM Sans',Arial,sans-serif;letter-spacing:.02em;box-shadow:0 3px 8px rgba(26,44,69,.13);pointer-events:none;}
.v712-modal-facts{margin:17px 0;padding:16px 18px;background:#f8f2f4;border-left:3px solid #b77f93;border-radius:4px;color:#1b3555;}
.v712-modal-facts strong{display:block;font-size:12px;letter-spacing:.12em;text-transform:uppercase;}
.v712-modal-facts p{font-size:14px;line-height:1.6;margin:8px 0 9px;color:#263b58;}
.v712-modal-facts span{font-size:12px;color:#6c4b61;line-height:1.5;display:block;font-weight:650;}
.v712-contact-steps{display:flex;flex-direction:column;gap:9px;margin:19px 0 18px;}
.v712-contact-steps>div{display:flex;align-items:center;gap:12px;color:#e9e3e8;font-size:14px;line-height:1.35;}
.v712-contact-steps b{width:30px;height:30px;display:inline-flex;flex:none;align-items:center;justify-content:center;border:1px solid #c69aaf;border-radius:50%;font-size:11px;letter-spacing:.04em;color:#e7b6c8;}
.dialog-preview.has-real-image img{object-fit:contain;}
.gallery-thumbnails .gallery-thumb{min-width:49px;}
.gallery-thumb .thumb-caption{font-size:11px;}
.gallery-label{line-height:1.4;overflow-wrap:anywhere;}
.v711-portfolio-dialog .v711-preview-disclosure{max-width:45ch;}
@media(max-width:640px){.v712-preview-pill{font-size:10px;right:9px;bottom:9px}.v712-modal-facts{padding:13px}.v712-contact-steps>div{font-size:13px}}

/* Former studio-v713.css */
/* Miatta Made Studio V7.13 — Product presentation and honest launch instructions */
.v713-shop-filter-heading{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:22px 0 7px;color:#1b304e;font:600 14px/1.5 'DM Sans',Arial,sans-serif}
.v713-shop-filter-heading span{font-size:12px;color:#566076;font-weight:400}
.shop-controls .filter-row{gap:9px 20px;flex-wrap:wrap}
.shop-controls .filter-btn{font-size:13px;min-height:44px}
.v713-at-glance{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:16px 0 14px}
.v713-at-glance>div{padding:12px 10px;background:#f9f1f4;border:1px solid #e6d4dc;border-radius:6px;min-width:0}
.v713-at-glance span{display:block;color:#775a6a;font:700 10px/1.4 'DM Sans',Arial,sans-serif;letter-spacing:.055em;text-transform:uppercase;margin-bottom:6px}
.v713-at-glance strong{display:block;color:#1b3354;font:700 12px/1.5 'DM Sans',Arial,sans-serif;overflow-wrap:anywhere}
.v713-features-title{font:700 12px/1.4 'DM Sans',Arial,sans-serif;color:#213554;margin:10px 0 0;text-transform:uppercase;letter-spacing:.07em}
.product-dialog .modal-features{margin:9px 0 12px;gap:7px}
.v713-preview-plan{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:9px 13px;background:#fff9fa;border-top:1px solid #eadbe1;color:#30415b}
.v713-preview-plan span{display:flex;align-items:center;gap:5px;font:600 10px/1.35 'DM Sans',Arial,sans-serif}
.v713-preview-plan b{flex:none;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;border:1px solid #caa7b5;color:#995f78;font-size:9px}
.v713-preview-plan[hidden]{display:none!important}
.gallery-thumbnails .gallery-thumb{min-width:58px;min-height:50px}
.product-dialog .gallery-toolbar-actions button{min-height:44px;min-width:44px}
.process-section .section-heading>p{font-size:14px;line-height:1.6;color:#41516a}
.process-section .process-step p{font-size:14px;line-height:1.65;color:#445169}
.v5-quote-intro .v5-quote-fyi{border-left:3px solid #bc8599}
@media(max-width:820px){.v713-shop-filter-heading{display:block}.v713-shop-filter-heading span{display:block;margin-top:3px}.v713-at-glance{grid-template-columns:repeat(3,minmax(0,1fr))}.v713-at-glance>div{padding:10px 7px}.v713-at-glance strong{font-size:11px}}
@media(max-width:530px){.v713-at-glance{grid-template-columns:1fr 1fr;gap:8px}.v713-at-glance>div:last-child{grid-column:1/-1}.v713-preview-plan{display:none!important}.v713-shop-filter-heading{margin-top:14px}}
@media(prefers-reduced-motion:reduce){.v713-at-glance *{transition:none}}

/* Miatta Made Studio V7.14 — Customer experience polish */
.v714-launch-state{align-items:center;gap:14px}
.v714-launch-state>div{min-width:0;flex:1}
.v714-launch-state strong{font-size:15px;color:#203653}
.v714-launch-state p{margin:6px 0 0;line-height:1.55;color:#46546b}
.v714-launch-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:11px}
.v714-launch-tags span{padding:6px 11px;border:1px solid #e3d3db;background:#fffafc;border-radius:40px;font:650 11px/1.5 'DM Sans',Arial,sans-serif;color:#33425e}
.v714-launch-tags span:last-child{border-color:#e8c9d6;color:#8f4d69;background:#fbf0f5}
.product-dialog .v714-at-glance{grid-template-columns:repeat(2,minmax(0,1fr));margin:13px 0 12px}
.v714-at-glance>div{padding:10px 14px}
.product-dialog #modalShopPending[hidden],.product-dialog #modalPrice[hidden],.product-dialog #modalStoreNote[hidden],.product-dialog #galleryHelp[hidden],.gallery-toolbar button[hidden]{display:none!important}
.product-dialog .v714-shop-pending{flex-basis:100%;padding:11px 13px;background:#f9eef2;border:1px solid #e6cfda;border-radius:8px}
.product-dialog .v714-shop-pending strong{font-size:13px;color:#1d3453}
.product-dialog .v714-shop-pending small{font-size:12px;color:#5a4962;line-height:1.5}
.product-dialog .dialog-content h2{margin-bottom:10px}
.product-dialog .dialog-price{margin:6px 0}
.product-dialog .v713-features-title{margin-top:12px}
.product-dialog .modal-features{margin-bottom:14px}
.product-dialog .gallery-panel{min-width:0}
.product-dialog .gallery-footer{padding-top:9px;padding-bottom:10px}
.product-dialog .gallery-label{font-size:12px;line-height:1.4}
.product-dialog .v73-gallery-help{padding:8px 14px;font-size:12px;line-height:1.5;margin:0}
.v714-service-prep{background:#fbf3f6;border-left:3px solid #b98095;padding:11px 13px;margin-top:auto!important;margin-bottom:15px!important;color:#37465f!important;font-size:13px!important;line-height:1.55!important}
.v714-service-prep strong{display:inline;color:#213857!important;letter-spacing:0;font-size:13px!important;margin:0!important}
.v5-service-card>a{margin-top:8px}
@media(max-width:840px){.product-dialog .gallery-panel{max-height:none}.product-dialog .dialog-preview{min-height:240px}.v714-launch-state{align-items:flex-start}}
@media(max-width:600px){
.product-dialog .dialog-preview{min-height:220px;max-height:275px}
.product-dialog .gallery-toolbar{padding:7px 12px}
.product-dialog .gallery-footer{padding:8px 12px}
.product-dialog .dialog-content{padding-top:17px}
.product-dialog .v714-at-glance{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.product-dialog .v714-at-glance>div{padding:10px}
.v714-launch-tags{gap:6px}
.v714-launch-tags span{font-size:10.5px}
}
@media(prefers-reduced-motion:reduce){.v714-launch-state *, .v5-service-card{transition:none!important}}

@media(max-width:600px){.product-dialog .v714-at-glance>div:last-child{grid-column:auto}}


/* V7.15 — focused mobile, service hero and navigation refinements */
.v715-custom-design{display:flex;flex-direction:column;align-items:flex-start;gap:5px;flex:1 1 100%;border-top:1px solid #e6dce3;padding-top:14px;margin-top:2px;}
.v715-custom-design>span{color:#5b5364;font-size:12px;font-weight:650;}
.v715-custom-design .text-link{color:#1b3354;font-size:13px;min-height:40px;align-items:center;}

/* Bring service categories closer to the top without crowding the headline. */
.service-hero{padding:55px 0 42px;}
.service-hero-art{min-height:300px;}
.service-hero-paper.front{height:250px;}
.service-hero .hero-actions{margin-top:20px;}
.service-hero h1{font-size:clamp(53px,5.2vw,77px);}
.service-hero .services-lead{line-height:1.65;}
#service-options{scroll-margin-top:90px;}
/* Use the same navigation dimensions across homepage and services. */
.desktop-nav a{font-size:clamp(13px,1.02vw,15px);}
@media (max-width:940px){.desktop-nav{display:none}.menu-toggle{display:flex}}
@media (max-width:720px){
  .service-hero{padding:35px 0 16px;}
  .services-hero-grid{gap:4px;}
  .service-hero h1{font-size:clamp(49px,10vw,66px);margin:12px 0;}
  .service-hero .services-lead{margin-bottom:8px;}
  .service-hero-art{display:none;}
  .service-hero-paper.front{height:175px;max-width:230px;}
  .service-hero-paper.back{height:160px;max-width:220px;top:7%;}
  .service-round-stamp{bottom:0;}
}
@media (max-width:600px){
  .product-dialog{width:min(100vw - 16px,430px);max-height:calc(100dvh - 22px);overflow-y:auto;overscroll-behavior:contain;}
  .product-dialog .dialog-inner{display:flex;flex-direction:column;}
  .product-dialog .dialog-preview{height:170px;min-height:170px;max-height:170px;flex:none;}
  .product-dialog .dialog-preview.has-real-image img{width:100%;height:100%;object-fit:contain;}
  .product-dialog .gallery-toolbar{min-height:34px;padding:4px 13px;}
  .product-dialog .gallery-footer{padding:5px 12px;min-height:37px;}
  .product-dialog .gallery-label{font-size:11.5px;line-height:1.25;}
  .product-dialog .dialog-content{padding:14px 20px 28px;}
  .product-dialog .dialog-content h2{font-size:clamp(33px,9vw,44px);line-height:1;letter-spacing:-.025em;margin:7px 0 10px;}
  .product-dialog .dialog-content>p{margin-bottom:10px;line-height:1.48;}
  .product-dialog .v714-at-glance{margin:10px 0;}
  .product-dialog .dialog-close{z-index:5;position:sticky;top:6px;align-self:flex-end;margin:5px 6px -50px 0;border:1px solid #ddbdc8;border-radius:50%;background:#fffbfc;display:grid;place-items:center;min-height:44px;min-width:44px;}
  .product-dialog .v715-custom-design{padding-top:11px;}
}
@media (max-width:380px){
  .product-dialog .dialog-preview{height:152px;min-height:152px;max-height:152px;}
  .product-dialog .dialog-content{padding-inline:15px;}
  .service-hero-art{min-height:170px;}
  .service-hero-paper.front{height:158px;}
}
@media (prefers-reduced-motion:reduce){.service-hero *,.product-dialog *{scroll-behavior:auto;}}

/* V7.19: clean ending for the secondary informational pages. */
.info-page { scroll-margin-top:90px; }
.info-page section:target { outline:2px solid #b77e85; outline-offset:5px; }
.site-footer .footer-bottom { flex-wrap:wrap; }
.site-footer .footer-bottom a { color:#243047; text-underline-offset:4px; }
@media(max-width:820px){
  .site-footer .footer-bottom { justify-content:flex-start; gap:14px 18px; }
}