main [id]{scroll-margin-top:96px}.pg-hero{position:relative;overflow:hidden;padding-block:clamp(130px, 13vw, 180px) clamp(120px, 12vw, 180px)}.pg-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(32px, 5vw, 80px);align-items:end}.pg-h1{max-width:13ch;margin-top:20px;font-size:clamp(48px, 6.2vw, 100px);text-wrap:balance}.pg-lede{max-width:50ch;margin-top:24px;font-size:clamp(16px, 1.25vw, 18.5px);line-height:1.6;color:rgb(255 255 255 / .92)}.pg-ctas{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px;margin-top:32px}.pg-link{font-weight:600;text-decoration:underline;text-decoration-color:color-mix(in srgb,currentColor 45%,transparent);text-underline-offset:5px;transition:text-decoration-color .3s}.pg-link:hover{text-decoration-color:currentColor}.pg-c1{left:-5%;bottom:-2px;width:clamp(280px, 36vw, 540px)}.pg-c2{right:-7%;bottom:-2px;width:clamp(300px, 42vw, 620px)}.pg-c3{left:6%;top:-2px;width:clamp(240px, 30vw, 460px)}.pg-c4{right:-5%;bottom:-2px;width:clamp(280px, 36vw, 540px)}.pg-hero .cloud,.sky .cloud{z-index:1}.sky .wrap{position:relative;z-index:2}@media (max-width:980px){.pg-hero-grid{grid-template-columns:1fr;align-items:start}}.ph{display:grid;gap:10px;margin:0}.ph img{width:100%;aspect-ratio:3 / 4;object-fit:cover;border-radius:14px;background:#e6e1d4}.ph figcaption{font-family:var(--mono);font-size:11.5px;letter-spacing:.03em;line-height:1.4;color:var(--ink-2)}.sky .ph figcaption{color:rgb(255 255 255 / .85)}.ph-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 16px}.ph-grid .ph:nth-child(even){translate:0 36px}.ph-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:980px){.ph-grid,.ph-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.ph-grid,.ph-grid.three{display:flex;gap:12px;margin-inline:calc(var(--side) * -1);padding-inline:var(--side);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--side);scrollbar-width:none}.ph-grid .ph{flex:0 0 72%;scroll-snap-align:start}.ph-grid .ph:nth-child(even){translate:none}}.cs-hl{padding:8px;border-radius:14px;background:rgb(255 255 255 / .1);border:1px solid rgb(255 255 255 / .22);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cs-hl-h{padding:10px 14px 6px;font-family:var(--mono);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;opacity:.75}.cs-hl a{display:grid;grid-template-columns:clamp(120px, 11vw, 150px) minmax(0,1fr);align-items:baseline;gap:16px;padding:12px 14px;border-radius:9px;transition:background-color .3s}.cs-hl a:hover{background:rgb(255 255 255 / .12)}.cs-hl b{font-family:var(--display);font-weight:400;font-size:clamp(30px, 2.8vw, 40px);line-height:1;color:var(--yellow)}.cs-hl span{font-size:14px;opacity:.88}.cs-bar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 24px;margin-bottom:28px}.cs-filters{display:flex;flex-wrap:wrap;gap:8px}.cs-filters button{display:inline-flex;align-items:center;gap:8px;padding:9px 14px 9px 16px;border-radius:99px;border:1.5px solid #d3cdbd;font-size:14.5px;font-weight:600;transition:background-color .3s,border-color .3s,color .3s}.cs-filters button span{display:grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:99px;background:rgb(13 31 23 / .08);font-size:12px}.cs-filters button:hover{border-color:var(--ink)}.cs-filters button[aria-pressed="true"]{border-color:var(--sky);background:var(--sky);color:#fff}.cs-filters button[aria-pressed="true"] span{background:rgb(255 255 255 / .22)}.cs-count{font-size:14px;color:var(--ink-2)}.cs-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.cs-card{display:flex;flex-direction:column;overflow:hidden;border-radius:14px;background:#fff;transition:translate .5s var(--ease),box-shadow .5s}.cs-card[hidden]{display:none}.cs-card:hover{translate:0 -4px;box-shadow:0 34px 60px -40px rgb(0 30 15 / .5)}.cs-media{position:relative;display:block;aspect-ratio:16 / 9;overflow:hidden;background:var(--ink)}.cs-media img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}.cs-card:hover .cs-media img{transform:scale(1.04)}.cs-media::after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,rgb(5 25 15 / .72));pointer-events:none}.cs-big{position:absolute;z-index:1;left:20px;bottom:16px;display:grid;font-family:var(--display);font-size:clamp(48px, 5vw, 76px);line-height:.95;color:#fff}.cs-big small{font-family:var(--sans);font-size:14px;font-weight:600;line-height:1.3;opacity:.92}.cs-media.rank{display:grid;place-content:center;justify-items:center;gap:8px;text-align:center;color:var(--ink)}.cs-media.rank::after{display:none}.cs-media.rank b{font-family:var(--display);font-weight:400;font-size:clamp(56px, 6.4vw, 96px);line-height:.95}.cs-media.rank s{opacity:.4;text-decoration-thickness:4px}.cs-q{font-family:var(--mono);font-size:12px;letter-spacing:.04em}.cs-media.tint-b{background:#bfe3ff}.cs-media.tint-y{background:var(--yellow)}.cs-body{display:flex;flex-direction:column;flex:1;padding:clamp(20px, 2.4vw, 30px)}.cs-client{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;font-weight:700;font-size:15px}.cs-client img{width:30px;height:30px;object-fit:contain;border-radius:6px}.cs-client img.wide{width:54px}.cs-client span:not(.cs-mono){font-weight:500;font-size:13.5px;color:var(--ink-2)}.cs-mono{display:grid;place-items:center;width:30px;height:30px;border-radius:6px;background:var(--ink);color:#fff;font-size:11px;font-weight:700;letter-spacing:.04em}.cs-body h3{margin-top:14px;font-size:clamp(18px, 1.5vw, 21px);font-weight:700;line-height:1.3;text-wrap:pretty}.cs-body h3 a{background:linear-gradient(currentColor,currentColor) 0 100% / 0 1.5px no-repeat;transition:background-size .45s var(--ease)}.cs-card:hover h3 a,.cs-body h3 a:focus-visible{background-size:100% 1.5px}.cs-body h3 a::after{content:"";position:absolute;inset:0}.cs-card{position:relative}.cs-media{z-index:0}.cs-nums{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px}.cs-nums li{display:grid;align-content:start;gap:4px;padding:12px 12px 13px;border-radius:9px;background:var(--cream);font-size:12.5px;line-height:1.35;color:var(--ink-2)}.cs-nums b{font-size:18px;line-height:1.15;color:var(--ink)}.cs-foot{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:auto;padding-top:18px}.cs-src{flex:1 1 200px;font-size:12.5px;color:var(--ink-2)}.cs-tag{padding:4px 10px;border-radius:99px;background:#dff3e7;color:var(--sky);font-size:12px;font-weight:700}.cs-empty{padding:40px 0;text-align:center;color:var(--ink-2)}.cs-say{padding-block:clamp(140px, 14vw, 200px)}.cs-say-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:20px;margin-bottom:36px}.cs-say-head .h2{margin-top:16px}.cs-g{display:inline-flex;align-items:center;gap:12px;padding:12px 18px;border-radius:99px;background:#fff;color:var(--ink);font-weight:600;font-size:14.5px}.cs-g b{font-family:var(--display);font-weight:400;font-size:30px;line-height:1}.cs-g .stars{display:inline-flex;gap:2px}.cs-g .stars svg{width:16px;height:16px;fill:#f6b400}.cs-quotes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.cs-quotes figure{display:flex;flex-direction:column;gap:18px;padding:26px;border-radius:14px;background:#fff;color:var(--ink)}.cs-quotes blockquote{margin:0;font-size:16.5px;line-height:1.55}.cs-quotes figcaption{display:grid;gap:2px;margin-top:auto;padding-top:14px;border-top:1px solid #ece7da;font-size:12.5px;color:var(--ink-2)}.cs-quotes figcaption b{font-size:14.5px;color:var(--ink)}.cs-how-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:30px 70px;align-items:start}.cs-how-grid .h2{margin-top:16px}.cs-rules{display:grid;gap:0;border-top:1px solid #d3cdbd}.cs-rules li{padding:20px 0;border-bottom:1px solid #d3cdbd;font-size:16px;line-height:1.55;color:var(--ink-2)}.cs-rules b{display:block;margin-bottom:4px;font-size:18px;color:var(--ink)}.cs-how{padding-bottom:0}@media (max-width:980px){.cs-grid,.cs-quotes,.cs-how-grid{grid-template-columns:1fr}}@media (max-width:600px){.cs-nums{grid-template-columns:1fr 1fr 1fr;gap:6px}.cs-nums li{padding:10px 8px;font-size:11.5px}.cs-nums b{font-size:15px}.cs-hl a{grid-template-columns:1fr;gap:2px}}