.wc-preview{background:#11382d;color:#f6efdf}.wc-preview header.wc-opening{padding:160px 7vw 70px;max-width:1400px;margin:auto}.wc-preview h1{font:400 clamp(3rem,6vw,6rem)/1.05 var(--font-serif),Georgia,serif;max-width:16ch}.wc-preview p{line-height:1.8;max-width:65ch}.wc-preview-note{font-size:.8rem;margin-bottom:30px;opacity:.85}.wc-preview .wc-split{display:grid;grid-template-columns:1.1fr 1fr;gap:6vw;padding:65px 7vw;align-items:center}.wc-preview .wc-split:nth-of-type(2n){background:#f5efdf;color:#16382c}.wc-preview figure{margin:0}.wc-preview img{width:100%;height:auto;display:block}.wc-preview figcaption{font-size:.8rem;padding:12px 0;line-height:1.5}.wc-preview h2{font:400 clamp(2.4rem,4vw,4rem)/1.1 var(--font-serif),Georgia,serif}.wc-preview li{line-height:1.9;margin-bottom:10px}.wc-preview .wc-end{padding:70px 7vw}.wc-preview .wc-actions{display:flex;gap:25px;flex-wrap:wrap;margin-top:30px}.wc-preview a{text-underline-offset:5px}.wc-preview .wc-example{padding:20px 7vw 70px;max-width:1200px;margin:auto}.wc-example section{padding:30px 0;border-bottom:1px solid #e7d5a644}@media(max-width:760px){.wc-preview header.wc-opening{padding-top:120px}.wc-preview .wc-split{grid-template-columns:1fr;padding-block:35px;gap:25px}}.wc-preview .wc-wide{grid-column:1/-1}.wc-preview .wc-wide img{max-height:360px;object-fit:cover}.wc-preview header.wc-opening figure{margin-top:35px}