:root{--ca-shade-stops:rgba(48,17,26,.69),rgba(48,17,26,.27) 44%,rgba(48,17,26,.06) 64%,transparent 78%}
/* Donor component layout with Austrian photography. */
:root:root body .fi-main-content{container-type:inline-size}
:root:root body .fi-page-hero{min-height:390px!important;padding:0!important;align-items:center!important;background:#551c2a!important}
:root:root body .fi-page-hero>.fi-hero-picture{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;aspect-ratio:auto!important}
:root:root body .fi-page-hero>.fi-hero-picture>.fi-hero-image{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:right center!important;filter:none!important}
:root:root body .fi-page-hero::after{background:linear-gradient(90deg,var(--ca-shade-stops))!important}
:root:root body .fi-page-hero .fi-hero-copy{width:56%!important;padding:34px 30px!important;background:none!important;border:0!important}
:root:root body .fi-page-hero :is(h1,p){text-align:left!important;text-shadow:0 2px 6px #230911bb}
:root:root body .fi-page-hero .fi-hero-actions{justify-content:flex-start!important}
:root:root body .fi-page-hero .fi-hero-actions a{width:auto!important;min-width:128px!important;}
:root:root body .fi-story-body .fi-promo-card{min-height:440px!important;aspect-ratio:auto!important;padding:0!important;margin:0!important;background:#551c2a!important;align-items:center!important}
:root:root body .fi-story-body .fi-promo-card>.fi-promo-image{inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:right center!important;z-index:0!important;filter:none!important;transform:none!important}
:root:root body .fi-story-body .fi-promo-card::after{z-index:1!important;background:linear-gradient(90deg,var(--ca-shade-stops))!important}
:root:root body .fi-story-body .fi-promo-card>.fi-promo-copy{width:55%!important;max-width:none!important;position:relative!important;inset:auto!important;padding:30px!important;background:none!important;z-index:2!important;text-align:left!important}
:root:root body .fi-story-body .fi-promo-copy :is(.fi-promo-heading,.fi-promo-value){color:#fff!important;text-align:left!important;text-shadow:0 2px 6px #230911bb}
:root:root body .fi-story-body .fi-promo-copy .fi-app-download-actions{display:flex;flex-direction:row!important;flex-wrap:nowrap;justify-content:center!important;align-items:center!important;gap:12px}
:root:root body .fi-story-body .fi-app-download-button{width:208px!important;min-width:208px!important;max-width:208px!important;height:58px!important;min-height:58px!important;box-sizing:border-box;flex:0 0 auto!important;padding:8px 12px!important;gap:10px!important;font-size:12px!important;line-height:1.2}
:root:root body .fi-story-body .fi-app-download-button .fi-button-lines{display:flex;flex:1;width:auto;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-align:center;line-height:1.2}
:root:root body .fi-story-body .fi-app-download-button .fi-button-lines>span{display:block;width:100%;white-space:nowrap;text-align:center}
:root:root body .fi-promo-stage{height:clamp(280px,30cqw,340px)!important;min-height:0!important;aspect-ratio:auto!important}
:root:root body .fi-promo-slide>img{inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:right center!important;filter:none!important}
:root:root body .fi-promo-slide .fi-slide-copy{width:55%!important;height:100%!important;padding:28px!important;background:none!important;border:0!important}
:root:root body .fi-slide-copy :is(p,.fi-promo-title){text-align:left!important;text-shadow:0 2px 5px #230911bb}
/* Full-bleed side scenes: photograph fills the entire text panel. */
:root:root body .fi-story-body .fi-editorial-pair{--scene-surface:#3b4330;position:relative!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;align-items:start!important;gap:0!important;padding:0!important;background:var(--scene-surface)!important;min-height:0!important;isolation:isolate;overflow:hidden!important;border-radius:12px;box-shadow:0 3px 10px #18200f18;border:1px solid #687254}
:root:root body .fi-story-body .fi-editorial-pair::after,:root:root body .fi-story-body .fi-editorial-pair::before{display:none!important}
:root:root body .fi-story-body .fi-editorial-pair>:is(div,ul,ol),:root:root body .fi-story-body .fi-editorial-pair.fi-art-left>:is(div,ul,ol){position:relative!important;inset:auto!important;width:60%!important;max-width:none!important;margin:0!important;padding:35px 20px!important;grid-column:1!important;grid-row:1!important;justify-self:start;align-self:start;display:flex;flex-direction:column;justify-content:flex-start;gap:0;background:none!important;transform:none!important;box-sizing:border-box;z-index:2;box-shadow:none!important}
:root:root body .fi-story-body .fi-editorial-pair.fi-art-left>:is(div,ul,ol){justify-self:end;background:none!important}
:root:root body .fi-story-body .fi-editorial-pair>:is(figure,img),:root:root body .fi-story-body .fi-editorial-pair.fi-art-left>:is(figure,img){position:absolute!important;inset:0 0 0 auto!important;display:block!important;width:100%!important;height:100%!important;aspect-ratio:auto!important;margin:0!important;padding:0!important;max-width:none!important;transform:none!important;z-index:0!important}
:root:root body .fi-story-body .fi-editorial-pair.fi-art-left>:is(figure,img){inset:0 auto 0 0!important}
:root:root body .fi-story-body .fi-editorial-pair img{display:block!important;width:100%!important;height:100%!important;max-height:none!important;object-fit:cover!important;object-position:right center!important;aspect-ratio:auto!important;margin:0!important;transform:none!important;filter:none!important;mask-image:none!important;border-radius:0!important}
:root:root body .fi-story-body .fi-editorial-pair.fi-art-left img,:root:root body .fi-story-body .fi-editorial-pair.fi-art-left>img{object-position:left center!important;mask-image:none!important}
:root:root body .fi-story-body .fi-editorial-pair>img.fi-list-character{width:100%!important}
:root:root body .fi-story-body .fi-editorial-pair p{margin:0 0 14px!important}
:root:root body .fi-story-body .fi-editorial-pair>:is(div,ul,ol)>:first-child{margin-top:0!important;padding-top:0!important}
:root:root body .fi-story-body .fi-editorial-pair>:is(div,ul,ol)>:last-child{margin-bottom:0!important;padding-bottom:0!important;border-bottom:0!important}
:root:root body .fi-story-body .fi-editorial-pair :is(p,li){color:#f1f3e9!important;font-size:15px!important;line-height:1.55!important;text-shadow:0 1px 2px #111a0d44!important}
:root:root body .fi-story-body .fi-editorial-pair :is(h2,h3){color:#fff!important;font-size:21px!important;line-height:1.3!important;text-shadow:0 1px 2px #111a0d44!important}
:root:root body .fi-story-body .fi-editorial-pair[data-scene-tone]{background-image:none!important}
:root:root body .fi-story-body .fi-editorial-pair.fi-list-scene>.fi-clean-list{padding:35px 20px 35px 38px!important;gap:8px!important}
:root:root body .fi-story-body .fi-editorial-pair .fi-clean-list>li{padding-top:4px!important;padding-bottom:4px!important;border-color:#a8b58d33!important}
:root:root body .fi-story-body .fi-editorial-pair .fi-clean-list>li:first-child{padding-top:0!important}
:root:root body .fi-story-body .fi-editorial-pair .fi-clean-list>li:last-child{padding-bottom:0!important}
:root:root body .fi-story-body .fi-editorial-pair .fi-clean-list>li::marker{color:#c3d394!important}
@container(max-width:800px){
 :root:root body .fi-story-body .fi-editorial-pair>img.fi-list-character{width:100%!important}
 :root:root body .fi-story-body .fi-editorial-pair>:is(figure,img),:root:root body .fi-story-body .fi-editorial-pair.fi-art-left>:is(figure,img){position:relative!important;inset:auto!important;grid-row:1!important;grid-column:1!important;width:100%!important;height:auto!important;aspect-ratio:auto!important}
 :root:root body .fi-story-body .fi-editorial-pair img,:root:root body .fi-story-body .fi-editorial-pair.fi-art-left img,:root:root body .fi-story-body .fi-editorial-pair.fi-art-left>img{height:auto!important;aspect-ratio:3/2!important;object-position:center!important;mask-image:linear-gradient(180deg,#000 90%,transparent 100%)!important}
 :root:root body .fi-story-body .fi-editorial-pair>:is(div,ul,ol),:root:root body .fi-story-body .fi-editorial-pair.fi-art-left>:is(div,ul,ol){grid-row:2!important;width:100%!important;padding:35px 20px!important;background:linear-gradient(180deg,#3b4330,#353d2b)!important}
 :root:root body .fi-story-body .fi-editorial-pair.fi-list-scene>.fi-clean-list{padding-left:38px!important}
}
:root:root body .fi-story-body .fi-editorial-standalone{max-width:none!important;margin:24px 0!important}
:root:root body .fi-story-body .fi-editorial-standalone img{width:100%!important;height:auto!important;object-fit:contain!important;transform:none!important}
:root:root body .fi-story-body ol.fi-clean-list{list-style:decimal-leading-zero!important;padding-left:28px!important}
:root:root body .fi-story-body ol.fi-clean-list>li::marker{content:normal!important;font-weight:700}
:root:root body .fi-story-body ul.fi-clean-list{list-style:disc!important;padding-left:28px!important}
:root:root body .fi-story-body .fi-clean-list>li{display:list-item!important;padding-left:4px!important;background:none!important}
:root:root body .fi-story-body .fi-clean-list>li::before{display:none!important}
:root:root body .fi-footer-legal-row{flex-wrap:wrap;gap:14px}
:root:root body .fi-footer-legal-row p{margin:0}
:root:root body .fi-age-badge{border:1px solid currentColor;padding:5px;border-radius:50%}
:root:root body .fi-mobile-menu[data-enhanced]{background:#551c2a!important}
:root:root body .fi-fortune-result strong{font-size:22px;line-height:1.2}
@container(max-width:800px){
 :root:root body .fi-page-hero{display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-end!important;min-height:500px!important;padding:220px 0 0!important;box-sizing:border-box}
 :root:root body .fi-page-hero>.fi-hero-picture>.fi-hero-image{object-position:right center!important}
 :root:root body .fi-page-hero::after{background:linear-gradient(0deg,var(--ca-shade-stops))!important}
 :root:root body .fi-page-hero .fi-hero-copy{width:100%!important;padding:20px 22px!important;text-align:center!important;background:none!important}
 :root:root body .fi-page-hero h1{font-size:clamp(20px,4.8cqw,26px)!important;line-height:1.2!important;margin-bottom:10px!important}
 :root:root body .fi-page-hero p{font-size:13px!important;line-height:1.5!important;margin-bottom:12px!important}
 :root:root body .fi-story-body .fi-promo-card{min-height:480px!important;align-items:flex-end!important}
 :root:root body .fi-story-body .fi-promo-card>.fi-promo-copy{width:100%!important;padding:20px!important;background:none!important}
 :root:root body .fi-story-body .fi-promo-card::after{background:linear-gradient(0deg,var(--ca-shade-stops))!important}
 :root:root body .fi-story-body .fi-promo-card>.fi-promo-image{object-position:right center!important}
 :root:root body .fi-story-body .fi-promo-copy .fi-app-download-actions{flex-direction:column!important;gap:9px}
 :root:root body .fi-page-hero :is(h1,p){text-align:center!important}
 :root:root body .fi-page-hero .fi-hero-actions,:root:root body .fi-page-hero .fi-breadcrumbs ol{justify-content:center!important}
 :root:root body .fi-page-hero .fi-overall-rating{margin-inline:auto!important}
 :root:root body .fi-story-body .fi-promo-card>.fi-promo-copy{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important}
 :root:root body .fi-story-body .fi-promo-copy :is(.fi-promo-heading,.fi-promo-value){text-align:center!important}
 :root:root body .fi-story-body .fi-promo-copy .fi-promo-actions{justify-content:center!important}
 :root:root body .fi-promo-slide .fi-slide-copy{align-items:center!important;justify-content:center!important;text-align:center!important}
 :root:root body .fi-slide-copy :is(p,.fi-promo-title){text-align:center!important}
 :root:root body .fi-promo-stage{height:clamp(280px,30cqw,340px)!important;min-height:0!important}
 :root:root body .fi-promo-slide .fi-slide-copy{position:absolute!important;inset:auto 0 0!important;width:100%!important;height:auto!important;padding:20px!important;background:none!important}
 :root:root body .fi-promo-slide>img{object-position:right center!important}
}
@media(prefers-reduced-motion:reduce){:root:root body .fi-review-carousel{scroll-behavior:auto!important}}



/* Platform-specific actions follow the complete installation instructions. */
:root:root body .fi-story-body .fi-app-download-actions[data-install-platform]{display:flex;justify-content:flex-start;margin:20px 0;gap:12px}
@container(max-width:800px){:root:root body .fi-story-body .fi-app-download-actions[data-install-platform]{justify-content:center}}

/* One restrained overlay, matching the supplied 69/27/6% gradient. */
:root:root body .fi-story-body .fi-editorial-pair::after{content:"";display:block!important;position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,var(--ca-shade-stops))!important}
:root:root body .fi-story-body .fi-editorial-pair.fi-art-left::after{background:linear-gradient(270deg,var(--ca-shade-stops))!important}
:root:root body .fi-story-body .fi-editorial-pair>figure>img{position:absolute!important;inset:0 0 0 auto!important;width:100%!important;max-width:none!important;aspect-ratio:auto!important}
:root:root body .fi-story-body .fi-editorial-pair.fi-art-left>figure>img{inset:0 auto 0 0!important}
:root:root body .fi-story-body .fi-editorial-pair>img.fi-list-character{width:100%!important;max-width:none!important;aspect-ratio:auto!important}
:root:root body .fi-promo-slide::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,var(--ca-shade-stops))}
:root:root body .fi-promo-slide .fi-slide-copy{z-index:2!important;background:none!important}
@container(max-width:800px){
 :root:root body .fi-story-body .fi-editorial-pair::after{display:none!important}
 :root:root body .fi-story-body .fi-editorial-pair>figure>img,:root:root body .fi-story-body .fi-editorial-pair.fi-art-left>figure>img{position:relative!important;inset:auto!important;width:100%!important;max-width:none!important}
 :root:root body .fi-story-body .fi-editorial-pair>img.fi-list-character{width:100%!important;max-width:none!important}
 :root:root body .fi-promo-slide::after{background:linear-gradient(0deg,var(--ca-shade-stops))}
}

/* Side-composed originals keep the person opposite the 60% copy column. */
:root:root body .fi-story-body .fi-editorial-pair{min-height:calc(100cqw / 3)!important}
@container(max-width:800px){
 :root:root body .fi-story-body .fi-editorial-pair{min-height:0!important}
 :root:root body .fi-story-body .fi-editorial-pair img{object-position:right center!important}
 :root:root body .fi-story-body .fi-editorial-pair.fi-art-left img{object-position:left center!important}
}
@container(max-width:800px){
 :root:root body .fi-story-body .fi-editorial-pair>figure,:root:root body .fi-story-body .fi-editorial-pair.fi-art-left>figure{aspect-ratio:3/2!important}
 :root:root body .fi-story-body .fi-editorial-pair>figure>img,:root:root body .fi-story-body .fi-editorial-pair.fi-art-left>figure>img{position:absolute!important;inset:0!important;height:100%!important;aspect-ratio:auto!important}
 :root:root body .fi-story-body .fi-editorial-pair>img.fi-list-character{height:auto!important;aspect-ratio:3/2!important}
}
/* Compact editorial photos fade into a light translucent reading surface. */
@container(max-width:800px){
 :root:root body .fi-story-body .fi-editorial-pair{--scene-surface:rgba(234,239,225,.86);border-color:rgba(73,99,65,.28);box-shadow:0 3px 12px #22351b12}
 :root:root body .fi-story-body .fi-editorial-pair>:is(div,ul,ol),:root:root body .fi-story-body .fi-editorial-pair.fi-art-left>:is(div,ul,ol){background:none!important}
 :root:root body .fi-story-body .fi-editorial-pair :is(p,li){color:#334235!important;text-shadow:none!important}
 :root:root body .fi-story-body .fi-editorial-pair :is(h2,h3){color:#315d49!important;text-shadow:none!important}
 :root:root body .fi-story-body .fi-editorial-pair .fi-clean-list>li{border-color:#49634126!important}
 :root:root body .fi-story-body .fi-editorial-pair .fi-clean-list>li::marker{color:#466238!important}
 :root:root body .fi-story-body .fi-editorial-pair img,:root:root body .fi-story-body .fi-editorial-pair.fi-art-left img{mask-image:linear-gradient(180deg,#000 72%,rgba(0,0,0,.98) 80%,rgba(0,0,0,.78) 88%,rgba(0,0,0,.32) 95%,transparent 100%)!important;-webkit-mask-image:linear-gradient(180deg,#000 72%,rgba(0,0,0,.98) 80%,rgba(0,0,0,.78) 88%,rgba(0,0,0,.32) 95%,transparent 100%)!important}
}

/* Compact banners keep photography behind the copy with a translucent bottom fade. */
@container(max-width:800px){
 :root:root body .fi-page-hero{min-height:0!important;height:auto!important;padding:clamp(180px,38cqw,280px) 0 0!important;justify-content:flex-end!important;background:transparent!important}
 :root:root body .fi-page-hero>.fi-hero-picture{position:absolute!important;inset:0!important;height:100%!important;overflow:hidden}
 :root:root body .fi-page-hero>.fi-hero-picture>.fi-hero-image{object-position:var(--banner-focus,80%) center!important;mask-image:none!important;-webkit-mask-image:none!important}
 :root:root body .fi-page-hero::after{display:block!important;background:linear-gradient(180deg,transparent 22%,rgba(13,32,22,.12) 40%,rgba(13,32,22,.52) 66%,rgba(13,32,22,.66) 100%)!important}
 :root:root body .fi-page-hero .fi-hero-copy{flex:none!important;padding:18px 22px 22px!important}
 :root:root body .fi-story-body .fi-promo-card[data-generated-art=bonus]{display:flex!important;flex-direction:column!important;align-items:stretch!important;min-height:0!important;height:auto!important;padding-top:clamp(180px,32cqw,240px)!important;background:transparent!important}
 :root:root body .fi-story-body .fi-promo-card[data-generated-art=bonus]>.fi-promo-image{position:absolute!important;inset:0!important;height:100%!important;object-position:var(--banner-focus,80%) center!important;mask-image:none!important;-webkit-mask-image:none!important}
 :root:root body .fi-story-body .fi-promo-card[data-generated-art=bonus]::after{display:block!important;background:linear-gradient(180deg,transparent 22%,rgba(13,32,22,.12) 40%,rgba(13,32,22,.52) 66%,rgba(13,32,22,.66) 100%)!important}
 :root:root body .fi-story-body .fi-promo-card[data-generated-art=bonus]>.fi-promo-copy{flex:none!important;padding:18px 20px!important}
 :root:root body .fi-promo-stage{height:clamp(280px,30cqw,340px)!important;min-height:0!important}
 :root:root body .fi-promo-slide{background:transparent!important}
 :root:root body .fi-promo-slide>img{height:100%!important;object-position:var(--banner-focus,85%) center!important;mask-image:none!important;-webkit-mask-image:none!important}
 :root:root body .fi-promo-slide::after{display:block!important;background:linear-gradient(180deg,transparent 22%,rgba(13,32,22,.12) 40%,rgba(13,32,22,.52) 66%,rgba(13,32,22,.66) 100%)!important}
 :root:root body .fi-promo-slide .fi-slide-copy{height:180px!important;padding:14px 16px!important}
}
/* Pin the subject to its own side even when German copy makes a panel taller. */
@container(min-width:801px){
 :root:root body .fi-story-body .fi-editorial-pair img{object-position:80% center!important}
 :root:root body .fi-story-body .fi-editorial-pair.fi-art-left img{object-position:20% center!important}
}

@container(min-width:801px){
 :root:root body .fi-story-body #home-section-11.fi-editorial-pair img{object-position:93% center!important}
 :root:root body .fi-story-body #home-section-8.fi-editorial-pair img{object-position:76.9% center!important}
}
@container(min-width:801px){
 :root:root body .fi-story-body #home-section-5 .fi-editorial-pair.fi-art-left img{object-position:left center!important}
}

/* Austrian weekly reloads: framed copy and a transparent corner gift. */
:root:root body .fi-story-body #bonus-section-5 .fi-reload-offer-card{position:relative;margin:34px 0;padding:24px 26px;border:1px solid #bd8b77;border-left:3px solid #9d2938;border-radius:16px;background:linear-gradient(120deg,#fffdf9,#fbf3ef);box-shadow:0 5px 18px #5726340d;overflow:visible}
:root:root body .fi-story-body #bonus-section-5 .fi-reload-offer-card>h3{position:relative;box-sizing:border-box;min-height:52px;margin:0 0 14px!important;padding:0 112px 0 0!important;display:flex;align-items:center}
:root:root body .fi-story-body #bonus-section-5 .fi-reload-offer-card>p{margin:0!important}
:root:root body .fi-story-body #bonus-section-5 .fi-reload-gift{position:absolute!important;top:-25px;right:14px;width:112px!important;height:112px!important;max-width:none!important;object-fit:contain!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;pointer-events:none;z-index:1}
@media(max-width:600px){
 :root:root body .fi-story-body #bonus-section-5 .fi-reload-offer-card{padding:20px 18px;margin:30px 0;border-radius:12px}
 :root:root body .fi-story-body #bonus-section-5 .fi-reload-offer-card>h3{min-height:60px;padding-right:68px!important}
 :root:root body .fi-story-body #bonus-section-5 .fi-reload-gift{width:88px!important;height:88px!important;top:-22px;right:4px}
}
@media(max-width:420px){
 :root:root body .fi-story-body #bonus-section-5 .fi-reload-offer-card{padding-top:68px}
 :root:root body .fi-story-body #bonus-section-5 .fi-reload-offer-card>h3{min-height:0;padding-right:0!important;overflow-wrap:anywhere}
}

@container(min-width:801px){
 :root:root body .fi-story-body #app-section-3 .fi-editorial-pair img[src$="scene-app-features-right-fi.webp"]{object-position:74% center!important}
}

@container(min-width:801px){
 :root:root body .fi-story-body #app-section-4 [data-install-scene]{background:#103b3d!important}
 :root:root body .fi-story-body #app-section-4 [data-install-scene] img{object-fit:cover!important;object-position:84% center!important}
}

/* Unique Austrian scenes preserve room around the complete subject. */
@container(min-width:801px){
 :root:root body .fi-story-body .fi-promo-card[data-generated-art=bonus]:has(img[data-unique-art]){min-height:max(300px,37.5cqw)!important}
}


/* Only the upper text wraps the absolute cutout; later lines regain full width. */
:root:root body .fi-story-body .fi-welcome-offer{position:relative;display:flow-root;box-sizing:border-box;margin:52px 0 28px;padding:26px;min-height:0;overflow:visible;border:1px solid #779681;border-left:3px solid #315d49;border-radius:16px;background:transparent;box-shadow:0 4px 14px #254b3410;isolation:isolate}
:root:root body .fi-story-body .fi-welcome-offer--sport{border-color:#ac827c;border-left-color:#913847}
:root:root body .fi-story-body .fi-welcome-athlete-space{display:block;float:right;width:174px;height:242px;margin:0 0 8px 18px;pointer-events:none}
:root:root body .fi-story-body .fi-welcome-offer>h3{position:relative;z-index:1;box-sizing:border-box;min-height:0;padding:0!important;margin:0 0 18px!important;display:block;line-height:1.35}
:root:root body .fi-story-body .fi-welcome-offer-copy{position:relative;z-index:1;width:auto;max-width:none}
:root:root body .fi-story-body .fi-welcome-offer-copy>p:last-child{margin-bottom:0!important}
:root:root body .fi-story-body .fi-welcome-offer>.fi-welcome-athlete{position:absolute!important;inset:-36px 0 auto auto!important;display:block!important;width:200px!important;height:300px!important;max-height:none!important;max-width:none!important;margin:0!important;object-fit:contain!important;object-position:center top!important;filter:drop-shadow(0 5px 5px #26432b16);border:0!important;border-radius:0!important;pointer-events:none;z-index:2}
@container(max-width:600px){
 :root:root body .fi-story-body .fi-welcome-offer{padding:20px;margin:44px 0 24px}
 :root:root body .fi-story-body .fi-welcome-athlete-space{width:108px;height:172px;margin-left:12px}
 :root:root body .fi-story-body .fi-welcome-offer>.fi-welcome-athlete{inset:-30px -4px auto auto!important;width:146px!important;height:220px!important}
}

@container(max-width:800px){
 :root:root body .fi-page-hero{padding-top:clamp(230px,45cqw,320px)!important}
 :root:root body .fi-promo-slide .fi-slide-copy{height:150px!important}
}

/* Compact app banners keep the photograph across the whole card. */
:root:root body .fi-story-body .fi-promo-card[data-generated-art=app]{height:clamp(340px,45cqw,390px)!important;min-height:0!important;aspect-ratio:auto!important;align-items:center!important;background:transparent!important}
:root:root body .fi-story-body .fi-promo-card[data-generated-art=app]>.fi-promo-image{inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center top!important}
:root:root body .fi-story-body .fi-promo-card[data-generated-art=app]::after{background:linear-gradient(90deg,rgba(14,43,51,.68),rgba(14,43,51,.28) 44%,transparent 72%)!important}
:root:root body .fi-story-body .fi-promo-card[data-generated-art=app]>.fi-promo-copy{display:block!important;width:54%!important;padding:20px!important;text-align:left!important}
:root:root body .fi-story-body .fi-promo-card[data-generated-art=app] :is(.fi-promo-heading,.fi-promo-value){text-align:left!important}
:root:root body .fi-story-body .fi-promo-card[data-generated-art=app] .fi-app-download-actions{flex-direction:row!important;justify-content:flex-start!important;gap:10px!important}
:root:root body .fi-story-body .fi-promo-card[data-generated-art=app] .fi-app-download-button{width:144px!important;min-width:144px!important;max-width:144px!important;height:50px!important;min-height:50px!important;padding:8px 10px!important;gap:8px!important}
@container(max-width:640px){
 :root:root body .fi-story-body .fi-promo-card[data-generated-art=app]{height:424px!important;flex-direction:column!important;justify-content:flex-end!important;align-items:stretch!important;padding:0!important}
 :root:root body .fi-story-body .fi-promo-card[data-generated-art=app]>.fi-promo-image{inset:0!important;width:100%!important;height:100%!important;object-position:center top!important}
 :root:root body .fi-story-body .fi-promo-card[data-generated-art=app]::after{background:linear-gradient(0deg,rgba(14,43,51,.76),rgba(14,43,51,.24) 46%,transparent 72%)!important}
 :root:root body .fi-story-body .fi-promo-card[data-generated-art=app]>.fi-promo-copy{width:100%!important;padding:18px 20px!important;text-align:center!important}
 :root:root body .fi-story-body .fi-promo-card[data-generated-art=app] :is(.fi-promo-heading,.fi-promo-value){text-align:center!important}
 :root:root body .fi-story-body .fi-promo-card[data-generated-art=app] .fi-app-download-actions{justify-content:center!important}
}

/* Installation artwork shows the phone and platform emblem together. */
@container(max-width:800px){
 :root:root body .fi-story-body #app-section-4 [data-install-scene]>img.fi-list-character{height:clamp(200px,42cqw,300px)!important;aspect-ratio:auto!important;object-fit:cover!important;object-position:right center!important}
}