:root{--paper:#f6f5ed;--ink:#171717;--pink:#eb69bc;--line:#17171730;--display:'Archivo Black',Impact,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:75px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 Manrope,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid #ba227e;outline-offset:5px}.skip{position:fixed;left:20px;top:-70px;z-index:100;background:var(--ink);color:var(--paper);padding:12px}.skip:focus{top:10px}header{height:84px;padding:0 5%;display:flex;align-items:center;gap:26px;border-bottom:1px solid var(--line);position:absolute;inset:0 0 auto;z-index:10}.wordmark{font:34px/1 var(--display);letter-spacing:-2px}.wordmark span{font:11px/1 Manrope,sans-serif;vertical-align:top;margin:3px 0 0 4px;display:inline-block;letter-spacing:0}nav{margin-left:auto;display:flex;gap:32px;font-size:14px;font-weight:600}nav a{display:flex;align-items:center;gap:10px}nav a:hover{opacity:.55}.contact-dot{width:7px;height:7px;border-radius:50%;background:var(--ink)}#motion{border:1px solid var(--line);border-radius:50%;width:30px;height:30px;background:transparent;font-size:12px;flex-shrink:0}.scroll-scene{height:235vh;height:235svh;position:relative}.hero-sticky{position:sticky;top:0;height:100vh;height:100svh;min-height:620px;display:flex;flex-direction:column;justify-content:space-between;padding:110px 5% 30px;overflow:hidden}.hero-top,.section-meta{display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:1.4px;font-weight:700;line-height:1.5}.hero-sticky h1{font:400 clamp(60px,8.65vw,148px)/.93 var(--display);letter-spacing:-.065em;margin:20px 0;text-align:center;position:relative;z-index:1}.hero-bottom{display:flex;justify-content:space-between;align-items:end;gap:30px;position:relative;z-index:3;font-size:11px;line-height:1.45}.hero-bottom p{margin:0}.scroll-cue{font-size:9px;letter-spacing:1px;text-align:center}.progress{height:1px;background:#17171730;width:180px;margin:12px auto 0;overflow:hidden}.progress span{height:1px;background:var(--ink);display:block;width:100%;transform-origin:left;transform:scaleX(0)}.edition{font-size:9px;letter-spacing:1px;text-align:right}.balloons{position:absolute;inset:0;z-index:2;pointer-events:none}.balloon{position:absolute;top:24%;width:24vw;max-width:345px;aspect-ratio:1/1.6;overflow:hidden;opacity:0;will-change:transform;transform:translate3d(0,120vh,0)}.balloon img{display:block;width:500%;max-width:none;height:auto;position:absolute;top:50%;transform:translateY(-50%)}.letter-0{left:-1%}.letter-1{left:18%;top:31%}.letter-2{left:37%;top:22%}.letter-3{left:56%;top:32%}.letter-4{left:75%;top:24%}.letter-1 img{left:-100%}.letter-2 img{left:-200%}.letter-3 img{left:-300%}.letter-4 img{left:-400%}.section-pad{padding:75px 5% 85px}.section-meta{border-bottom:1px solid var(--line);padding-bottom:24px}.about{background:var(--ink);color:var(--paper)}.about .section-meta{border-color:#ffffff35}.about-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:12%;padding-top:90px}h2{font:400 clamp(42px,6.3vw,88px)/1 var(--display);letter-spacing:-.055em;margin:0}.about h2 span{color:var(--pink)}.about-copy{max-width:470px}.about-copy p{font-size:16px;line-height:1.8;opacity:.7}.about-copy .lead{font-size:clamp(24px,2.4vw,32px);line-height:1.4;letter-spacing:-.7px;opacity:1;margin-top:0;font-weight:500}.signature{border-top:1px solid #ffffff35;padding-top:24px;margin-top:35px;font-size:14px}.signature span{opacity:.6}.work-intro{display:flex;justify-content:space-between;gap:40px;align-items:end;margin:70px 0 48px}.work-intro h2{font-size:clamp(35px,4.7vw,67px)}.work-intro h2 span{color:#a6407f}.work-intro p{font-size:13px;max-width:140px}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.work-card{border:0;color:var(--ink);background:#ecebe3;padding:25px;display:flex;flex-direction:column;text-align:left;aspect-ratio:3/4;justify-content:space-between;min-width:0;transition:transform .4s}.work-card:hover{transform:translateY(-8px)}.email{background:#e9c4da}.digital{background:var(--ink);color:var(--paper)}.print{background:#e4e4de}.card-top{font-size:9px;letter-spacing:.8px;font-weight:700}.card-art{font:400 clamp(28px,3.6vw,56px)/1 var(--display);letter-spacing:-.055em}.digital .card-art{color:var(--pink)}.small-period{color:var(--paper)}.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;line-height:1.5;border-top:1px solid currentColor;padding-top:20px}.plus{font-size:26px;font-weight:400}.contact{padding-bottom:0;background:#edc8dc}.contact h2{font-size:clamp(60px,10vw,155px);margin:80px 0 50px;letter-spacing:-.065em}.contact h2 span{color:#935573}.contact-row{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-bottom:75px}.contact-row p{font-size:14px;line-height:1.6}.contact-row>a{font-size:clamp(18px,2.4vw,33px);letter-spacing:-1px;border-bottom:1px solid var(--ink);padding-bottom:8px}.contact-row>a:hover{color:#935573;border-color:#935573}footer{display:flex;justify-content:space-between;gap:25px;align-items:center;padding:30px 0;border-top:1px solid var(--line);font-size:9px;letter-spacing:.8px}footer>a:last-child{font-size:12px;letter-spacing:0}dialog{width:calc(100% - 40px);max-width:650px;background:var(--paper);border:0;padding:55px;color:var(--ink)}dialog::backdrop{background:#171717b0;backdrop-filter:blur(8px)}.close{position:absolute;top:12px;right:20px;background:none;border:0;font-size:30px}.dialog-label{font-size:10px;letter-spacing:1px}dialog h2{font-size:48px;margin:35px 0 24px}dialog p,dialog li{font-size:16px}.dialog-note{border-top:1px solid var(--line);padding-top:20px;font-size:13px}.dialog-contact{display:inline-block;margin-top:15px;background:var(--ink);color:var(--paper);padding:14px 22px;font-size:14px}.reveal{opacity:1;transform:none}.motion-ready .reveal{opacity:0;transform:translateY(25px);transition:opacity .8s,transform .8s}.motion-ready .reveal.visible,.paused .reveal{opacity:1;transform:none}.paused *{transition:none!important}body.paused .balloon{will-change:auto}@media(min-width:1600px){.hero-sticky h1{font-size:10.6vh}.balloon{width:22vw;max-width:380px}.hero-top{font-size:12px}}@media(max-width:900px){.hero-sticky{min-height:580px}.about-grid{gap:7%;padding-top:65px}.work-grid{gap:12px}.work-card{padding:18px}.card-bottom{font-size:10px}.card-art{font-size:3.7vw}.work-intro{gap:20px}footer>span:first-of-type{display:none}}@media(max-width:600px){header{height:72px;padding:0 6%;gap:15px}.wordmark{font-size:29px}nav{gap:18px;font-size:12px}nav a{gap:5px}.contact-dot{display:none}#motion{width:26px;height:26px}.hero-sticky{padding:100px 6% 28px;min-height:550px}.hero-top{font-size:8px;letter-spacing:.65px;gap:10px}.hero-sticky h1{font-size:12vw;line-height:1.04;letter-spacing:-.065em;margin:30px 0}.hero-bottom{flex-wrap:wrap;gap:24px;font-size:11px}.hero-bottom p{max-width:165px}.scroll-cue{order:3;width:100%;font-size:9px}.edition{font-size:8px}.balloon{width:28vw;top:28%;aspect-ratio:1/1.8}.letter-0{left:-6%;top:25%}.letter-1{left:13%;top:36%}.letter-2{left:33%;top:23%}.letter-3{left:52%;top:37%}.letter-4{left:72%;top:28%}.section-pad{padding:45px 6% 55px}.section-meta{font-size:8px;letter-spacing:.7px;padding-bottom:20px}.about-grid{grid-template-columns:1fr;gap:35px;padding-top:45px}.about h2{font-size:14vw}.about-copy .lead{font-size:26px}.about-copy p{font-size:16px}.signature{margin-top:25px}.work-intro{display:block;margin:45px 0 30px}.work-intro h2{font-size:9vw}.work-intro p{max-width:none;font-size:14px;margin-top:25px}.work-grid{grid-template-columns:1fr;gap:20px}.work-card{padding:25px;aspect-ratio:1/1;min-height:320px}.card-art{font-size:14vw}.card-top{font-size:11px}.card-bottom{font-size:13px;padding-top:16px}.contact h2{font-size:13vw;margin:50px 0 30px}.contact-row{display:block;padding-bottom:40px}.contact-row>a{display:inline-block;font-size:22px;letter-spacing:-.5px;margin-top:20px}.contact{padding-bottom:0}footer{flex-wrap:wrap;padding:25px 0;gap:18px}footer .wordmark{margin-right:auto}footer>a:last-child{width:100%;text-align:right}dialog{padding:45px 25px}dialog h2{font-size:36px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.scroll-scene{height:100vh;height:100svh}.balloon{opacity:1!important;transform:translateY(0) rotate(-5deg)!important}.motion-ready .reveal{opacity:1;transform:none}*{transition:none!important;animation:none!important}}
/* Each balloon is a CSS window onto the original transparent artwork. */
.balloon{width:24vw;max-width:none;aspect-ratio:480/756}.balloon img{width:433.125%;top:0;transform:none;height:auto}.letter-0{left:-2%;top:23%}.letter-0 img{left:0;clip-path:polygon(0 0,24% 0,24% 40%,20% 49%,19% 100%,0 100%)}.letter-1{width:27vw;aspect-ratio:560/756;left:18%;top:34%}.letter-1 img{width:371.25%;left:-71.43%;clip-path:polygon(20% 100%,20% 46%,26% 0,43% 0,46% 100%)}.letter-2{left:43%;top:23%}.letter-2 img{left:-193.75%;clip-path:polygon(44% 0,67% 0,67% 100%,44% 100%)}.letter-3{width:12vw;aspect-ratio:240/756;left:64%;top:33%}.letter-3 img{width:866.25%;left:-579.17%;clip-path:polygon(66% 0,78% 0,78% 100%,66% 100%)}.letter-4{width:22.5vw;aspect-ratio:450/756;left:76%;top:25%}.letter-4 img{width:462%;left:-362.22%;clip-path:polygon(78% 0,100% 0,100% 100%,78% 100%)}@media(max-width:600px){.letter-0{top:30%}.letter-1{top:40%}.letter-2{top:28%}.letter-3{top:39%}.letter-4{top:33%}}
@media(min-width:601px) and (max-width:1599px){.hero-sticky h1{font-size:clamp(60px,10.7vw,155px)}}.letter-0{left:2%;width:22vw}.hero-sticky h1{line-height:.95}@media(max-width:600px){.hero-sticky h1{line-height:1.04}}
.letter-2 img{clip-path:polygon(44% 0,67% 0,67% 44%,60% 44%,60% 100%,49% 100%,49% 44%,44% 44%)}.letter-1 img{clip-path:polygon(20% 100%,20% 46%,26% 0,42% 0,42% 45%,46% 100%)}
/* Mexican pink is the primary brand color. */
:root{--pink:#e4007c}::selection{background:var(--pink);color:var(--paper)}.about{background:var(--pink);color:var(--paper)}.about h2 span{color:var(--ink)}.about-copy p{opacity:1}.signature span{opacity:1}.about-page-link{display:inline-block;font-size:14px;border-bottom:1px solid currentColor;margin-top:12px}.work-intro h2 span{color:var(--pink)}.email{background:var(--pink);color:var(--paper)}.contact{background:var(--pink);color:var(--paper)}.contact h2 span{color:var(--ink)}.contact .section-meta,.contact footer{border-color:#fff9}.contact-row>a{border-color:currentColor}.contact-row>a:hover{color:var(--ink);border-color:var(--ink)}.digital .card-art{color:#ff61b7}.contact:focus-visible,:focus-visible{outline-color:var(--pink)}.email:focus-visible{outline-color:var(--ink)}
/* Follow the actual triangular outline with margin around the A. */
.letter-1 img{clip-path:polygon(19% 100%,19% 76%,28% 9%,38% 9%,47% 76%,47% 100%)}
.category-page header{position:relative}.category-hero{background:var(--pink);color:var(--paper);padding-top:35px;padding-bottom:65px}.back-link{display:inline-block;font-size:13px;margin-bottom:40px;border-bottom:1px solid currentColor}.category-hero .section-meta{border-color:#fff8}.category-hero h1{font:400 clamp(52px,9vw,138px)/.98 var(--display);letter-spacing:-.06em;margin:60px 0 45px;overflow-wrap:break-word}.category-intro{display:grid;grid-template-columns:1fr 1fr;gap:10%;max-width:1100px}.category-intro .category-lead{font-size:clamp(24px,3vw,38px);line-height:1.3;letter-spacing:-1px;margin-top:0}.category-intro>p:last-child{max-width:500px;font-size:16px;margin-top:0}.text-link{display:inline-block;border-bottom:1px solid currentColor;padding:8px 0;font-size:14px;font-weight:700}.projects-empty{padding:75px 0 20px;max-width:750px}.projects-empty>span{font-size:11px;letter-spacing:1.5px;color:var(--pink);font-weight:800}.projects-empty h2{font-size:clamp(36px,5vw,68px);margin:25px 0}.projects-empty>p{max-width:520px}.services{background:#eeede6}.services ol{list-style:none;padding:0;margin:35px 0}.services li{display:flex;gap:30px;border-bottom:1px solid var(--line);padding:25px 0;font-size:clamp(21px,2.4vw,33px);line-height:1.4;letter-spacing:-.5px}.services li>span{color:var(--pink);font-size:12px;font-weight:800;padding-top:7px;letter-spacing:0}.other-categories{display:grid;grid-template-columns:1fr 1fr;gap:40px}.other-categories a{border-top:1px solid var(--line);padding-top:22px}.other-categories a>span{display:block;font-size:10px;letter-spacing:1px;margin-bottom:12px}.other-categories strong{font:400 clamp(25px,3vw,46px)/1.1 var(--display);letter-spacing:-1px}.other-categories a:hover strong{color:var(--pink)}.page-contact{background:var(--ink);color:var(--paper);padding-bottom:0}.page-contact>p{font-size:clamp(23px,3vw,40px);margin:0 0 20px;letter-spacing:-1px}.page-email{font-size:clamp(18px,2.7vw,35px);border-bottom:1px solid currentColor;display:inline-block;margin-bottom:70px}.page-contact footer{border-color:#fff5}.page-contact .wordmark{color:#ff61b7}.project-gallery{display:grid;grid-template-columns:1fr 1fr;gap:55px 30px;padding-top:55px}.project-gallery:empty{display:none}.project-item{min-width:0}.project-item img{display:block;width:100%;height:auto;background:#eeede6}.project-caption{display:flex;justify-content:space-between;gap:20px;align-items:baseline;margin-top:20px}.project-caption h2{font-family:Manrope,sans-serif;font-weight:700;font-size:24px;letter-spacing:-.5px;line-height:1.4}.project-caption>span{font-size:11px}.project-item p{font-size:16px}.project-item details{border-top:1px solid var(--line);padding-top:14px}.project-item summary{cursor:pointer;font-size:14px}.about-outro{max-width:600px;font-size:18px}
@media(max-width:600px){.category-hero{padding-top:25px}.category-hero h1{font-size:13vw;margin:40px 0}.category-intro{grid-template-columns:1fr;gap:10px}.category-intro .category-lead{font-size:27px}.back-link{margin-bottom:28px}.projects-empty{padding-top:45px}.projects-empty h2{font-size:10vw}.other-categories{grid-template-columns:1fr;gap:30px}.other-categories strong{font-size:30px}.services li{gap:20px;font-size:22px}.project-gallery{grid-template-columns:1fr;padding-top:35px}.page-email{font-size:22px}.category-page header{gap:15px}}