/*
Theme Name: Mara Radeva Studio
Theme URI: https://mararadeva.com
Description: Portable WordPress theme for photography, visual branding and media services.
Version: 0.2.0
Requires at least: 6.6
Requires PHP: 8.1
Text Domain: mara-radeva
*/

:root { --mara-ink:#536b78; --mara-teal:#03acc6; --mara-teal-deep:#047e92; --mara-peach:#ffd7c2; --mara-accent:#f47722; --mara-orange:#f47722; --mara-gold:#f6a477; --mara-paper:#fffdfa; --mara-muted:#63767b; --mara-sand:#f7f0e8; --mara-line:#e5ddd4; --mara-radius:1.25rem; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--mara-ink); background:var(--mara-paper); font-family:Manrope,system-ui,sans-serif; font-size:16px; }
img { display:block; max-width:100%; }
a { color:inherit; }
.mara-shell { width:min(1180px,calc(100% - 3rem)); margin-inline:auto; }
.mara-eyebrow { margin:0 0 .9rem; color:var(--mara-orange); font-size:.72rem; font-weight:800; letter-spacing:.16em; line-height:1.3; text-transform:uppercase; }
h1,h2,h3 { font-family:Raleway,Manrope,sans-serif; letter-spacing:-.055em; }
h1,h2 { margin:0; font-weight:600; line-height:.96; }
h1 { font-size:clamp(2.15rem,3vw,3.35rem); }
h2 { font-size:clamp(1.95rem,3.15vw,3.35rem); }
h3 { font-size:1.65rem; line-height:1.05; }
.mara-lead { max-width:34rem; color:var(--mara-muted); font-size:1.12rem; line-height:1.75; }
.mara-cta,.mara-header-action,.mara-button,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.wc-block-components-button { align-items:center; background:linear-gradient(135deg,color-mix(in srgb,var(--mara-teal) 32%,var(--mara-paper)),color-mix(in srgb,var(--mara-peach) 68%,var(--mara-paper))) !important; border:1px solid color-mix(in srgb,var(--mara-ink) 13%,var(--mara-paper)) !important; border-radius:999px; box-shadow:0 .45rem 1.15rem color-mix(in srgb,var(--mara-ink) 11%,transparent); color:var(--mara-ink) !important; display:inline-flex; font-size:.92rem; font-weight:800; gap:.7rem; justify-content:center; padding:.92rem 1.2rem; text-decoration:none; transition:box-shadow .18s ease,transform .18s ease,filter .18s ease; }
.mara-cta:hover,.mara-header-action:hover,.mara-button:hover,.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover,.wc-block-components-button:hover { background:linear-gradient(135deg,color-mix(in srgb,var(--mara-teal) 41%,var(--mara-paper)),color-mix(in srgb,var(--mara-peach) 76%,var(--mara-paper))) !important; box-shadow:0 .65rem 1.4rem color-mix(in srgb,var(--mara-ink) 16%,transparent); color:var(--mara-ink) !important; filter:saturate(1.04); transform:translateY(-2px); }
.mara-cta:active,.mara-header-action:active,.mara-button:active,.woocommerce a.button:active,.woocommerce button.button:active,.woocommerce input.button:active,.wc-block-components-button:active { transform:scale(.97); }
.mara-cta span { font-size:1.25rem; line-height:.8; }
.mara-text-link { align-items:center; display:inline-flex; font-size:.9rem; font-weight:800; gap:.6rem; text-decoration:none; }
.mara-text-link span { color:var(--mara-orange); font-size:1.2rem; }
.mara-text-link:hover,.mara-text-link:focus-visible { color:var(--mara-orange); outline:none; }
.mara-header { background:color-mix(in srgb,var(--mara-paper) 94%,transparent); border-bottom:1px solid var(--mara-line); position:sticky; top:0; z-index:40; backdrop-filter:blur(12px); }
.mara-header__row { align-items:center; display:flex; gap:1.1rem; min-height:5.35rem; }
.mara-logo { align-items:center; display:inline-flex; flex:none; gap:.8rem; text-decoration:none; }
.mara-logo strong { display:block; font:700 1.3rem/1 Raleway,sans-serif; letter-spacing:-.055em; }
.mara-logo small { display:block; color:var(--mara-muted); font-size:.6rem; letter-spacing:.1em; margin-top:.28rem; text-transform:uppercase; }
.mara-logo__mark { align-items:center; background:var(--mara-teal); border-radius:50%; color:var(--mara-ink); display:inline-flex; font:800 .75rem/1 Raleway,sans-serif; height:3rem; justify-content:center; letter-spacing:-.1em; width:3rem; }
.mara-logo__image { height:2.15rem; max-width:6.4rem; object-fit:contain; object-position:left center; width:auto; }
.mara-logo__image--compact { display:none; }
.mara-nav { flex:1; }
.mara-nav-checkbox,.mara-nav-trigger { display:none; }
.mara-menu { align-items:center; display:flex; gap:clamp(.75rem,1.6vw,1.55rem); justify-content:flex-end; list-style:none; margin:0; padding:0; }
.mara-menu a { font-size:.86rem; font-weight:750; text-decoration:none; white-space:nowrap; }
.mara-menu a:hover { color:var(--mara-orange); }
.mara-menu .sub-menu { display:none; }
.mara-header__actions { align-items:center; display:flex; flex:none; gap:.42rem; }
.mara-header-phone { align-items:center; color:var(--mara-ink); display:inline-flex; font-size:.83rem; font-weight:800; gap:.38rem; padding:.65rem .35rem; text-decoration:none; white-space:nowrap; }
.mara-header-phone span { color:var(--mara-orange); font-size:1rem; transform:rotate(-20deg); }
.mara-header-action { font-size:.78rem; gap:.4rem; padding:.72rem .9rem; white-space:nowrap; }
.mara-hero { background:linear-gradient(125deg,color-mix(in srgb,var(--mara-teal) 15%,var(--mara-paper)),color-mix(in srgb,var(--mara-peach) 36%,var(--mara-paper)) 54%,var(--mara-paper)); overflow:hidden; padding:clamp(3.25rem,6vw,6rem) 0 4.25rem; position:relative; }
.mara-hero::before { background:radial-gradient(circle at 86% 24%,color-mix(in srgb,var(--mara-teal) 17%,transparent),transparent 37%),linear-gradient(90deg,color-mix(in srgb,var(--mara-peach) 16%,transparent),transparent 46%); content:""; inset:0; pointer-events:none; position:absolute; }
.mara-hero__grid { align-items:center; display:grid; gap:clamp(2rem,7vw,8rem); grid-template-columns:minmax(0,1.02fr) minmax(22rem,.78fr); position:relative; }
.mara-hero__copy { padding:1rem 0; }
.mara-hero__copy h1 { font-size:clamp(2.35rem,4.15vw,4.05rem); max-width:13ch; }
.mara-actions { align-items:center; display:flex; flex-wrap:wrap; gap:1.4rem; margin-top:2.15rem; }
.mara-hero__proof { align-items:center; display:flex; gap:.75rem; margin-top:3.25rem; }
.mara-hero__proof strong { color:var(--mara-teal-deep); font:700 clamp(2.35rem,3.4vw,3.3rem)/.8 Raleway,sans-serif; letter-spacing:-.1em; }
.mara-hero__proof span { color:var(--mara-muted); font-size:.68rem; font-weight:800; letter-spacing:.05em; line-height:1.3; text-transform:uppercase; }
.mara-hero__proof i { background:var(--mara-line); height:2rem; margin:.2rem .3rem; width:1px; }
.mara-hero__visual { aspect-ratio:4 / 5; background:var(--mara-sand); border-radius:8rem 8rem 1rem 1rem; overflow:hidden; position:relative; }
.mara-hero__visual::after { background:linear-gradient(180deg,transparent 45%,color-mix(in srgb,var(--mara-ink) 30%,transparent)); content:""; inset:0; position:absolute; }
.mara-hero__visual img { height:100%; object-fit:cover; object-position:center top; width:100%; }
.mara-hero__placeholder { align-items:center; color:var(--mara-teal-deep); display:flex; font:600 clamp(3rem,6vw,6rem)/.8 Raleway,sans-serif; height:100%; justify-content:center; text-align:center; }
.mara-hero__note { bottom:1.5rem; color:var(--mara-paper); font-size:.72rem; font-weight:800; left:1.6rem; letter-spacing:.1em; position:absolute; text-transform:uppercase; z-index:1; }
.mara-paths { background:var(--mara-paper); }
.mara-paths__lead { color:var(--mara-muted); line-height:1.72; margin:0; max-width:27rem; }
.mara-paths__grid { display:grid; gap:1rem; grid-template-columns:1fr 1fr; }
.mara-path-card { border-radius:var(--mara-radius); color:var(--mara-ink); min-height:24rem; overflow:hidden; padding:2rem; position:relative; text-decoration:none; transition:transform .22s ease, box-shadow .22s ease; }
.mara-path-card:hover { box-shadow:0 1.2rem 2.8rem color-mix(in srgb,var(--mara-ink) 12%,transparent); transform:translateY(-4px); }
.mara-path-card--personal { background:linear-gradient(145deg,color-mix(in srgb,var(--mara-teal) 23%,var(--mara-paper)),color-mix(in srgb,var(--mara-peach) 56%,var(--mara-paper))); }
.mara-path-card--business { background:linear-gradient(145deg,color-mix(in srgb,var(--mara-peach) 54%,var(--mara-paper)),color-mix(in srgb,var(--mara-teal) 16%,var(--mara-paper))); }
.mara-path-card span { color:var(--mara-orange); font-size:.68rem; font-weight:850; letter-spacing:.14em; }
.mara-path-card h3 { font-size:clamp(1.7rem,2.7vw,2.5rem); margin:3.5rem 0 1rem; max-width:11ch; }
.mara-path-card p { font-size:.96rem; line-height:1.65; max-width:24rem; }
.mara-path-card b { bottom:1.7rem; font-size:.82rem; left:2rem; position:absolute; }
.mara-path-card i { color:var(--mara-orange); font-size:1.2rem; font-style:normal; margin-left:.45rem; }
.mara-path-card h3 { margin:0 0 1rem; max-width:16ch; }
.mara-path-card__links { display:grid; gap:0 1.4rem; grid-template-columns:repeat(2,minmax(0,1fr)); margin-top:1.4rem; }
.mara-path-card__links a { border-top:1px solid color-mix(in srgb,var(--mara-ink) 18%,transparent); color:var(--mara-ink); font-size:.88rem; font-weight:800; line-height:1.3; padding:.78rem 0; text-decoration:none; }
.mara-path-card__links a:hover,.mara-path-card__links a:focus-visible { color:var(--mara-orange); outline:none; }
.mara-section { padding:clamp(4.5rem,9vw,9rem) 0; }
.mara-services { background:var(--mara-paper); color:var(--mara-ink); overflow:hidden; position:relative; }
.mara-services::after { background:color-mix(in srgb,var(--mara-teal) 32%,transparent); border-radius:50%; bottom:-18rem; content:""; height:36rem; pointer-events:none; position:absolute; right:-12rem; width:36rem; }
.mara-services .mara-shell { position:relative; z-index:1; }
.mara-services__header { align-items:end; display:grid; gap:clamp(2rem,6vw,6rem); grid-template-columns:1.1fr .8fr; margin-bottom:3.1rem; }
.mara-services__header h2 { font-size:clamp(1.9rem,3.1vw,3.1rem); letter-spacing:-.06em; line-height:1.03; max-width:15ch; }
.mara-services__summary { border-left:3px solid var(--mara-accent); padding:.3rem 0 .3rem 1.2rem; }
.mara-services__summary p { color:var(--mara-muted); font-size:.98rem; line-height:1.7; margin:0 0 1rem; max-width:28rem; }
.mara-services__summary > div { display:flex; flex-wrap:wrap; gap:.55rem; }
.mara-services__summary span { background:var(--mara-paper); border:1px solid color-mix(in srgb,var(--mara-ink) 14%,transparent); border-radius:999px; color:var(--mara-ink); font-size:.7rem; font-weight:850; padding:.5rem .7rem; }
.mara-section__intro { display:grid; gap:1.2rem; grid-template-columns:1.1fr .85fr; margin-bottom:3.6rem; }
.mara-section__intro .mara-eyebrow { grid-column:1/-1; }
.mara-section__intro > p:last-child { align-self:end; color:var(--mara-muted); line-height:1.7; margin:0; max-width:29rem; }
.mara-services__grid { display:grid; gap:1rem; grid-template-columns:repeat(3,1fr); }
.mara-services-bento { display:grid; gap:1rem; grid-template-columns:repeat(3,minmax(0,1fr)); }
.mara-service-card { border:1px solid color-mix(in srgb,var(--mara-ink) 12%,transparent); border-radius:1.4rem; color:var(--mara-ink); display:flex; flex-direction:column; min-height:22rem; overflow:hidden; padding:clamp(1.5rem,2.5vw,2.2rem); position:relative; text-decoration:none; transition:box-shadow .24s ease, transform .24s ease; }
.mara-service-card:hover,.mara-service-card:focus-visible { box-shadow:0 1.2rem 2.6rem color-mix(in srgb,var(--mara-ink) 12%,transparent); outline:none; transform:translateY(-5px); }
.mara-service-card__meta { align-items:center; display:flex; gap:.65rem; margin-bottom:auto; }
.mara-service-card__meta span { color:var(--mara-orange); font-size:.72rem; font-weight:900; letter-spacing:.06em; }
.mara-service-card__meta b { color:var(--mara-muted); font-size:.63rem; letter-spacing:.13em; }
.mara-service-card h3 { font-size:clamp(1.55rem,2.5vw,2.25rem); letter-spacing:-.055em; line-height:1.05; margin:2.4rem 0 .85rem; position:relative; z-index:1; }
.mara-service-card p { font-size:.92rem; line-height:1.68; margin:0; max-width:26rem; position:relative; z-index:1; }
.mara-service-card__action { font-size:.78rem; font-weight:850; margin-top:auto; padding-top:1.5rem; position:relative; z-index:1; }
.mara-service-card__action i { color:var(--mara-orange); font-size:1.15rem; font-style:normal; margin-left:.35rem; }
.mara-service-card__tags { display:flex; flex-wrap:wrap; gap:.45rem; margin-top:1.35rem; position:relative; z-index:1; }
.mara-service-card__tags span { background:color-mix(in srgb,var(--mara-paper) 72%,transparent); border:1px solid color-mix(in srgb,var(--mara-ink) 10%,transparent); border-radius:999px; color:var(--mara-ink); font-size:.65rem; font-weight:850; padding:.45rem .6rem; }
.mara-service-card--photo { background:linear-gradient(145deg,color-mix(in srgb,var(--mara-teal) 20%,var(--mara-paper)),color-mix(in srgb,var(--mara-peach) 60%,var(--mara-paper))); }
.mara-service-card--photo::after { background:color-mix(in srgb,var(--mara-accent) 42%,var(--mara-paper)); border-radius:50%; content:""; height:8rem; position:absolute; right:-2.5rem; top:-2.5rem; width:8rem; }
.mara-service-card--video { background:linear-gradient(145deg,color-mix(in srgb,var(--mara-peach) 48%,var(--mara-paper)),color-mix(in srgb,var(--mara-teal) 16%,var(--mara-paper))); }
.mara-service-card--web { background:linear-gradient(145deg,var(--mara-paper),color-mix(in srgb,var(--mara-teal) 22%,var(--mara-paper)),color-mix(in srgb,var(--mara-peach) 32%,var(--mara-paper))); border-color:color-mix(in srgb,var(--mara-peach) 72%,var(--mara-paper)); }
.mara-service-card__bars { align-items:end; display:flex; gap:.38rem; height:2.7rem; margin-top:1.6rem; }
.mara-service-card__bars i { background:var(--mara-teal-deep); border-radius:.25rem .25rem 0 0; display:block; opacity:.82; width:.45rem; }
.mara-service-card__bars i:nth-child(1) { height:38%; }.mara-service-card__bars i:nth-child(2) { height:92%; }.mara-service-card__bars i:nth-child(3) { height:58%; }.mara-service-card__bars i:nth-child(4) { height:76%; }
.mara-service-card__steps { display:flex; gap:.55rem; list-style:none; margin:1.55rem 0 0; padding:0; position:relative; z-index:1; }
.mara-service-card__steps li { align-items:center; background:color-mix(in srgb,var(--mara-paper) 70%,transparent); border-radius:999px; color:var(--mara-ink); display:flex; font-size:.65rem; font-weight:850; gap:.35rem; padding:.42rem .55rem; }
.mara-service-card__steps li:not(:last-child)::after { color:var(--mara-orange); content:"→"; font-size:.78rem; margin-left:.22rem; }
.mara-section__heading { align-items:end; display:flex; gap:2rem; justify-content:space-between; margin-bottom:2.5rem; }
.mara-portfolio-section { background:var(--mara-paper); }
.mara-portfolio-grid { columns:3 16rem; column-gap:1rem; }
.mara-work-card { break-inside:avoid; margin:0 0 1rem; overflow:hidden; }
.mara-work-card a { background:var(--mara-sand); border-radius:1rem; display:block; overflow:hidden; position:relative; text-decoration:none; }
.mara-work-card img { height:auto; object-fit:contain; transition:transform .45s cubic-bezier(.23,1,.32,1); width:100%; }
.mara-work-card a:hover img { transform:scale(1.035); }
.mara-work-card__shade { background:linear-gradient(180deg,transparent 50%,color-mix(in srgb,var(--mara-ink) 72%,transparent)); inset:0; position:absolute; }
.mara-work-card__title { bottom:0; color:var(--mara-paper); display:flex; font:700 1.1rem/1.1 Raleway,sans-serif; gap:1rem; justify-content:space-between; left:0; padding:1.15rem; position:absolute; right:0; }
.mara-work-card__title b { color:var(--mara-gold); font-family:Manrope,sans-serif; }
.mara-service-page { background:var(--mara-paper); padding:clamp(3.8rem,8vw,7.5rem) 0; }
.mara-service-page { padding:clamp(2.6rem,5vw,4.8rem) 0; }
.mara-service-page .mara-content-page__header { max-width:60rem; padding-bottom:clamp(1.8rem,3.8vw,3.2rem); }
.mara-service-page .mara-content-page__header h1 { font-size:clamp(2.1rem,3.25vw,3.25rem); letter-spacing:-.055em; max-width:18ch; }
.mara-service-page__header-note { color:var(--mara-muted); font-size:1rem; line-height:1.65; margin:1.35rem 0 1.35rem; max-width:38rem; }
.mara-service-page__guide { display:flex; flex-wrap:wrap; gap:.55rem; }
.mara-service-page__guide span { background:var(--mara-paper); border:1px solid var(--mara-line); border-radius:999px; color:var(--mara-ink); font-size:.7rem; font-weight:800; letter-spacing:.04em; padding:.55rem .78rem; }
.mara-service-page__guide span:nth-child(2) { background:var(--mara-peach); }
.mara-service-page__guide span:nth-child(3) { background:var(--mara-teal); }
.mara-service-content { color:var(--mara-muted); font-size:clamp(1rem,1.25vw,1.14rem); line-height:1.86; margin:0 auto; max-width:52rem; }
.mara-service-content > h2 { border-top:1px solid var(--mara-line); color:var(--mara-ink); font-size:clamp(1.55rem,2.6vw,2.35rem); letter-spacing:-.04em; line-height:1.15; margin:4.5rem 0 1.15rem; padding-top:1.25rem; }
.mara-service-content > h3,.mara-service-content > h4,.mara-service-content > h5 { color:var(--mara-ink); font-family:Raleway,sans-serif; font-size:1.16rem; font-weight:800; letter-spacing:.01em; margin:2.7rem 0 .5rem; }
.mara-service-content > p { margin:0 0 1.35rem; }
.mara-service-content figure,.mara-service-content > p:has(img) { background:linear-gradient(145deg,color-mix(in srgb,var(--mara-teal) 19%,var(--mara-paper)),color-mix(in srgb,var(--mara-peach) 43%,var(--mara-paper))); border:1px solid var(--mara-line); border-radius:1.25rem; margin:clamp(2rem,5vw,4.5rem) 0; overflow:hidden; padding:clamp(.55rem,1.4vw,.9rem); }
.mara-service-content > p:has(img) { display:grid; gap:.65rem; grid-template-columns:repeat(2,minmax(0,1fr)); }
.mara-service-content figure img,.mara-service-content > p:has(img) img { border-radius:.8rem; display:block; height:auto; max-height:none; width:100%; }
.mara-service-content > p:has(img) br { display:none; }
.mara-service-content figure a { display:block; }
.mara-service-price-card { background:linear-gradient(135deg,color-mix(in srgb,var(--mara-peach) 53%,var(--mara-paper)),color-mix(in srgb,var(--mara-teal) 12%,var(--mara-paper))); border:1px solid color-mix(in srgb,var(--mara-ink) 12%,transparent); border-left:4px solid var(--mara-ink); border-radius:1.2rem; box-shadow:0 1rem 2.4rem color-mix(in srgb,var(--mara-ink) 7%,transparent); color:var(--mara-ink); margin:1.15rem 0; padding:1.15rem 1.3rem; }
.mara-service-price-card > span { color:var(--mara-ink); display:block; font-size:.68rem; font-weight:850; letter-spacing:.14em; margin-bottom:.65rem; }
.mara-service-price-card p { font-size:1.02rem; line-height:1.8; margin:0; }
.mara-service-page__next { background:var(--mara-paper); border:1px solid color-mix(in srgb,var(--mara-ink) 10%,transparent); border-radius:1.35rem; margin:clamp(4rem,8vw,7rem) auto 0; max-width:58rem; padding:clamp(2rem,5vw,4rem); text-align:center; }
.mara-service-page__next h2 { font-size:clamp(1.8rem,3.3vw,3.2rem); letter-spacing:-.055em; margin:.55rem auto 1rem; max-width:17ch; }
.mara-service-page__next p:not(.mara-eyebrow) { color:var(--mara-muted); line-height:1.7; margin:0 auto; max-width:38rem; }
.mara-service-page__actions { display:flex; flex-wrap:wrap; gap:.7rem; justify-content:center; margin-top:1.8rem; }
.mara-service-gallery-link { background:linear-gradient(145deg,color-mix(in srgb,var(--mara-teal) 22%,var(--mara-paper)),color-mix(in srgb,var(--mara-peach) 45%,var(--mara-paper))); border:1px solid color-mix(in srgb,var(--mara-ink) 12%,transparent); border-radius:1.2rem; margin:3.5rem 0; padding:clamp(1.6rem,4vw,2.5rem); text-align:center; }
.mara-service-gallery-link > span { color:var(--mara-ink); display:block; font-size:.68rem; font-weight:850; letter-spacing:.14em; margin-bottom:.7rem; }
.mara-service-gallery-link h2 { color:var(--mara-ink); font-size:clamp(1.65rem,3vw,2.5rem); line-height:1.06; margin:0 auto .85rem; max-width:15ch; }
.mara-service-gallery-link p { color:var(--mara-muted); font-size:.94rem; line-height:1.7; margin:0 auto 1.35rem; max-width:38rem; }
.mara-service-style-visual { margin:1.35rem 0 2.8rem !important; }
.mara-service-style-visual figcaption { color:var(--mara-ink); font-size:.72rem; font-weight:800; letter-spacing:.1em; padding:.35rem .35rem .75rem; text-transform:uppercase; }
.mara-service-style-visual figcaption strong { font:800 1rem/1.2 Raleway,sans-serif; letter-spacing:0; margin-left:.2rem; text-transform:none; }
.mara-service-page--preview .mara-service-content { max-width:72rem; }
.mara-service-page--preview .mara-service-content > h2:first-child { display:none; }
.mara-service-page--preview .mara-service-style-block { border-top:1px solid var(--mara-line); margin:clamp(3rem,6vw,5rem) 0; padding-top:clamp(1.6rem,3vw,2.6rem); }
.mara-service-page--preview .mara-service-style-block__intro { align-items:start; display:grid; gap:clamp(1.5rem,4vw,4rem); grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); }
.mara-service-page--preview .mara-service-style-visual { background:transparent; border:0; border-radius:0; margin:0 !important; overflow:visible; padding:0; }
.mara-service-page--preview .mara-service-style-visual figcaption { display:none; }
.mara-service-page--preview .mara-service-style-visual img { border-radius:0; }
.mara-service-page--preview .mara-service-style-block__copy > h3 { font-size:clamp(1.45rem,2.7vw,2.35rem); letter-spacing:-.04em; margin:0 0 .85rem; }
.mara-service-page--preview .mara-service-style-block__copy > p { margin:0 0 1.1rem; }
.mara-service-page--preview .mara-service-style-block__prices { display:grid; gap:.9rem; grid-template-columns:repeat(2,minmax(0,1fr)); margin-top:1.35rem; }
.mara-service-page--preview .mara-service-style-block__prices .mara-service-price-card { margin:0; }
.mara-service-preview-navigation { border-top:1px solid var(--mara-line); margin:clamp(3.5rem,7vw,6rem) auto 0; max-width:72rem; padding-top:1.2rem; }
.mara-service-preview-navigation__links { display:grid; gap:1rem; grid-template-columns:repeat(2,minmax(0,1fr)); }
.mara-service-preview-navigation__links a { border-bottom:1px solid var(--mara-line); color:var(--mara-ink); display:grid; gap:.38rem; grid-template-columns:1fr auto; padding:1.15rem 0; text-decoration:none; }
.mara-service-preview-navigation__links a span { color:var(--mara-muted); font-size:.67rem; font-weight:850; grid-column:1 / -1; letter-spacing:.12em; }
.mara-service-preview-navigation__links a strong { font:800 clamp(1.05rem,1.8vw,1.45rem)/1.18 Raleway,sans-serif; }
.mara-service-preview-navigation__links a b,.mara-service-preview-navigation__all span { color:var(--mara-orange); font-size:1.2rem; }
.mara-service-preview-navigation__all { color:var(--mara-ink); display:inline-flex; font-size:.82rem; font-weight:850; gap:.5rem; margin-top:1.25rem; text-decoration:none; }
.mara-service-gift { background:linear-gradient(135deg,color-mix(in srgb,var(--mara-peach) 41%,var(--mara-paper)),color-mix(in srgb,var(--mara-teal) 14%,var(--mara-paper))); border:1px solid color-mix(in srgb,var(--mara-ink) 12%,transparent); margin:1.25rem auto 0; max-width:72rem; padding:clamp(1.5rem,3.5vw,2.5rem); }
.mara-service-gift h2 { color:var(--mara-ink); font-size:clamp(1.6rem,2.5vw,2.35rem); letter-spacing:-.045em; margin:.35rem 0 .65rem; }
.mara-service-gift > p:not(.mara-eyebrow) { color:var(--mara-muted); line-height:1.7; margin:0 0 1.15rem; max-width:45rem; }
.mara-context-back { align-items:center; color:var(--mara-ink); display:inline-flex; font-family:Manrope,sans-serif; font-size:.82rem; font-weight:800; gap:.45rem; letter-spacing:.01em; margin:0 0 1.8rem; text-decoration:none; }
.mara-context-back:hover,.mara-context-back:focus-visible { color:var(--mara-accent); text-decoration:underline; text-underline-offset:.28em; }
.mara-services-hub__hero { background:linear-gradient(145deg,color-mix(in srgb,var(--mara-teal) 19%,var(--mara-paper)),color-mix(in srgb,var(--mara-peach) 47%,var(--mara-paper))); padding:clamp(4rem,8vw,7.5rem) 0; }
.mara-services-hub__hero h1 { color:var(--mara-ink); font-size:clamp(2.3rem,4.1vw,4.4rem); max-width:15ch; }
.mara-services-hub__hero > .mara-shell > p:not(.mara-eyebrow) { color:var(--mara-muted); font-size:1.02rem; line-height:1.78; margin:1.35rem 0 0; max-width:39rem; }
.mara-services-hub__jump { align-items:center; display:flex; flex-wrap:wrap; gap:1.2rem; margin-top:2rem; }
.mara-services-hub__section { padding:clamp(4rem,8vw,7.5rem) 0; scroll-margin-top:6.5rem; }
.mara-services-hub__section--personal { background:var(--mara-paper); }
.mara-services-hub__section--business { background:var(--mara-sand); }
.mara-services-hub__heading { align-items:end; display:grid; gap:2rem; grid-template-columns:1.05fr .75fr; margin-bottom:2.8rem; }
.mara-services-hub__heading h2 { color:var(--mara-ink); font-size:clamp(2rem,3.4vw,3.4rem); max-width:16ch; }
.mara-services-hub__heading > p { color:var(--mara-muted); line-height:1.75; margin:0; max-width:31rem; }
.mara-services-hub__grid { display:grid; gap:1rem; grid-template-columns:repeat(3,minmax(0,1fr)); }
.mara-services-hub__card { background:var(--mara-paper); border:1px solid color-mix(in srgb,var(--mara-ink) 12%,transparent); border-radius:1rem; color:var(--mara-ink); display:flex; flex-direction:column; min-height:15rem; padding:1.5rem; text-decoration:none; transition:box-shadow .2s ease,transform .2s ease; }
.mara-services-hub__section--personal .mara-services-hub__card:nth-child(2n) { background:linear-gradient(145deg,color-mix(in srgb,var(--mara-teal) 12%,var(--mara-paper)),color-mix(in srgb,var(--mara-peach) 26%,var(--mara-paper))); }
.mara-services-hub__section--business .mara-services-hub__card:nth-child(2n) { background:linear-gradient(145deg,color-mix(in srgb,var(--mara-peach) 34%,var(--mara-paper)),color-mix(in srgb,var(--mara-teal) 9%,var(--mara-paper))); }
.mara-services-hub__card:hover,.mara-services-hub__card:focus-visible { box-shadow:0 1.05rem 2.4rem color-mix(in srgb,var(--mara-ink) 12%,transparent); outline:none; transform:translateY(-4px); }
.mara-services-hub__card h3 { font-size:clamp(1.35rem,2.1vw,1.85rem); margin:0 0 .8rem; }
.mara-services-hub__card p { color:var(--mara-muted); font-size:.9rem; line-height:1.68; margin:0; }
.mara-services-hub__card b { font-size:.75rem; margin-top:auto; padding-top:1.25rem; }
.mara-services-hub__card b span { color:var(--mara-orange); font-size:1.1rem; margin-left:.25rem; }
.mara-services-hub__contact { background:var(--mara-ink); color:var(--mara-paper); padding:clamp(4rem,8vw,7rem) 0; text-align:center; }
.mara-services-hub__contact .mara-eyebrow { color:var(--mara-peach); }
.mara-services-hub__contact h2 { color:var(--mara-paper); font-size:clamp(2rem,3.5vw,3.5rem); }
.mara-services-hub__contact p:not(.mara-eyebrow) { color:color-mix(in srgb,var(--mara-paper) 75%,var(--mara-ink)); line-height:1.7; margin:1rem auto 1.55rem; max-width:36rem; }
.mara-services-hub__contact .mara-cta { margin:auto; }
.mara-product-copy .mara-context-back { margin-bottom:1.1rem; }
.mara-article__hero .mara-context-back { color:var(--mara-teal); }
.mara-article__hero .mara-context-back:hover,.mara-article__hero .mara-context-back:focus-visible { color:var(--mara-paper); }
.mara-shop-prompt { background:var(--mara-sand); }
.mara-shop-prompt__grid { align-items:end; display:grid; gap:3rem; grid-template-columns:.85fr 1.15fr; }
.mara-shop-prompt__grid > div > p:not(.mara-eyebrow) { color:var(--mara-muted); line-height:1.7; max-width:31rem; }
.mara-shop-prompt__cards { display:grid; gap:.7rem; }
.mara-shop-prompt__cards a { align-items:center; background:var(--mara-paper); border-radius:.8rem; display:flex; justify-content:space-between; padding:1.25rem; text-decoration:none; transition:color .18s ease; }
.mara-shop-prompt__cards a:hover,.mara-shop-prompt__cards a:focus-visible { color:var(--mara-orange); outline:none; }
.mara-shop-prompt__cards span { font:700 clamp(1.1rem,2vw,1.6rem)/1 Raleway,sans-serif; }
.mara-shop-prompt__cards b { color:var(--mara-orange); font-size:.7rem; text-transform:uppercase; }
.mara-contact-prompt { background:var(--mara-paper); padding:clamp(3.5rem,7vw,6.5rem) 0; }
.mara-contact-prompt__inner { align-items:center; background:linear-gradient(145deg,color-mix(in srgb,var(--mara-teal) 20%,var(--mara-paper)),color-mix(in srgb,var(--mara-peach) 48%,var(--mara-paper))); border:1px solid color-mix(in srgb,var(--mara-ink) 12%,transparent); border-radius:var(--mara-radius); display:grid; gap:clamp(2rem,6vw,5rem); grid-template-columns:1.15fr .85fr; padding:clamp(2rem,5vw,4.5rem); }
.mara-contact-prompt__copy h2 { font-size:clamp(1.9rem,3.8vw,3.6rem); letter-spacing:-.055em; line-height:1.03; margin:.45rem 0 1rem; max-width:13ch; }
.mara-contact-prompt__copy > p:not(.mara-eyebrow) { color:var(--mara-muted); line-height:1.72; margin:0; max-width:35rem; }
.mara-contact-prompt__actions { align-items:flex-start; display:flex; flex-direction:column; gap:1.25rem; }
.mara-contact-prompt__phone { color:var(--mara-ink); font:800 1.12rem/1.15 Raleway,sans-serif; text-decoration:none; }
.mara-contact-prompt__phone small { color:var(--mara-muted); display:block; font:700 .68rem/1 Manrope,sans-serif; letter-spacing:.08em; margin-bottom:.38rem; text-transform:uppercase; }
.mara-home-gallery-section { background:var(--mara-paper); }
.mara-home-gallery-grid { display:grid; gap:1rem; grid-template-columns:repeat(4,minmax(0,1fr)); }
.mara-home-gallery-card { margin:0; overflow:hidden; }
.mara-home-gallery-card a { background:var(--mara-sand); border-radius:1rem; display:block; overflow:hidden; position:relative; text-decoration:none; }
.mara-home-gallery-card img { aspect-ratio:2 / 3; height:auto; object-fit:cover; object-position:center; transition:filter .2s ease; width:100%; }
.mara-home-gallery-card a:hover img,.mara-home-gallery-card a:focus-visible img { filter:saturate(1.08) brightness(.94); }
.mara-home-gallery-card__shade { background:linear-gradient(180deg,transparent 40%,color-mix(in srgb,var(--mara-ink) 76%,transparent)); inset:0; position:absolute; }
.mara-home-gallery-card__title { bottom:0; color:var(--mara-paper); display:flex; font:700 .9rem/1.15 Raleway,sans-serif; gap:.6rem; justify-content:space-between; left:0; padding:1rem; position:absolute; right:0; }
.mara-home-gallery-card a:hover .mara-home-gallery-card__title,.mara-home-gallery-card a:focus-visible .mara-home-gallery-card__title { color:var(--mara-peach); }
.mara-home-gallery-card__placeholder { align-items:center; aspect-ratio:2 / 3; color:var(--mara-muted); display:flex; font-size:.82rem; font-weight:800; justify-content:center; letter-spacing:.08em; text-transform:uppercase; }
.mara-home-blog-section { background:var(--mara-paper); }
.mara-home-blog-grid { display:grid; gap:1rem; grid-template-columns:repeat(3,minmax(0,1fr)); }
.mara-home-blog-card { background:var(--mara-paper); border:1px solid var(--mara-line); border-radius:1rem; overflow:hidden; }
.mara-home-blog-card a { display:block; text-decoration:none; }
.mara-home-blog-card img { aspect-ratio:4 / 3; height:auto; object-fit:cover; width:100%; }
.mara-home-blog-card__body { padding:1.2rem 1.25rem 1.35rem; }
.mara-home-blog-card__body small { color:var(--mara-orange); font-size:.66rem; font-weight:850; letter-spacing:.1em; }
.mara-home-blog-card__body h3 { font-size:1.25rem; line-height:1.16; margin:.65rem 0 1rem; }
.mara-home-blog-card__body > span { color:var(--mara-ink); font-size:.73rem; font-weight:850; letter-spacing:.06em; text-transform:uppercase; }
.mara-home-blog-card a:hover .mara-home-blog-card__body h3,.mara-home-blog-card a:focus-visible .mara-home-blog-card__body h3,.mara-home-blog-card a:hover .mara-home-blog-card__body > span,.mara-home-blog-card a:focus-visible .mara-home-blog-card__body > span { color:var(--mara-orange); }
.mara-footer { background:var(--mara-ink); color:var(--mara-paper); padding:3.5rem 0 1.2rem; }
.mara-footer__grid { display:grid; gap:2rem; grid-template-columns:1.35fr .7fr .7fr .78fr; }
.mara-footer__intro { padding-top:.35rem; }
.mara-footer p:not(.mara-eyebrow) { color:color-mix(in srgb,var(--mara-paper) 70%,var(--mara-ink)); font-size:.87rem; line-height:1.7; max-width:23rem; }
.mara-footer__links { display:flex; flex-direction:column; gap:.65rem; }
.mara-footer__links--legal { padding-left:.35rem; }
.mara-footer__links a { font-size:.85rem; text-decoration:none; }
.mara-footer .mara-eyebrow { color:var(--mara-peach); margin-bottom:.35rem; }
.mara-footer__bottom { border-top:1px solid color-mix(in srgb,var(--mara-paper) 18%,transparent); color:color-mix(in srgb,var(--mara-paper) 64%,var(--mara-ink)); display:flex; font-size:.67rem; justify-content:space-between; margin-top:2.8rem; padding-top:1.1rem; text-transform:uppercase; }
.mara-archive-hero { background:var(--mara-ink); color:var(--mara-paper); padding:clamp(4rem,9vw,8rem) 0; }
.mara-archive-hero p:last-child { color:color-mix(in srgb,var(--mara-paper) 76%,var(--mara-ink)); line-height:1.7; max-width:32rem; margin:1.5rem 0 0; }
.mara-portfolio-grid--archive { columns:3 17rem; }
.mara-filter-bar { display:flex; flex-wrap:wrap; gap:.55rem; margin:0 0 2rem; }
.mara-filter-bar button { background:transparent; border:1px solid var(--mara-line); border-radius:999px; color:var(--mara-ink); cursor:pointer; font:800 .74rem/1 Manrope,sans-serif; padding:.75rem 1rem; transition:background .18s ease,border-color .18s ease,color .18s ease; }
.mara-filter-bar button:hover,.mara-filter-bar button.is-active { background:var(--mara-ink); border-color:var(--mara-ink); color:var(--mara-paper); }
.mara-content-page { padding:clamp(3.5rem,8vw,7rem) 0; }
.mara-content-page header { border-bottom:1px solid var(--mara-line); margin-bottom:3rem; max-width:55rem; padding-bottom:2rem; }
.mara-content-page__body { font-size:1.05rem; line-height:1.8; max-width:50rem; }
.mara-content-page__body img { height:auto; margin:2rem 0; }
.mara-content-page__body h2,.mara-content-page__body h3 { margin-top:3rem; }
.mara-post-list { display:grid; gap:1rem; max-width:54rem; }
.mara-post-list article { background:var(--mara-paper); border:1px solid var(--mara-line); border-radius:1rem; padding:1.5rem; }
.mara-post-list h2 { font-size:clamp(1.6rem,3vw,2.3rem); margin:.2rem 0 1rem; }
.mara-post-list h2 a { text-decoration:none; }
.mara-product-hero { background:var(--mara-paper); padding:clamp(3rem,7vw,7rem) 0; }
.mara-product-hero__grid { align-items:center; display:grid; gap:clamp(2.5rem,7vw,7.5rem); grid-template-columns:minmax(0,1fr) minmax(20rem,.92fr); }
.mara-product-gallery > img { background:var(--mara-teal); border-radius:1.1rem; height:min(65vh,42rem); object-fit:contain; padding:1.25rem; width:100%; }
.mara-product-gallery__thumbs { display:flex; gap:.6rem; margin-top:.6rem; }
.mara-product-gallery__thumbs img { background:var(--mara-paper); border-radius:.5rem; height:4rem; object-fit:cover; width:4rem; }
.mara-product-copy h1 { font-size:clamp(2.85rem,5.8vw,5.7rem); margin-bottom:1.4rem; }
.mara-product-copy__intro { color:var(--mara-muted); font-size:1.07rem; line-height:1.7; max-width:35rem; }
.mara-product-copy__notice { border-left:3px solid var(--mara-orange); line-height:1.7; margin:2rem 0 1.4rem; max-width:34rem; padding-left:1rem; }
.mara-product-copy__fine-print { color:var(--mara-muted); font-size:.76rem; line-height:1.5; margin:1rem 0 0; max-width:30rem; }
.mara-product-section { padding:clamp(4rem,8vw,7.5rem) 0; }
.mara-product-section__heading { align-items:end; display:grid; gap:3rem; grid-template-columns:1fr .75fr; margin-bottom:3rem; }
.mara-product-section__heading > p { color:var(--mara-muted); line-height:1.75; margin:0; max-width:28rem; }
.mara-product-pricing { background:var(--mara-ink); color:var(--mara-paper); }
.mara-price-guide { display:grid; gap:.8rem; grid-template-columns:repeat(3,1fr); }
.mara-price-guide article { background:color-mix(in srgb,var(--mara-paper) 8%,transparent); border:1px solid color-mix(in srgb,var(--mara-paper) 16%,transparent); border-radius:.9rem; padding:1rem; }
.mara-price-guide h3 { color:var(--mara-paper); font-size:1.1rem; letter-spacing:-.04em; margin:.2rem 0 1.1rem; }
.mara-price-guide article > div { display:grid; gap:.6rem; }
.mara-price-guide span { align-items:center; border-top:1px solid color-mix(in srgb,var(--mara-paper) 16%,transparent); display:flex; font-size:.7rem; justify-content:space-between; padding-top:.55rem; }
.mara-price-guide b { color:color-mix(in srgb,var(--mara-paper) 72%,var(--mara-ink)); font-weight:700; }
.mara-price-guide strong { color:var(--mara-peach); font-size:.82rem; }
.mara-product-pricing__note { color:color-mix(in srgb,var(--mara-paper) 72%,var(--mara-ink)); font-size:.8rem; margin:1.6rem 0 0; }
.mara-product-process { background:var(--mara-sand); }
.mara-product-process ol { border-top:1px solid var(--mara-line); list-style:none; margin:0; padding:0; }
.mara-product-process li { align-items:center; border-bottom:1px solid var(--mara-line); display:grid; gap:1.2rem; grid-template-columns:4rem 1fr; padding:1.35rem 0; }
.mara-product-process li b { color:var(--mara-orange); font:700 1.65rem/1 Raleway,sans-serif; }
.mara-product-process li span { font-size:1rem; line-height:1.55; }
.mara-product-content { background:var(--mara-paper); }
.mara-product-content__body { font-size:1.04rem; line-height:1.8; max-width:54rem; }
.mara-product-content__body img { height:auto; margin:2rem 0; }
.mara-product-inquiry { background:linear-gradient(145deg,color-mix(in srgb,var(--mara-teal) 22%,var(--mara-paper)),color-mix(in srgb,var(--mara-peach) 44%,var(--mara-paper))); color:var(--mara-ink); padding:clamp(4rem,7vw,7rem) 0; text-align:center; }
.mara-product-inquiry h2 { margin-bottom:1.6rem; }
.mara-shop-hero,.mara-blog-hero { background:var(--mara-ink); color:var(--mara-paper); padding:clamp(4.5rem,10vw,9rem) 0; }
.mara-shop-hero > .mara-shell > p:last-child,.mara-blog-hero > .mara-shell > p:last-child { color:color-mix(in srgb,var(--mara-paper) 76%,var(--mara-ink)); font-size:1.05rem; line-height:1.75; margin:1.6rem 0 0; max-width:35rem; }
.mara-shop-grid-section { padding:clamp(3rem,7vw,7rem) 0; }
.mara-shop-collections { padding:clamp(4rem,9vw,8rem) 0; }
.mara-shop-collections__intro { align-items:end; display:flex; gap:2rem; justify-content:space-between; margin-bottom:3rem; }
.mara-shop-collections__intro > p:last-child { color:var(--mara-muted); line-height:1.75; margin:0; max-width:34rem; }
.mara-shop-collections__grid { display:grid; gap:1rem; grid-template-columns:repeat(3,1fr); }
.mara-collection-card { background:var(--mara-sand); border-radius:1rem; overflow:hidden; }
.mara-collection-card__link { color:inherit; display:block; height:100%; text-decoration:none; }
.mara-collection-card:nth-child(2) { background:var(--mara-teal); }
.mara-collection-card:nth-child(3) { background:var(--mara-peach); }
.mara-collection-card__image { aspect-ratio:4 / 3; background:var(--mara-paper); overflow:hidden; position:relative; }
.mara-collection-card__image img { height:100%; object-fit:cover; transition:transform .45s cubic-bezier(.23,1,.32,1); width:100%; }
.mara-collection-card:hover .mara-collection-card__image img { transform:scale(1.035); }
.mara-collection-card__image span { background:var(--mara-paper); border-radius:50%; color:var(--mara-ink); font:800 .72rem/1 Manrope,sans-serif; padding:.85rem .63rem; position:absolute; right:1rem; top:1rem; }
.mara-collection-card__copy { display:flex; flex-direction:column; min-height:19rem; padding:1.5rem; }
.mara-collection-card__copy h2 { font-size:clamp(1.9rem,3.2vw,3.1rem); }
.mara-collection-card__copy > p:not(.mara-eyebrow) { color:var(--mara-muted); font-size:.86rem; line-height:1.7; }
.mara-collection-card__copy .mara-text-link { margin-top:auto; padding-top:1rem; }
.mara-collection-card__copy .mara-text-link b { color:var(--mara-orange); font-size:1.2rem; }
.mara-collection-card__link:focus-visible { outline:3px solid var(--mara-accent); outline-offset:-3px; }
.mara-shop-grid { display:grid; gap:1rem; grid-template-columns:repeat(3,1fr); }
.mara-shop-card { background:var(--mara-paper); border:1px solid var(--mara-line); border-radius:1.1rem; display:flex; flex-direction:column; overflow:hidden; }
.mara-shop-card--sand { background:var(--mara-sand); }
.mara-shop-card__image { aspect-ratio:1.12; background:var(--mara-sand); overflow:hidden; }
.mara-shop-card__image img { height:100%; object-fit:cover; width:100%; }
.mara-shop-card__copy { display:flex; flex:1; flex-direction:column; padding:1.4rem; }
.mara-shop-card__copy h2 { font-size:clamp(1.8rem,2.7vw,2.55rem); margin:0; }
.mara-shop-card__copy > p:not(.mara-eyebrow) { color:var(--mara-muted); font-size:.86rem; line-height:1.7; }
.mara-shop-card__copy .mara-text-link { margin-top:auto; padding-top:1.1rem; }
.mara-shop-approach { background:linear-gradient(145deg,color-mix(in srgb,var(--mara-peach) 58%,var(--mara-paper)),color-mix(in srgb,var(--mara-teal) 16%,var(--mara-paper))); color:var(--mara-ink); overflow:hidden; padding:clamp(4rem,8vw,7rem) 0; position:relative; }
.mara-shop-approach::before { background:var(--mara-teal); border-radius:50%; content:""; height:30rem; opacity:.46; pointer-events:none; position:absolute; right:-11rem; top:-15rem; width:30rem; }
.mara-shop-approach__grid { align-items:end; display:grid; gap:3rem; grid-template-columns:1fr 1fr; position:relative; }
.mara-shop-approach__grid > div:last-child > p { color:var(--mara-muted); line-height:1.75; margin-top:0; max-width:33rem; }
.mara-shop-approach .mara-cta { background:linear-gradient(135deg,color-mix(in srgb,var(--mara-teal) 32%,var(--mara-paper)),color-mix(in srgb,var(--mara-peach) 68%,var(--mara-paper))) !important; color:var(--mara-ink) !important; }
.mara-shop-approach .mara-cta:hover { background:linear-gradient(135deg,color-mix(in srgb,var(--mara-teal) 41%,var(--mara-paper)),color-mix(in srgb,var(--mara-peach) 76%,var(--mara-paper))) !important; }
.mara-contact-page__content { background:var(--mara-paper); padding:clamp(3rem,7vw,6.2rem) 0; }
.mara-contact-page__content-grid { align-items:stretch; display:grid; gap:clamp(1.5rem,4vw,3rem); grid-template-columns:repeat(2,minmax(0,1fr)); }
.mara-contact-page__editable { color:var(--mara-ink); font-size:1.01rem; line-height:1.84; max-width:none; }
.mara-contact-only-page .mara-contact-page__editable,.mara-contact-only-page .mara-contact-page__form-card { border:1px solid var(--mara-line); border-radius:0; box-shadow:none; min-height:100%; padding:clamp(1.25rem,3vw,2.25rem); }
.mara-contact-only-page .mara-contact-page__editable { display:flex; flex-direction:column; }
.mara-contact-only-page .mara-contact-page__editable iframe { flex:1; min-height:22rem; }
.mara-about-page__dog-photo { margin:0 0 2rem; }
.mara-about-page__dog-photo img { display:block; height:auto; max-height:30rem; object-fit:cover; object-position:center; width:100%; }
.mara-about-page .mara-contact-page__editable { max-width:48rem; }
.mara-about-page .mara-contact-page__form-card { align-self:start; }
.mara-contact-page__editable h1 { color:var(--mara-ink); font-size:clamp(2.2rem,4vw,3.8rem); line-height:1.03; margin:0 0 1.4rem; }
.mara-contact-page__editable h2,.mara-contact-page__editable h3 { color:var(--mara-ink); margin-top:2.2rem; }
.mara-contact-page__editable img,.mara-contact-page__editable iframe { height:auto; max-width:100%; }
.mara-contact-page__editable iframe { min-height:18rem; width:100%; }
.mara-contact-page__form-card { background:var(--mara-paper); border:1px solid color-mix(in srgb,var(--mara-ink) 13%,transparent); border-radius:1.15rem; box-shadow:0 1.3rem 3.5rem color-mix(in srgb,var(--mara-ink) 10%,transparent); color:var(--mara-ink); min-height:18rem; padding:clamp(1.15rem,3vw,2rem); }
.mara-contact-page__form-card .hs-form-field label,.mara-contact-page__form-card .hs-form-field legend { color:var(--mara-ink) !important; font-family:Manrope,sans-serif !important; font-size:.78rem !important; font-weight:800 !important; }
.mara-contact-page__form-card .hs-input { border:1px solid var(--mara-line) !important; border-radius:.45rem !important; font-family:Manrope,sans-serif !important; padding:.72rem !important; }
.mara-contact-page__form-card .hs-button { background:linear-gradient(105deg,var(--mara-peach),var(--mara-teal)) !important; border:1px solid color-mix(in srgb,var(--mara-ink) 14%,transparent) !important; border-radius:999px !important; color:var(--mara-ink) !important; font-family:Manrope,sans-serif !important; font-weight:800 !important; padding:.78rem 1.05rem !important; }
.mara-contact-page__form-card .hs-button:hover,.mara-contact-page__form-card .hs-button:focus-visible { filter:saturate(1.12) brightness(.97); }
@media (max-width:1100px) { .mara-contact-page__content-grid { grid-template-columns:1fr; } .mara-contact-page__form-card { max-width:42rem; } }
.mara-editorial-grid { display:grid; gap:2.4rem 1rem; grid-template-columns:repeat(3,1fr); }
.mara-story-card a { text-decoration:none; }
.mara-story-card > a:first-child { aspect-ratio:1.15; background:var(--mara-sand); border-radius:.8rem; display:block; overflow:hidden; }
.mara-story-card > a:first-child img { height:100%; object-fit:cover; transition:transform .4s cubic-bezier(.23,1,.32,1); width:100%; }
.mara-story-card:hover > a:first-child img { transform:scale(1.03); }
.mara-story-card > div { padding:.9rem .2rem 0; }
.mara-story-card h2 { font-size:1.5rem; line-height:1.05; margin:.1rem 0 .8rem; }
.mara-story-card h2 a { text-decoration:none; }
.mara-article__hero { background:var(--mara-ink); color:var(--mara-paper); padding:clamp(4rem,8vw,8rem) 0; }
.mara-article__hero h1 { max-width:15ch; }
.mara-article__body { font-size:1.05rem; line-height:1.85; max-width:52rem; padding:clamp(3rem,7vw,6rem) 0; }
.mara-article--editorial .mara-article__hero { padding:clamp(2.8rem,5vw,5.2rem) 0; }
.mara-article--editorial .mara-article__hero .mara-eyebrow { color:var(--mara-peach); }
.mara-article--editorial .mara-article__hero h1 { font-size:clamp(2.15rem,3.7vw,3.65rem); max-width:19ch; }
.mara-article--editorial .mara-article__body { max-width:50rem; padding:clamp(2.5rem,5.5vw,4.8rem) 0; }
.mara-article__featured-image { height:auto; margin:0 0 2rem; width:100%; }
.mara-article--editorial .mara-article__content h2 { border-top:1px solid var(--mara-line); color:var(--mara-ink); font-size:clamp(1.55rem,2.6vw,2.4rem); line-height:1.13; margin:3.5rem 0 1rem; padding-top:1.1rem; scroll-margin-top:7rem; }
.mara-article--editorial .mara-article__content h3 { color:var(--mara-ink); font-size:1.22rem; line-height:1.25; margin:2.25rem 0 .65rem; scroll-margin-top:7rem; }
.mara-article--editorial .mara-article__content img { height:auto; margin:2.25rem 0; max-width:100%; }
.mara-article-toc { background:linear-gradient(145deg,color-mix(in srgb,var(--mara-teal) 20%,var(--mara-paper)),color-mix(in srgb,var(--mara-peach) 48%,var(--mara-paper))); border:1px solid color-mix(in srgb,var(--mara-ink) 12%,var(--mara-paper)); border-radius:1.15rem; margin:0 0 2.6rem; padding:1.35rem 1.45rem; }
.mara-article-toc .mara-eyebrow { color:var(--mara-ink); margin-bottom:.65rem; }
.mara-article-toc ol { display:grid; gap:.55rem; list-style:none; margin:0; padding:0; }
.mara-article-toc__item a { color:var(--mara-ink); font-size:.92rem; font-weight:750; text-decoration-color:color-mix(in srgb,var(--mara-ink) 35%,transparent); text-underline-offset:.25em; }
.mara-article-toc__item a:hover,.mara-article-toc__item a:focus-visible { color:var(--mara-teal-deep); }
.mara-article-toc__item--sub { padding-left:1rem; }
.mara-article__context-links { align-items:center; border-top:1px solid var(--mara-line); display:flex; flex-wrap:wrap; gap:.6rem 1rem; margin:3.5rem 0 0; padding-top:1.3rem; }
.mara-article__context-links span { color:var(--mara-muted); font-size:.7rem; font-weight:800; letter-spacing:.11em; text-transform:uppercase; }
.mara-article__context-links a { color:var(--mara-ink); font-size:.86rem; font-weight:800; text-decoration-color:color-mix(in srgb,var(--mara-ink) 35%,transparent); text-underline-offset:.25em; }
.mara-article__cta { background:var(--mara-ink); border-radius:1.25rem; color:var(--mara-paper); margin:3.4rem 0 0; padding:clamp(1.7rem,4vw,2.6rem); text-align:center; }
.mara-article__cta .mara-eyebrow { color:var(--mara-peach); }
.mara-article__cta h2 { color:var(--mara-paper); font-size:clamp(1.65rem,3vw,2.45rem); line-height:1.08; margin:.35rem auto .8rem; max-width:18ch; }
.mara-article__cta > p:not(.mara-eyebrow) { color:color-mix(in srgb,var(--mara-paper) 76%,var(--mara-ink)); line-height:1.7; margin:0 auto 1.35rem; max-width:36rem; }
.mara-article--baptism-preview .mara-article__question-card { background:linear-gradient(135deg,color-mix(in srgb,var(--mara-peach) 22%,var(--mara-paper)),color-mix(in srgb,var(--mara-teal) 10%,var(--mara-paper))); border-left:3px solid var(--mara-peach); margin:1.35rem 0; padding:1.25rem 1.35rem; }
.mara-article--baptism-preview .mara-article__question-card:nth-of-type(2n) { background:linear-gradient(135deg,color-mix(in srgb,var(--mara-teal) 16%,var(--mara-paper)),color-mix(in srgb,var(--mara-paper) 90%,var(--mara-peach))); border-left-color:var(--mara-teal); }
.mara-article--baptism-preview .mara-article__question-card h3 { margin:.05rem 0 .5rem; }
.mara-article--baptism-preview .mara-article__question-card p:last-child { margin-bottom:0; }
@media (max-width:940px) { .mara-header { background:var(--mara-paper); position:sticky; top:0; z-index:1000; } .mara-logo__image--desktop { display:none; } .mara-logo__image--compact { display:block; height:2.35rem; max-width:2.35rem; } .mara-header__row { min-height:4.85rem; } .mara-header__actions { gap:.25rem; } .mara-header-action { font-size:.7rem; padding:.6rem .7rem; } .mara-menu { gap:.8rem; } .mara-hero__grid,.mara-shop-prompt__grid,.mara-contact-panel__grid,.mara-product-hero__grid,.mara-contact-page__hero-grid,.mara-contact-page__about-grid,.mara-contact-page__form-grid,.mara-services__header,.mara-services-hub__heading { grid-template-columns:1fr 1fr; } .mara-services__grid { grid-template-columns:1fr; } .mara-services-bento { grid-template-columns:repeat(3,minmax(0,1fr)); } .mara-service-card { min-height:18rem; } .mara-service-card h3 { margin-top:1.6rem; } .mara-price-guide { grid-template-columns:repeat(2,1fr); } .mara-shop-grid,.mara-editorial-grid,.mara-shop-collections__grid,.mara-services-hub__grid { grid-template-columns:repeat(2,1fr); } }
@media (max-width:700px) { .mara-shell { width:min(100% - 2rem,1180px); } .mara-header__row { display:grid; gap:.55rem; grid-template-columns:1fr auto 1fr; justify-content:initial; min-height:4.15rem; } .mara-logo { gap:.5rem; grid-column:1; grid-row:1; justify-self:start; } .mara-logo strong { font-size:1.05rem; } .mara-logo small { display:none; } .mara-logo__mark { height:2.45rem; width:2.45rem; } .mara-logo__image { height:2.05rem; max-width:2.05rem; } .mara-header__actions { gap:.25rem; grid-column:3; grid-row:1; justify-self:end; } .mara-header-phone { display:none; } .mara-header-action { font-size:.66rem; padding:.56rem .62rem; } .mara-nav { flex:none; } .mara-nav-checkbox { opacity:0; pointer-events:none; position:absolute; } .mara-nav-trigger { align-items:center; cursor:pointer; display:flex; flex-direction:column; gap:.25rem; grid-column:2; grid-row:1; justify-content:center; justify-self:center; min-height:2.5rem; width:2.5rem; } .mara-nav-trigger span { background:var(--mara-ink); height:2px; transition:transform .18s ease; width:1.2rem; } .mara-nav { background:var(--mara-paper); border:1px solid var(--mara-line); border-radius:.8rem; box-shadow:0 1.2rem 2.5rem color-mix(in srgb,var(--mara-ink) 15%,transparent); left:50%; min-width:15rem; padding:1rem; position:absolute; right:auto; top:4.1rem; transform:translateX(-50%); } .mara-nav-checkbox:not(:checked) ~ .mara-nav { display:none; } .mara-menu { align-items:stretch; flex-direction:column; gap:.15rem; } .mara-menu a { display:block; padding:.55rem; } .mara-hero { padding-top:2.6rem; } .mara-hero__grid,.mara-shop-prompt__grid,.mara-contact-panel__grid,.mara-section__intro,.mara-footer__grid,.mara-product-hero__grid,.mara-product-section__heading,.mara-contact-page__hero-grid,.mara-contact-page__about-grid,.mara-contact-page__form-grid,.mara-shop-approach__grid,.mara-paths__grid,.mara-services__header,.mara-services-bento,.mara-services-hub__heading,.mara-services-hub__grid,.mara-service-page--preview .mara-service-style-block__intro,.mara-service-page--preview .mara-service-style-block__prices,.mara-service-preview-navigation__links { grid-template-columns:1fr; } .mara-contact-page__portrait { justify-self:start; max-width:15rem; } .mara-contact-page__editable { border-left:0; border-top:1px solid var(--mara-line); padding:1.4rem 0 0; } .mara-contact-page__details div { align-items:start; flex-direction:column; gap:.25rem; } .mara-hero__visual { aspect-ratio:4/4.7; max-width:30rem; order:-1; } .mara-hero__copy h1 { font-size:clamp(2.25rem,9vw,3.15rem); max-width:13ch; } .mara-hero__proof { margin-top:2.75rem; } .mara-section__intro { margin-bottom:2.5rem; } .mara-section__heading { align-items:start; flex-direction:column; gap:1.2rem; } .mara-services__header { align-items:start; margin-bottom:2.2rem; } .mara-service-card { min-height:19rem; } .mara-path-card { min-height:20rem; padding:1.5rem; } .mara-path-card h3 { margin-top:2.5rem; } .mara-path-card b { bottom:1.35rem; left:1.5rem; } .mara-portfolio-grid,.mara-portfolio-grid--archive { columns:2 9rem; column-gap:.65rem; } .mara-work-card { margin-bottom:.65rem; } .mara-work-card a { border-radius:.7rem; } .mara-work-card__title { font-size:.82rem; padding:.8rem; } .mara-shop-prompt__cards a { align-items:start; flex-direction:column; gap:.6rem; } .mara-footer__bottom { align-items:start; flex-direction:column; gap:.5rem; } .mara-product-gallery > img { height:auto; max-height:31rem; } .mara-product-section__heading { gap:1.3rem; } .mara-price-guide,.mara-shop-grid,.mara-editorial-grid,.mara-shop-collections__grid { grid-template-columns:1fr; } .mara-product-process li { grid-template-columns:1fr; } .mara-shop-collections__intro { align-items:start; flex-direction:column; } }
@media (max-width:1100px) {
    .mara-home-gallery-grid,.mara-home-blog-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:700px) {
    .mara-path-card h3 { margin-top:0; }
    .mara-path-card__links { grid-template-columns:1fr; }
    .mara-home-gallery-grid,.mara-home-blog-grid { grid-template-columns:1fr; }
    .mara-contact-prompt__inner { gap:1.5rem; grid-template-columns:1fr; min-width:0; width:100%; }
    .mara-home-gallery-card__title { font-size:.86rem; padding:.8rem; }
}
