.route-project{background:#080b07}.route-project body{overflow:hidden}.route-project #site{visibility:hidden;pointer-events:none}.route-project #intro{display:none!important}.route-switching{scroll-behavior:auto!important}.potrero-page[hidden]{display:none!important}.potrero-page{position:fixed;inset:0;z-index:60;overflow:auto;background:#080b07;color:#fff;font-family:Inter,Arial,sans-serif;display:grid;grid-template-rows:auto 1fr auto;min-height:100dvh;padding:34px 5vw 32px;isolation:isolate}.potrero-page a{color:inherit;text-decoration:none}.potrero-header{display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:2}.potrero-wordmark{font-size:25px;font-weight:800;font-style:italic;letter-spacing:-.055em;display:flex;align-items:center;gap:5px;white-space:nowrap}.potrero-wordmark span{color:#a5e629}.potrero-wordmark svg{width:23px;height:23px;fill:#fff;stroke:#080b07;stroke-width:1}.potrero-back{font-size:13px;color:#e4e8df!important;display:flex;align-items:center;gap:10px;padding:12px 0}.potrero-back svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.4}.potrero-back:hover{color:#a5e629!important}.potrero-back:focus-visible,.potrero-powered:focus-visible{outline:2px solid #a5e629;outline-offset:6px}.potrero-message{align-self:center;text-align:center;position:relative;z-index:2;padding:65px 0 130px}.potrero-message h1{font-size:clamp(42px,8.2vw,120px);line-height:.99;font-weight:800;letter-spacing:-.055em;margin:0}.potrero-message h1>span{display:block}.potrero-message h1>span:last-child{color:#a5e629}.potrero-message p{color:#b5bcae;font-size:clamp(14px,1.7vw,23px);line-height:1.6;margin:28px 0 0}.potrero-message h1:focus{outline:none}.potrero-pitch{position:absolute;z-index:0;width:100%;height:38%;left:0;bottom:12%;stroke:#35491b;stroke-width:1;fill:none;opacity:.65;pointer-events:none}.potrero-powered{align-self:end;justify-self:center;display:flex;align-items:center;gap:16px;padding:10px 0;z-index:2;font-size:12px;color:#c7cec0!important}.potrero-powered img{width:118px;height:auto;display:block}.route-curtain{position:fixed;inset:0;background:#080b07;z-index:200;pointer-events:none;visibility:hidden;will-change:clip-path}.route-curtain.is-active{visibility:visible;pointer-events:auto}.project-route-link{display:inline-flex;gap:12px;align-items:center;margin-top:26px;font:600 13px var(--sans);color:var(--ink);text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:7px}.project-route-link svg{width:17px;height:17px;stroke:currentColor;stroke-width:1.5;fill:none}.project-route-link:hover{color:#456d20}.project-media-entry{position:absolute;inset:0;z-index:3;cursor:pointer;border-radius:12px}.project-media-entry:focus-visible{outline:2px solid #456d20;outline-offset:-5px}.project-text-stack{cursor:pointer}.project-route-link[hidden],.project-media-entry[hidden]{display:none}.demo-index{padding-block:36px 76px;border-top:1px solid var(--line);display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.demo-index h3{font:400 36px/1.15 var(--serif);letter-spacing:-.02em;margin:10px 0 15px}.demo-index p{max-width:300px;font:400 13px/1.8 var(--sans);color:var(--muted);margin:0}.demo-index nav{display:grid}.demo-index a{display:grid;grid-template-columns:94px 1fr 20px;gap:22px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none}.demo-index a:first-child{padding-top:0}.demo-index a:last-child{border-bottom:0}.demo-index img{width:94px;height:62px;object-fit:cover;object-position:top;border-radius:5px;filter:grayscale(1);transition:filter .25s}.demo-index a:hover img{filter:grayscale(0)}.demo-index strong{display:block;font:500 20px/1.3 var(--sans);letter-spacing:-.025em}.demo-index small{display:block;font:400 11px/1.6 var(--sans);color:var(--muted);margin-top:4px}.demo-index svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.3;transition:transform .25s}.demo-index a:hover svg{transform:translate(3px,-3px)}.demo-index a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
@media(max-width:760px){.potrero-page{padding:22px 22px 26px}.potrero-wordmark{font-size:20px}.potrero-wordmark svg{width:18px;height:18px}.potrero-back{font-size:11px;gap:7px}.potrero-message{padding:50px 0 110px}.potrero-message h1{font-size:clamp(37px,9.5vw,65px);letter-spacing:-.055em}.potrero-message p{max-width:260px;margin:24px auto 0;font-size:14px}.potrero-pitch{height:30%;bottom:17%;width:160%;left:-30%}.potrero-powered{gap:12px;font-size:11px}.potrero-powered img{width:103px}.demo-index{grid-template-columns:1fr;gap:26px;padding-block:30px 55px}.demo-index h3{font-size:32px;margin-top:0}.demo-index p{max-width:330px}.demo-index a{gap:17px;grid-template-columns:82px 1fr 18px}.demo-index img{width:82px;height:55px}.demo-index strong{font-size:18px}.project-route-link{margin-top:20px}.projects-section .project-showcase{padding-bottom:38px}}
@media(prefers-reduced-motion:reduce){.demo-index *,.potrero-page *{transition:none!important}.route-curtain{will-change:auto}}
.project-page[hidden]{display:none!important}.project-page{position:fixed;inset:0;z-index:60;overflow:auto}.urbanstore-page{background:#faf8f3;color:#1e211c}.urbanstore-wordmark{font:600 24px/1 Inter,Arial,sans-serif;letter-spacing:-.04em;display:flex;align-items:center;gap:12px}.urbanstore-wordmark svg{width:24px;height:24px;stroke:#bf581b;stroke-width:1.4;fill:none}.urbanstore-page .potrero-back{color:#33362d!important}.urbanstore-page .potrero-message h1>span:last-child{color:#b84e16}.urbanstore-page .potrero-message p{color:#686b61}.urbanstore-page .potrero-powered{color:#44483e!important}.urbanstore-page .potrero-powered img{filter:brightness(0)}.urbanstore-bag{position:absolute;width:70%;height:32%;left:15%;bottom:12%;stroke:#ded2c3;stroke-width:1.2;fill:none;opacity:.6;pointer-events:none}.urbanstore-page a:focus-visible{outline-color:#b84e16}@media(max-width:760px){.urbanstore-wordmark{font-size:20px;gap:7px}.urbanstore-wordmark svg{width:19px;height:19px}.urbanstore-bag{width:110%;left:-5%;bottom:17%;height:26%}}
.project-dots{gap:14px;flex-wrap:wrap}.project-dots button,.project-dots button.is-active{width:auto;height:auto;border-radius:0;background:none;padding:8px 0;font:500 11px/1.3 var(--sans);color:var(--muted);transition:color .2s,border-color .2s;border-bottom:1px solid transparent}.project-dots button.is-active{color:var(--ink);border-bottom-color:var(--ink)}.project-dots button:hover{transform:none;color:var(--ink)}@media(max-width:760px){.project-controls{flex-wrap:wrap;gap:12px}.project-dots{gap:12px}.project-dots button,.project-dots button.is-active{font-size:10px}.project-arrows{margin-left:auto}.project-arrows button{width:38px;height:38px}}
#elpotrero-page{background:#080b07}#elpotrero-page .potrero-message h1{font-family:var(--serif);font-weight:400;font-size:clamp(76px,9vw,128px);line-height:1.02;letter-spacing:-.035em}#elpotrero-page .potrero-message{padding-bottom:80px}.potrero-night-photo{position:absolute;inset:-6px;z-index:-2;width:calc(100% + 12px);height:calc(100% + 12px);object-fit:cover;object-position:center 62%;filter:blur(2.5px);pointer-events:none}#elpotrero-page:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(#0205029c,#02050270 48%,#020502ac);pointer-events:none}#elpotrero-page .potrero-message p{color:#e1e5da}@media(max-width:760px){#elpotrero-page .potrero-message h1{font-size:clamp(46px,13vw,72px)}.potrero-night-photo{object-position:52% center}#elpotrero-page .potrero-message{padding-bottom:100px}}
.project-route-link{align-self:flex-start;width:fit-content}@media(max-width:760px){.urbanstore-bag{width:100%;left:0}}
.route-project body>.skip-link{display:none}
/* Quiet night photography: neutral black sky and subdued natural turf. */
#elpotrero-page{background:#000}.potrero-night-photo{filter:blur(2.5px) saturate(.38) brightness(.58);opacity:.68}#elpotrero-page:after{background:linear-gradient(180deg,#000 0%,#000e8 27%,#00080 60%,#00090 100%)}

#elpotrero-page .potrero-message h1>span:last-child{font-style:italic;padding-inline:.12em}#elpotrero-page .potrero-message p{font-size:clamp(14px,1.4vw,19px);margin-top:30px}
/* Original wordmark from the supplied product mockup, without recreated type. */
.potrero-wordmark{position:relative;display:block;width:172px;height:auto;aspect-ratio:450/196;overflow:hidden;flex-shrink:0;mix-blend-mode:screen}.potrero-wordmark img{position:absolute;width:227.5556%;max-width:none;height:auto;left:-66.6667%;top:-173.4694%;pointer-events:none}@media(max-width:760px){.potrero-wordmark{width:132px;height:auto}}
#elpotrero-page .potrero-header{mix-blend-mode:screen}
/* Shared editorial typography, preserving UrbanStore's warm palette. */
#urbanstore-page .potrero-message h1{font-family:var(--serif);font-weight:400;font-size:clamp(76px,9vw,128px);line-height:1.02;letter-spacing:-.035em}
#urbanstore-page .potrero-message h1>span:last-child{font-style:italic;padding-inline:.12em}
#urbanstore-page .potrero-message{padding-bottom:80px}
#urbanstore-page .potrero-message p{font-size:clamp(14px,1.4vw,19px);margin-top:30px}
#urbanstore-page .urbanstore-bag{height:25%;bottom:9%;opacity:.38}
/* Preserve the original football and wordmark together, with room to read. */
.potrero-wordmark{width:190px}
@media(max-width:760px){#urbanstore-page .potrero-message h1{font-size:clamp(46px,13vw,72px)}#urbanstore-page .potrero-message{padding-bottom:100px}#urbanstore-page .urbanstore-bag{height:22%;bottom:13%}.potrero-wordmark{width:150px}}