.documentation-page .hero{min-height:700px;background:#e3c9a5}.documentation-page .hero-copy{width:55%;max-width:690px}.documentation-page .hero h1{font-size:clamp(53px,4.65vw,74px);line-height:.99;max-width:670px}.documentation-page .hero-intro{max-width:360px}.documentation-page .hero-image{object-position:70% center}.documentation-hero:after{background:linear-gradient(90deg,#e6d0b6dd,#e6d0b699 30%,#e6d0b633 52%,transparent 70%)}.documentation-page .breadcrumb{font-size:13px;gap:7px;margin-bottom:38px}.documentation-scope{display:grid;grid-template-columns:.95fr 1.05fr;gap:28px 36px;background:var(--navy);color:var(--ivory);overflow:hidden}.scope-copy h2{font-size:clamp(44px,4vw,62px);max-width:550px}.scope-lead{font:500 24px/1.3 var(--serif);margin-top:23px;max-width:35ch}.drawing-fan{position:relative;align-self:center;width:100%;height:300px;perspective:1000px;min-width:0}.fan-sheet{position:absolute;top:36px;width:45%;height:225px;background:#f2ebdf;border:6px solid #e3d7c4;box-shadow:6px 9px 22px #0004;display:flex;align-items:center;transition:transform .8s}.fan-sheet img{width:100%;height:auto}.fan-1{left:2%;transform:rotate(-13deg);z-index:4}.fan-2{left:19%;top:12px;transform:rotate(-3deg);z-index:3}.fan-3{left:37%;top:23px;transform:rotate(9deg);z-index:2}.fan-4{left:52%;top:51px;transform:rotate(22deg);z-index:1}.drawing-fan:hover .fan-1{transform:translateX(-5px) rotate(-16deg)}.drawing-fan:hover .fan-4{transform:translateX(4px) rotate(25deg)}.scope-caption{grid-column:1/-1;text-align:center;max-width:none;font:500 italic 22px/1.3 var(--serif);border-top:1px solid var(--sand);padding-top:18px;margin-top:8px}.scope-context{display:grid;grid-template-columns:1fr 1fr;gap:36px;grid-column:1/-1}.scope-context p{font-size:12px;line-height:1.85;color:#d2d9de;max-width:65ch}.documentation-tasks h2{font-size:clamp(43px,3.9vw,62px)}.task-list{list-style:none;padding:0;margin:25px 0 0}.documentation-task{display:grid;grid-template-columns:.9fr 64px 1.1fr 1fr;align-items:center;gap:23px;padding:10px 0;border-bottom:1px solid var(--rule);min-width:0}.task-art{height:170px;position:relative;isolation:isolate;overflow:hidden;mix-blend-mode:multiply;min-width:0}.task-art span{position:absolute;top:50%;left:0;transform:translateY(-50%);width:100%;aspect-ratio:1;background-image:url('documentation-studies.webp');background-size:200% 200%;background-position:var(--x) var(--y);transition:transform .7s}.documentation-task:hover .task-art span{transform:translateY(-52%) scale(1.035)}.task-art:after{content:'';position:absolute;inset:0;box-shadow:inset 0 0 22px 10px var(--ivory);pointer-events:none}.task-number{font:500 43px/1 var(--serif);color:#ab895e;border-right:1px solid var(--sand);height:60px;display:flex;align-items:center}.documentation-task h3{font-size:clamp(29px,2.5vw,38px);line-height:1.03;max-width:360px}.documentation-task>p{font:500 22px/1.25 var(--serif);padding-left:23px;border-left:1px solid var(--sand);max-width:30ch}.documentation-note{font:500 italic 20px/1.4 var(--serif);margin-top:21px;max-width:none}.documentation-tasks .documentation-note{text-align:center}.documentation-review{overflow:hidden}.documentation-review h2{font-size:clamp(43px,3.9vw,62px)}.review-intro{font:500 24px/1.3 var(--serif);margin-top:19px;max-width:65ch}.review-steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);align-items:end;padding:0 12px 0 0;margin:35px 0 29px}.review-step{display:flex;align-items:flex-start;justify-content:center;gap:17px;min-height:98px;padding:29px 22px;background:linear-gradient(117deg,#f7e9d2,#d2b38c);border:1px solid #f8ead5;border-bottom:0;box-shadow:12px 9px 0 #95755388,17px 12px 15px #71543120;position:relative;isolation:isolate}.review-step:before{content:'';position:absolute;inset:0;opacity:.3;z-index:-1;background:repeating-linear-gradient(164deg,transparent,transparent 9px,#795c2916 9px,#795c2916 10px)}.review-step:nth-child(2){min-height:155px}.review-step:nth-child(3){min-height:212px}.review-step span{font:500 39px/1 var(--serif);color:#987548}.review-step h3{font-size:38px;line-height:1}.documentation-review .documentation-note{text-align:center;max-width:77ch;margin-inline:auto}.documentation-page .faq .documentation-note{font-size:19px;max-width:85ch}.documentation-closing p{max-width:59ch}.documentation-closing .button{min-width:300px}
@media(min-width:1700px){.documentation-page .hero{min-height:790px}.documentation-page .hero h1{font-size:86px}.documentation-page .hero-copy{max-width:760px}.documentation-page .hero-intro{max-width:450px}.drawing-fan{height:365px}.fan-sheet{height:280px}.task-art{height:205px}}
@media(max-width:1200px) and (min-width:1001px){.documentation-page .hero{min-height:680px}.documentation-page .hero h1{font-size:58px}.documentation-page .hero-copy{width:57%}.documentation-page .hero-actions .button{font-size:10px}.scope-copy h2{font-size:46px}.scope-lead{font-size:23px}.documentation-scope{gap:26px}.drawing-fan{height:270px}.fan-sheet{height:196px;border-width:5px}.documentation-task{grid-template-columns:.8fr 48px 1.1fr .95fr;gap:18px}.task-number{font-size:37px}.task-art{height:150px}.documentation-task h3{font-size:30px}.documentation-task>p{font-size:20px;padding-left:18px}.review-step{gap:12px;padding-inline:15px}.review-step h3{font-size:33px}.review-step span{font-size:34px}}
@media(max-width:1000px){.documentation-page .hero{min-height:675px}.documentation-page .hero h1{font-size:clamp(55px,6.3vw,67px)}.documentation-page .hero-copy{width:57%}.documentation-page .hero-actions .button{font-size:10px}.scope-copy h2{font-size:46px}.scope-lead{font-size:23px}.documentation-scope{gap:26px}.drawing-fan{height:270px}.fan-sheet{height:196px;border-width:5px}.documentation-task{grid-template-columns:.8fr 48px 1.1fr .95fr;gap:18px}.task-number{font-size:37px}.task-art{height:150px}.documentation-task h3{font-size:30px}.documentation-task>p{font-size:20px;padding-left:18px}.review-step{gap:12px;padding-inline:15px}.review-step h3{font-size:33px}.review-step span{font-size:34px}}
@media(max-width:700px){.documentation-page .hero{min-height:0;padding-bottom:340px}.documentation-page .hero-copy{width:100%;max-width:600px}.documentation-page .hero h1{font-size:clamp(47px,8.5vw,62px);overflow-wrap:normal;margin-top:23px}.documentation-page .hero-intro{max-width:440px}.documentation-page .breadcrumb{font-size:12px;gap:6px;margin-bottom:30px;max-width:42ch}.documentation-page .hero-actions .button{font-size:10px;padding-inline:16px}.documentation-page .hero-image{height:350px;object-position:right center}.documentation-hero:after{background:linear-gradient(180deg,transparent calc(100% - 350px),#e3c9a5 calc(100% - 350px),transparent calc(100% - 245px))}.documentation-scope{grid-template-columns:1fr;gap:23px}.scope-copy h2{font-size:46px;max-width:530px}.scope-lead{font-size:24px;max-width:40ch}.drawing-fan{height:280px;max-width:500px;margin:0 auto}.fan-sheet{width:44%;height:214px;top:35px}.fan-2{top:13px}.fan-3{top:25px}.fan-4{top:51px}.scope-caption{font-size:21px;padding-top:21px;margin-top:5px}.scope-context{grid-template-columns:1fr;gap:17px}.scope-context p{font-size:12px}.documentation-tasks h2{font-size:43px}.task-list{margin-top:21px}.documentation-task{grid-template-columns:100px 38px 1fr;gap:15px;padding:20px 0}.task-art{height:110px;grid-row:span 2}.task-number{font-size:32px;height:44px}.documentation-task h3{font-size:29px}.documentation-task>p{grid-column:3;font-size:20px;border-left:0;padding:0;max-width:30ch}.documentation-note{font-size:19px}.documentation-review h2{font-size:43px}.review-intro{font-size:23px}.review-steps{gap:0;margin-top:30px}.review-step{flex-direction:column;gap:8px;align-items:center;padding:22px 10px;min-height:110px;box-shadow:9px 8px 0 #95755388,12px 10px 15px #71543120}.review-step:nth-child(2){min-height:151px}.review-step:nth-child(3){min-height:193px}.review-step h3{font-size:29px}.review-step span{font-size:31px}.documentation-page .faq summary{font-size:24px}.documentation-page .faq .documentation-note{font-size:18px}.documentation-closing .button{min-width:0;font-size:10px}.documentation-closing h2{font-size:46px}}
@media(max-width:450px){.documentation-page .hero h1{font-size:47px}.documentation-task{grid-template-columns:42px 1fr;gap:14px}.task-art{display:none}.task-number{grid-row:span 2;min-height:66px;font-size:33px;align-self:center}.documentation-task h3{font-size:31px}.documentation-task>p{grid-column:2;font-size:21px}.drawing-fan{height:240px;width:95%}.fan-sheet{height:175px;top:30px;border-width:4px}.fan-2{top:12px}.fan-3{top:23px}.fan-4{top:42px}.scope-copy h2{font-size:43px}.review-step{padding-inline:7px}.review-step h3{font-size:26px}.review-step span{font-size:29px}.documentation-closing h2{font-size:43px}}
@media(prefers-reduced-motion:reduce){.fan-sheet,.task-art span{transition:none}.drawing-fan:hover .fan-1{transform:rotate(-13deg)}.drawing-fan:hover .fan-4{transform:rotate(22deg)}.documentation-task:hover .task-art span{transform:translateY(-50%)}}
