/* Compact previews of the two approved fictional examples. */
.start-examples{padding:92px 0 88px;scroll-margin-top:-24px;color:#101413}
.start-examples h2{font-size:clamp(32px,3.4vw,48px);font-weight:500;letter-spacing:-.035em;line-height:1.1;text-wrap:balance;max-width:20ch;margin:0 0 40px}
.example-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px}
.example-card{min-width:0;display:flex;flex-direction:column}
.example-art{background:#eeece5;border-radius:12px;min-height:390px;height:390px;flex-shrink:0;padding:30px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.art-mail,.art-list{background:#fff;width:100%;max-width:470px;border-radius:7px;box-shadow:0 12px 28px #25252214;overflow:hidden}
.art-mail-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d8d6ce;padding:15px 22px;font-size:12px}
.art-sent{display:flex;align-items:center;gap:8px}.art-sent i{font-style:normal;background:#f4d93b;border-radius:50%;width:19px;height:19px;display:grid;place-items:center;font-size:12px}
.art-mail-body{padding:20px 22px}.art-mail-body h4{font-size:23px;line-height:1.2;letter-spacing:-.025em;font-weight:500;margin:0 0 12px}.art-mail-body p{font-size:13px;line-height:1.5;margin:0}.art-mail-body .recipient{font-size:11px;color:#62625b;margin-bottom:18px}.art-attachment{display:flex;align-items:center;gap:13px;background:#eeece5;border-radius:4px;padding:14px;margin-top:20px}.art-file{flex-shrink:0;font-size:9px;border:1px solid #aaa99f;width:29px;height:36px;display:grid;place-items:center;background:white}.art-attachment strong{display:block;font-size:12px;font-weight:500}.art-attachment small{display:block;color:#62625b;font-size:10px;margin-top:3px}
.art-list{padding:22px}.art-list-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.art-sund{font-size:21px;font-weight:600;line-height:1;letter-spacing:-.045em}.art-sund small{display:block;font-size:9px;letter-spacing:0;font-weight:400;margin-top:5px}.art-list-head>span{font-size:11px;color:#62625b}.art-list h4{font-size:20px;line-height:1.2;font-weight:500;letter-spacing:-.025em;margin:0 0 14px}.art-client{display:flex;align-items:center;gap:10px;border-top:1px solid #d8d6ce;padding:12px 0;font-size:13px}.art-client>i{font-style:normal;border:1px solid #d8d6ce;border-radius:50%;width:20px;height:20px;flex-shrink:0;display:grid;place-items:center;font-size:11px}.art-client strong{font-weight:500;display:block}.art-client small{display:block;color:#62625b;font-size:10px;margin-top:3px}.art-client.missing{background:#252522;border:0;border-radius:5px;padding:12px;margin-top:5px;color:#fff}.art-client.missing>i{background:#f4d93b;border-color:#f4d93b;color:#252522}.art-client.missing small{color:#d8d6ce}
.example-card .example-label{font-size:12px;color:#62625b;margin:24px 0 12px}.example-card h3{font-size:clamp(28px,2.4vw,35px);font-weight:500;line-height:1.13;letter-spacing:-.035em;margin:0;max-width:24ch}.example-card .excerpt{font-size:17px;line-height:1.5;color:#62625b;max-width:49ch;margin:18px 0 22px}.example-link{align-self:flex-start;display:inline-flex;align-items:center;min-height:44px;font-size:14px;text-decoration:none;border-bottom:1px solid #101413;padding:5px 0;margin-top:auto;transition:border-color .18s,color .18s}.example-link:hover{color:#62625b;border-color:#62625b}.start-examples .fiction-note{font-size:12px;color:#62625b;line-height:1.5;margin:38px 0 0;max-width:80ch}

@media(max-width:1100px){.example-grid{gap:26px}.example-art{padding:23px;min-height:354px}.art-mail-body{padding:18px}.art-mail-top{padding:14px 18px}.art-list{padding:18px}.art-mail-body h4{font-size:21px}}
@media(max-width:800px){.start-examples{padding:58px 0;scroll-margin-top:-24px}.start-examples h2{margin-bottom:30px;font-size:36px}.example-grid{grid-template-columns:1fr;gap:52px}.example-art{min-height:345px;height:auto;padding:28px}.example-card h3{font-size:32px;max-width:25ch}.example-card .excerpt{max-width:54ch}.example-card .example-label{margin-top:22px}.example-card .excerpt{margin-bottom:15px}.example-link{margin-top:0}}
@media(max-width:480px){.start-examples{padding:42px 0 48px;scroll-margin-top:-12px}.start-examples h2{font-size:32px}.example-art{padding:21px 16px;min-height:325px}.art-list{padding:18px 15px}.art-mail-top{padding:13px 15px}.art-mail-body{padding:18px 15px}.art-mail-body h4{font-size:21px}.example-card h3{font-size:29px}.example-card .excerpt{font-size:16px}.art-attachment{padding:12px;gap:10px}.art-attachment strong{font-size:11px}.example-grid{gap:44px}}
@media(max-width:360px){.example-art{padding:18px 12px}.art-list h4{font-size:18px}.art-client{font-size:12px;gap:8px}.art-client small{font-size:9px}.art-attachment{gap:8px;padding:10px}.art-attachment strong{font-size:10px}.art-mail-body h4{font-size:20px}}