.proof-page{color:#f4f4ef;background:#080908;height:100svh;min-height:560px;position:relative;overflow:hidden}.proof-page .site-header{pointer-events:none;background:linear-gradient(#080908 65%,#08090800)}.proof-page .site-header>*{pointer-events:auto}.proof-page .pill-nav{color:#a5a8a1;background:#20221f}.proof-page .pill-nav a[data-active=true]{color:#171a13;background:#f0f1eb}.proof-page .pill-nav a:hover{color:#fff;background:#ffffff19}.proof-page .pill-nav a[data-active=true]:hover{color:#171a13;background:#f0f1eb}.build-intro{z-index:3;pointer-events:none;justify-content:space-between;align-items:flex-start;display:flex;position:absolute;top:131px;left:33px;right:33px}.build-eyebrow{font:9px var(--font-mono);letter-spacing:.045em;text-transform:uppercase;color:#969b90;align-items:center;gap:9px;margin:0 0 13px;display:flex}.build-intro h1{letter-spacing:-.055em;margin:0;font-size:clamp(27px,2.6vw,43px);font-weight:400;line-height:1.05}.build-stage{touch-action:pan-y;-webkit-user-select:none;user-select:none;position:absolute;inset:0}.build-stage[data-ready=true]{touch-action:none;cursor:grab}.build-stage[data-ready=true]:active{cursor:grabbing}.build-canvas{pointer-events:none;opacity:0;width:100%;height:100%;transition:opacity .5s;position:absolute;inset:0}.build-stage[data-ready=true] .build-canvas{opacity:1}.build-rail{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;align-items:center;gap:24px;padding:0 27%;display:flex;position:absolute;inset:0;overflow-x:auto}.build-rail::-webkit-scrollbar{display:none}.build-card{text-align:left;color:#fff;scroll-snap-align:center;width:46vw;height:min(51svh,34vw);cursor:inherit;background:#20221e;border:0;border-radius:15px;flex:0 0 46vw;padding:0;position:relative;overflow:hidden}.build-card>img{object-fit:cover;pointer-events:none;width:100%;height:100%}.build-card:after{content:"";pointer-events:none;background:linear-gradient(#0000,#0009);position:absolute;inset:40% 0 0}.build-card-count{font:9px var(--font-mono);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0004;border:1px solid #ffffff45;border-radius:20px;padding:7px 10px;position:absolute;top:19px;left:20px}.build-card-caption{z-index:1;justify-content:space-between;align-items:flex-end;gap:16px;display:flex;position:absolute;bottom:24px;left:24px;right:24px}.build-card-caption small{font:8px var(--font-mono);text-transform:uppercase;letter-spacing:.04em;color:#dddcd6;margin-bottom:8px;display:block}.build-card-caption strong{letter-spacing:-.06em;font-size:clamp(22px,2.1vw,33px);font-weight:400;line-height:1;display:block}.build-card-open{color:#fff;background:#0b0b0bc9;border-radius:50%;flex-shrink:0;place-items:center;width:34px;height:34px;transition:background .2s,color .2s,transform .2s;display:grid}.build-card:hover .build-card-open,.build-card:focus-visible .build-card-open{background:var(--lime);color:#111;transform:rotate(45deg)}.build-rail[data-rendered=true]{scroll-snap-type:none;padding:0;display:block;overflow:clip}.build-rail[data-rendered=true] .build-card{will-change:transform;background:0 0;position:absolute;top:0;left:0;overflow:visible}.build-rail[data-rendered=true] .build-card>img,.build-rail[data-rendered=true] .build-card:after,.build-rail[data-rendered=true] .build-card-count,.build-rail[data-rendered=true] .build-card-caption{opacity:0}.build-rail[data-rendered=true] .build-card-count{top:26px}.build-rail[data-rendered=true] .build-card-caption{bottom:30px}.build-footer{z-index:4;justify-content:space-between;align-items:center;gap:25px;display:flex;position:absolute;bottom:27px;left:33px;right:33px}.build-navigation{gap:4px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.build-navigation button{font:9px var(--font-mono);color:#7c8175;background:0 0;border:0;padding:17px 13px;position:relative}.build-navigation button:after{content:"";background:#5c6353;border-radius:3px;width:3px;height:3px;transition:width .25s,background .25s;position:absolute;bottom:5px;left:50%;transform:translate(-50%)}.build-navigation button[aria-current]{color:var(--lime)}.build-navigation button[aria-current]:after{background:var(--lime);width:19px}.build-navigation button:hover{color:#fff}.build-paging{align-items:center;gap:7px;margin-left:auto;display:flex}.build-paging>span{font:10px var(--font-mono);font-variant-numeric:tabular-nums;margin-right:15px}.build-paging i{color:#747b68;margin-left:7px;font-style:normal}.build-paging button{color:#e0e4d7;background:#191d15;border:1px solid #33382b;border-radius:50%;place-items:center;width:37px;height:37px;display:grid}.build-paging button:hover:enabled{background:var(--lime);color:#10150b}.build-modal-overlay{z-index:70;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#0008;animation:.3s both build-fade-in;position:fixed;inset:0}.build-modal{z-index:71;color:#11160c;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c6cbbb transparent;background:#fafbf7;border-radius:20px;outline:none;grid-template-columns:minmax(250px,.78fr) minmax(0,1fr);align-items:start;column-gap:7%;padding:46px 8% 40px 38px;animation:.45s cubic-bezier(.2,.7,.2,1) backwards build-modal-in;display:grid;position:fixed;inset:20px 3.3%;overflow-y:auto}.build-modal-close{z-index:73;color:#fff;background:#10140b;border:0;border-radius:50%;place-items:center;width:38px;height:38px;transition:transform .2s,background .2s;display:grid;position:fixed;top:42px;right:calc(3.3% + 22px)}.build-modal-close:hover{background:#3d482c;transform:rotate(90deg)}.build-detail-copy{position:sticky;top:0}.build-detail-copy .build-eyebrow{color:#8a9380;flex-wrap:wrap;gap:12px;margin:0 0 22px;font-size:8px}.build-detail-category{border-left:1px solid #d5dacd;padding-left:12px}.build-detail-title{letter-spacing:-.065em;max-width:360px;margin:0 0 29px;font-size:clamp(32px,3.3vw,53px);font-weight:400;line-height:.98}.build-detail-description{letter-spacing:-.022em;color:#4d5545;max-width:365px;margin:0;font-size:14px;line-height:1.6}.build-album-label{font:9px var(--font-mono);text-transform:uppercase;letter-spacing:.04em;color:#647157;border-top:1px solid #dce0d5;justify-content:space-between;max-width:365px;margin:33px 0 15px;padding-top:21px;display:flex}.build-album-label span{color:#99a08f}.build-thumbnails{flex-wrap:wrap;gap:7px;max-width:365px;display:flex}.build-thumbnails button{background:#e7eade;border:1px solid #0000;border-radius:5px;width:55px;height:54px;padding:0;position:relative;overflow:hidden}.build-thumbnails button img{object-fit:cover;width:100%;height:100%;transition:opacity .2s}.build-thumbnails button:hover{border-color:#6c854f}.build-thumbnails button:hover img{opacity:.65}.build-thumbnails button span{font:7px var(--font-mono);color:#fff;background:#090b08b3;border-radius:3px;padding:2px 3px;position:absolute;bottom:3px;right:3px}.build-album-navigation{justify-content:space-between;gap:12px;max-width:365px;margin-top:29px;display:flex}.build-album-navigation button,.build-album-end button{font:8px var(--font-mono);text-transform:uppercase;color:#4c5b3d;background:0 0;border:0;align-items:center;gap:8px;padding:8px 0;display:flex}.build-album-navigation button:hover:enabled,.build-album-end button:hover{color:#111}.build-photo-column{min-width:0}.build-photo-column figure{margin:0 0 35px;scroll-margin-top:25px}.build-photo-column figure>img{background:#e9e9e2;border-radius:4px;width:100%;height:auto;display:block}.build-photo-column figcaption{color:#727b66;letter-spacing:-.01em;align-items:baseline;gap:14px;margin-top:11px;font-size:10px;line-height:1.45;display:flex}.build-photo-column figcaption>span{font:8px var(--font-mono);color:#97a18c;min-width:20px}.build-album-end{color:#8b9480;font:8px var(--font-mono);text-transform:uppercase;border-top:1px solid #dce0d5;justify-content:space-between;align-items:center;gap:15px;padding-top:20px;display:flex}@keyframes build-fade-in{0%{opacity:0}to{opacity:1}}@keyframes build-modal-in{0%{opacity:0;transform:translateY(35px)scale(.97)}to{opacity:1;transform:none}}@media (min-width:1600px){.build-modal{grid-template-columns:minmax(300px,.65fr) minmax(0,1fr);padding-right:7%}.build-detail-description{max-width:420px;font-size:16px}.build-detail-title{max-width:450px}}@media (max-width:1050px){.build-modal{grid-template-columns:minmax(235px,.85fr) minmax(0,1fr);gap:5%;padding:39px 7% 35px 30px}.build-detail-description{font-size:12px}.build-detail-title{font-size:37px}.build-intro{top:124px}.build-thumbnails button{width:47px;height:47px}}@media (max-width:760px){.build-intro{top:115px;left:22px;right:22px}.build-intro h1{font-size:31px}.build-eyebrow{margin-bottom:11px;font-size:8px}.build-rail{padding:0 9%}.build-card{flex-basis:82vw;width:82vw;height:min(51svh,89vw)}.build-card-caption{left:19px;right:19px}.build-card-caption strong{font-size:26px}.build-card-caption small{font-size:7px}.build-card-count{font-size:8px}.build-footer{align-items:flex-end;bottom:24px;left:22px;right:22px}.build-navigation{gap:5px;bottom:61px}.build-paging>span{margin-right:5px;font-size:9px}.build-paging button{width:34px;height:34px}.build-modal{border-radius:15px;padding:32px 22px;display:block;inset:10px}.build-modal-close{width:34px;height:34px;top:22px;right:23px}.build-detail-copy{position:static}.build-detail-title{max-width:270px;margin-bottom:20px;font-size:39px}.build-detail-copy .build-eyebrow{gap:8px;max-width:calc(100% - 40px);margin-bottom:25px}.build-detail-description{max-width:none;font-size:13px}.build-album-label{max-width:none;margin-top:24px}.build-thumbnails{max-width:none}.build-album-navigation{max-width:none;margin:17px 0 27px}.build-photo-column figure{margin-bottom:25px;scroll-margin-top:16px}.build-thumbnails button{width:45px;height:46px}.build-photo-column figcaption{font-size:10px}.build-detail-category{font-size:7px}.proof-page .build-card:focus-visible{outline-offset:-3px}}@media (max-height:650px) and (min-width:761px){.build-intro{top:108px}.build-intro h1{font-size:27px}.build-footer{bottom:17px}.build-modal{padding-top:30px;inset:12px 3.3%}.build-detail-description{font-size:12px}.build-detail-title{margin-bottom:17px;font-size:34px}.build-album-label{margin-top:20px}.build-detail-copy{position:static}}@media (max-height:720px) and (max-width:760px){.build-intro{top:102px}.build-intro h1{font-size:26px}.build-navigation{bottom:45px}.build-footer{bottom:19px}.build-card-caption strong{font-size:23px}}@media (prefers-reduced-motion:reduce){.build-canvas{display:none}.build-modal,.build-modal-overlay{animation:none}.build-card-open,.build-navigation button:after,.build-modal-close,.build-thumbnails button img{transition:none}}.build-detail-paragraph{margin-top:18px}.build-detail-copy:has(.build-detail-paragraph){position:static}
