/* Pearl & Pixie: additive decoration. Keep typography, wording and layout intact. */
html.pp-design :is(.offer-card,.ing-service-detail,.ing-method-card,.ph-home-map li,.ph-principle-grid>article,.service-card,.principle,.ob-scope-card,.he-card){transition:box-shadow .22s ease}
@media(hover:hover){html.pp-design :is(.offer-card,.ing-service-detail,.ing-method-card,.ph-home-map li,.ph-principle-grid>article,.service-card,.principle,.ob-scope-card,.he-card):hover{box-shadow:0 14px 36px #56356820,0 0 0 1px #bda8ce60}html.pp-design :is(.ing-btn,.ph-home-button):hover{box-shadow:0 8px 24px #56356828}}
html.pp-design :is(.offer-card,.ing-service-detail,.ing-method-card,.service-card,.ob-scope-card):focus-within{box-shadow:0 10px 28px #56356820}
@media(prefers-reduced-motion:no-preference){
 html.pp-design:not([data-motion="reduced"]) .pp-art.pp-arrived{animation:pp-awaken 1.8s ease-out 1 both}
 html.pp-design:not([data-motion="reduced"]) .offer-card.pp-arrived::after{animation:pp-pixie 2.8s ease-in-out 1}
 html.pp-design:not([data-motion="reduced"]) .offer-card.pp-arrived .tier-connection{animation:pp-connect 1.8s ease-out 1}
 @media(hover:hover){html.pp-design:not([data-motion="reduced"]) .offer-card:hover .tier-ornament{transform:rotate(5deg);transition:transform .6s ease}html.pp-design:not([data-motion="reduced"]) .tier-ornament{transition:transform .6s ease}}
}
@keyframes pp-awaken{0%{transform:translateY(5px);opacity:.8}100%{transform:translateY(0);opacity:1}}
@keyframes pp-pixie{0%{transform:translateY(7px);opacity:.35}45%{opacity:.85}100%{transform:translateY(0);opacity:.7}}
@keyframes pp-connect{0%{stroke-dashoffset:20;opacity:.45}100%{stroke-dashoffset:0;opacity:1}}
@media(prefers-reduced-motion:reduce){html.pp-design .pp-art,html.pp-design .tier-ornament,html.pp-design .tier-connection,html.pp-design .offer-card::after{animation:none!important;transform:none!important;transition:none!important}html.pp-design :is(.offer-card,.ing-service-detail,.ing-method-card,.ph-home-map li,.service-card,.principle,.ob-scope-card,.he-card,.ing-btn,.ph-home-button){transition:none!important}}
html.pp-design[data-motion="reduced"] .pp-art,html.pp-design[data-motion="reduced"] .tier-ornament,html.pp-design[data-motion="reduced"] .tier-connection,html.pp-design[data-motion="reduced"] .offer-card::after{animation:none!important;transform:none!important;transition:none!important}
html.pp-design[data-motion="reduced"] :is(.offer-card,.ing-service-detail,.ing-method-card,.ph-home-map li,.service-card,.principle,.ob-scope-card,.he-card,.ing-btn,.ph-home-button){transition:none!important}
@media(forced-colors:active){html.pp-design :is(.offer-card,.ing-service-detail,.ing-method-card,.service-card,.principle,.ob-scope-card,.he-card):hover{box-shadow:none}html.pp-design .pp-art{animation:none!important;transform:none!important}}
/* Visible graphic descriptions must reflow under enlarged text and spacing. */
html.pp-design main figcaption{overflow-wrap:anywhere;min-width:0}
/* Preserve every word when visitors enlarge text on a narrow screen. */
@media(max-width:600px){html.pp-design main :is(h1,h2,h3,p,li,a,figcaption){overflow-wrap:anywhere;min-width:0}html.pp-design .ing-sample-list a{display:block}html.pp-design .ing-sample-list span{white-space:normal;margin-inline-start:.35em}}