.content-examples{color:#193126;background:#edf0e7;padding:clamp(86px,11vw,155px) clamp(28px,10vw,160px) clamp(76px,9vw,125px)}.content-examples-heading{justify-content:space-between;align-items:end;gap:70px;max-width:1100px;display:flex}.content-examples-heading h2{letter-spacing:-.075em;max-width:650px;margin:16px 0 0;font-size:clamp(46px,6.2vw,94px);line-height:.84}.content-examples-heading h2 em{color:#537b61}.content-examples-heading>p{color:#526b5b;max-width:325px;margin:0 0 7px;font-size:14px;line-height:1.58}.content-examples-legend{color:#496553;letter-spacing:.1em;text-transform:uppercase;border-top:1px solid #2949384d;border-bottom:1px solid #2949384d;flex-wrap:wrap;align-items:center;gap:8px 18px;margin:62px 0 24px;padding:13px 0;font-size:8px;font-weight:800;display:flex}.content-examples-legend span{align-items:center;gap:7px;display:inline-flex}.content-examples-legend b{color:#e8efe5;text-align:center;background:#315b42;min-width:18px;line-height:18px}.content-examples-legend small{color:#6c7c6d;letter-spacing:.1em;margin-left:auto;font-size:7px}.content-examples-grid{grid-template-columns:repeat(12,1fr);grid-auto-rows:clamp(116px,12.6vw,196px);gap:clamp(6px,.75vw,12px);display:grid}.content-example{background:#244834;min-width:0;overflow:hidden}.content-example a{isolation:isolate;color:#edf3e8;width:100%;height:100%;display:block;position:relative}.content-example img,.content-example-shade{width:100%;height:100%;position:absolute;inset:0}.content-example img{object-fit:cover;filter:saturate(.82)contrast(1.05);transition:transform .55s var(--ease-out), filter .35s var(--ease-out)}.content-example-shade{z-index:1;transition:background .3s var(--ease-out);background:linear-gradient(#08160e1a 38%,#08160ed9 100%)}.content-example-meta{z-index:2;padding:clamp(14px,1.7vw,27px);position:absolute;inset:auto 0 0}.content-example-meta span{color:#ccdfca;letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px;font-size:7px;font-weight:800;line-height:1.2;display:block}.content-example-meta h3{max-width:340px;font-family:var(--serif);letter-spacing:-.04em;margin:0;font-size:clamp(24px,2.7vw,46px);font-weight:400;line-height:.88}.content-example-meta p{color:#d9e4d5;margin:8px 0 0;font-size:10px}.content-example-meta i{border:1px solid #ebf3e699;border-radius:50%;place-items:center;width:33px;height:33px;display:grid;position:absolute;bottom:clamp(18px,2.1vw,30px);right:clamp(14px,1.7vw,27px)}.content-example-preview{z-index:3;color:#e8f0e4;opacity:0;pointer-events:none;transition:opacity .22s var(--ease-out), transform .22s var(--ease-out);background:#102c1ceb;flex-direction:column;justify-content:space-between;padding:clamp(14px,1.7vw,27px);display:flex;position:absolute;inset:0;transform:translateY(10px)}.content-preview-head{grid-template-columns:1fr auto;align-items:baseline;gap:5px 12px;display:grid}.content-preview-head span,.content-preview-head b,.content-example-preview small{letter-spacing:.12em;text-transform:uppercase;font-size:7px;font-weight:800}.content-preview-head span{color:#b7cfb5}.content-preview-head b{color:#edf4e9;text-align:right}.content-preview-head em{color:#d3aa7f;font-family:var(--serif);grid-column:1/-1;font-size:clamp(21px,2vw,32px);font-style:normal;line-height:.9}.content-example-preview ul{border-top:1px solid #ddecd747;margin:auto 0 13px;padding:0;list-style:none}.content-example-preview li{border-bottom:1px solid #ddecd738;grid-template-columns:1fr auto;gap:3px 10px;padding:8px 0;display:grid}.content-example-preview li>span,.content-example-preview li>b{color:#eff5ec;letter-spacing:.1em;text-transform:uppercase;font-size:8px;font-weight:800}.content-example-preview li>b{color:#d5aa7f}.content-example-preview li>p{color:#cbdcc8;grid-column:1/-1;margin:0;font-size:10px;line-height:1.25}.content-example-preview small{color:#a8c0a7}.content-example a:hover img{filter:saturate()contrast(1.08);transform:scale(1.06)}.content-example a:hover .content-example-shade{background:linear-gradient(#08160e0a 32%,#08160ef0)}.content-example:focus-within .content-example-preview{opacity:1;transform:none}.content-example:focus-within .content-example-meta{opacity:.08;transform:translateY(7px)}.content-example a:focus-visible{outline-offset:-4px;outline:2px solid #e9c89b}.content-example-1{grid-area:span 2/span 6}.content-example-2,.content-example-3{grid-column:span 3}.content-example-4,.content-example-5,.content-example-6{grid-column:span 4}.content-example-7,.content-example-8{grid-column:span 3}.content-example-9{grid-column:span 6}.content-example-7,.content-example-8,.content-example-9{grid-row:span 2}.content-examples-note{color:#68796b;max-width:555px;margin:23px 0 0;font-size:10px;line-height:1.5}@media (hover:hover) and (pointer:fine){.content-example:hover .content-example-preview{opacity:1;transform:none}.content-example:hover .content-example-meta{opacity:.08;transform:translateY(7px)}}@media (width<=900px){.content-examples-heading{flex-direction:column;align-items:start;gap:10px}.content-examples-heading>p{margin-bottom:0}.content-example-1{grid-column:span 7}.content-example-2,.content-example-3{grid-column:span 5}.content-example-4,.content-example-5,.content-example-6,.content-example-7,.content-example-8,.content-example-9{grid-column:span 4}}@media (width<=600px){.content-examples{padding:78px 24px}.content-examples-heading h2{font-size:50px}.content-examples-heading>p{font-size:13px}.content-examples-legend{gap:8px 11px;margin:43px 0 18px}.content-examples-legend small{width:100%;margin:4px 0 0}.content-examples-grid{grid-template-columns:1fr;grid-auto-rows:236px;gap:8px}.content-example,.content-example-1,.content-example-2,.content-example-3,.content-example-4,.content-example-5,.content-example-6,.content-example-7,.content-example-8,.content-example-9{grid-area:auto}.content-example-1{grid-row:span 2}.content-example-meta{padding:17px}.content-example-meta h3{font-size:34px}.content-example-meta i{bottom:18px;right:17px}.content-example-preview{padding:17px}.content-example-preview li{padding:6px 0}.content-example-preview li>p{font-size:9px}.content-examples-note{margin-top:17px}}.content-example.is-touch-preview .content-example-preview{opacity:1;transform:none}.content-example.is-touch-preview .content-example-meta{opacity:.08;transform:translateY(7px)}.content-preview-touch-hint{display:none}.content-preview-evolution{border-top:1px solid #ddecd738;border-bottom:1px solid #ddecd738;margin:11px 0 2px;padding:8px 0 6px}.content-preview-evolution-label,.content-preview-evolution-values{justify-content:space-between;align-items:center;gap:10px;display:flex}.content-preview-evolution-label{color:#b7cfb5;letter-spacing:.1em;text-transform:uppercase;font-size:7px;font-weight:800}.content-preview-evolution-label b{color:#d5aa7f;font-size:10px}.content-preview-evolution svg{width:100%;height:32px;margin:4px 0 2px;display:block;overflow:visible}.evolution-base{stroke:#ddecd73d;stroke-width:1px;vector-effect:non-scaling-stroke}.evolution-track{fill:none;stroke:#d5aa7f;stroke-width:1.5px;vector-effect:non-scaling-stroke}.evolution-current{fill:#e5eee0;stroke:#1c462e;stroke-width:1.5px;vector-effect:non-scaling-stroke}.evolution-potential{fill:#d5aa7f;stroke:#eef5e9;stroke-width:1px;vector-effect:non-scaling-stroke}.content-preview-evolution-values{color:#c4d5c1;letter-spacing:.08em;text-transform:uppercase;font-size:7px;font-weight:700}.content-example-2 .content-example-preview,.content-example-3 .content-example-preview,.content-example-4 .content-example-preview,.content-example-5 .content-example-preview,.content-example-6 .content-example-preview{padding:12px}.content-example-2 .content-preview-head em,.content-example-3 .content-preview-head em,.content-example-4 .content-preview-head em,.content-example-5 .content-preview-head em,.content-example-6 .content-preview-head em{font-size:20px}.content-example-2 .content-preview-evolution,.content-example-3 .content-preview-evolution,.content-example-4 .content-preview-evolution,.content-example-5 .content-preview-evolution,.content-example-6 .content-preview-evolution{margin:5px 0 1px;padding:4px 0}.content-example-2 .content-preview-evolution svg,.content-example-3 .content-preview-evolution svg,.content-example-4 .content-preview-evolution svg,.content-example-5 .content-preview-evolution svg,.content-example-6 .content-preview-evolution svg{height:20px;margin:2px 0}.content-example-2 .content-example-preview ul,.content-example-3 .content-example-preview ul,.content-example-4 .content-example-preview ul,.content-example-5 .content-example-preview ul,.content-example-6 .content-example-preview ul{margin:5px 0}.content-example-2 .content-example-preview li,.content-example-3 .content-example-preview li,.content-example-4 .content-example-preview li,.content-example-5 .content-example-preview li,.content-example-6 .content-example-preview li{padding:3px 0}.content-example-2 .content-example-preview li>p,.content-example-3 .content-example-preview li>p,.content-example-4 .content-example-preview li>p,.content-example-5 .content-example-preview li>p,.content-example-6 .content-example-preview li>p{display:none}@media (prefers-reduced-motion:no-preference){.content-example:hover .evolution-track,.content-example:focus-within .evolution-track,.content-example.is-touch-preview .evolution-track{stroke-dasharray:150;animation:nidum-evolution-trace .5s var(--ease-out) both}}@keyframes nidum-evolution-trace{0%{stroke-dashoffset:150px}to{stroke-dashoffset:0}}@media (hover:none) and (pointer:coarse){.content-preview-touch-hint{display:inline}.content-preview-desktop-hint{display:none}}
