@import url('./revision.css');
@import url('./fonts.css');
:root{color:#17211d;background:#fff;font-family:Inter,Arial,sans-serif}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid #1765e8;outline-offset:5px}h1,h2{font-family:Eczar,Georgia,serif;font-weight:600;letter-spacing:-.035em}p{line-height:1.65}.skip{position:fixed;top:-100px;z-index:500;background:#fff;padding:15px}.skip:focus{top:10px}.reference-header{height:110px;padding:25px 5vw;display:flex;justify-content:space-between;align-items:center;gap:25px}.reference-header img{width:150px;height:auto;display:block}.reference-header nav{display:flex;align-items:center;gap:30px;font-size:13px}.project-cta{display:inline-flex;align-items:center;gap:12px;padding:13px 20px;border:1px solid #1b242029;border-radius:30px;background:#f8f7f1;font-size:13px}.project-cta svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round}.project-cta:hover{background:#eaf2ff}.reference-world{padding:30px 5vw 80px;max-width:1800px;margin:auto;transform-origin:50% 22%;animation:camera-arrive 1s cubic-bezier(.15,.7,.2,1) both}.reference-intro{padding:30px 0 60px}.reference-kicker{font-size:11px;line-height:1.6;letter-spacing:.09em;text-transform:uppercase;color:#4c5b51;margin:0 0 14px}.reference-intro h1{font-size:clamp(48px,5.3vw,88px);line-height:1.02;margin:15px 0 25px}.reference-intro>p:last-child{font-size:18px}.masonry{columns:3;column-gap:30px}.masonry-card{break-inside:avoid;margin:0 0 30px;border:1px solid #1a302a12;background:#faf8f2;box-shadow:0 5px 20px #28332909}.project-image-link{display:block;overflow:hidden;background:#eceeeb}.masonry-card img{display:block;width:100%;height:auto;transition:transform .6s}.project-image-link:hover img{transform:scale(1.025)}.card-copy{padding:25px}.card-copy h2{font-size:30px;line-height:1.13;margin:0 0 15px}.card-copy p:not(.reference-kicker){font-size:14px;margin:0 0 20px}.project-view-link{display:inline-flex;align-items:center;gap:20px;padding:10px 17px;border:1px solid #1b2420;border-radius:25px;font-size:13px}.project-view-link:hover{background:#1b2420;color:white}.project-intro{max-width:1050px;margin:40px auto 50px}.project-intro h1{font-size:clamp(50px,6.3vw,100px);line-height:1.03;margin:20px 0 30px}.project-lead{max-width:700px;font-size:21px}.project-hero{margin:0 auto;background:#f0f2f0;padding:6vw;display:flex;justify-content:center;max-width:1300px}.project-hero img{width:100%;max-width:800px;height:auto;display:block;object-fit:contain;box-shadow:0 15px 50px #24372d14}.project-facts{max-width:1050px;margin:70px auto;display:grid;grid-template-columns:1fr 1.4fr;gap:50px}.project-facts ul{list-style:none;padding:0;font-size:24px;line-height:1.8}.project-facts h2{font-size:38px;margin:0 0 15px}.project-facts p{font-size:16px}.project-next{max-width:1050px;margin:70px auto 0;padding-top:30px;border-top:1px solid #23362a25;display:flex;justify-content:space-between;gap:30px;font-size:14px}.reference-footer{border-top:1px solid #23362a1a;padding:30px 5vw;display:flex;gap:25px;font-size:12px}.reference-footer a:first-child{margin-right:auto}.page-transition{position:fixed;inset:0;z-index:200;background:#fff;opacity:0;pointer-events:none;transition:opacity .65s}.page-leaving .page-transition{opacity:1;pointer-events:auto}.page-leaving .reference-world{transform:perspective(1600px) translateZ(-120px);opacity:.2;transition:transform .65s,opacity .65s}.reference-world:focus{outline:none}@keyframes camera-arrive{from{opacity:0;transform:perspective(1600px) translateZ(-300px) rotateX(3deg)}to{opacity:1;transform:perspective(1600px) translateZ(0) rotateX(0)}}
@media(max-width:1000px){.masonry{columns:2;column-gap:20px}.masonry-card{margin-bottom:20px}.reference-header nav{gap:18px}}
@media(max-width:600px){.reference-header{height:90px;padding:20px;gap:20px}.reference-header img{width:110px}.reference-header nav{gap:12px;font-size:11px}.reference-header .project-cta{font-size:0;padding:10px;gap:0}.reference-world{padding:15px 20px 50px}.reference-intro{padding:20px 0 35px}.reference-intro h1{font-size:49px}.reference-intro>p:last-child{font-size:15px}.masonry{columns:1}.card-copy{padding:23px}.card-copy h2{font-size:30px}.project-intro{margin-top:25px}.project-intro h1{font-size:48px}.project-lead{font-size:18px}.project-hero{padding:20px;margin:0 -20px}.project-facts{grid-template-columns:1fr;gap:25px;margin:45px auto}.project-facts ul{font-size:20px}.project-facts h2{font-size:32px}.project-next{flex-direction:column;font-size:14px;gap:25px}.reference-footer{padding:25px 20px;gap:20px;font-size:10px;flex-wrap:wrap}.reference-footer a:first-child{flex-basis:100%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

.reference-page{overflow-anchor:none}.menu-toggle,.project-mobile-menu{display:none}
@media(max-width:760px){.reference-header{position:relative;z-index:102;gap:12px;padding:20px}.reference-header>nav{margin-left:auto}.reference-header>nav>a:first-child{display:none}.reference-header .project-cta{font-size:0;padding:11px;gap:0}.reference-header img{width:116px}.menu-toggle{display:flex;position:relative;z-index:102;flex-direction:column;justify-content:center;gap:6px;padding:13px;width:46px;height:46px;border:1px solid #1b242029;border-radius:50%;background:#faf9f3}.menu-toggle span{display:block;width:100%;height:1.5px;background:#17221b;transition:transform .25s}.menu-open .menu-toggle span:first-child{transform:translateY(3.75px) rotate(45deg)}.menu-open .menu-toggle span:last-child{transform:translateY(-3.75px) rotate(-45deg)}.project-mobile-menu{display:flex;position:fixed;inset:0;z-index:101;background:#faf6e9 url('./textures/paper-grain.png');padding:110px 32px 45px;flex-direction:column;justify-content:center;transform:translateX(100%);visibility:hidden;transition:transform .55s cubic-bezier(.22,.8,.2,1),visibility .55s;overflow:auto;font:25px Eczar,Georgia,serif}.project-mobile-menu a{padding:13px 0;border-bottom:1px solid #24352c20;min-height:54px}.menu-open{overflow:hidden}.menu-open .project-mobile-menu{visibility:visible;transform:translateX(0)}.menu-open .reference-header>a,.menu-open .reference-header>nav{visibility:hidden}}

body.reference-page{background:#fff;font-family:'Open Sans',sans-serif;padding-top:110px}.reference-header{position:fixed;height:100px;z-index:100;background:#fffffff5}.reference-world{max-width:1400px;padding-top:25px}.reference-intro{max-width:1100px}.reference-intro h1,.project-intro h1{font:600 32px/1.3 'Fira Code',monospace}.reference-intro>p:last-child,.project-lead{font-size:15px}.reference-intro h1{margin:20px 0}.card-copy h2,.project-story h2,.project-facts h2{font:600 24px/1.3 'Fira Code',monospace}.card-copy p,.project-story p{font-size:15px}.project-view-link{border:0;background:#eee;font-size:12px;padding:9px 14px}.breadcrumbs{font-size:12px;margin:20px 0;color:#5b635f}.reference-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.reference-filters button,.all-references{font-size:12px;padding:10px 18px;border:1px solid #ddd;border-radius:25px;background:#faf9f3;cursor:pointer}.reference-filters button[aria-pressed=true],.reference-filters button:hover{background:#111;color:white}.filter-status{font-size:12px;color:#666}.masonry-card[hidden]{display:none}.project-intro{max-width:1100px;margin:30px auto}.project-hero{max-width:1100px;padding:35px}.project-story{max-width:850px;margin:50px auto}.project-story h2,.project-story h3{margin:35px 0 18px}.project-contact{display:flex;gap:30px;align-items:center;padding:35px;background:#f9f6ed;max-width:850px;margin:50px auto}.project-contact img{width:160px}.reference-footer{font-size:12px}.project-intro p{font-size:13px}
@media(max-width:760px){body.reference-page{padding-top:90px}.reference-header{height:88px}.reference-header>nav>a:first-child{display:block}.reference-header>nav{margin:0}.reference-world{padding:15px 20px 50px}.reference-intro h1,.project-intro h1{font-size:32px}.project-contact{padding:20px;gap:20px;align-items:start}.project-contact img{width:95px}.project-contact h2{font-size:18px}.project-contact a{font-size:12px}.project-hero{margin:0;padding:15px}.card-copy h2{font-size:24px}.reference-header .project-cta{font-size:0}}
.reference-header{top:0;left:0;right:0;width:100%;display:flex;align-items:center;justify-content:space-between;gap:15px}.reference-header .moto-logo{width:150px}.reference-header nav{display:flex;align-items:center}.masonry{columns:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;align-items:start}.masonry-card{margin:0}.reference-footer{margin-top:30px}.all-references{margin-top:30px}.reference-page .project-cta{color:inherit}.reference-page #main-menu.inert{display:none}
@media(max-width:1000px){.masonry{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.reference-header .moto-logo{width:116px}.reference-header>nav{position:fixed;display:flex;align-items:stretch;justify-content:center}.reference-header .menu-toggle{order:3}.reference-header .project-cta{margin-left:auto}.masonry{grid-template-columns:1fr}}
@media(max-width:760px){.menu-open .reference-header>nav{visibility:visible;transform:translateX(0)}.reference-header #main-menu{inset:0;z-index:101;width:auto;height:100svh;background:#faf6e9 url('./textures/paper-grain.png');padding:80px 25px 25px;overflow:auto}.reference-header .menu-toggle{z-index:102}}
.card-copy .reference-kicker{font-size:13px;text-transform:none;letter-spacing:0}