.asbuilt-page .hero{min-height:735px}.asbuilt-page .hero-copy{width:52%;max-width:630px}.asbuilt-page .hero h1{font-size:clamp(50px,4.4vw,70px);line-height:1;max-width:580px}.asbuilt-page .hero-intro{max-width:365px}.asbuilt-hero:after{background:linear-gradient(90deg,#e5cfb1d9,#e5cfb199 32%,#e5cfb111 58%,transparent 70%)}.asbuilt-page .hero-image{object-position:70% center}.record-fan{position:relative;width:100%;max-width:610px;height:305px;align-self:center;min-width:0}.record-sheet{position:absolute;width:43%;height:250px;top:23px;display:flex;align-items:center;background:#eee6d8;border:9px solid #e3d7c4;box-shadow:5px 12px 19px #0004;transition:transform .7s}.record-sheet img{width:100%;height:auto;mix-blend-mode:multiply}.record-1{left:3%;background:linear-gradient(35deg,#c3a673,#e9d4b0 60%,#d6b789);border-color:#d8bd8c;transform:rotate(-9deg);z-index:1}.record-2{left:29%;top:8px;transform:rotate(2deg);z-index:2}.record-3{left:55%;top:31px;transform:rotate(11deg);z-index:3;background:#f7f2e8;border-color:#efe7d9}.record-fan:hover .record-1{transform:translateX(-6px) rotate(-12deg)}.record-fan:hover .record-3{transform:translateX(6px) rotate(14deg)}.asbuilt-page .task-art span{background-image:url('asbuilt-studies.webp')}.asbuilt-page .documentation-task{grid-template-columns:.88fr 60px 1fr 1fr}.asbuilt-page .documentation-task h3{max-width:320px}.asbuilt-purpose{position:relative;isolation:isolate;overflow:hidden;min-height:520px;background:#e6cfb1}.purpose-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% center;z-index:-2}.asbuilt-purpose:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#ead8c2da,#ead8c277 34%,transparent 59%);z-index:-1}.purpose-content h2{font-size:clamp(43px,3.9vw,62px);max-width:none}.purpose-uses{display:flex;flex-wrap:wrap;gap:15px 0;padding:0;margin:25px 0 45px;list-style:none;font:500 24px/1.2 var(--serif)}.purpose-uses li{padding:0 24px;border-right:1px solid #a9875a}.purpose-uses li:first-child{padding-left:0}.purpose-uses li:last-child{border:0}.purpose-copy{max-width:32%;font:500 23px/1.3 var(--serif)}.purpose-copy p{max-width:35ch}.purpose-note{font-size:20px;font-style:italic;margin-top:30px}.purpose-note:before{content:'';display:block;width:55px;height:1px;background:#a9875a;margin-bottom:23px}.asbuilt-page .related-links{gap:25px}.asbuilt-page .related-links :is(button,a){font-size:22px}.asbuilt-page .scope-context p{font-size:13px}
@media(min-width:1700px){.asbuilt-page .hero{min-height:850px}.asbuilt-page .hero h1{font-size:80px;max-width:670px}.asbuilt-page .hero-copy{max-width:720px}.asbuilt-purpose{min-height:610px}.record-fan{height:360px}.record-sheet{height:300px}}
@media(max-width:1200px){.asbuilt-page .hero{min-height:720px}.asbuilt-page .hero h1{font-size:57px}.asbuilt-page .hero-copy{width:55%}.record-fan{height:270px}.record-sheet{height:220px;border-width:6px}.asbuilt-page .documentation-task{grid-template-columns:.8fr 45px 1fr 1fr}.asbuilt-page .related-links :is(button,a){font-size:20px}.purpose-copy{max-width:38%;font-size:22px}.purpose-uses{font-size:23px}.purpose-uses li{padding-inline:18px}}
@media(max-width:1000px){.asbuilt-page .hero{min-height:705px}.asbuilt-page .hero-copy{width:54%}.asbuilt-page .hero h1{font-size:clamp(52px,6.3vw,64px)}.asbuilt-page .hero-intro{font-size:24px}.asbuilt-purpose{min-height:500px}.asbuilt-page .related-links{gap:15px}}
@media(max-width:700px){.asbuilt-page .hero{min-height:0;padding-bottom:340px}.asbuilt-page .hero-copy{width:100%;max-width:570px}.asbuilt-page .hero h1{font-size:clamp(47px,8.5vw,60px);max-width:540px}.asbuilt-page .hero-intro{max-width:440px}.asbuilt-page .hero-image{height:350px;object-position:right center}.asbuilt-hero:after{background:linear-gradient(180deg,transparent calc(100% - 350px),#e3c9a5 calc(100% - 350px),transparent calc(100% - 245px))}.record-fan{height:280px;max-width:490px;margin:0 auto}.record-sheet{height:220px;width:43%}.asbuilt-page .documentation-task{grid-template-columns:100px 38px 1fr}.asbuilt-purpose{min-height:0;padding-bottom:330px}.purpose-image{height:340px;inset:auto 0 0;object-position:right center}.asbuilt-purpose:after{background:linear-gradient(180deg,transparent calc(100% - 340px),#e6cfb1 calc(100% - 340px),transparent calc(100% - 240px))}.purpose-uses{gap:12px 0;font-size:21px;margin:24px 0 30px}.purpose-uses li{padding-inline:13px}.purpose-copy{max-width:100%;font-size:23px}.purpose-copy p{max-width:48ch}.purpose-note{max-width:38ch;font-size:20px;margin-top:24px}.asbuilt-page .related-links :is(button,a){font-size:23px}.asbuilt-page .scope-context p{font-size:13px}}
@media(max-width:450px){.asbuilt-page .hero h1{font-size:47px}.asbuilt-page .documentation-task{grid-template-columns:42px 1fr}.asbuilt-page .task-art{display:none}.record-fan{height:235px}.record-sheet{height:180px;border-width:5px;top:30px}.record-2{top:14px}.record-3{top:35px}.purpose-uses{font-size:21px;display:block;margin:22px 0 25px}.purpose-uses li{padding:7px 0;border:0}.purpose-uses li:before{content:'—';color:#a9875a;margin-right:10px}.purpose-content h2{font-size:43px}.asbuilt-purpose{padding-bottom:300px}.purpose-image{height:310px}.asbuilt-purpose:after{background:linear-gradient(180deg,transparent calc(100% - 310px),#e6cfb1 calc(100% - 310px),transparent calc(100% - 220px))}}
@media(prefers-reduced-motion:reduce){.record-sheet{transition:none}.record-fan:hover .record-1{transform:rotate(-9deg)}.record-fan:hover .record-3{transform:rotate(11deg)}}
.asbuilt-purpose:after{background:linear-gradient(180deg,#ead8c2bb,transparent 36%),linear-gradient(90deg,#ead8c2da,#ead8c277 34%,transparent 59%)}
@media(max-width:700px){.asbuilt-page .asbuilt-purpose{padding-bottom:350px}.asbuilt-purpose:after{background:linear-gradient(180deg,transparent calc(100% - 340px),#e6cfb1 calc(100% - 340px),transparent calc(100% - 240px))}}
@media(max-width:450px){.asbuilt-page .asbuilt-purpose{padding-bottom:320px}.asbuilt-purpose:after{background:linear-gradient(180deg,transparent calc(100% - 310px),#e6cfb1 calc(100% - 310px),transparent calc(100% - 220px))}}