.document-story-page{--dv-blue:#345cf4;--dv-mint:#d5e3d1;--dv-mono:'SFMono-Regular',Consolas,monospace;--dv-ink:#292d31}
.dv-index{display:flex;justify-content:space-between;gap:20px;padding-top:24px}
.dv-index .eyebrow{font-size:9px;color:var(--muted)}
.dv-hero h1{font-size:clamp(67px,7.3vw,105px);line-height:.98;letter-spacing:-.07em;white-space:nowrap}
.dv-hero h1 em{color:var(--dv-blue);line-height:1.16}
.dv-section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:35px}
.dv-section-heading .eyebrow{font-size:9px}
.dv-section-heading h2{font-size:clamp(42px,4.4vw,62px);line-height:1.04;margin-top:20px}
.dv-section-heading h2 em{color:var(--dv-blue)}
.dv-section-heading>p{font-size:13px;line-height:1.8;color:var(--muted);padding-bottom:5px}
.dv-authoring{background:#e5e5d9;padding-block:60px}
.dv-authoring .dv-section-heading{margin-bottom:35px}
.dv-authoring h2{font-size:clamp(39px,4.1vw,58px)}
.dv-authoring h2 em{color:#5d705a}
.dv-replay{display:flex;align-items:center;gap:10px;padding:11px 16px;font-size:11px;background:transparent;border:1px solid #8d9583;flex:none}
.dv-replay>span:first-child{font-size:18px;line-height:1}
.dv-author-track{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}
.dv-author-step{min-width:0;position:relative;padding:20px 20px 23px;background:#f7f5e95c;text-align:left;color:var(--ink);border:1px solid #b5bbab;transition:background .35s,border .35s,transform .35s}
.dv-author-step:hover{background:#faf9f0}
.dv-author-step.is-active{background:#fbfaf2;border-color:#5a7555;box-shadow:inset 0 3px 0 #708b60}
.dv-author-step.is-complete{border-color:#7c9271;background:#eef0e3}
.dv-author-num{font:9px var(--dv-mono);color:#768169}
.dv-author-step>strong{display:block;font:22px/1.15 var(--font-serif);letter-spacing:-.04em;font-weight:400;margin-top:14px}
.dv-author-step>span:last-child{display:block;font-size:10px;margin-top:7px;color:#6c7562;line-height:1.6}
.dv-author-art{height:136px;display:flex;align-items:center;justify-content:center;position:relative;margin-block:8px 3px}
.dv-mini-paper{width:77px;height:108px;padding:13px 10px;background:#fffcf3;border:1px solid #c4c9b6;box-shadow:3px 6px 12px #42523c16;transform:rotate(-8deg);transition:transform .5s}
.dv-mini-paper i{display:block;width:16px;height:2px;background:#617957}
.dv-mini-paper b{display:block;font:11px var(--font-serif);margin-top:10px}
.dv-mini-paper>span{display:block;background:#ccd1be;height:2px;margin-top:10px}
.dv-mini-paper>span:last-child{width:65%}
.dv-sample-art>small{position:absolute;left:calc(50% + 5px);top:90px;background:#64785e;color:#fff;padding:4px 10px;transform:rotate(5deg);font:8px var(--dv-mono)}
.dv-ai-art>span{font-size:61px;line-height:1;color:#6b8561;position:absolute;left:7%;top:34px;transition:transform .6s}
.dv-ai-art>div{font:10px/2 var(--dv-mono);padding:16px 13px;background:#d4ddc8;border:1px solid #b1c09e;transform:rotate(6deg) translateX(18px);color:#516c45}
.dv-review-art>.dv-mini-paper{transform:rotate(7deg)}
.dv-review-art>b{display:grid;place-items:center;position:absolute;width:47px;height:47px;border-radius:50%;background:#627e54;color:#fffdf0;font-size:25px;right:calc(50% - 62px);bottom:15px;transform:rotate(-8deg);border:5px solid #eef0e3;transition:transform .6s}
.dv-library-art i{position:absolute;width:68px;height:91px;top:20px;background:#fffdf2;border:1px solid #a7b49b;transform:translateX(-22px) rotate(-14deg);box-shadow:2px 5px 10px #42523c0c}
.dv-library-art i:nth-child(2){transform:translateX(0) rotate(0)}
.dv-library-art i:nth-child(3){transform:translateX(22px) rotate(14deg);background:repeating-linear-gradient(transparent 0 12px,#b1bf9f6e 12px 14px) 13px 18px/40px 53px no-repeat,#e5ebd9}
.dv-library-art>span{position:absolute;font-size:25px;bottom:7px;left:50%;background:#6b8561;color:#fff;width:33px;height:33px;text-align:center;line-height:33px;transform:translateX(17px)}
.dv-author-step.is-active .dv-mini-paper{transform:rotate(0) translateY(-4px)}
.dv-author-step.is-active .dv-ai-art>span{transform:rotate(90deg)}
.dv-author-step.is-active .dv-review-art>b{transform:rotate(0) scale(1.1)}
.dv-author-note{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:20px;min-height:30px}
.dv-author-note>p{font-size:12px;color:#56654d}
.dv-author-note>span{font:7px var(--dv-mono);color:#768269;flex:none}
.dv-bench-section{padding-block:80px}
.dv-adoption{background:#2c332e;color:#f3eee1;padding-block:64px}
.dv-adoption-grid{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}
.dv-adoption .eyebrow{font-size:8px;color:#b3c0a9}
.dv-adoption h2{font-size:clamp(40px,4.2vw,59px);margin-top:24px;line-height:1.04}
.dv-adoption h2 em{color:#bad0a4}
.dv-adoption-copy>p{font-size:13px;line-height:1.85;color:#bec7b6;margin-top:21px}
.dv-results{display:flex;justify-content:space-between;gap:20px;margin-top:39px;padding-top:23px;border-top:1px solid #a4b29555}
.dv-results>div{display:flex;flex-direction:column;gap:9px}
.dv-results strong{font:47px/1 var(--font-serif);letter-spacing:-.06em}
.dv-results strong>span{font-size:29px}
.dv-results strong>i{font:23px var(--font-sans);color:#9cae8c}
.dv-results>div>span{font-size:9px;color:#aebb9f}
.dv-form-library{border:1px solid #84977966;padding:22px;background:#354032}
.dv-library-top,.dv-library-bottom{display:flex;justify-content:space-between;gap:15px;font:7px/1.6 var(--dv-mono);letter-spacing:.04em;color:#c7d1bc}
.dv-library-top{border-bottom:1px solid #84977966;padding-bottom:16px}
.dv-library-top>span:last-child{font-size:6px;color:#a8c78c}
.dv-form-groups{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-block:24px}
.dv-form-group>span{font:7px var(--dv-mono);color:#a8ba98;display:block;margin-bottom:10px}
.dv-form-tiles{display:grid;grid-template-columns:repeat(6,1fr);gap:5px}
.dv-form-tile{height:26px;background:#c5d1b5;border:1px solid #dce5cf55;position:relative}
.dv-form-tile:after{content:'';position:absolute;top:6px;left:4px;right:4px;height:7px;border-block:1px solid #7b906a66}
.dv-form-group:first-child .dv-form-tile{background:#9bbf7c}
.dv-library-bottom{border-top:1px solid #84977966;padding-top:16px}
.dv-adoption.is-revealed .dv-form-tile{animation:form-arrive .5s backwards;animation-delay:calc(var(--n)*9ms)}
@keyframes form-arrive{from{opacity:0;transform:translateY(12px) rotate(-9deg)}to{opacity:1;transform:translateY(0) rotate(0)}}
.dv-notes{display:grid;grid-template-columns:.8fr 1.6fr;gap:8%;padding-block:75px 65px}
.dv-notes .eyebrow{font-size:8px}
.dv-notes h2{font-size:43px;line-height:1.03;margin-top:20px}
.dv-note-list{border-top:1px solid var(--ink)}
.dv-note-list>details{border-bottom:1px solid var(--line)}
.dv-note-list summary{list-style:none;display:flex;gap:20px;align-items:center;justify-content:space-between;font-size:14px;cursor:pointer;padding:22px 0;line-height:1.4}
.dv-note-list summary::-webkit-details-marker{display:none}
.dv-note-list summary>span{font-size:23px;transition:transform .25s}
.dv-note-list details[open] summary>span{transform:rotate(45deg)}
.dv-note-list details>div{padding-bottom:25px}
.dv-note-list p{font-size:13px;line-height:1.9;color:var(--muted);max-width:650px}
.dv-note-list p+p{margin-top:13px}
.dv-note-list code{font-size:11px;overflow-wrap:anywhere}
.dv-closing{display:flex;justify-content:space-between;gap:40px;align-items:flex-end;border-top:1px solid var(--ink);padding-block:35px 50px}
.dv-closing .eyebrow{font-size:8px}
.dv-closing h2{font-size:clamp(34px,3.8vw,52px);margin-top:23px;line-height:1.07}
.dv-closing>a{display:flex;align-items:center;gap:40px;border-bottom:1px solid var(--ink);padding-bottom:7px;font-size:12px;flex:none}
.dv-closing>a>span{font-size:23px}
.dv-colophon{display:flex;justify-content:space-between;gap:40px;padding-bottom:22px;align-items:center}
.dv-colophon>p{font-size:9px;color:var(--muted);line-height:1.7;max-width:600px}
.dv-colophon>a{font:9px/1.6 var(--dv-mono);flex:none}
.dv-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:1100px){
.dv-hero h1{font-size:7.2vw}
.dv-author-step{padding:17px 16px}
.dv-author-step>strong{font-size:20px}
.dv-author-step>span:last-child{font-size:9px}
.dv-ai-art>span{left:0;font-size:47px}
.dv-ai-art>div{font-size:8px;padding:12px;transform:rotate(6deg) translateX(12px)}
.dv-adoption-grid{gap:5%}
.dv-results strong{font-size:41px}
.dv-form-library{padding:18px}
.dv-form-groups{gap:19px}
.dv-form-tiles{gap:4px}
.dv-form-tile{height:24px}
}
@media(max-width:850px){
.dv-hero h1{font-size:7.4vw}
.dv-section-heading h2{font-size:43px}
.dv-section-heading>p{font-size:11px;max-width:220px}
.dv-author-track{gap:11px}
.dv-author-step{padding:14px 12px 18px}
.dv-author-step>strong{font-size:19px}
.dv-author-art{height:115px}
.dv-ai-art>div{padding:10px;font-size:7px;transform:rotate(6deg) translateX(9px)}
.dv-ai-art>span{font-size:40px}
.dv-mini-paper{width:66px;height:96px}
.dv-mini-paper b{font-size:10px}
.dv-library-art i{width:58px;height:83px}
.dv-author-note>span{display:none}
.dv-adoption-grid{grid-template-columns:1fr;gap:35px}
.dv-adoption-copy>p br{display:none}
.dv-adoption-copy{max-width:600px}
.dv-results{max-width:500px}
.dv-form-library{max-width:650px}
.dv-form-tile{height:34px}
.dv-form-groups{gap:25px}
.dv-notes{grid-template-columns:1fr 1.5fr;gap:35px}
.dv-notes h2{font-size:36px}
.dv-note-list summary{font-size:13px}
.dv-closing{gap:25px}
.dv-closing>a{gap:20px}
}
@media(max-width:600px){
.document-story-page .site-header nav>a:nth-child(2){display:none}
.dv-index .eyebrow{font-size:6px}
.dv-index>span:last-child{max-width:145px;text-align:right}
.dv-hero h1{font-size:clamp(56px,14.6vw,87px)}
.dv-section-heading{display:block;margin-bottom:27px}
.dv-section-heading .eyebrow{font-size:8px}
.dv-section-heading h2{font-size:40px;margin-top:18px}
.dv-section-heading>p{font-size:12px;max-width:320px;margin-top:17px;padding:0}
.dv-authoring{padding-block:42px}
.dv-authoring .dv-section-heading{display:flex;align-items:flex-end;gap:15px}
.dv-authoring h2{font-size:34px}
.dv-authoring .dv-replay{font-size:0;padding:9px;border-radius:50%;width:35px;height:35px;justify-content:center;margin-bottom:2px;gap:0}
.dv-authoring .dv-replay [data-author-play-label]{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.dv-author-track{grid-template-columns:1fr 1fr;gap:12px}
.dv-author-step{padding:16px 14px 18px}
.dv-author-art{height:125px}
.dv-author-step>strong{font-size:21px;line-height:1.15;max-width:140px;margin-top:13px}
.dv-author-step>span:last-child{font-size:9px}
.dv-ai-art>div{font-size:8px;padding:12px}
.dv-ai-art>span{font-size:45px}
.dv-author-note{margin-top:18px;min-height:51px;align-items:start}
.dv-author-note>p{font-size:12px;line-height:1.8}
.dv-bench-section{padding-block:48px}
.dv-adoption{padding-block:43px}
.dv-adoption h2{font-size:40px;margin-top:20px}
.dv-adoption-copy>p{font-size:12px}
.dv-results{gap:18px;margin-top:28px;padding-top:22px}
.dv-results strong{font-size:39px}
.dv-results>div>span{font-size:8px}
.dv-results strong>span{font-size:25px}
.dv-results strong>i{font-size:18px}
.dv-form-library{padding:17px 14px}
.dv-library-top,.dv-library-bottom{font-size:6px}
.dv-library-top>span:last-child{font-size:5px}
.dv-form-groups{gap:16px;margin-block:18px}
.dv-form-tile{height:22px}
.dv-form-group>span{font-size:6px}
.dv-form-tiles{gap:4px}
.dv-notes{display:block;padding-block:48px}
.dv-notes h2{font-size:38px}
.dv-note-list{margin-top:28px}
.dv-note-list summary{font-size:13px;padding-block:20px}
.dv-note-list p{font-size:12px}
.dv-closing{display:block;padding-block:30px 37px}
.dv-closing h2{font-size:36px}
.dv-closing h2 br{display:none}
.dv-closing>a{width:fit-content;margin-top:25px;gap:35px;font-size:12px}
.dv-colophon{display:block}
.dv-colophon>p{font-size:8px}
.dv-colophon>a{font-size:8px;display:block;margin-top:18px}
}
@media(max-width:360px){
.dv-hero h1{font-size:56px}
.dv-section-heading h2{font-size:37px}
.dv-authoring h2{font-size:30px}
.dv-author-step{padding:14px 11px}
.dv-author-step>strong{font-size:19px}
.dv-author-step>span:last-child{font-size:8px}
.dv-ai-art>div{font-size:7px;padding:9px}
.dv-ai-art>span{font-size:38px}
.dv-form-groups{gap:13px}
.dv-form-tiles{gap:3px}
.dv-form-tile{height:20px}
.dv-library-top>span:last-child{font-size:4px}
}
@media(prefers-reduced-motion:reduce){
.dv-author-step,.dv-author-art *{transition:none!important}
.dv-adoption .dv-form-tile{animation:none!important}
}