:root{font-family:Arial,Helvetica,sans-serif;color:#171713;background:#eeeae1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;text-decoration:none}.skip{position:absolute;left:-999px}.skip:focus{left:1rem;top:1rem;background:#ff5a24;padding:.6rem;z-index:10}.top,footer{max-width:1500px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:1rem 3vw;border-bottom:1px solid #17171355}.brand,footer a{font-weight:900;font-size:1.4rem;letter-spacing:-.08em}.brand span{color:#ff5a24}nav{display:flex;gap:2rem;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em}nav a:last-child{border-bottom:2px solid #ff5a24;padding-bottom:.25rem}main{max-width:1500px;margin:auto;border-inline:1px solid #17171344}.hero{display:grid;grid-template-columns:1fr .9fr;min-height:650px;border-bottom:1px solid #17171344}.hero-copy{padding:clamp(3rem,8vw,8rem) 5vw}.eyebrow{font-size:.72rem;font-weight:800;letter-spacing:.17em;text-transform:uppercase;margin:0 0 2rem}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(4rem,7.5vw,8.4rem);line-height:.84;letter-spacing:-.085em;text-transform:uppercase;margin-bottom:2.4rem}h1 em{font-family:Georgia,serif;color:#ef592b;font-weight:400;text-transform:none}.intro{max-width:37rem;font-size:clamp(1.15rem,1.8vw,1.5rem);line-height:1.35}.button{display:inline-block;background:#171713;color:#f3efe7;padding:1rem 1.2rem;margin-top:1rem;font-size:.75rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.button:hover{background:#ef592b}.micro{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;margin:1.1rem 0 0}.visual{position:relative;display:grid;place-items:center;background:#d8d2c4;padding:4rem;overflow:hidden;border-left:1px solid #17171344}.sheet{position:relative;width:min(100%,550px);aspect-ratio:4/5;background:#f5f2e9;transform:rotate(-5deg);box-shadow:14px 18px 0 #171713,0 22px 50px #0002;background-image:linear-gradient(#c8c3b670 1px,transparent 1px),linear-gradient(90deg,#c8c3b670 1px,transparent 1px);background-size:24px 24px;border:2px solid #171713}.sheet-label,.sheet-foot,.note,.tape{position:absolute;font-family:'Courier New',monospace;font-weight:800}.sheet-label{top:1.5rem;left:1.5rem;font-size:.8rem}.sheet-foot{bottom:1.5rem;left:1.5rem;font-size:.7rem}.shape{position:absolute;top:28%;left:23%;width:53%;height:38%;border:6px solid #171713;border-radius:45% 45% 10% 10%;transform:rotate(-12deg)}.shape:before,.shape:after{content:'';position:absolute;border:2px dashed #ef592b}.shape:before{inset:-18px}.shape:after{width:120%;left:-10%;top:50%}.shape i{position:absolute;top:20%;left:28%;width:44%;height:36%;border:5px solid #171713;border-radius:50%}.shape b{position:absolute;bottom:-20%;left:34%;height:20%;border-left:4px solid #171713}.note{background:#ef592b;padding:.45rem .6rem;font-size:.8rem}.n1{top:21%;right:-5%;transform:rotate(7deg)}.n2{bottom:18%;left:-5%;transform:rotate(-7deg)}.tape{bottom:3rem;right:1.5rem;transform:rotate(8deg);background:#171713;color:#f5f2e9;padding:.6rem .8rem;font-size:.75rem}.scope,.process,.cta{padding:6rem 5vw;border-bottom:1px solid #17171344}.scope h2,.process h2,.cta h2{max-width:900px;font-size:clamp(2.8rem,5vw,5.5rem);line-height:.92;letter-spacing:-.065em;margin-bottom:3rem}.grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #171713}.grid article{padding:2rem 2rem 2rem 0;border-right:1px solid #17171344}.grid article+article{padding-left:2rem}.grid article:last-child{border:0}.grid span{font-family:'Courier New',monospace;color:#ef592b}.grid h3{font-size:1.8rem;margin:1.8rem 0 .8rem}.grid p,.process li{font-size:1rem;line-height:1.5;max-width:22rem}.process{display:grid;grid-template-columns:1fr 1fr;background:#171713;color:#f3efe7;gap:4rem}.process-intro{font-size:1.1rem;line-height:1.5;max-width:29rem;color:#d6d1c7}.process ol{list-style:none;counter-reset:step;padding:0;margin:0}.process li{max-width:35rem;border-top:1px solid #ffffff55;padding:1.25rem 0}.process li:before{counter-increment:step;content:'0' counter(step);font-family:'Courier New',monospace;color:#ff5a24;display:block;margin-bottom:.7rem}.cta{background:#ef592b}.cta h2{max-width:1000px}.cta p:not(.eyebrow){max-width:38rem;font-size:1.2rem;line-height:1.4}.cta small{display:block;margin-top:1.3rem;max-width:36rem;font-size:.8rem}footer{border-bottom:0;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em}@media(max-width:850px){.hero,.process{grid-template-columns:1fr}.visual{min-height:550px;border-left:0;border-top:1px solid #17171344}.grid{grid-template-columns:1fr}.grid article,.grid article+article{padding:1.5rem 0;border-right:0;border-bottom:1px solid #17171344}nav{gap:1rem}.top{padding:1rem}.scope,.process,.cta{padding:4rem 1.5rem}}@media(max-width:540px){nav a:nth-child(2){display:none}h1{font-size:3.8rem}.hero-copy{padding:4rem 1.5rem}.visual{min-height:420px;padding:3rem}.sheet{max-width:330px}.scope h2,.process h2,.cta h2{font-size:3rem}}

.photo-hero{display:block;margin:0;padding:0;min-height:650px;background:#252422}
.photo-hero img{display:block;width:100%;height:100%;min-height:650px;object-fit:cover;object-position:center 75%}
.photo-hero figcaption{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;background:#171713d9;color:#f3efe7;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}
.finished-detail{display:grid;grid-template-columns:.75fr 1.25fr;min-height:560px;border-bottom:1px solid #17171344;background:#252422;color:#f3efe7}
.finished-detail-copy{padding:clamp(3rem,6vw,6rem) 5vw;align-self:center}
.finished-detail h2{font-size:clamp(3.2rem,5.4vw,6rem);line-height:.92;letter-spacing:-.07em;max-width:8em;margin:0 0 2rem}
.finished-detail-copy>p:last-child{max-width:27rem;font-size:1.12rem;line-height:1.5;color:#d6d1c7}
.finished-detail figure{position:relative;margin:0;min-height:560px;overflow:hidden}
.finished-detail img{display:block;width:100%;height:100%;min-height:560px;object-fit:cover;object-position:center 55%}
.finished-detail figcaption{position:absolute;bottom:0;left:0;right:0;padding:1rem 1.25rem;background:#171713d9;font-family:'Courier New',monospace;font-size:.72rem;font-weight:800;letter-spacing:.08em}
.image-story{padding:5rem 5vw;border-bottom:1px solid #17171344;background:#e1ddd3}
.image-story-head{display:grid;grid-template-columns:1fr 2fr;gap:1rem 3rem;align-items:start;margin-bottom:2rem}
.image-story-head .eyebrow{grid-row:span 2;margin:.4rem 0 0}
.image-story h2{font-size:clamp(2.6rem,4.7vw,5rem);line-height:.95;letter-spacing:-.065em;margin:0}
.image-story-head>p:last-child{grid-column:2;max-width:42rem;line-height:1.4;margin:0}
.image-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:1rem}
.image-grid figure{margin:0;background:#f2efe8;border:1px solid #17171344}
.image-grid img{display:block;width:100%;height:clamp(230px,25vw,370px);object-fit:cover}
.image-grid figure:first-child img{object-fit:contain;background:#e9e6df;padding:1rem}
.image-grid figure:nth-child(3) img{object-position:center 35%}
.image-grid figcaption{display:grid;gap:.7rem;padding:1rem 1.1rem 1.3rem}
.image-grid figcaption span{font-family:'Courier New',monospace;color:#bd4b28;font-size:.72rem;font-weight:800}
.image-grid figcaption strong{font-size:1.05rem;line-height:1.25}
@media(max-width:850px){.photo-hero,.photo-hero img{min-height:520px;height:520px}.finished-detail{grid-template-columns:1fr}.finished-detail-copy{padding:4rem 1.5rem}.finished-detail figure,.finished-detail img{min-height:470px;height:470px}.image-story{padding:4rem 1.5rem}.image-story-head{grid-template-columns:1fr}.image-story-head .eyebrow,.image-story-head>p:last-child{grid-column:1;grid-row:auto}.image-grid{grid-template-columns:1fr 1fr}.image-grid figure:last-child{grid-column:1/-1}}
@media(max-width:540px){.photo-hero,.photo-hero img{min-height:430px;height:430px}.finished-detail figure,.finished-detail img{min-height:420px;height:420px}.image-grid{grid-template-columns:1fr}.image-grid figure:last-child{grid-column:auto}.image-grid img{height:280px}.photo-hero figcaption{flex-direction:column;gap:.2rem}}
@media(max-width:540px){nav a:nth-child(2){display:inline}nav a:nth-child(3){display:none}}
