/* 사진 연출 대신 실제 콘텐츠 구조로 설명하는 웹진·문서·발송 화면. */
@media(min-width:1001px){.detail-onepage .story-copy{position:sticky;top:140px}}
.sample-menu a{text-decoration:none}.sample-menu a:hover{text-decoration:underline;text-underline-offset:5px}.example-site [id^="sample-"]{scroll-margin-top:100px}.example-site .sample-menu{flex-wrap:wrap}.example-site .sample-menu a{font-size:clamp(13px,2cqw,17px)}
.home-responsive .sample-lead{display:none}.cover.home-responsive .sample-story-grid{grid-template-columns:1fr 1fr;gap:12px}.home-responsive .sample-menu{display:none}.home-responsive .sample-story-card>strong{font-size:clamp(8px,3.5cqw,14px)}.home-responsive .sample-category{font-size:7px}.home-responsive .sample-read{font-size:8px}.home-responsive .sample-section-head>span{display:none}
.editorial-art{display:block;width:100%;height:auto;object-fit:cover}
.sample-web{container-type:inline-size;background:#fff;color:#243a38;overflow:hidden;text-align:left;font-weight:400;line-height:1.65;word-break:keep-all}
.sample-mast{display:flex;justify-content:space-between;align-items:center;padding:4% 6%;border-bottom:1px solid #dbe4df}
.sample-mast>strong{font-size:clamp(13px,5cqw,36px);font-weight:800;letter-spacing:-.06em}.sample-mast>strong>span{font-weight:400;margin-left:.25em}.sample-mast>span{font-size:clamp(7px,1.9cqw,15px);text-align:right;color:#6b7a72;line-height:1.5}
.sample-menu{display:flex;justify-content:space-between;padding:2.5% 6%;font-size:clamp(8px,2.1cqw,17px);color:#526d5d;gap:10px;border-bottom:1px solid #e8ede9}.sample-menu b{display:none}
.sample-lead{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:3%;padding:5% 6%;background:#e9f0e7}
.sample-eyebrow{display:block;font-size:clamp(7px,1.85cqw,15px);color:#55735a;margin-bottom:3%}
.sample-web .sample-title{display:block;font-size:clamp(12px,4cqw,40px);line-height:1.35;font-weight:750;letter-spacing:-.06em}
.sample-desc{display:block;font-size:clamp(8px,2cqw,17px);line-height:1.6;margin-top:5%;color:#55705f}
.sample-lead .editorial-art{height:auto;aspect-ratio:1.2;object-fit:cover}
.sample-section{padding:5% 6%;border-bottom:1px solid #e1e6e0}.sample-section-no{font-size:clamp(7px,1.95cqw,16px);color:#578573;display:block;margin-bottom:2%}
.sample-web .sample-subtitle{font-size:clamp(10px,3.1cqw,28px);line-height:1.4;display:block;font-weight:750;letter-spacing:-.035em}
.sample-article-row{display:grid;grid-template-columns:1fr 1.05fr;gap:5%;align-items:start;margin-top:4%}.sample-article-row .editorial-art{aspect-ratio:1.22;height:auto;object-fit:cover}.sample-article-row.reverse .editorial-art{order:2}
.sample-body{font-size:clamp(8px,2.2cqw,19px);line-height:1.8;display:block;color:#52625a}.sample-body+.sample-body{margin-top:5%}.sample-community>.editorial-art{margin:4% 0;max-height:235px;object-fit:cover;aspect-ratio:2.4}.sample-section-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:4%}.sample-section-head>span{font-size:clamp(7px,1.7cqw,14px);color:#708274;white-space:nowrap}
.sample-story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4%}.sample-story-card{min-width:0;display:block}.sample-story-card>.editorial-art{aspect-ratio:1.45;width:100%;height:auto;object-fit:cover}.sample-category{font-size:clamp(7px,1.6cqw,14px);color:#5d826c;display:block;margin-top:9%}.sample-story-card>strong{display:block;font-size:clamp(10px,2.5cqw,23px);line-height:1.5;letter-spacing:-.04em;margin:3% 0 5%}.sample-story-card .sample-body{font-size:clamp(8px,1.9cqw,17px)}.sample-read{font-size:clamp(8px,1.8cqw,16px);display:block;margin-top:8%;color:#315e45}.sample-events{background:#fafaf4}.sample-event{display:flex;align-items:center;gap:5%;padding:3% 0;border-top:1px solid #dce5db}.sample-event>b{font-size:clamp(15px,4.5cqw,36px);font-weight:650;color:#668368}.sample-event>div{flex:1}.sample-event strong{display:block;font-size:clamp(9px,2.3cqw,19px);font-weight:650}.sample-event>div>span{display:block;font-size:clamp(7px,1.75cqw,15px);color:#748170}.sample-event>span{font-size:clamp(7px,1.7cqw,14px);padding:1% 3%;border:1px solid #b7c8b9}.sample-footer{padding:4% 6%;background:#345847;color:#fff;display:flex;flex-wrap:wrap;gap:7px 20px;font-size:clamp(7px,1.65cqw,14px)}.sample-footer>strong{width:100%;font-size:clamp(10px,2.7cqw,22px)}.sample-footer>span:last-child{opacity:.75}
@container(max-width:780px){.sample-web-responsive .sample-story-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:28px}}
@container(max-width:520px){.sample-web-responsive .sample-story-grid{grid-template-columns:1fr;gap:25px}.sample-web-responsive .sample-menu>span{display:none}.sample-web-responsive .sample-menu b{display:block;margin-left:auto}.sample-web-responsive .sample-lead{grid-template-columns:1fr}.sample-web-responsive .sample-lead .editorial-art{aspect-ratio:2.3;margin-top:4%}.sample-web-responsive .sample-story-card .editorial-art{aspect-ratio:2}.sample-web-responsive .sample-category{margin-top:3%}.sample-web-responsive .sample-story-card>strong{font-size:clamp(12px,4.5cqw,23px);margin:2% 0}.sample-web-responsive .sample-story-card .sample-body{font-size:clamp(9px,3.1cqw,17px)}.sample-web-responsive .sample-read{margin-top:3%;font-size:clamp(9px,3.1cqw,16px)}}
.example-heading{margin-bottom:25px}.example-tag{display:inline-block;font-size:14px;font-weight:650;color:var(--service-accent,#486b57);margin-bottom:10px}.example-heading>strong{display:block;font-size:25px;line-height:1.45;letter-spacing:-.035em}.example-bottom{display:flex;align-items:center;gap:12px;font-size:17px;line-height:1.65;color:#536474;margin-top:25px}.example-bottom .service-icon{width:25px;height:25px}.real-browser{border:1px solid #b8c9cf;background:white;border-radius:9px 9px 0 0;overflow:hidden;box-shadow:0 12px 25px #163a5012}.real-address{display:flex;gap:10px;align-items:center;background:#f5f7f7;border-bottom:1px solid #d7e1e3;padding:10px 12px;font-size:11px;color:#687d85;white-space:nowrap;overflow:hidden}.real-address>i{width:6px;height:6px;border:1px solid #84989c;border-radius:50%;box-shadow:10px 0 0 -1px #bac7c9,20px 0 0 -1px #bac7c9;margin-right:22px;flex-shrink:0}
.story-hero{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:45px}.story-copy{padding-top:15px}.onepage-explainer{padding:30px;background:#eef4fa;min-width:0}.long-page-layout{display:grid;grid-template-columns:minmax(0,1fr) 125px;gap:20px}.page-annotations{list-style:none;margin:0;padding:10px 0;display:grid;grid-template-rows:1fr 1.15fr 1.2fr .7fr;border-left:1px dashed #90aabe}.page-annotations>li{padding-left:15px;position:relative;align-content:center}.page-annotations>li:before{content:"";position:absolute;left:-6px;top:50%;width:10px;height:10px;border:2px solid #eef4fa;background:#3c749e;border-radius:50%}.page-annotations b{font-size:15px;color:#3a749f;display:block;font-weight:750}.page-annotations strong{display:block;font-size:17px;line-height:1.5;margin:7px 0}.page-annotations span{font-size:13px;line-height:1.65;display:block;color:#6b7d8a}
.actual-story-cover{background:#eaf1e6;padding:26px;display:flex;flex-direction:column;color:#345b48}.actual-story-cover>span{font-size:14px;margin-bottom:19px}.actual-story-cover>strong{font-size:32px;line-height:1.3;font-weight:750}.actual-story-cover>.editorial-art{margin-top:20px;min-height:0;flex:1;object-fit:cover}.actual-story-article{padding:25px;background:white}.actual-story-article>span{font-size:13px;color:#718b72}.actual-story-article>strong{display:block;font-size:23px;line-height:1.4;margin:13px 0}.actual-story-article>.editorial-art{width:100%;height:135px;object-fit:cover}.service-page .actual-story-article>p{font-size:16px;line-height:1.7;margin-top:15px}
.responsive-explainer{background:#f3f1f8;padding:32px}.responsive-comparison{display:grid;grid-template-columns:1.65fr 1fr .72fr;gap:25px;align-items:start}.responsive-device{min-width:0}.device-name{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:18px}.device-name>.service-icon{width:26px;height:26px;color:#6b5e9f}.device-name>strong{font-size:20px}.device-name>span{font-size:13px;color:#7b7290;flex-basis:100%}.responsive-device-frame{border:6px solid #4b465f;border-radius:12px;overflow:hidden;background:white}.responsive-mobile .responsive-device-frame{border-radius:22px;border-width:5px}.responsive-tablet .responsive-device-frame{border-radius:16px}.responsive-device-frame .sample-events,.responsive-device-frame .sample-footer{display:none}.responsive-pc .sample-story-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:4%}.responsive-tablet .sample-story-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 5%}.responsive-mobile .sample-story-grid{grid-template-columns:1fr;gap:15px}.responsive-pc .sample-lead{grid-template-columns:1fr 1fr}.responsive-pc .sample-lead .editorial-art{aspect-ratio:1.1;margin:0}.responsive-pc .sample-menu>span{display:block;font-size:8px}.responsive-pc .sample-menu b{display:none}.responsive-pc .sample-story-card>strong,.responsive-tablet .sample-story-card>strong{font-size:clamp(9px,2.4cqw,16px)}.responsive-pc .sample-story-card .sample-body,.responsive-tablet .sample-story-card .sample-body{font-size:clamp(8px,1.85cqw,12px)}.responsive-pc .sample-story-card>.editorial-art,.responsive-tablet .sample-story-card>.editorial-art{aspect-ratio:1.4}.responsive-device-frame .sample-read{font-size:clamp(8px,1.85cqw,12px);margin-top:8%}.responsive-device-frame .sample-category{font-size:8px}.responsive-mobile .real-address{padding:8px 7px;font-size:8px;gap:4px}.responsive-mobile .real-address>i{margin-right:10px;box-shadow:none}.responsive-mobile .sample-desc{font-size:8px}.responsive-mobile .sample-web .sample-title{font-size:13px}.responsive-mobile .sample-story-card>strong{font-size:12px}.responsive-mobile .sample-story-card .sample-body{font-size:10px}.responsive-mobile .sample-menu{padding-block:2px}
.document-page{position:relative;container-type:inline-size;aspect-ratio:210/297;background:#fffdf6;box-shadow:0 8px 20px #58463712;padding:7%;display:flex;flex-direction:column;overflow:hidden;color:#364d3e;font-weight:400;text-align:left;line-height:1.6;word-break:keep-all}
.document-running{display:flex;justify-content:space-between;gap:5px;border-bottom:1px solid #b4c2ae;padding-bottom:4%;margin-bottom:7%;font-size:clamp(3px,2cqw,13px);color:#788771}.document-kicker{display:block;font-size:clamp(3px,2.4cqw,16px);color:#728a61;margin-bottom:4%}.document-title{display:block;font-size:clamp(3px,7.5cqw,45px);line-height:1.25;letter-spacing:-.065em;font-weight:750;margin-bottom:5%}.document-issue{font-size:clamp(3px,2.2cqw,14px);letter-spacing:.04em;margin-bottom:5%;color:#7a886f}.document-page>.editorial-art{width:100%;height:auto;aspect-ratio:1.9;object-fit:cover;margin:2% 0 5%}.document-page-1>.editorial-art{aspect-ratio:1.5}.document-cover-line{font-size:clamp(3px,5.7cqw,32px);line-height:1.35;margin:3% 0 5%;letter-spacing:-.04em}.document-contents{display:grid;gap:3px;font-size:clamp(3px,2.6cqw,16px);border-top:1px solid #acbba7;padding-top:5%}.document-folio{display:flex;align-items:center;justify-content:space-between;font-size:clamp(3px,1.9cqw,12px);color:#82917c;border-top:1px solid #c7d1bf;padding-top:4%;margin-top:auto}.document-folio>b{font-weight:550}.document-toc{display:grid;gap:20px;margin:5% 0 10%}.document-toc>span{display:block;border-bottom:1px solid #d5ddce;padding-bottom:6%;font-size:clamp(3px,3.7cqw,23px);font-weight:600}.document-toc b{font-size:clamp(3px,6cqw,32px);display:inline-block;color:#8c9b71;margin-right:5%}.document-toc small{display:block;font-size:clamp(3px,2.6cqw,16px);font-weight:400;margin-left:16%}.document-body{display:block;font-size:clamp(3px,3cqw,18px);line-height:1.9;margin-bottom:6%;color:#61705d}.document-columns{display:grid;grid-template-columns:1fr 1fr;gap:6%;font-size:clamp(3px,2.9cqw,17px);line-height:1.85;margin:2% 0 7%;color:#657060}.document-subtitle{display:block;font-size:clamp(3px,4cqw,24px);line-height:1.4;margin:3% 0 4%;font-weight:700}.document-quote{background:#e7eddc;padding:6%;font-size:clamp(3px,2.8cqw,17px);line-height:1.8;margin-bottom:7%}.document-quote>b{font-weight:550;display:block;margin-top:4%}.document-program{display:flex;align-items:center;gap:5%;padding:5% 0;border-bottom:1px solid #d0d9c6;font-size:clamp(3px,3.2cqw,20px)}.document-program>b{font-size:clamp(3px,7cqw,38px);font-weight:550;color:#75865e}.document-program small{display:block;font-size:clamp(3px,2.5cqw,15px);color:#7d8a73}.document-info{display:grid;gap:15px;font-size:clamp(3px,2.7cqw,16px);margin:5% 0}.document-info>span{color:#859477}.document-info b{display:block;font-weight:500;color:#465841}
.pdf-explainer{padding:32px;background:#f5eee5}.document-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.page-label{font-size:16px;display:block;margin-bottom:13px;color:#827158}.file-delivery{display:flex;align-items:center;gap:16px;background:#fff9f0;padding:20px 25px;margin-top:30px;border:1px solid #e0d3c2}.file-delivery>.service-icon{color:#ac6747}.file-delivery>span>b{font-size:20px;font-weight:600}.file-delivery small{display:block;font-size:15px;color:#867560}.file-type-label{margin-left:auto;font-size:14px;letter-spacing:.04em;color:#a5694c}
.actual-post-mock,.pdf-file-preview{background:white;margin:30px 0;border:1px solid #dadbd5}.actual-post-mock{padding:20px}.post-ui-title{display:flex;justify-content:space-between;font-size:13px;color:#687361;border-bottom:2px solid #57674c;padding-bottom:9px}.post-ui-title>span{font-size:10px}.actual-post-mock>strong{font-size:20px;display:block;margin:15px 0 4px}.post-ui-meta{font-size:11px;color:#8a9284;display:block;margin-bottom:18px}.actual-post-mock .document-page{max-width:280px;margin:auto}.pdf-file-bar{background:#46515d;color:#fff;display:flex;align-items:center;gap:10px;padding:14px;font-size:14px}.pdf-file-bar .service-icon{width:22px;height:22px}.pdf-file-pages{display:grid;grid-template-columns:1fr 1fr;gap:12px;background:#e5e8e9;padding:28px 18px}.pdf-file-counter{display:flex;justify-content:space-between;padding:12px 16px;background:#f4f5f5;font-size:14px;color:#78808a}
.ebook-hero-inner{grid-template-columns:1fr 1.2fr;align-items:center}.ebook-copy{padding:45px 35px}.ebook-explainer{padding:30px;min-width:0;background:#e9e5f1;color:#302943}.reader-window{border:1px solid #c6bfd6;background:#f6f3fa;border-radius:9px;overflow:hidden}.reader-toolbar{display:flex;align-items:center;gap:12px;background:#514c65;color:#fff;padding:15px;font-size:14px}.reader-toolbar>.service-icon{width:22px;height:22px}.reader-toolbar>strong{font-weight:550}.reader-toolbar>span{margin-left:auto;font-size:12px;white-space:nowrap}.reader-pages{display:grid;grid-template-columns:1fr 1fr;gap:1px;padding:24px;background:#ddd8e6}.reader-pages>.document-page{box-shadow:none}.reader-pages>.document-page:nth-child(2){box-shadow:inset 10px 0 10px -10px #38292266}.reader-bottom{display:flex;gap:10px;align-items:center;justify-content:space-between;font-size:12px;color:#756c84;padding:15px}.reader-bottom>span:first-child,.reader-bottom>span:last-child{white-space:nowrap}.ebook-explainer .example-bottom{font-size:15px;color:#665c79}.real-document-spread{min-height:0;gap:1px;align-items:stretch}.book-spread.real-document-spread .document-page{box-shadow:none}.book-spread.real-document-spread .document-page:nth-child(2){box-shadow:inset 15px 0 15px -15px #635641aa}.publish-example{display:flex;align-items:center;justify-content:center;gap:22px;padding:45px 30px;background:#eeeaf5;min-height:270px;color:#625877}.publish-example>.service-icon:first-child{width:65px;height:65px}.publish-example>span{font-size:20px}.publish-example>div{display:grid;justify-items:center;gap:15px}.publish-example>div .service-icon{width:60px;height:60px}.publish-example>div strong{font-size:23px}.publish-example>div span{font-size:13px;color:#807489;text-align:center;overflow-wrap:anywhere}
.newsletter-hero{grid-template-columns:.9fr 1.1fr;align-items:center}.newsletter-example{padding:32px;background:#eaf2ed;min-width:0}.email-client{background:#fff;border:1px solid #d0ded5;box-shadow:0 15px 30px #315b4310}.email-client-top{display:flex;gap:12px;align-items:center;padding:16px 20px;background:#fafcfa;border-bottom:1px solid #dfe7e1;font-size:16px}.email-client-top>.service-icon{width:23px;height:23px;color:#4d7d5d}.email-client-top>span{margin-left:auto;font-size:12px;color:#7e9181}.email-envelope{display:grid;gap:6px;padding:20px;border-bottom:1px solid #e2e8df}.email-envelope>strong{font-size:19px;line-height:1.5;margin-bottom:7px}.email-envelope>span{font-size:12px;color:#738171}.email-envelope b{font-weight:400;color:#aaa;margin-right:10px}.email-message{padding:25px 35px;text-align:center}.email-brand{font-size:24px;font-weight:750;color:#3e6552;text-align:left;border-bottom:2px solid #628870;padding-bottom:13px;margin-bottom:20px}.email-brand>span{font-weight:400}.email-brand small{float:right;font-size:12px;font-weight:400;margin-top:9px}.email-message>.editorial-art{height:160px;object-fit:cover}.email-message>strong{display:block;font-size:27px;line-height:1.4;margin:23px 0 12px;color:#305840}.email-message>span{font-size:15px;line-height:1.7;color:#6d7e6c}.email-story-list{display:grid;gap:10px;text-align:left;padding:18px 0;margin:17px 0;border-top:1px solid #dee5dc;border-bottom:1px solid #dee5dc;font-size:14px;color:#4c654f}.email-message>.email-cta-example{display:block;background:#3f7356;color:white;padding:13px;font-size:16px;margin-bottom:17px}.email-message>small{font-size:10px;color:#91a08f}.email-preview>.editorial-art{height:130px;width:100%;object-fit:cover}.email-preview-bottom>span{pointer-events:none}
.material-example{padding:25px;background:#e9f0e8}.material-example .example-heading{margin-bottom:22px}.material-example .example-heading>strong{font-size:22px}.material-example>div:not(.example-heading){display:flex;gap:13px;align-items:center;padding:16px 0;border-top:1px solid #ccdaca;color:#4c7054}.material-example>div>span{flex:1}.material-example>div>span>strong{font-size:18px;display:block;font-weight:600}.material-example small{display:block;font-size:14px;color:#7a8c75}.material-example .service-icon{width:27px;height:27px}.material-example>div>.service-icon:last-child{width:20px;height:20px}
.project-image.product-preview{display:block;padding:25px;background:#eeedf5;position:relative;height:470px;overflow:hidden}.product-preview-2{background:#f2e9dc!important}.product-preview-3{background:#e4eef8!important}.product-preview-4{background:#e6e2f0!important}.preview-type{font-size:17px;color:#5b5970;margin-bottom:20px}.preview-result{width:88%;margin:auto;box-shadow:0 10px 25px #34334715}.product-preview-2 .preview-result{max-width:300px}.product-preview-4 .preview-result{width:100%;box-shadow:none}.product-preview .editorial-art{position:static!important;inset:auto!important;width:100%!important;height:auto!important;object-fit:cover;z-index:auto!important}.product-preview .reader-pages{padding:10px;background:transparent}.preview-reader-bar{text-align:center;background:#534d68;color:white;font-size:13px;padding:12px}.preview-example-label{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#fff 50%);padding:35px 20px 14px;text-align:center;font-size:13px;color:#777}.project-large-preview>.product-preview{height:auto;max-height:1000px;padding:40px}.project-large-preview .preview-result{max-width:840px}.project-large-preview .product-preview-2 .preview-result{max-width:550px}.project-large-preview .product-preview-4 .preview-result{max-width:1000px}.project-large-preview .product-preview-3{max-height:1400px}.context-example{max-height:480px;overflow:hidden;border:1px solid #d5ddd4;position:relative}.context-example:after{content:"";position:absolute;bottom:0;left:0;right:0;height:55px;background:linear-gradient(transparent,#f5f5f1)}.context-example>.document-page{max-width:320px;margin:auto}.context-example .sample-web{width:100%}
.cover.home-product{color:#273d38;padding:22px;background:#e8ece5;height:410px;box-shadow:0 6px 20px #31342908}.cover.home-product:after{display:none}.home-product-label{display:block;font-size:11px;letter-spacing:.025em;margin-bottom:12px;color:#627267}.home-product>strong{display:block;font-size:25px;line-height:1.3;font-weight:700;letter-spacing:-.04em;position:relative;z-index:1}.home-product-screen{margin-top:20px;background:white;box-shadow:0 7px 18px #31473315}.home-product-screen .sample-web{width:100%}.home-product-screen .editorial-art{position:static;inset:auto;z-index:auto;width:100%;height:auto}.home-product-screen .reader-pages{padding:8px;min-height:220px;background:#cfc9e0}.home-product-screen .document-page{padding:8%;height:auto}.home-product-foot{position:absolute;bottom:0;left:0;right:0;padding:40px 18px 18px;background:linear-gradient(transparent,#e8ece5 40%);font-size:12px;line-height:1.65;z-index:2}.home-pdf{background:#eee7d9!important}.home-pdf .home-product-foot{background:linear-gradient(transparent,#eee7d9 40%)}.home-onepage{background:#dcebf8!important;height:520px!important}.home-onepage .home-product-foot{background:linear-gradient(transparent,#dcebf8 40%)}.home-ebook{background:#e1ddef!important}.home-ebook .home-product-foot{background:linear-gradient(transparent,#e1ddef 40%)}.home-reader-nav{text-align:center;font-size:12px;padding:12px;color:#5f5873;background:#e9e6ef}.home-product-screen .sample-menu{gap:3px}.home-product-screen .sample-story-card .sample-body{display:none}
.example-site{background:#eef1eb;margin:0;font-family:Pretendard,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.7;color:#25372d}.example-site *{box-sizing:border-box}.example-site a{color:inherit}.example-site img{display:block;max-width:100%}.example-site .sample-web{max-width:1100px;margin:30px auto;box-shadow:0 10px 35px #23472c15}.example-return{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#243e31;color:white;padding:15px 5%;font-size:17px}.example-return a{text-decoration:none;border-bottom:1px solid #789785}.example-return>span{font-size:13px;opacity:.8}.example-site .sample-story-card:hover .sample-read{text-decoration:underline}.example-site .sample-story-card{text-decoration:none}.sample-live .sample-web .sample-title{font-size:40px}.sample-article-live{max-width:920px;padding:60px;margin:30px auto;background:#fff}.sample-article-live>span{font-size:17px;color:#6a845c}.sample-article-live h1{font-size:42px;line-height:1.4;letter-spacing:-.05em;margin:18px 0}.sample-article-live>p{font-size:20px;line-height:1.9;color:#586850;margin:25px 0}.sample-article-live>.editorial-art{margin:35px 0;width:100%}.sample-article-live>a{display:inline-block;margin-top:25px;font-size:18px}.example-site .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.document-running{padding-bottom:2%;margin-bottom:4%}.document-kicker{margin-bottom:2%}.document-title{margin-bottom:3%}.document-issue{margin-bottom:3%}.document-page>.editorial-art{aspect-ratio:2.4;margin:2% 0 3%}.document-page-1>.editorial-art{aspect-ratio:2}.document-cover-line{margin:2% 0 3%}.document-contents{padding-top:3%}.document-folio{padding-top:2%}.document-body{margin-bottom:4%}.document-columns{margin:2% 0 4%}.document-subtitle{margin:2% 0 3%}.document-program{padding:3% 0}.document-toc{gap:12px;margin:3% 0 6%}.document-toc>span{padding-bottom:4%}.document-info{gap:10px;margin:3% 0}.document-quote{padding:4%;margin-bottom:4%}
@media(max-width:1180px){
 .story-hero{gap:30px;grid-template-columns:.85fr 1.15fr}.onepage-explainer{padding:24px}.long-page-layout{grid-template-columns:minmax(0,1fr) 100px;gap:15px}.page-annotations strong{font-size:15px}.page-annotations span{font-size:12px}.responsive-explainer{padding:25px}.responsive-comparison{gap:17px;grid-template-columns:1.5fr 1fr .8fr}.responsive-pc .sample-menu{gap:5px}.responsive-pc .sample-menu>span{font-size:7px}.responsive-device-frame{border-width:4px}.device-name>span{font-size:12px}.device-name>strong{font-size:18px}.document-board{gap:20px}.pdf-explainer{padding:25px}.ebook-copy{padding:35px 25px}.ebook-explainer{padding:22px}.reader-pages{padding:15px}.reader-toolbar{gap:7px;font-size:12px}.reader-bottom{font-size:10px;padding:12px}.newsletter-example{padding:25px}.email-message{padding:23px}.project-image.product-preview{padding:22px;height:430px}.cover.home-product{padding:17px}.home-product>strong{font-size:22px}.home-product-label{font-size:9px}.home-product-foot{font-size:11px;padding-inline:15px}
}
@media(max-width:1000px){
 .story-hero{grid-template-columns:1fr;gap:35px}.story-copy{max-width:760px}.onepage-explainer{max-width:800px;width:100%}.long-page-layout{grid-template-columns:minmax(0,1fr) 160px;gap:25px}.page-annotations strong{font-size:20px}.page-annotations span{font-size:16px}.page-annotations b{font-size:17px}.responsive-comparison{grid-template-columns:1fr 1fr}.responsive-pc{grid-column:1/3}.responsive-pc .sample-web .sample-title{font-size:clamp(20px,4cqw,36px)}.responsive-pc .sample-story-card>strong{font-size:clamp(12px,2.5cqw,20px)}.responsive-pc .sample-story-card .sample-body{font-size:clamp(11px,1.9cqw,16px)}.responsive-pc .sample-menu>span{font-size:clamp(10px,2.1cqw,16px)}.responsive-tablet .sample-story-card>strong{font-size:clamp(10px,3.2cqw,17px)}.responsive-mobile{max-width:230px;justify-self:center;width:100%}.responsive-comparison .responsive-mobile .sample-web .sample-title{font-size:18px}.responsive-mobile .sample-story-card>strong{font-size:14px}.responsive-mobile .sample-story-card .sample-body{font-size:11px}.ebook-hero-inner{grid-template-columns:1fr}.ebook-copy{padding:40px}.ebook-explainer{padding:30px}.ebook-explainer .reader-pages{padding:25px}.reader-toolbar{font-size:16px}.reader-toolbar>span{font-size:14px}.reader-bottom{font-size:14px}.newsletter-hero{grid-template-columns:1fr}.newsletter-example{max-width:740px;width:100%;padding:30px}.email-message{padding:30px 45px}.email-message>.editorial-art{height:230px}.document-board{gap:15px}.page-label{font-size:14px}.file-delivery>span>b{font-size:18px}.file-type-label{font-size:12px}.cover.home-product{height:340px}.home-onepage{height:400px!important}.home-product>strong{font-size:19px}.home-product-label{font-size:8px}.home-product-screen{margin-top:15px}.home-product-screen .reader-pages{min-height:170px}.home-product-foot{font-size:10px;padding-inline:12px}.project-context{grid-template-columns:1fr}.context-example{max-height:500px}
}
@media(max-width:760px){
 .example-heading>strong{font-size:22px}.example-tag{font-size:13px}.example-heading{margin-bottom:22px}.example-bottom{font-size:16px;margin-top:20px;align-items:flex-start}.example-bottom .service-icon{width:22px;height:22px;margin-top:3px}.onepage-explainer{padding:22px}.long-page-layout{grid-template-columns:1fr;gap:20px}.page-annotations{border:0;grid-row:1;grid-template-columns:1fr 1fr;grid-template-rows:auto;gap:17px;padding:0 0 5px}.page-annotations li{padding:0 0 0 13px;border-left:2px solid #9db7cf}.page-annotations li:before{display:none}.page-annotations b{font-size:13px}.page-annotations strong{font-size:16px;margin:3px 0}.page-annotations span{font-size:12px}.real-address{font-size:9px;padding:10px}.actual-story-cover>strong{font-size:30px}.actual-story-article>strong{font-size:22px}.actual-story-article>.editorial-art{height:160px}.service-page .actual-story-article>p{font-size:17px}.responsive-explainer{padding:22px}.responsive-comparison{grid-template-columns:1fr;gap:30px}.responsive-pc{grid-column:auto}.responsive-tablet{max-width:420px;width:90%;margin:auto}.responsive-mobile{max-width:220px;width:75%;justify-self:center}.device-name{margin-bottom:13px}.device-name>span{font-size:13px;flex-basis:auto;margin-left:auto}.device-name>strong{font-size:17px}.device-name>.service-icon{width:23px;height:23px}.responsive-pc .sample-web .sample-title{font-size:clamp(12px,4cqw,20px)}.responsive-pc .sample-story-card>strong{font-size:clamp(9px,3.1cqw,14px)}.responsive-pc .sample-story-card .sample-body{font-size:clamp(8px,2.7cqw,11px)}.responsive-pc .sample-menu>span{font-size:clamp(7px,2.3cqw,10px)}.responsive-tablet .sample-story-card>strong{font-size:clamp(11px,4cqw,15px)}.responsive-mobile .sample-story-card .sample-body{font-size:12px}.responsive-device-frame .sample-section-head>span{display:none}.responsive-comparison .responsive-mobile .sample-web .sample-title{font-size:17px}.responsive-device .real-address{font-size:9px}
 .pdf-explainer{padding:22px}.document-board{grid-template-columns:1fr;gap:28px;max-width:480px;margin:auto}.page-label{font-size:16px;margin-bottom:12px}.document-page{padding:7%;aspect-ratio:210/297}.document-toc{gap:13px}.file-delivery{padding:16px;gap:12px;flex-wrap:wrap;margin-top:25px}.file-delivery>.service-icon{width:26px;height:26px}.file-delivery>span>b{font-size:16px}.file-delivery small{font-size:13px}.file-type-label{font-size:11px;margin-left:38px}.actual-post-mock{padding:15px;margin-block:25px}.actual-post-mock>strong{font-size:18px}.actual-post-mock .document-page{max-width:260px}.pdf-file-bar{padding:12px;font-size:11px;gap:8px}.pdf-file-pages{padding:20px 10px;gap:7px}.pdf-file-counter{font-size:12px}.pdf-file-pages .document-page{padding:8%}.pdf-file-pages .document-title{font-size:clamp(10px,7.5cqw,20px)}.pdf-file-pages .document-cover-line{font-size:clamp(9px,5.7cqw,16px)}.pdf-file-pages .document-body,.pdf-file-pages .document-columns{font-size:clamp(5px,3cqw,10px)}.pdf-file-pages .document-contents{font-size:clamp(5px,2.6cqw,8px)}
 .ebook-copy{padding:32px 25px}.ebook-explainer{padding:20px 15px}.ebook-explainer .reader-pages{padding:14px 9px}.reader-toolbar{font-size:11px;padding:12px 10px}.reader-toolbar>.service-icon{width:18px;height:18px}.reader-toolbar>span{font-size:10px}.reader-bottom{font-size:10px;padding:12px 9px;flex-wrap:wrap}.reader-bottom>span:nth-child(2){display:none}.ebook-explainer .example-bottom{font-size:14px}.reader-pages .document-body,.reader-pages .document-columns{font-size:clamp(6px,3cqw,12px)}.reader-pages .document-title{font-size:clamp(11px,7.5cqw,28px)}.reader-pages .document-subtitle{font-size:clamp(8px,4cqw,17px)}.reader-pages .document-quote{font-size:clamp(6px,2.8cqw,13px)}.real-document-spread .document-page{min-height:280px}.real-document-spread .document-title{font-size:clamp(12px,7.5cqw,26px)}.real-document-spread .document-toc{gap:10px}.real-document-spread .document-toc>span{font-size:clamp(8px,3.7cqw,16px)}.real-document-spread .document-toc small{font-size:clamp(6px,2.6cqw,10px)}.real-document-spread .document-body,.real-document-spread .document-columns{font-size:clamp(7px,3cqw,14px)}.real-document-spread .document-cover-line{font-size:clamp(11px,5.7cqw,21px)}.real-document-spread .document-contents{font-size:clamp(6px,2.6cqw,10px)}.real-document-spread .document-subtitle{font-size:clamp(9px,4cqw,18px)}.real-document-spread .document-quote{font-size:clamp(7px,2.8cqw,12px)}.publish-example{padding:35px 22px;gap:15px;flex-wrap:wrap}.publish-example>.service-icon:first-child{width:40px;height:40px}.publish-example>span{font-size:17px}.publish-example>div .service-icon{width:45px;height:45px}.publish-example>div strong{font-size:20px}.publish-example>div span{font-size:12px}
 .newsletter-example{padding:20px}.email-client-top{padding:14px;font-size:14px;gap:8px}.email-client-top>span{font-size:10px}.email-client-top>.service-icon{width:20px;height:20px}.email-envelope{padding:16px}.email-envelope>strong{font-size:16px}.email-envelope>span{font-size:10px}.email-message{padding:20px}.email-brand{font-size:23px}.email-brand small{font-size:10px}.email-message>.editorial-art{height:140px}.email-message>strong{font-size:24px}.email-message>span{font-size:14px}.email-story-list{font-size:12px}.email-message>.email-cta-example{font-size:14px;padding:12px}.email-message>small{font-size:9px}.material-example{padding:20px}.material-example>div>span>strong{font-size:16px}.material-example small{font-size:13px}
 .project-image.product-preview{padding:23px;height:430px}.preview-type{font-size:15px}.preview-result{width:93%}.project-large-preview>.product-preview{padding:20px;max-height:900px}.project-large-preview .product-preview-3{max-height:1100px}.preview-example-label{font-size:12px}.project-context{gap:25px}.context-example{max-height:440px}.context-example>.document-page{max-width:280px}.cover.home-product{padding:15px;height:325px}.home-onepage{height:370px!important}.home-product>strong{font-size:20px}.home-product-label{font-size:8px;letter-spacing:0}.home-product-screen{margin-top:15px}.home-product-foot{font-size:11px;padding:35px 13px 14px}.home-product-screen .reader-pages{padding:5px;min-height:180px}.home-product-screen .document-title{font-size:clamp(8px,7.5cqw,22px)}.home-product-screen .document-body,.home-product-screen .document-columns,.home-product-screen .document-quote{font-size:clamp(4px,3cqw,9px)}.home-product-screen .document-subtitle{font-size:clamp(6px,4cqw,13px)}.home-reader-nav{font-size:10px;padding:8px}.home-product-screen .document-contents{font-size:clamp(5px,2.6cqw,10px)}.home-product-screen .document-running,.home-product-screen .document-folio{font-size:clamp(4px,1.9cqw,8px)}
 .example-return{padding:14px 20px;font-size:15px;gap:10px;flex-wrap:wrap}.example-return>span{font-size:11px}.example-site .sample-web{margin:0}.example-site .sample-mast{padding:22px}.example-site .sample-mast>strong{font-size:30px}.example-site .sample-mast>span{font-size:13px}.example-site .sample-lead{grid-template-columns:1fr;padding:26px}.example-site .sample-lead .editorial-art{margin-top:20px;aspect-ratio:1.8}.example-site .sample-web .sample-title{font-size:31px}.example-site .sample-eyebrow{font-size:13px}.example-site .sample-desc{font-size:16px}.example-site .sample-web .sample-subtitle{font-size:24px}.example-site .sample-body{font-size:18px}.example-site .sample-section{padding:30px 24px}.example-site .sample-section-no{font-size:13px}.example-site .sample-article-row{grid-template-columns:1fr;gap:18px;margin-top:20px}.example-site .sample-article-row .editorial-art{aspect-ratio:1.8}.example-site .sample-article-row.reverse .editorial-art{order:0}.example-site .sample-story-card>strong{font-size:23px}.example-site .sample-story-card .sample-body{font-size:17px}.example-site .sample-category{font-size:13px}.example-site .sample-read{font-size:16px}.example-site .sample-menu{font-size:12px;padding:13px 24px;gap:10px}.example-site .sample-footer{font-size:12px;padding:24px}.example-site .sample-footer>strong{font-size:20px}.example-site .sample-event strong{font-size:16px}.example-site .sample-event>div>span{font-size:12px}.example-site .sample-event>b{font-size:30px}.example-site .sample-event>span{font-size:11px}.example-site .sample-section-head>span{font-size:11px}.sample-article-live{padding:32px 24px;margin:0}.sample-article-live h1{font-size:32px}.sample-article-live>p{font-size:19px}.sample-article-live>span{font-size:14px}
}
@media(max-width:370px){.onepage-explainer,.responsive-explainer,.pdf-explainer{padding:18px}.example-heading>strong{font-size:20px}.page-annotations strong{font-size:15px}.page-annotations span{font-size:11px}.responsive-mobile{width:86%}.device-name>span{font-size:11px}.newsletter-example{padding:15px}.email-message{padding:16px}.email-message>strong{font-size:21px}.email-message>.editorial-art{height:115px}.file-delivery>span>b{font-size:14px}.file-delivery small{font-size:12px}.book-toolbar>span:first-child{font-size:10px;letter-spacing:0}.real-document-spread .document-page{min-height:275px;padding:7%}.reader-toolbar>strong{font-size:10px}.cover.home-product{padding:12px}.home-product>strong{font-size:17px}.home-product-foot{font-size:10px;padding-inline:11px}.home-product-label{font-size:7px}.home-product-screen .document-title{font-size:clamp(7px,7.5cqw,18px)}.home-product-screen .document-subtitle{font-size:clamp(5px,4cqw,11px)}.home-product-screen .document-cover-line{font-size:clamp(9px,5.7cqw,20px)}}

.document-page{min-width:0}.document-page[hidden]{display:none}.real-document-spread{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.reader-pages .document-running{margin-bottom:3%}.reader-pages .document-body{line-height:1.75}.reader-pages .document-quote{padding:3%;margin-bottom:3%}
.reader-pages .document-title{font-size:clamp(5px,7.5cqw,45px)}.reader-pages .document-subtitle{font-size:clamp(4px,4cqw,24px)}.reader-pages .document-body,.reader-pages .document-columns{font-size:clamp(3px,2.9cqw,18px)}.reader-pages .document-quote{font-size:clamp(3px,2.8cqw,17px)}
@media(max-width:760px){.pdf-file-pages{grid-template-columns:1fr}.pdf-file-pages .document-page:nth-child(n+2){display:none}.pdf-file-pages .document-page{max-width:270px;margin:auto;width:100%}.document-board .document-columns,.document-board .document-body{font-size:clamp(5px,2.9cqw,18px)}}
@media(max-width:600px){
 .channel-cards .message-preview{height:auto;min-height:300px}
 .book-spread.real-document-spread{grid-template-columns:minmax(0,1fr)}.real-document-spread .document-page{min-height:0;aspect-ratio:210/297;padding:7%}
 .real-document-spread .document-title{font-size:clamp(10px,7.5cqw,40px)}.real-document-spread .document-cover-line{font-size:clamp(9px,5.7cqw,30px)}
 .real-document-spread .document-subtitle{font-size:clamp(7px,4cqw,22px)}.real-document-spread .document-body,.real-document-spread .document-columns{font-size:clamp(5px,2.9cqw,18px)}
 .real-document-spread .document-quote{font-size:clamp(5px,2.8cqw,17px)}.real-document-spread .document-toc{gap:8px}.real-document-spread .document-toc>span{font-size:clamp(7px,3.7cqw,23px)}.real-document-spread .document-toc small,.real-document-spread .document-contents{font-size:clamp(4px,2.6cqw,16px)}
}