.hero:has(.pf-index){padding-bottom:clamp(1.5rem, calc(1rem + 2vw), 3rem)}.hero__intro>.pf-index{animation-delay:270ms}.pf-index .links-row{gap:.5rem 2.25rem}.pf-sec{padding-block:clamp(0.75rem, calc(.25rem + 1.5vw), 1.75rem)}.pf-sprite{position:absolute;width:0;height:0;overflow:hidden}.pf{--pf-pad: clamp(1.5rem,calc(.9rem + 2.6vw),3.5rem);--pf-gap: clamp(2rem,calc(1.5rem + 1.5vw),3rem);--pf-tgap: clamp(.75rem,1.5vw,1.25rem);--ic: 2.5rem;display:grid;grid-template-columns:minmax(0, 5fr) minmax(0, 6fr);grid-template-areas:"intro media" "facts facts" "body body";column-gap:clamp(2rem, calc(1rem + 3vw), 4.5rem);align-items:center;padding:var(--pf-pad)}.pf--flip{grid-template-columns:minmax(0, 6fr) minmax(0, 5fr);grid-template-areas:"media intro" "facts facts" "body body"}.pf--paths{grid-template-areas:"intro media" "facts facts" "paths paths" "body body"}.pf__intro{grid-area:intro;min-width:0}.pf__media{grid-area:media;min-width:0;margin:0}.pf__paths{grid-area:paths;min-width:0;margin-top:var(--pf-gap)}.pf__body{grid-area:body;min-width:0;margin-top:var(--pf-gap)}.pf__name{display:flex;align-items:center;gap:.85rem;font-family:var(--font-display);font-size:var(--fs-h2);font-weight:700;line-height:1.04;letter-spacing:var(--track-display)}.pf__by{margin-top:.7rem;font-size:.9375rem;font-weight:600;line-height:1.4;color:var(--fg-2);text-wrap:balance}.pf__tag{margin-top:clamp(1.5rem, calc(1.1rem + 1.4vw), 2.25rem);font-family:var(--font-display);font-size:clamp(1.625rem, calc(1.2rem + 1.7vw), 2.5rem);font-weight:700;line-height:1.1;letter-spacing:-.03em;text-wrap:balance;color:var(--fg)}.pf__lead{margin-top:1rem;font-size:clamp(1.0625rem, calc(1rem + .3vw), 1.25rem);line-height:1.5}.pf__cta{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;margin-top:clamp(1.5rem, calc(1.1rem + 1.4vw), 2.25rem)}.pf__cta .btn{white-space:nowrap}.pf__note{flex:1 1 15rem;max-width:30rem;font-size:.875rem;line-height:1.45;color:var(--fg-2)}.pf__media img{width:100%;height:auto}.pf__media--shot{margin-right:calc(var(--pf-pad) * -1)}.pf__media--shot img{border-radius:var(--radius) 0 0 var(--radius);box-shadow:0 0 0 1px rgba(var(--white-rgb), 0.14),0 1.5rem 3.5rem -1rem rgba(var(--shade-rgb), 0.55)}.pf__media--duo{align-self:end;margin-left:calc(var(--pf-pad) * -1)}.pf__media--duo img{-webkit-mask-image:linear-gradient(to bottom, var(--night) 70%, transparent 100%);mask-image:linear-gradient(to bottom, var(--night) 70%, transparent 100%)}.pf__facts{--fx: clamp(1.25rem,calc(.75rem + 1.5vw),2.25rem);--fc: 3;grid-area:facts;display:grid;grid-template-columns:repeat(var(--fc), minmax(0, 1fr));column-gap:var(--fx);min-width:0;margin:var(--pf-gap) 0 0;overflow:clip;border-block:1px solid var(--rule)}.pf__facts:has(>:last-child:nth-child(4)){--fc: 4}.pf__facts:has(>:last-child:nth-child(2)){--fc: 2}.pf__facts:has(>:only-child){--fc: 1}.pf__fact{position:relative;display:flex;flex-direction:column;gap:.2rem;min-width:0;padding:.8rem 0 .9rem}.pf__fact::before{content:"";position:absolute;inset-block:.8rem .9rem;left:calc(var(--fx) / -2);border-left:1px solid var(--rule)}.pf__fact::after{content:"";position:absolute;top:-1px;left:calc(var(--fx) / -2);right:calc(var(--fx) / -2);border-top:1px solid var(--rule)}.pf__fact dt{font-size:.8125rem;line-height:1.4;color:var(--fg-2)}.pf__fact dd{margin:0;font-size:1rem;font-weight:600;line-height:1.4;letter-spacing:-.01em;color:var(--fg);text-wrap:balance}.pf__h{font-size:clamp(1.1875rem, calc(1.05rem + .5vw), 1.375rem);line-height:1.25}.pf__sub{margin-top:.4rem;color:var(--fg-2);text-wrap:pretty}.pf-tiles{--cols: 5;--trow: var(--pf-tgap);display:grid;grid-template-columns:repeat(var(--cols), minmax(0, 1fr));column-gap:var(--pf-tgap);margin:1rem 0 calc(var(--trow) * -1)}.pf-tiles--3{--cols: 3}.pf-tile{display:grid;grid-row:span 3;grid-template-rows:subgrid;grid-template-columns:minmax(0, 1fr);row-gap:0;min-width:0;margin-bottom:var(--trow);padding:clamp(1rem, calc(.8rem + .6vw), 1.25rem);border-radius:var(--radius);background:var(--card);box-shadow:inset 0 0 0 1px var(--rule)}.prod--coliope .pf-tile{background:none}.pf-tile__ic{display:grid;place-items:center;width:var(--ic);height:var(--ic);border-radius:.75rem;background:rgba(var(--white-rgb), 0.06);color:var(--dot)}.pf-ic{width:1.5rem;height:1.5rem;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.pf-tile__t{align-self:end;margin:.9rem 0 0;font-size:1.0625rem;font-weight:600;line-height:1.3;letter-spacing:-.01em;color:var(--fg);text-wrap:balance}.pf-tile__body{min-width:0;margin-top:.3rem}.pf-tile__d{font-size:.9375rem;line-height:1.45;color:var(--fg-2);white-space:pre-line;text-wrap:pretty}.pf-tile__n{margin-top:.4rem;font-size:.8125rem;line-height:1.4;color:var(--fg-2);text-wrap:pretty}.pf-paths{display:grid;grid-template-columns:fit-content(16rem) repeat(4, minmax(0, 1fr));column-gap:clamp(1rem, calc(.25rem + 1.25vw), 1.75rem);margin-top:1rem}.pf-path{display:grid;grid-column:1 / -1;grid-template-columns:subgrid;align-items:first baseline;padding-block:.8rem}.pf-path+.pf-path{border-top:1px solid var(--rule)}.pf-path__name{position:relative;display:grid;align-items:center;min-height:var(--ic);margin:0;padding-left:calc(var(--ic) + .8rem);font-size:1.0625rem;font-weight:600;line-height:1.3;letter-spacing:-.01em;color:var(--fg)}.pf-path__name>.pf-tile__ic{position:absolute;top:50%;left:0;translate:0 -50%}.pf-path__steps{display:grid;grid-column:2 / -1;grid-template-columns:subgrid;counter-reset:pf-step}.pf-path__steps li{display:grid;grid-template-columns:auto minmax(0, 1fr);align-items:baseline;column-gap:.55rem;counter-increment:pf-step;font-size:.9375rem;font-weight:600;line-height:1.35;color:var(--fg);text-wrap:balance}.pf-path__steps li::before{content:counter(pf-step);content:counter(pf-step)/"";font-family:var(--font-display);font-size:1.375rem;font-weight:700;line-height:1;letter-spacing:-.02em;color:var(--kw)}@media (min-width: 1180px){.pf-tiles--3 .pf-tile{grid-template-columns:auto minmax(0, 1fr);column-gap:1rem}.pf-tiles--3 .pf-tile>.pf-tile__ic{grid-area:1 / 1 / span 3 / 2}.pf-tiles--3 .pf-tile__t{grid-area:1 / 2;align-self:start;margin-top:0}.pf-tiles--3 .pf-tile__body{grid-area:2 / 2}}@media (max-width: 1279px){.pf-tiles{--cols: 3}.pf__facts:has(>:last-child:nth-child(4)){--fc: 2}}@media (max-width: 1023px){.pf,.pf--flip{grid-template-columns:minmax(0, 1fr);grid-template-areas:"intro" "media" "facts" "body";align-items:start}.pf--paths{grid-template-areas:"intro" "media" "facts" "paths" "body"}.pf__media{margin-top:clamp(1.75rem, calc(1.3rem + 2vw), 2.5rem)}.pf__media--duo{align-self:auto;margin-inline:calc(var(--pf-pad) * -1)}}@media (max-width: 899px){.pf-paths{grid-template-columns:fit-content(16rem) minmax(0, 1fr)}.pf-path__steps{grid-column:2;grid-template-columns:minmax(0, 1fr);row-gap:.55rem}.pf-path__steps li::before{min-width:1.1rem;font-size:1.25rem}}@media (max-width: 767px){.pf__facts{grid-template-columns:fit-content(7rem) minmax(0, 1fr);column-gap:.875rem}.pf__fact{display:grid;grid-column:1 / -1;grid-template-columns:subgrid;gap:.15rem .875rem;padding:.5rem 0}.pf__fact+.pf__fact{border-top:1px solid var(--rule)}.pf__fact::before,.pf__fact::after{content:none}.pf__fact dt{padding-top:.1rem}.pf__fact dd{font-size:.9375rem;line-height:1.35;text-wrap:pretty}.pf-tiles,.pf-tiles--3{--cols: 1;--trow: 1rem}.pf-tile,.prod--coliope .pf-tile{grid-template-columns:auto minmax(0, 1fr);column-gap:.9rem;padding:0;border-radius:0;background:none;box-shadow:none}.pf-tile>.pf-tile__ic{grid-area:1 / 1 / span 3 / 2}.pf-tile__t{grid-area:1 / 2;align-self:start;margin-top:0}.pf-tile__body{grid-area:2 / 2;margin-top:.2rem}.pf{--ic: 2rem}.pf-tile__ic{border-radius:.6rem}.pf-tile__ic .pf-ic{width:1.25rem;height:1.25rem;stroke-width:2.1}}@media (max-width: 560px){.pf-paths{display:block}.pf-path{grid-template-columns:minmax(0, 1fr);row-gap:.6rem;padding-block:.75rem}.pf-path__steps{grid-column:1;row-gap:.3rem}.pf-path__steps li::before{font-size:1.125rem}.pf__name{gap:.7rem}.pf__note{flex-basis:100%}}@media (max-width: 360px){.pf{--pf-pad: 1.25rem}.pf__facts{grid-template-columns:minmax(0, 1fr)}}@media (forced-colors: active){.prod-icon{border:1px solid CanvasText}.pf__media--shot img{border:1px solid CanvasText}.pf-tile{border:1px solid CanvasText}.pf-ic{stroke:CanvasText}}