.svh--creative{--svh-pos:30% 60%;--svh-pos-wide:40% 55%}@media (min-width:640px){.sk-grid.cs-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.sk-grid.cs-cards>*{grid-column:auto}}@media (min-width:1100px){.sk-grid.cs-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.sk-grid.cs-cards>*,.sk-grid.cs-cards>:last-child:nth-child(odd){grid-column:auto}}@media (min-width:1480px){.sk-grid.cs-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}.cs-folio{container-type:inline-size}.cs-folio__grid{--cols:2;--gap:10px;list-style:none;margin:0;padding:0;display:grid;grid-gap:var(--gap);gap:var(--gap);grid-template-columns:repeat(var(--cols),minmax(0,1fr));grid-auto-rows:calc((100cqi - (var(--cols) - 1) * var(--gap)) / var(--cols))}.cs-tile{grid-column:var(--x2) /span var(--w2);grid-row:var(--y2) /span var(--h2);min-width:0}@media (min-width:700px){.cs-folio__grid{--cols:3;--gap:14px}.cs-tile{grid-column:var(--x3) /span var(--w3);grid-row:var(--y3) /span var(--h3)}}@media (min-width:1100px){.cs-folio__grid{--cols:4;--gap:18px}.cs-tile{grid-column:var(--x4) /span var(--w4);grid-row:var(--y4) /span var(--h4)}}.cs-tile figure{position:relative;margin:0;width:100%;height:100%;overflow:hidden;border-radius:var(--r-sm,12px);background:var(--night-2,#1a1936)}.cs-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform var(--dur-4,.6s) var(--ease-out,ease)}.cs-tile--land img{object-fit:contain;padding:clamp(8px,2cqi,20px)}.cs-tile figcaption{position:absolute;inset:auto 0 0 0;display:flex;flex-direction:column;gap:2px;padding:28px 14px 12px;background:linear-gradient(180deg,transparent,oklch(.1 .03 290/.88) 55%);color:#fff;font-size:.88rem;line-height:1.3}.cs-tile figcaption strong{font-family:var(--f-display);font-weight:700;font-size:.95rem}.cs-tile figcaption span{color:var(--on-dark-2,#c9c3e6);font-weight:600;font-size:.8rem}.cs-tile--feature figcaption{padding:48px 20px 18px}.cs-tile--feature figcaption strong{font-size:clamp(1rem,1.2cqi + .6rem,1.4rem)}@media (hover:hover){html[data-motion=on] .cs-tile:hover img{transform:scale(1.03)}}html[data-motion=off] .cs-tile img{transition:none}.cs-how{display:grid;grid-gap:clamp(28px,4vw,56px);gap:clamp(28px,4vw,56px)}@media (min-width:1000px){.cs-how{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start}}.cs-how__steps>li{gap:4px 32px}@media (min-width:900px){.cs-how__steps>li{grid-template-columns:minmax(150px,.3fr) minmax(0,1fr)}}.cs-how__note{margin:24px 0 0;color:var(--ink-2,#3d3852)}.cs-how__note a{font-weight:700;color:var(--ink,#15142a);-webkit-text-decoration-color:var(--accent-on-light,#5145a6);text-decoration-color:var(--accent-on-light,#5145a6);text-underline-offset:3px}body:has(.svc-page--creative) .cfoot [data-magnetic]{transform:none!important}