/* HF7: local refinements only. No brand token, header, footer or shop override. */
.hf4-home .manifesto.hf7-manifesto{grid-template-columns:minmax(150px,.25fr) minmax(0,1fr);gap:clamp(28px,4vw,70px);padding-block:48px;align-items:start}
.hf7-manifesto>div{min-width:0}
.hf7-manifesto>div:last-child{max-width:1100px}
.hf7-manifesto .small-copy{max-width:24ch;line-height:1.7}
.hf7-manifesto .lead{max-width:62ch;line-height:1.65}
.hf7-manifesto .copy{max-width:67ch;line-height:1.7}
.hf7-manifesto .display{margin-top:0}
/* Hero geometry, claim, base and support edge stay as in HF6. */
.hf5-website .hf7-hero-media{overflow:hidden}
.hf5-website .hf7-hero-media .hf7-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .4s ease;pointer-events:none}
.hf5-website .hf7-hero-media .hf7-slide[data-hf7-active="1"]{opacity:1;visibility:visible}
.hf7-hero-controls[hidden]{display:none!important}
.hf7-hero-controls{position:absolute;z-index:3;bottom:17px;left:var(--hf5-gutter);display:flex;align-items:center;gap:8px;color:#fff;background:rgba(32,36,35,.9);padding:4px 7px}
.hf7-hero-controls button{font:600 12px/1.3 var(--body);color:inherit;border:1px solid rgba(255,255,255,.45);background:transparent;min-width:44px;min-height:44px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:8px 12px}
.hf7-hero-controls button:hover,.hf7-hero-controls button:focus-visible{background:var(--aqua);color:var(--ink);outline:2px solid var(--aqua);outline-offset:2px}
.hf7-hero-controls button:disabled{opacity:.55;cursor:default}
.hf7-hero-controls svg{height:18px;width:18px;display:block}
.hf7-hero-controls [data-hf7-prev] svg{transform:rotate(180deg)}
.hf7-hero-controls [data-hf7-status]{font:500 12px/1.3 var(--body);min-width:42px;text-align:center}
.hf5-website .hf7-hero-media .hf7-slide[data-hf7-index="1"] img{object-position:55% 40%}
.hf5-website .hf7-hero-media .hf7-slide[data-hf7-index="2"] img{object-position:58% 50%}
/* Each existing service tile now has a distinct scene; custom content is not replaced. */
.hf5-website .hf5-photo-cloudtask img{object-position:52% 50%}
.hf5-website .hf5-photo-support img{object-position:48% 44%}
.hf5-website .hf5-photo-access img{object-position:53% 57%}
.hf5-website .hf5-photo-recovery img{object-position:52% 55%}
.hf5-website .hf5-photo-teamwork img{object-position:50% 43%}
/* One complementary image inside the EXISTING example; no added global section. */
.hf4-website .hf6-example.hf7-example{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(230px,1fr);gap:28px;align-items:start}
.hf7-example-copy{min-width:0}
.hf7-example .hf7-example-photo{align-self:stretch}
.hf7-example-photo img{aspect-ratio:4/3;object-fit:cover}
.hf7-example-photo figcaption{font-size:10px}
.hf7-example-copy p:last-child{font-size:17px;line-height:1.7}
/* Imprint main text stays visible. Only original optional credit appendices fold. */
.legal-copy.hf7-legal{max-width:880px;margin-inline:auto;padding-block:56px}
.hf7-legal-main{font-size:17px;line-height:1.75;overflow-wrap:anywhere}
.hf7-legal-appendix{margin-top:24px;border-block:1px solid var(--line);padding:16px 0}
.hf7-legal-appendix summary{font-weight:600;cursor:pointer;min-height:44px;align-content:center}
.hf7-legal-appendix p{font-size:14px;line-height:1.65;overflow-wrap:anywhere}
@media(max-width:1000px){
 .hf4-home .manifesto.hf7-manifesto{grid-template-columns:150px minmax(0,1fr);gap:30px}
 .hf7-hero-controls{left:42px}
 .hf4-website .hf6-example.hf7-example{grid-template-columns:minmax(0,1.25fr) minmax(200px,1fr);gap:22px}
}
@media(max-width:680px){
 .hf4-home .manifesto.hf7-manifesto{grid-template-columns:minmax(0,1fr);gap:18px;padding-block:34px}
 .hf7-manifesto .small-copy{max-width:46ch}
 .hf7-manifesto .lead,.hf7-manifesto .copy{max-width:none}
 .hf7-hero-controls{position:static;order:2;align-self:stretch;justify-content:center;margin:0;padding:9px 15px;background:#202423}
 .hf5-website .hf5-home-hero .hf5-hero-credit{order:3}
 .hf7-hero-controls button{font-size:11px;min-height:44px}
 .hf4-website .hf6-example.hf7-example{grid-template-columns:minmax(0,1fr);gap:20px}
 .hf7-example-photo img{aspect-ratio:16/10}
 .hf7-example-copy p:last-child{font-size:16px}
 .legal-copy.hf7-legal{padding-block:34px}
}
@media(prefers-reduced-motion:reduce){.hf5-website .hf7-hero-media .hf7-slide{transition:none}}