/* September 2026: image-led catalogue and personal quote journey. */
:root { --m-container: 1440px; --m-radius: 4px; --m-radius-l: 6px; }
.m-button,.m-search__input,.m-search__submit { border-radius: 4px; }
.m-button--primary { box-shadow: none; }
.m-h1,.m-h2 { letter-spacing: -.045em; }
.m-h2 { font-size: clamp(1.8rem,3.1vw,2.9rem); }
.m-section { padding-block: 88px; }
.m-section__head { margin-bottom: 36px; }
.m-section__head .m-lead { max-width: 42ch; }
.m-hero__inner { grid-template-columns: .93fr 1.07fr; gap: 50px; padding-block: 46px 52px; }
.m-hero__title .m-hero__message { font-size: clamp(3rem,5.8vw,5.25rem); }
.m-hero__showroom { grid-template-columns: 1.4fr 1fr; grid-template-rows: 245px 245px auto; gap: 12px; }
.m-showcase { border-radius: 4px; }
.m-showcase--main { background: #f3f3f1; }
.m-showcase--bottle { background: #f7efed; }
.m-showcase--main img { width: 150%; }
.m-showcase__label { font-size: .83rem; }
.m-clients { border-top: 1px solid var(--m-line); padding-block: 24px 17px; overflow: hidden; background: #fff; }
.m-clients__head { display:flex; justify-content:space-between; align-items:center; gap:20px; }
.m-clients__head p { margin:0; font-size:.85rem; font-weight:600; }
.m-clients__head span { color:var(--m-muted); font-weight:400; margin-left:10px; }
.m-clients__head button { font-size:.75rem; flex:none; }
.m-clients__window { overflow:hidden; margin-top:10px; }
.m-clients__track { display:flex; width:max-content; }
.m-clients__set { display:flex; align-items:center; list-style:none; margin:0; padding:0; }
.m-clients__set li { width:190px; flex:none; display:grid; place-items:center; padding:4px 22px; }
.m-clients__set img { width:170px; height:110px; object-fit:cover; }
@media (prefers-reduced-motion:no-preference) {
 .m-clients.is-animated .m-clients__track { animation:m-logos 52s linear infinite; }
 .m-clients:hover .m-clients__track,.m-clients:focus-within .m-clients__track,.m-clients.is-paused .m-clients__track { animation-play-state:paused; }
}
@keyframes m-logos { to { transform:translateX(-50%); } }
@media (prefers-reduced-motion:reduce) { .m-clients__window { overflow-x:auto; } .m-clients__set[aria-hidden] { display:none; } }
.m-cat-tiles { gap:32px 22px; }
.m-cat-tile__media { aspect-ratio:1.03; border-radius:4px; border:0; background:#f5f5f3; }
.m-cat-tile__img { width:88%;height:88%; }
.m-cat-tile__label { font-size:1rem; padding-top:17px; }
.m-card__media { aspect-ratio: .93; border-radius:4px; background:#f5f5f3; }
.m-card__img { inset:4.5%;width:91%;height:91%; }
.m-card__title { font-size:1rem; font-weight:600; }
.m-card__body { padding-top:20px; }
.m-card__price { font-size:1rem; }
.m-card__meta { color:#686868; }
.m-badge { border-radius:3px; box-shadow:none; font-size:.7rem; }
.m-rail__track { grid-auto-columns:calc((100% - 60px)/3.35);gap:24px;padding-bottom:24px;scroll-snap-type:x mandatory; }
.m-rail__item { scroll-snap-align:start; }
.m-editorial { padding-top:12px; }
.m-stories { display:grid;grid-template-columns:1fr 1fr;gap:28px; }
.m-story__image { display:grid;place-items:center;aspect-ratio:1.12;background:#f2f3f3;overflow:hidden; }
.m-story__image img { width:85%;height:85%;object-fit:contain;mix-blend-mode:multiply;transition:transform .3s; }
.m-story__image--bag { background:#f4f0ed; }
.m-story__image--bag img { width:92%;height:92%; }
.m-story__copy { padding:28px 0 0;max-width:56ch; }
.m-story__copy h3 { font-size:clamp(1.4rem,2vw,1.85rem);letter-spacing:-.035em;margin:8px 0 12px; }
.m-story__copy p:not(.m-eyebrow) { color:#666;line-height:1.7;margin-bottom:18px; }
.m-story .m-eyebrow { font-size:.74rem;color:#777;letter-spacing:.015em;text-transform:none; }
.m-buying-guide { background:#f6f6f4; }
.m-buying-guide__inner { display:grid;grid-template-columns:1fr 1fr;gap:100px; }
.m-buying-guide h2 { max-width:15ch; }
.m-buying-guide p { color:#606060;line-height:1.8; }
.m-buying-guide .m-button { margin-top:15px; }
.m-advice-list article { display:flex;gap:24px;padding:24px 0;border-top:1px solid #dcdcd8; }
.m-advice-list article:first-child { padding-top:0;border:0; }
.m-advice-list article:last-child { padding-bottom:0; }
.m-advice-list article>span { font-size:.78rem;color:var(--m-red-600);padding-top:4px; }
.m-advice-list h3 { font-size:1.1rem;margin:0 0 10px;font-family:var(--m-font-body); }
.m-advice-list p { font-size:.95rem;margin:0; }
.m-advice-list a { font-size:.9rem;display:inline-block;margin-top:12px; }
.m-eco-feature__inner { display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center; }
.m-eco-feature__image { background:#eff1ee;aspect-ratio:1.15;display:grid;place-items:center; }
.m-eco-feature__image img { width:87%;height:87%;object-fit:contain;mix-blend-mode:multiply; }
.m-eco-feature__inner>div+div { max-width:49ch; }
.m-eco-feature p:not(.m-eyebrow) { color:#626262;line-height:1.8; }
.m-eco-feature .m-button { margin-top:12px; }
.m-team__photos { min-height:440px; }
.m-polaroid { transform:none;box-shadow:none;padding:0;background:none; }
.m-polaroid__img { border-radius:4px; }
.m-team__photos .m-polaroid:first-child { width:67%; }
.m-team__photos .m-polaroid:last-child { width:42%;margin-top:160px;margin-left:-15%;border:8px solid #f8f8f8; }
.m-team .m-polaroid figcaption { text-align:left;padding:12px 0;font-size:.8rem; }
.m-quote { border-radius:0;border:0;border-top:1px solid var(--m-line);padding:28px 0; }
.m-quote blockquote { font-size:1.15rem; }
.m-rating { border-radius:4px; }
.m-listing__head { grid-template-columns:minmax(0,1fr) minmax(260px,.55fr);gap:80px;align-items:center;padding:26px 0 48px; }
.m-listing__head .m-eyebrow { font-size:.75rem;color:var(--m-red-600); }
.m-listing__title { font-size:clamp(2.2rem,4vw,3.5rem);line-height:1.1;max-width:20ch; }
.m-listing__intro { max-width:66ch;font-size:1rem;line-height:1.8; }
.m-collection-art { height:280px;background:#f5f5f3;display:grid;place-items:center;overflow:hidden;border-radius:4px; }
.m-collection-art img { height:95%;width:95%;object-fit:contain;mix-blend-mode:multiply; }
.m-subtile { border-radius:4px; }
.m-toolbar { padding-block:20px;border-block:1px solid var(--m-line);margin-bottom:28px; }
.m-inline-cta { background:#f0f2ef;color:var(--m-ink);border:0;border-radius:4px;padding:36px; }
.m-inline-cta p { color:#5c645b; }
.m-inline-cta .m-inline-cta__title { color:var(--m-ink);font-size:1.3rem; }
.m-inline-cta .m-button { background:#fff;border:1px solid #ccc;color:var(--m-ink); }
.m-buying-notes { display:grid;grid-template-columns:.8fr 1.3fr;gap:70px;padding:65px 0;margin-top:55px;border-block:1px solid var(--m-line); }
.m-buying-notes .m-h2 { font-size:clamp(1.8rem,2.6vw,2.4rem); }
.m-buying-notes p { font-size:.95rem;color:#666;line-height:1.8; }
.m-notes-grid { display:grid;grid-template-columns:1fr 1fr;gap:26px; }
.m-notes-grid h3 { font-family:var(--m-font-body);font-size:1.05rem;margin-bottom:10px; }
.m-pdp__grid { gap:55px; }
.m-gallery__main { border-radius:4px;aspect-ratio:.96;background:#f5f5f3; }
.m-gallery__img { width:93%;height:93%; }
.m-gallery__thumb { border-radius:3px;width:84px;height:84px; }
.m-buybox .m-eyebrow { color:#666;font-size:.76rem;margin-bottom:12px; }
.m-buybox__title { font-size:clamp(1.6rem,2.4vw,2.3rem);line-height:1.2;letter-spacing:-.035em; }
.m-buybox .m-price { background:#fff;border:0;border-block:1px solid var(--m-line);border-radius:0;padding:20px 0; }
.m-step-field--quantity { background:#f9f9f8;border-radius:4px; }
.m-product-links { display:flex;gap:32px;flex-wrap:wrap;border-bottom:1px solid var(--m-line);padding:24px 0;margin-top:45px; }
.m-product-links a { color:#333;font-size:.95rem; }
.m-pdp__details { margin-top:40px; }
[id] { scroll-margin-top:110px; }
.m-quotepage__head { padding-bottom:8px;max-width:none; }
.m-quotepage__head .m-lead { max-width:72ch; }
.m-progress { gap:0;margin-top:34px;border-block:1px solid var(--m-line);padding:20px 0; }
.m-progress li { flex:1;font-size:.95rem; }
.m-progress li::before { display:none; }
.m-progress button { background:none;border:0;display:flex;align-items:center;gap:12px;text-align:left;padding:0;color:inherit; }
.m-progress button span { display:grid;place-items:center;border:1px solid #ccc;border-radius:50%;width:34px;height:34px;font-size:.85rem; }
.m-progress .is-current button span { background:var(--m-ink);color:#fff;border-color:var(--m-ink); }
.m-progress .is-done button span { background:#f0f0ed;color:var(--m-ink); }
.m-panel { border-radius:4px; }
.m-quoteform-request.m-panel { margin-top:0; }
.m-line { grid-template-columns:140px minmax(0,1fr);gap:26px;padding-block:30px; }
.m-line__media { width:140px;height:160px;border-radius:3px; }
.m-line__media img { width:100%;height:100%;object-fit:contain; }
.m-line__fields { grid-template-columns:repeat(2,minmax(0,1fr)); }
.m-line__name { font-size:1.1rem; }
.m-wizard-actions { display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:30px;padding-top:22px;border-top:1px solid var(--m-line); }
.m-wizard-actions>p { font-size:.8rem;color:#666;margin:0; }
.m-wizard-message { color:var(--m-red-600);font-size:.9rem; }
.m-wizard-summary { background:#f6f6f4;padding:26px;margin-bottom:26px; }
.m-wizard-summary h3 { font-family:var(--m-font-body);font-size:1.05rem;margin-bottom:14px; }
.m-wizard-summary ul { padding-left:18px;font-size:.9rem; }
.m-wizard-summary p { font-size:.9rem;margin-bottom:0; }
.m-wizard-summary a { display:inline-block;margin-top:12px; }
.m-aside__card { border-radius:4px;background:#fafafa; }
.m-aside__photo { max-height:200px;object-fit:cover; }
.m-quoteform-request .m-fieldset { padding-bottom:28px;margin-bottom:28px; }
.m-quoteform-request [data-step-heading] { margin-bottom:28px; }
.m-quoteform-request [data-step-heading] { scroll-margin-top:124px; }
.m-quoteform-request [data-submit] { margin-top:24px; }
.m-journey-intro { color:#666;font-size:.9rem; }
[hidden] { display:none!important; }
@media(min-width:1024px) { .m-pdp__grid { grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); } .m-gallery { position:sticky;top:105px;align-self:start; } .m-quotepage .m-aside { position:sticky;top:110px;align-self:start; } }
@media(max-width:1023px) {
 .m-section { padding-block:58px; }.m-hero__inner { gap:28px; }.m-hero__title .m-hero__message { font-size:clamp(2.6rem,5.5vw,4.5rem); }.m-hero__showroom { grid-template-rows:200px 200px auto; }.m-cat-tile__label { font-size:.85rem; }
 .m-buying-guide__inner,.m-eco-feature__inner { gap:40px; }.m-listing__head { gap:30px; }.m-collection-art { height:240px; }.m-buying-notes { gap:35px; }.m-line { grid-template-columns:100px minmax(0,1fr); }.m-line__media { width:100px;height:120px; }
 .m-team__photos { min-height:300px; }.m-team__photos .m-polaroid:last-child { margin-top:100px; }
}
@media(max-width:599px) {
 .m-section { padding-block:44px; }.m-hero__inner { grid-template-columns:1fr;padding-block:34px;gap:28px; }.m-hero__title .m-hero__message { font-size:clamp(2.8rem,11.5vw,4rem); }.m-hero__showroom { grid-template-rows:165px 165px auto; }.m-showcase__label { font-size:.69rem; }.m-hero__personal { margin-bottom:0; }
 .m-clients__head { align-items:start; }.m-clients__head p { font-size:.78rem; }.m-clients__head span { display:block;margin:4px 0 0;font-size:.72rem; }.m-clients__set li { width:145px;padding-inline:14px; }.m-clients__set img { height:75px;width:117px; }
 .m-cat-tiles { gap:24px 14px; }.m-card__title { font-size:.87rem; }.m-card__body { padding-top:14px; }.m-card__meta { font-size:.7rem; }.m-card__price { font-size:.9rem; }.m-rail__track { grid-auto-columns:76%;gap:16px; }
 .m-stories,.m-buying-guide__inner,.m-eco-feature__inner,.m-buying-notes { grid-template-columns:1fr;gap:32px; }.m-story__copy { padding-top:22px; }.m-stories { gap:42px; }.m-story__image { aspect-ratio:1.1; }.m-buying-guide h2 { max-width:none; }.m-advice-list article { gap:18px; }.m-eco-feature__inner { gap:28px; }.m-team__photos { min-height:290px; }
 .m-listing__head { grid-template-columns:1fr;padding-block:12px 28px;gap:22px; }.m-listing__title { font-size:2.1rem; }.m-collection-art { height:200px; }.m-collection-art img { max-width:280px; }.m-listing__intro { font-size:.94rem; }.m-inline-cta { padding:24px; }.m-inline-cta .m-button { width:100%; }
 .m-buying-notes { padding-block:40px;margin-top:35px; }.m-notes-grid { grid-template-columns:1fr;gap:20px; }.m-notes-grid p { margin-bottom:0; }.m-product-links { gap:18px;font-size:.8rem;margin-top:25px; }.m-product-links a { font-size:.79rem; }.m-gallery__main { aspect-ratio:1; }.m-buybox__title { font-size:1.7rem; }
 .m-progress { gap:12px;justify-content:space-between; }.m-progress li { flex:initial;font-size:.73rem; }.m-progress button { gap:6px; }.m-progress button span { width:24px;height:24px;font-size:.7rem; }.m-line { grid-template-columns:72px minmax(0,1fr);gap:15px; }.m-line__media { width:72px;height:90px; }.m-line__name { font-size:.9rem; }.m-line__fields { grid-template-columns:1fr; }.m-line__head { flex-wrap:wrap; }.m-wizard-actions { flex-wrap:wrap; }.m-wizard-actions .m-button { width:100%; }.m-wizard-actions>p { width:100%; }.m-wizard-summary { padding:20px; }
}

.m-price__basis { margin:0 0 12px;font-size:.83rem;color:#666; }
.m-price__amount { font-size:2.7rem; }
/* Keep collection photographs fully visible and the first screen ready at paint. */
.m-collection-art { display:flex;justify-content:center;align-items:center; }
.m-collection-art img { width:90%;height:90%;min-width:0;min-height:0;object-fit:contain; }
.m-hero__content,.m-hero__showroom { animation:none; }

.m-rail-controls { display:flex;justify-content:flex-end;gap:10px;margin-top:8px; }
.m-rail-controls button { width:46px;height:46px;border:1px solid #ccc;background:#fff;border-radius:50%;font-size:1.2rem; }
.m-rail-controls button:hover:not(:disabled) { border-color:var(--m-ink);background:#f5f5f3; }
.m-rail-controls button:disabled { opacity:.35;cursor:default; }

/* The people behind Mannik: one full-size portrait, aligned with the story. */
.m-family { padding-block:40px 56px;background:#fff; }
.m-family__grid { display:grid;grid-template-columns:1fr 1fr;align-items:stretch;background:#f5f5f2; }
.m-family__portrait { margin:0;position:relative;min-width:0;min-height:600px;overflow:hidden; }
.m-family__portrait > img { position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 36%; }
.m-family__portrait figcaption { position:absolute;inset:auto 22px 22px;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px 18px;background:#fff;color:#242424;font-size:.76rem;line-height:1.4; }
.m-family__portrait figcaption span:first-child { font-weight:600; }
.m-family__portrait figcaption span:last-child { color:#666;font-size:.7rem; }
.m-family__content { padding:clamp(30px,3.7vw,60px);min-width:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start; }
.m-family__content .m-eyebrow { color:var(--m-red-600);font-size:.68rem;letter-spacing:.1em;margin:0 0 20px; }
.m-family__content h2 { font-family:var(--m-font-head);font-size:clamp(2.5rem,3.7vw,3.6rem);font-weight:500;line-height:1.06;letter-spacing:-.045em;margin:0 0 25px; }
.m-family__content p { font-size:.94rem;line-height:1.75;color:#555;margin:0 0 17px;max-width:48ch; }
.m-family__content .m-family__intro { font-size:1.12rem;line-height:1.5;color:#222;font-weight:500;margin-bottom:20px; }
.m-family__content .m-button { margin-top:9px;min-height:48px;font-size:.85rem; }
.m-family__contact { width:100%;border-top:1px solid #d9d9d4;margin-top:28px;padding-top:20px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 15px;font-size:.78rem; }
.m-family__contact > span { color:#666; }
.m-family__contact a { display:inline-flex;align-items:center;gap:10px;color:#242424;font-weight:600;text-decoration:none; }
.m-family__contact a:hover { color:var(--m-red-600); }
@media(min-width:1440px) { .m-family__portrait { min-height:650px; } }
@media(max-width:1023px) and (min-width:901px) {
 .m-family__content { padding:28px; }.m-family__content h2 { font-size:2.5rem; }
 .m-family__content p { font-size:.85rem; }.m-family__content .m-family__intro { font-size:1rem; }
 .m-family__portrait { min-height:630px; }.m-family__portrait > img { object-position:54% 50%; }
 .m-family__portrait figcaption { flex-direction:column;align-items:flex-start;gap:2px;inset:auto 15px 15px;padding:12px; }
}
@media(max-width:900px) {
 .m-family { padding-block:20px 32px; }.m-family__grid { grid-template-columns:1fr; }
 .m-family__portrait { min-height:0;aspect-ratio:1; }.m-family__portrait > img { object-position:50% 36%; }
 .m-family__portrait figcaption { inset:auto 14px 14px;padding:12px 14px;font-size:.72rem; }.m-family__portrait figcaption span:last-child { font-size:.63rem; }
 .m-family__content { padding:30px 24px; }.m-family__content .m-eyebrow { font-size:.61rem;margin-bottom:16px; }
 .m-family__content h2 { font-size:clamp(2.2rem,7.2vw,3rem);margin-bottom:20px; }
 .m-family__content .m-family__intro { font-size:1.06rem; }.m-family__content p { font-size:.88rem; }
 .m-family__contact { margin-top:24px;padding-top:18px; }
}
@media(max-width:359px) { .m-family__content { padding:26px 18px; }.m-family__portrait figcaption { flex-direction:column;align-items:flex-start;gap:1px; } }

#meet-mannik { scroll-margin-top:0; }
@media(max-width:1023px) { #meet-mannik { scroll-margin-top:72px; } }

/* BPMA clear space: the full mark stays proportional and separate from its caption. */
.m-header__bar { height:108px;gap:24px; }
.m-header__bpma { flex:0 0 180px;flex-direction:row;gap:15px;align-items:center;justify-content:center;margin:0;padding:10px 0; }
.m-header__bpma span { max-width:70px;white-space:normal;font-size:12px;line-height:1.5;text-align:left; }
.m-header__bpma img { width:96px;height:auto;aspect-ratio:3571 / 2532;max-width:none;flex:none;object-fit:contain; }
@media(max-width:1023px) {
 .m-header__bar { height:94px;gap:18px; }.m-header__bpma { margin-left:auto;flex:0 0 160px;gap:10px; }.m-header__bpma img { width:88px;height:auto; }.m-header__bpma span { font-size:11px; }
}
@media(max-width:639px) {
 .m-header__bar { height:82px;display:grid;grid-template-columns:28px minmax(0,1fr) 72px 32px;gap:10px; }
 .m-header__logo { min-width:0; }.m-header__logo img { width:150px;max-width:100%;height:auto; }
 .m-header__bpma { width:72px;min-width:0;margin:0;padding:4px;gap:0; }.m-header__bpma img { width:64px;height:auto; }
 .m-header__bpma span { position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap; }
 .m-header__quote { min-width:0;min-height:44px;justify-content:center;padding:0;border:0; }.m-header__quote:hover { border:0; }.m-header__quote-label { display:none; }
 .m-header__menu { width:28px;min-width:0;padding:0; }
}
@media(max-width:359px) { .m-header__bar { gap:7px;grid-template-columns:26px minmax(0,1fr) 60px 28px; }.m-header__bpma { width:60px;padding:0; }.m-header__bpma img { width:60px; } }

/* Official "Proud to be a BPMA Member" logo, supplied by Mannik on 23 September 2026. */
.m-header__bpma { flex:0 0 auto;padding:0;gap:0; }
.m-header__bpma img { width:136px;height:auto;aspect-ratio:560 / 293;filter:none; }
@media(max-width:1180px) { .m-header__bpma { flex:0 0 auto; }.m-header__bpma img { width:112px; } }
@media(max-width:1023px) { .m-header__bpma { width:auto;padding:0; }.m-header__bpma img { width:76px; } }
@media(max-width:359px) { .m-header__bpma { width:auto; }.m-header__bpma img { width:62px; } }

/* Contact page: Mannik's glasses artwork heads the "Looking for a price?" card. */
.m-contact__glasses { display:flex;align-items:center;justify-content:center;background:#fff;border-radius:12px;padding:40px 28px;margin-bottom:22px; }
.m-contact__glasses img { display:block;width:min(100%,340px);height:auto; }

/* Category artwork: WebP <picture> wrappers must share the bounded image box. */
.m-collection-art { position:relative;min-width:0; }
.m-collection-art > picture { display:flex;justify-content:center;align-items:center;width:100%;height:100%;min-width:0;min-height:0; }
.m-collection-art img { display:block;width:80%;height:80%;max-width:80%;max-height:80%;object-fit:contain;object-position:center; }
.m-mega__feature > picture.m-mega__feature-img { display:block;height:210px; }
.m-mega__feature > picture.m-mega__feature-img > img { display:block;width:100%;height:100%;object-fit:contain; }
.m-mega__promo > picture.m-mega__promo-img > img { display:block;width:100%;height:100%;object-fit:cover; }
.m-mega__promo--product { background:#f5f5f3; }
.m-mega__promo--product .m-mega__promo-img { object-fit:contain;padding:10px 12px 35px; }
.m-mega__promo--product > picture.m-mega__promo-img > img { object-fit:contain; }
.m-card__media > picture.m-card__img { position:absolute; }
.m-card__media > picture.m-card__img > img { display:block;width:100%;height:100%;max-width:100%;object-fit:contain; }
.m-subtile__media > picture { display:block;width:44px;height:44px; }
.m-subtile__media > picture > img { width:100%;height:100%;object-fit:contain; }

/* Quote sidebar: show the whole office portrait, including all four corners. */
.m-quotepage .m-aside__photo { display:block;width:100%;height:200px;max-height:none;aspect-ratio:auto;object-fit:contain;object-position:center; }
.m-quotepage picture.m-aside__photo { display:flex;align-items:center;justify-content:center; }
.m-quotepage picture.m-aside__photo>img { display:block;width:100%;height:100%;object-fit:contain;object-position:center; }

/* Direct contact at the points where visitors choose products or ask for help. */
.m-direct-contact { margin-top:20px; }
.m-direct-contact .m-direct-contact__prompt { margin:0 0 10px;font-size:.9rem;line-height:1.5;color:var(--m-ink-80); }
.m-direct-contact__actions { display:flex;flex-wrap:wrap;gap:10px; }
.m-contact-cta { display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:11px 16px;border:1px solid #b8b8b8;border-radius:999px;background:#fff;color:var(--m-ink);text-decoration:none;font-size:.875rem;font-weight:600;line-height:1.3; }
.m-contact-cta:hover { border-color:var(--m-red-600);color:var(--m-red-600);background:#fff; }
.m-contact-cta:focus-visible { outline:3px solid var(--m-ink);outline-offset:3px; }
.m-band__actions { flex-wrap:nowrap; }
.m-band__actions .m-direct-contact { margin:0;flex:0 0 auto;width:100%;min-width:0; }
.m-band__actions .m-contact-cta { border-color:#fff; }
.m-aside__contact .m-direct-contact { margin-top:12px; }
@media(max-width:359px) { .m-contact-cta { padding-inline:12px; } }

/* Sample pack: show the whole supplied photograph without cropping. */
.m-samplepage__photo img { height:auto;aspect-ratio:auto;object-fit:contain; }