/* MEOLLO PACK — visual refinement, 21 September 2026. */
:root{--ui-radius:4px;--ui-muted:#656257}
.header-inner{height:84px;gap:18px}
.desktop-nav{font-size:14px;gap:16px}
.brand{gap:10px}.brand img{width:90px;height:auto}
.brand-pack{font-size:17px}.brand-pack>span{font-size:10px;letter-spacing:0;color:var(--ui-muted)}
.header-cta{font-size:13px;padding-inline:18px;flex-shrink:0}
.button{border-radius:var(--ui-radius);font-size:14px;min-height:50px;gap:20px}
.button:hover{transform:translateY(-1px)}
.button:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.motion-hero .bold-hero-inner{min-height:0;padding-top:34px;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);column-gap:28px}
.motion-hero .bold-hero-copy{padding-top:0}
.motion-hero h1{font-size:clamp(56px,5.7vw,76px);line-height:1.07;margin-bottom:24px}
.motion-hero .lead{font-size:18px;line-height:1.7;margin-bottom:20px}
.motion-hero .eyebrow{font-size:11px}
.motion-hero .hero-mode-description{font-size:14px!important;min-height:0;line-height:1.65;max-width:380px;margin-bottom:23px}
.motion-hero .bold-location{font-size:12px;margin:22px 0 0;color:var(--ui-muted)}
.hero-pack-stage{margin:0;align-self:center}
.hero-art-kicker{font-size:10px;letter-spacing:.15em}
.hero-pack-stage .photo-scene{max-width:450px;width:100%;margin:0 auto;aspect-ratio:1}
.hero-pack-stage .photo-scene .pack-photo,.hero-pack-stage .photo-assembly{object-fit:contain}
.hero-art-caption{font-size:12px;padding:15px 0;align-items:center;gap:12px}
.hero-art-caption>a{margin-left:auto}
.motion-hero .hero-baseline{margin-top:30px;padding:17px 0 20px;font-size:11px;line-height:1.6}
.motion-hero .hero-baseline>a{font-size:13px}
.hero-mode-switch,.stage-tabs{padding:4px;gap:4px;border:1px solid var(--line);background:#eee9de;border-radius:var(--ui-radius)}
.hero-mode-switch button,.stage-tabs button{border-radius:2px;min-height:44px;box-shadow:none;font-size:14px;font-weight:600}
.hero-mode-switch button{min-width:125px;justify-content:center;gap:0}
.hero-mode-switch button>span{display:none}
.stage-tabs button[aria-pressed=true]{background:var(--accent);color:#fff8eb;box-shadow:none}
.motion-hero .hero-replay,.config-replay{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;min-height:40px;padding:0;margin:0;border:1px solid var(--line);border-radius:50%;font-size:20px;line-height:1;flex-shrink:0}
.motion-hero .hero-replay:hover,.config-replay:hover{background:#eee7d9;border-color:var(--accent)}
.hero-pack-stage>.scene-footnote{font-size:11px!important;line-height:1.6;margin:2px 0 0!important;color:var(--ui-muted)}
.format-selector{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px 44px;align-items:center;background:transparent;border:0;padding:0;margin-top:66px;margin-bottom:28px}
.format-intro{grid-column:1/-1;display:grid;grid-template-columns:1.05fr 1fr;column-gap:44px;align-items:end}
.format-intro>.eyebrow{grid-column:1/-1;margin-bottom:14px}
.format-intro h2{font-size:36px;line-height:1.2;margin:0;max-width:520px}
.format-intro>p{font-size:16px;line-height:1.75;max-width:440px;margin:0;color:var(--ui-muted)}
.config-preview{min-width:0;margin:0;align-self:center;position:relative;text-align:left}
.config-photo-frame{width:100%;max-width:none;aspect-ratio:1.13;margin:0;background:#eee9df;overflow:hidden;border-radius:var(--ui-radius)}
.config-photo-frame .photo-scene{height:100%;aspect-ratio:auto;transform:none;transition:none}
.config-photo-frame .pack-photo{object-fit:contain}
.config-photo-frame .photo-scene[data-category-view=photo] .pack-photo{object-fit:cover}
.config-preview-meta{display:flex;align-items:center;gap:18px;justify-content:space-between;padding-top:16px}
.config-preview-caption{font-size:15px;line-height:1.65;min-height:0;margin:0;font-weight:600}
.config-preview .scene-footnote{font-size:12px;line-height:1.65;text-align:left;margin:8px 0 0;max-width:390px;color:var(--ui-muted)}
.product-stage{padding:28px;background:#fffdf8;border:1px solid #ded8ca;border-radius:var(--ui-radius);box-shadow:none;min-width:0}
.product-stage h3{font-size:22px;margin-bottom:20px}
.stage-tabs{margin-bottom:20px}
.config-product-fields{margin:0 0 17px}
.config-product-fields label{font-size:14px;margin-bottom:15px}
.config-product-fields input,.config-product-fields select{font-size:16px;background:#fffefb;border-color:#c9c4b7;border-radius:var(--ui-radius);min-height:46px;padding:10px 12px}
.config-product-fields input::placeholder{font-size:13px;color:var(--ui-muted)}
.config-product-fields .config-quantity-row label{margin-bottom:0}
.choice-label{font-size:14px;margin-bottom:8px;color:var(--ui-muted)}
.material-controls button,.volume-controls button{border-radius:var(--ui-radius);font-size:14px;min-height:44px;padding:9px 12px}
.material-controls button[aria-pressed=true],.volume-controls button[aria-pressed=true]{box-shadow:none;border-color:var(--accent);background:#f5e9ec}
.volume-controls{margin-top:16px}
.format-selector .config-result{font-size:14px!important;line-height:1.6!important;padding-top:16px;margin:20px 0 16px}
.config-note,.dry-hint{font-size:13px!important;line-height:1.65!important;color:var(--ui-muted);margin-bottom:0}
.config-cta{width:100%;font-size:14px!important}
.motion-journey{padding-top:44px;padding-bottom:38px}
.motion-journey>.section-head{margin-bottom:26px}
.motion-journey>.section-head h2{font-size:48px;line-height:1.12}
.journey-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:44px;align-items:start}
.journey-visual:has(.photo-scene){border-radius:var(--ui-radius);padding:10px 20px 0;background:#eee9df}
.journey-ready .journey-visual .motion-scene{width:min(100%,300px);aspect-ratio:1;margin:0 auto}
.journey-ready .journey-caption{padding:14px 0 18px;min-height:0;border:0;gap:18px}
.journey-caption>span{font-size:12px}.journey-caption>strong{font-size:21px}
.journey-progress{display:none}
.journey-navigation{display:flex;justify-content:space-between;gap:12px;margin-top:10px}
.journey-navigation button,.journey-navigation button:first-child{min-height:44px;min-width:110px;padding:8px 10px;border:0;border-radius:var(--ui-radius);background:transparent;color:var(--accent);font-size:14px;gap:10px}
.journey-navigation button:hover:not(:disabled){background:#eee9df}
.journey-description{font-size:15px;line-height:1.7;min-height:3.4em;margin:10px 0 0}
.journey-sticky>.scene-footnote{font-size:12px;text-align:left;margin-top:8px;color:var(--ui-muted)}
.journey-ready .journey-steps{display:block}
.journey-ready .journey-steps>li{border-bottom:1px solid var(--line);padding:0}
.journey-ready .journey-steps>li:first-child{border-top:1px solid var(--line)}
.journey-ready .journey-steps button{border:0;border-radius:0;padding:18px 12px;min-height:62px;background:transparent;box-shadow:none;font-size:18px;grid-template-columns:30px 1fr 20px;gap:12px}
.journey-index{font-size:12px}
.journey-ready .journey-steps>li.is-active button{background:#eee7dd;color:var(--accent);border-color:transparent;box-shadow:inset 3px 0 var(--accent)}
.journey-ready .journey-steps>li.is-active .journey-index{color:var(--accent)}
.journey-ready .journey-steps>li.is-active .journey-arrow{transform:rotate(45deg)}
.chapter-number,.eyebrow{font-size:11px}
.chapter-process{font-size:12px!important;line-height:1.7}
.product-details>button{font-size:13px}
.breadcrumb{font-size:12px}
.request-form label{font-size:14px}
.form-hint,.field-hint,.form-note,.field-help{font-size:12px!important}
@media(min-width:1051px) and (max-width:1199px){.desktop-nav{gap:12px;font-size:13px}.header-inner{gap:14px}.header-cta{padding-inline:14px}.brand-pack>span{font-size:9px}.brand img{width:82px}}
@media(max-width:1050px){.header-inner{height:78px}.format-selector{gap:28px}.format-intro{column-gap:28px}.format-intro h2{font-size:32px}.product-stage{padding:23px}.motion-hero h1{font-size:clamp(49px,6vw,64px)}.journey-layout{gap:28px}.hero-art-caption{font-size:11px}}
@media(max-width:760px){
 .header-inner{height:74px;gap:12px}.brand img{width:77px}.brand-pack{font-size:15px}.brand-pack>span{display:block;font-size:9px}.header-cta{font-size:12px;min-height:44px;padding:10px 13px}
 .motion-hero .bold-hero-inner{display:flex;gap:0;padding-top:28px}.motion-hero .bold-hero-copy{width:100%;max-width:none}
 .motion-hero h1{font-size:clamp(42px,10.5vw,62px);line-height:1.08;margin-bottom:20px}.motion-hero .lead{font-size:17px;line-height:1.65;margin-bottom:18px}
 .hero-mode-switch{display:flex;width:100%;max-width:340px}.hero-mode-switch button{min-width:0;flex:1;font-size:15px}
 .motion-hero .hero-mode-description{font-size:15px!important;max-width:100%;margin-bottom:20px}.motion-hero .bold-location{font-size:12px;margin-top:18px}
 .hero-pack-stage{width:100%;max-width:440px;margin:22px auto 0}.hero-art-kicker{font-size:10px}
 .hero-pack-stage .photo-scene{width:100%;max-width:330px;aspect-ratio:1;margin:0 auto}.hero-art-caption{font-size:12px;padding:12px 0;flex-wrap:wrap;gap:10px}.hero-art-caption>span{flex:1;min-width:180px}
 .hero-pack-stage>.scene-footnote{font-size:11px!important}.motion-hero .hero-baseline{margin-top:20px;font-size:10px;gap:18px}.motion-hero .hero-baseline>a{font-size:12px}.hero-baseline>span{font-size:10px!important}
 .format-selector{grid-template-columns:minmax(0,1fr);gap:22px;padding:0;margin-top:44px;margin-bottom:18px}
 .format-intro{display:block;grid-column:auto}.format-intro>.eyebrow{display:block;margin-bottom:12px}.format-intro h2{font-size:30px;line-height:1.25;max-width:none}.format-intro>p{font-size:16px;margin-top:14px;max-width:none}
 .config-photo-frame{aspect-ratio:1.4;max-height:360px}.config-preview-meta{padding-top:12px}.config-preview-caption{font-size:15px}.config-preview .scene-footnote{font-size:12px;max-width:none}
 .product-stage{padding:24px 20px}.product-stage h3{font-size:21px}.stage-tabs button,.material-controls button,.volume-controls button{font-size:15px}
 .config-product-fields label{font-size:15px}.config-product-fields input,.config-product-fields select{font-size:16px;min-height:48px}.config-product-fields input::placeholder{font-size:13px}
 .config-quantity-row{grid-template-columns:minmax(0,1fr)}.config-quantity-row label+label{margin-top:15px}.config-note,.dry-hint{font-size:14px!important}.config-cta{font-size:15px!important}
 .motion-journey{padding-top:28px;padding-bottom:28px}.motion-journey>.section-head h2{font-size:38px}.journey-layout{grid-template-columns:minmax(0,1fr);gap:22px}
 .journey-sticky{max-width:100%}.journey-ready .journey-visual .motion-scene{width:min(100%,260px)}.journey-caption>strong{font-size:20px}.journey-description{font-size:16px;min-height:3.4em}.journey-navigation button{font-size:15px;min-height:46px}
 .journey-ready .journey-choices{display:block}.journey-ready .journey-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}.journey-ready .journey-steps>li:first-child{border-top:0}.journey-ready .journey-steps button{display:flex;align-items:center;min-height:64px;height:100%;padding:12px 9px;font-size:15px;gap:8px}.journey-ready .journey-index{font-size:11px;padding:0;min-width:18px}.journey-arrow{display:none}
 .chapter-number,.eyebrow{font-size:11px}.chapter-process{font-size:12px!important}.request-form label{font-size:15px}
}
@media(max-width:380px){.brand img{width:69px}.brand-pack{font-size:13px}.brand-pack>span{display:none}.header-inner{gap:8px}.header-cta{font-size:11px;padding-inline:10px}.format-intro h2{font-size:28px}.product-stage{padding:20px 16px}.motion-hero h1{font-size:41px}.hero-art-caption>span{min-width:155px}.journey-ready .journey-steps button{font-size:14px}}
@media(prefers-reduced-motion:reduce){.button,.hero-mode-switch button,.stage-tabs button{transition:none;transform:none!important}}

/* Full-width coloured openings and a smaller, consistent heading scale. */
.inner-hero{width:100%;max-width:none;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:26px 48px;min-height:0;margin:0;padding:25px max(var(--gutter),calc((100% - var(--width))/2)) 40px;background:var(--accent);color:#fbf3e4;overflow:visible;border:0}
.theme-oil .inner-hero{background:var(--olive)}
.inner-hero:before,.inner-art:after{display:none}
.inner-hero>.breadcrumb{grid-column:1/-1;margin:0;color:#eed4d8;font-size:11px;line-height:1.6;min-width:0}
.theme-oil .inner-hero .breadcrumb{color:#dfe3c8}
.inner-hero-copy{min-width:0;padding:8px 0}
.design-bold .inner-hero h1{font-size:38px;line-height:1.2;letter-spacing:-.02em;max-width:490px;margin-bottom:18px;overflow-wrap:normal;text-wrap:balance}
.inner-hero .lead{color:#f1dfd8;font-size:16px;line-height:1.75;margin-bottom:23px;max-width:490px}
.theme-oil .inner-hero .lead{color:#e5e6cf}
.inner-hero .button{background:#f5eddb;border-color:#f5eddb;color:#692034;min-height:48px;padding:12px 22px}
.inner-hero .button:hover{background:#fffaf0;border-color:#fffaf0;color:#692034}
.theme-oil .inner-hero .button{color:#3f4627}
.inner-art{width:100%;min-width:0;align-self:center;overflow:hidden;border-radius:4px}
.inner-art img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;object-position:center;border-radius:4px}
.inner-hero+.section{padding-top:48px}
.design-bold .motion-hero h1{font-size:52px;line-height:1.12;white-space:normal;letter-spacing:-.025em}
.hero-pack-stage .photo-scene{max-width:390px}
.design-bold .chapter-copy h2{font-size:50px;line-height:1.12}
.design-bold .section-head h2,.design-bold .editorial-head h2,.design-bold .motion-journey>.section-head h2{font-size:32px;line-height:1.25}
.design-bold .format-intro h2,.design-bold .faq-heading h2,.design-bold .details-grid h2,.design-bold .split-story h2,.design-bold .format-band h2{font-size:30px;line-height:1.3}
.design-bold .inquiry-intro h2{font-size:34px;line-height:1.25}
.design-bold .page-heading h1{font-size:38px;line-height:1.2}
.design-bold .article-heading h1{font-size:32px;line-height:1.3}
@media(max-width:1050px){
 .inner-hero{gap:24px 32px}
 .design-bold .inner-hero h1{font-size:34px}
 .design-bold .motion-hero h1{font-size:46px}
}
@media(max-width:760px){
 .inner-hero{display:grid;grid-template-columns:minmax(0,1fr);gap:22px;padding:22px var(--gutter) 30px}
 .inner-hero>.breadcrumb{grid-column:auto;font-size:12px}
 .inner-hero-copy{padding:0}
 .design-bold .inner-hero h1{font-size:30px;line-height:1.23;max-width:580px;margin-bottom:16px}
 .inner-hero h1 br{display:none}
 .inner-hero .lead,.theme-oil .inner-hero .lead{font-size:16px;max-width:580px}
 .inner-art{max-width:580px;justify-self:start}
 .inner-hero+.section{padding-top:34px}
 .design-bold .motion-hero h1{font-size:38px;line-height:1.15}
 .hero-pack-stage .photo-scene{max-width:300px}
 .design-bold .chapter-copy h2{font-size:40px}
 .design-bold .section-head h2,.design-bold .editorial-head h2,.design-bold .motion-journey>.section-head h2{font-size:28px}
 .design-bold .format-intro h2,.design-bold .faq-heading h2,.design-bold .details-grid h2,.design-bold .split-story h2,.design-bold .format-band h2{font-size:27px}
 .design-bold .inquiry-intro h2{font-size:30px}
 .design-bold .page-heading h1{font-size:32px}
 .design-bold .article-heading h1{font-size:28px}
}
@media(max-width:380px){
 .design-bold .inner-hero h1{font-size:28px}
 .design-bold .motion-hero h1{font-size:34px}
}

/* Compact home sections; burgundy spans the full first-screen width. */
.page-home .motion-hero{background:var(--accent);color:#fbf3e4;border:0}
.page-home .motion-hero .bold-hero-inner{padding-top:26px;column-gap:48px;align-items:center}
.page-home .motion-hero .bold-hero-copy{align-self:center}
.page-home .motion-hero h1{font-size:48px;color:#fbf3e4;margin-bottom:16px}
.page-home .motion-hero .bold-hero-copy .eyebrow{color:#efcbd1;margin-bottom:14px}
.page-home .motion-hero .lead{font-size:17px;line-height:1.65;color:#f4e4dc;margin-bottom:15px}
.page-home .motion-hero .hero-mode-description{color:#f1d8d8;margin-bottom:16px}
.page-home .motion-hero .bold-location{color:#edcbd1;margin-top:14px;font-size:11px}
.page-home .hero-mode-switch{background:#6c1d30;border-color:#c88c99;margin-bottom:10px}
.page-home .hero-mode-switch button{color:#f9eadc;min-height:40px}
.page-home .hero-mode-switch button[aria-pressed=true]{background:#f5eddb;color:#692034}
.page-home .motion-hero .cream-button{background:#f5eddb;border-color:#f5eddb;color:#692034;min-height:48px;padding:11px 20px}
.page-home .motion-hero .cream-button:hover{background:#fffaf0;border-color:#fffaf0}
.page-home .motion-hero .cream-button>span{font-size:18px;line-height:1}
.page-home .hero-pack-stage{width:100%;max-width:410px;justify-self:end;background:transparent;color:#fbf3e4;border-radius:0;padding:14px 18px 10px}
.page-home .hero-pack-stage .photo-scene{max-width:300px;aspect-ratio:1;margin:0 auto}
.page-home .motion-hero .hero-art-kicker{color:#edcbd1;font-size:9px}
.page-home .motion-hero .hero-art-caption{padding:9px 0;border-color:#c5829066;color:#efd7d8;font-size:11px;gap:10px}
.page-home .motion-hero .hero-art-caption>a{color:#fff1df}
.page-home .motion-hero .hero-pack-stage>.scene-footnote{color:#edcbd1;font-size:10px!important;line-height:1.5;margin-top:0!important}
.page-home .motion-hero .hero-baseline{border-color:#c5829066;color:#ebcbd0;margin-top:18px;padding:11px 0 14px;min-height:0}
.page-home .motion-hero .hero-baseline a{color:#fff1df}
.page-home .motion-hero .bold-hero-copy button:focus-visible,.page-home .motion-hero .bold-hero-copy a:focus-visible{outline-color:#fff1df}
.page-home .chapter-inner{min-height:350px}
.page-home .chapter-copy,.page-home .chapter-oil .chapter-copy{padding-top:30px;padding-bottom:30px}
.page-home .chapter-number{margin-bottom:12px}
.page-home .chapter-copy h2{font-size:44px;margin-bottom:14px}
.page-home .chapter-copy>p{margin-bottom:16px;font-size:15px;line-height:1.65}
.page-home .chapter-copy .button{min-height:48px;padding:11px 20px}
.page-home .chapter-copy .button>span{font-size:18px;line-height:1}
.page-home .chapter-process{margin-top:18px}
.page-home .chapter-liquid-links{margin:12px 0;gap:7px 18px}
.page-home .chapter-brief-note{font-size:13px;line-height:1.65;margin-bottom:16px}
.page-home .section:not(.inquiry):not(.format-selector){padding-top:42px;padding-bottom:42px}
.page-home .section-head{margin-bottom:26px}
.page-home .format-selector{margin-top:42px;margin-bottom:16px;row-gap:24px}
.page-home .product-stage{padding:22px}
.page-home .product-stage h3{margin-bottom:14px}
.page-home .config-product-fields{margin-bottom:12px}
.page-home .config-product-fields label{margin-bottom:12px}
.page-home .stage-tabs{margin-bottom:16px}
.page-home .volume-controls{margin-top:12px}
.page-home .format-selector .config-result{margin-top:16px;padding-top:12px;margin-bottom:12px}
.page-home .journey-ready .journey-visual .motion-scene{width:min(100%,260px)}
.page-home .journey-ready .journey-steps button{min-height:56px;padding-top:14px;padding-bottom:14px}
.page-home .inquiry{padding-top:44px;padding-bottom:44px;margin-top:10px}
@media(max-width:1050px){
 .page-home .motion-hero .bold-hero-inner{column-gap:28px}
 .page-home .motion-hero h1{font-size:42px}
 .page-home .hero-pack-stage{padding-inline:14px}
}
@media(max-width:760px){
 .page-home .motion-hero .bold-hero-inner{padding-top:24px}
 .page-home .motion-hero h1{font-size:36px}
 .page-home .motion-hero .bold-hero-copy{align-self:stretch}
 .page-home .hero-pack-stage{max-width:380px;margin:20px auto 0}
 .page-home .hero-pack-stage .photo-scene{max-width:245px}
 .page-home .motion-hero .hero-art-caption{font-size:11px;padding:8px 0}
 .page-home .hero-art-caption>span{min-width:155px}
 .page-home .chapter-inner{min-height:0}
 .page-home .chapter-copy,.page-home .chapter-oil .chapter-copy{padding-top:26px;padding-bottom:24px}
 .page-home .chapter-copy h2{font-size:38px}
 .page-home .chapter-copy>p{font-size:16px}
 .page-home .chapter-art,.page-home .chapter-oil .chapter-art{height:230px}
 .page-home .section:not(.inquiry):not(.format-selector){padding-top:32px;padding-bottom:32px}
 .page-home .format-selector{margin-top:32px}
 .page-home .inquiry{padding-top:34px;padding-bottom:34px}
 .page-home .product-stage{padding:20px 18px}
}
@media(max-width:380px){.page-home .motion-hero h1{font-size:32px}.page-home .hero-art-caption>span{min-width:130px}}

.page-home .motion-hero .hero-replay{color:#fff1df;border-color:#c88c99}
.page-home .motion-hero .hero-replay:hover{background:#6c1d30;border-color:#efd7d8}
.page-home .motion-hero .hero-pack-stage a:focus-visible,.page-home .motion-hero .hero-replay:focus-visible{outline-color:#fff1df}

/* Article additions, 21 September 2026. Existing services and forms keep their layout. */
.article-cover-figure{margin:0}
.article-cover-figure figcaption{font-size:12px;line-height:1.5;color:#686056;padding-top:10px}
.article-copy .article-cta{margin:28px 0;padding:24px;background:#eee8de;border-left:3px solid #9b2339}
.article-copy .article-cta p{margin:0 0 16px}
.article-actions{display:flex;flex-wrap:wrap;gap:10px}
.article-actions .button{font-size:14px;min-height:46px;white-space:normal;text-align:center;max-width:100%;box-sizing:border-box}
.article-related a{text-decoration:underline;text-underline-offset:3px}
.article-copy h3{font-size:20px;line-height:1.4;margin-top:24px}
@media(max-width:600px){.article-copy .article-cta{padding:18px}.article-actions{flex-direction:column}.article-actions .button{width:100%}}