body:is(.storefront,.story-page,.journey-page,.policy-page,.visual-system) main#MainContent :is(.eyebrow,.island-eyebrow),body:is(.storefront,.story-page,.journey-page,.policy-page,.visual-system) main#MainContent :is(.story-integrated-copy,.island-arrival) :is(.eyebrow,.island-eyebrow){font-size:15px!important;font-weight:600;line-height:1.5;letter-spacing:.16em;text-transform:uppercase}
body:is(.storefront,.story-page,.journey-page,.policy-page,.visual-system) main#MainContent :is(.product-description,.product-qr-benefit,.story-integrated-copy .story-lead,.story-integrated-copy p:not(.eyebrow),.story-body p,.section-intro>p,.quality-intro>p,.journey-example p:not(.eyebrow):not(.journey-example-destination)){font-size:17px;line-height:1.6;letter-spacing:0}
body:is(.storefront,.story-page,.journey-page,.policy-page,.visual-system) main#MainContent .insert-step h3{font-size:20px;line-height:1.3;letter-spacing:0;text-transform:none;font-weight:600}
@media(max-width:700px){body:is(.storefront,.story-page,.journey-page,.policy-page,.visual-system) main#MainContent :is(.product-description,.product-qr-benefit,.story-integrated-copy .story-lead,.story-integrated-copy p:not(.eyebrow),.story-body p,.section-intro>p,.quality-intro>p,.journey-example p:not(.eyebrow):not(.journey-example-destination)){font-size:16px}}

body:is(.storefront,.story-page,.journey-page,.policy-page,.visual-system) main#MainContent :is(.faq-review,.contact-intro,.contact-layout,.journeys-welcome) p:not(.eyebrow):not(.contact-privacy):not(.contact-address){font-size:17px;line-height:1.6}
@media(max-width:700px){body:is(.storefront,.story-page,.journey-page,.policy-page,.visual-system) main#MainContent :is(.faq-review,.contact-intro,.contact-layout,.journeys-welcome) p:not(.eyebrow):not(.contact-privacy):not(.contact-address){font-size:16px}}

/* Match the homepage paper, ink and section rules. */
body.story-page #MainContent .story-integrated-copy p:not(.eyebrow){color:#111111}
body.story-page #MainContent :is(.editorial-band,.editorial-band-gold){background:#f6f3ec}
body.story-page #MainContent .story-section{border-top:1px solid #51453630}
@media(min-width:701px){
body.story-page #MainContent .story-integrated-hero{min-height:620px;padding-block:56px}
body.story-page #MainContent .story-integrated-hero .story-scene{inset:38px 0 38px auto;width:90%;height:calc(100% - 76px);object-fit:contain;object-position:right center;mask-image:linear-gradient(to bottom,transparent,#000 16%,#000 78%,transparent),linear-gradient(to right,transparent,#000 12%,#000 86%,transparent);mask-composite:intersect}}
@media(max-width:700px){body.story-page #MainContent .story-integrated-hero .story-scene{height:270px;object-fit:contain;object-position:85% center;mask-image:linear-gradient(to bottom,transparent,#000 16%,#000 80%,transparent),linear-gradient(to right,transparent,#000 12%,#000 88%,transparent);mask-composite:intersect}}

body #MainContent .welcome-product-photo img{mask-image:linear-gradient(to bottom,transparent,#000 10%,#000 88%,transparent),linear-gradient(to right,transparent,#000 8%,#000 92%,transparent);mask-composite:intersect}

/* Shared page gutters and readable text measures. */
body.visual-system #MainContent :is(.story-section,.contact-layout,.faq-review){width:90%;max-width:none;margin-inline:auto}
body.visual-system #MainContent .journeys-welcome .welcome{width:90%;max-width:none;margin-inline:auto;padding:56px 0;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:5vw}
body.story-page #MainContent .story-integrated-copy{width:45%;max-width:560px}
body.visual-system #MainContent :is(.story-integrated-copy,.journeys-welcome .success,.journeys-welcome .copy) p:not(.eyebrow){max-width:46ch;letter-spacing:0}
body.visual-system #MainContent .journeys-welcome :is(.copy,.success){width:100%;max-width:560px}
body.story-page #MainContent .story-section{padding-block:48px;gap:5vw;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}
body.story-page #MainContent .story-integrated-hero{min-height:540px;padding-block:40px}
body.story-page #MainContent .story-integrated-hero .story-scene{inset:24px 0 24px auto;height:calc(100% - 48px)}
body.story-page #MainContent .story-integrated-spread{max-width:1400px;margin-inline:auto;padding:0}
body.visual-system #MainContent .journeys-welcome .welcome-product-photo{width:100%;margin:0;overflow:hidden;mask-image:linear-gradient(to bottom,transparent,#000 10%,#000 88%,transparent),linear-gradient(to right,transparent,#000 6%,#000 94%,transparent);mask-composite:intersect}
body.visual-system #MainContent .journeys-welcome .welcome-product-photo>img{width:160%;max-width:none;margin-left:-3%;height:auto;aspect-ratio:auto;object-fit:initial;mask-image:none}
@media(max-width:700px){
body.visual-system #MainContent .journeys-welcome .welcome{padding:36px 0 40px;grid-template-columns:1fr;gap:24px}
body.story-page #MainContent .story-integrated-copy{width:100%;max-width:none}
body.story-page #MainContent .story-integrated-hero{min-height:0;padding:36px 5% 0}
body.story-page #MainContent .story-integrated-hero .story-scene{inset:auto;height:250px}
body.story-page #MainContent .story-section{grid-template-columns:1fr;padding-block:36px;gap:20px}
body.visual-system #MainContent .journeys-welcome .welcome-product-photo{grid-row:auto;margin:0}
body.visual-system #MainContent .journeys-welcome .welcome-product-photo>img{width:155%;margin-left:-3%}
}

/* One centred content grid across the pages. Product is a real second column. */
body.visual-system #MainContent :is(.story-section,.contact-layout,.faq-review),body.visual-system #MainContent .journeys-welcome .welcome{max-width:1360px}
body.story-page #MainContent .story-integrated-hero{width:90%;max-width:1360px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:5vw;padding:32px 0;min-height:0}
body.story-page #MainContent .story-integrated-copy{grid-column:1;grid-row:1;width:100%;max-width:560px}
body.story-page #MainContent .story-product-frame{grid-column:2;grid-row:1;position:relative;height:460px;min-width:0;overflow:hidden;mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 85%,transparent),linear-gradient(to right,transparent,#000 7%,#000 92%,transparent);mask-composite:intersect}
body.story-page #MainContent .story-product-frame .story-scene{position:absolute;inset:auto;top:0;right:calc((100% - 600px)/2);width:auto;max-width:none;height:460px;margin:0;z-index:0;object-fit:initial;mask-image:none}
@media(max-width:700px){
body.story-page #MainContent .story-integrated-hero{grid-template-columns:1fr;padding:32px 0 0;gap:8px}
body.story-page #MainContent .story-integrated-copy{grid-column:1;grid-row:1}
body.story-page #MainContent .story-product-frame{grid-column:1;grid-row:2;height:260px}
body.story-page #MainContent .story-product-frame .story-scene{height:260px;right:0}
}