/* El Andreso — loose composition, tactile images, controlled movement. */
:root{--ease-out:cubic-bezier(.16,1,.3,1);--ease-in-out:cubic-bezier(.76,0,.24,1)}
body{overflow-x:clip}header{height:94px;border:0;position:relative;background:var(--yellow);z-index:10}nav a{position:relative}nav a:not(.nav-contact)::after{content:'';position:absolute;left:0;right:0;bottom:-5px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .35s var(--ease-out)}nav a:hover{text-decoration:none}nav a:hover::after{transform:scaleX(1);transform-origin:left}.logo{transition:transform .35s var(--ease-out)}.logo:hover{transform:rotate(-4deg)}.button,.nav-contact{transition:transform .4s var(--ease-out),background .3s,color .3s}.nav-contact:hover{background:var(--ink);color:var(--yellow)}.hero{padding-top:25px;padding-bottom:54px;overflow:visible;z-index:2}.hero-stage{position:relative;padding:40px 0 5px}.hero h1{position:relative;z-index:2;font-size:clamp(70px,9.5vw,152px);margin:0 0 30px;line-height:1.05;max-width:100%;pointer-events:none;letter-spacing:-.075em}.title-line{display:block;overflow:hidden;padding-bottom:.065em;margin-bottom:-.065em}.title-line>span{display:block}.title-last{padding-left:13%}.scroll-word{display:inline-block;font-family:Georgia,serif;font-weight:400;font-style:italic;transform:rotate(-7deg);transform-origin:35% 75%;padding-right:.15em}.hero-bottom{position:relative;z-index:3;max-width:100%;align-items:center;margin-top:15px;padding-right:11%}.hero-bottom p{font-size:16px}.hero-footnote{position:absolute;right:4.6%;bottom:67px;font-size:12px;writing-mode:vertical-rl;letter-spacing:1px}.idea-deck{position:absolute;right:1.5%;top:23%;width:31%;height:70%;perspective:1000px;z-index:3;isolation:isolate}.idea-card{position:absolute;display:block;width:70%;aspect-ratio:.87;background:var(--ink);padding:8px;box-shadow:0 14px 35px #0002;transform:translate3d(var(--dx,0px),var(--dy,0px),0) rotate(var(--rotation));transition:transform .7s var(--ease-out),box-shadow .6s;will-change:transform}.idea-card img{width:100%;height:calc(100% - 28px);display:block;object-fit:cover}.idea-card>span{display:block;padding:8px 2px 0;color:var(--paper);font-size:11px;font-weight:700;letter-spacing:.6px}.card-one{--rotation:-15deg;top:0;left:-7%;z-index:1}.card-two{--rotation:11deg;top:6%;left:22%;z-index:2}.card-three{--rotation:-3deg;top:25%;left:10%;z-index:3}.idea-deck:hover .card-one,.idea-deck:focus-within .card-one{--dx:-38px;--dy:-32px;--rotation:-21deg}.idea-deck:hover .card-two,.idea-deck:focus-within .card-two{--dx:38px;--dy:-10px;--rotation:19deg}.idea-deck:hover .card-three,.idea-deck:focus-within .card-three{--dy:38px;--rotation:-6deg}.idea-deck .idea-card:hover,.idea-deck .idea-card:focus-visible{z-index:5;transform:translate3d(var(--dx,0px),calc(var(--dy,0px) - 12px),40px) rotate(0deg);box-shadow:0 22px 50px #0004}.deck-note{position:absolute;bottom:-16%;right:5%;font-family:Georgia,serif;font-style:italic;font-size:25px;transform:rotate(-10deg)}.word-ribbon{position:relative;background:var(--ink);color:var(--yellow);padding:14px 0;overflow:hidden;z-index:3;transform:rotate(-2deg) scale(1.02);margin:18px 0 30px}.ribbon-track{display:flex;width:max-content;animation:ribbon 28s linear infinite}.ribbon-track>span{font-size:clamp(28px,3.3vw,52px);font-weight:800;letter-spacing:-1.5px;white-space:nowrap;padding-right:22px}.ribbon-track i{font-family:Georgia,serif;font-weight:400}.work-section{position:relative;padding-top:95px;padding-bottom:90px}.section-heading{margin-bottom:65px;align-items:center}.section-heading h2{font-size:clamp(45px,6vw,88px);transform:rotate(-3deg)}h2 em{font-family:Georgia,serif;font-weight:400}.section-heading p{max-width:230px;padding-right:4%}#featured{grid-template-columns:repeat(12,minmax(0,1fr));gap:80px 3%;align-items:start}#featured>.project{grid-column:auto;position:relative;margin:0}#featured>.project:first-child{grid-column:1/8;--angle:-3deg}#featured>.project:nth-child(2){grid-column:9/13;margin-top:40%;--angle:4deg}#featured>.project:nth-child(3){grid-column:2/7;margin-top:-8%;--angle:2deg}#featured>.project:nth-child(4){grid-column:8/13;margin-top:18%;--angle:-4deg}#featured>.project:nth-child(5){grid-column:1/7;margin-top:-10%;--angle:-2deg}#featured>.project:last-child{grid-column:8/13;margin-top:28%;--angle:3deg}.project-link{display:block;position:relative;transform:rotate(var(--angle,0deg));transition:transform .7s var(--ease-out)}.project-link:hover,.project-link:focus-visible{transform:rotate(0deg) translateY(-9px)}.project-number{position:absolute;left:-24px;top:-32px;font-family:Georgia,serif;font-style:italic;font-size:21px;z-index:2}.image-wrap{transition:border-radius .8s var(--ease-out);border-radius:0;isolation:isolate}#featured .project:first-child .image-wrap{aspect-ratio:1.35;border-radius:47% 47% 3% 3% / 25% 25% 3% 3%}#featured .project:nth-child(2) .image-wrap{aspect-ratio:.87;border-radius:45% 45% 45% 45% / 32% 32% 32% 32%}#featured .project:nth-child(3) .image-wrap{aspect-ratio:1.15;clip-path:polygon(5% 0,100% 4%,96% 100%,0 95%)}#featured .project:nth-child(4) .image-wrap{aspect-ratio:1.15;border-radius:6% 42% 5% 5%}#featured .project:nth-child(5) .image-wrap{aspect-ratio:1.35;border-radius:6% 6% 40% 6%}#featured .project:last-child .image-wrap{aspect-ratio:1.1;border-radius:50% 50% 5% 5%}.image-wrap img{transition:transform .9s var(--ease-out);transform:scale(1.03)}.project-link:hover .image-wrap img{transform:scale(1.1)}.project-info{padding:20px 3px 0;position:relative}.project-info h3{font-size:clamp(22px,2.5vw,37px);letter-spacing:-1px}.project-info p{font-size:15px;line-height:1.35}.project-info .year{font-size:12px}.project-link:hover .image-label,.project-link:focus-visible .image-label{opacity:1;transform:none}.archive{margin-top:120px}.archive>summary{font-size:clamp(24px,3.5vw,46px);padding:30px 0}.compact{gap:65px 6%;padding:40px 2% 0}.compact .project{position:relative;--angle:-2deg}.compact .project:nth-child(even){--angle:2deg;margin-top:12%}.compact .project:nth-child(3n) .image-wrap{border-radius:24% 3% 24% 3%}.compact .project:first-child .image-wrap{border-radius:0}.about{border-radius:50% 50% 0 0 / 5% 5% 0 0;position:relative;padding-top:110px;padding-bottom:100px;gap:10%;align-items:center}.about-image{transform:rotate(-6deg);position:relative}.about-image img{height:auto;aspect-ratio:1.05;object-fit:cover;border-radius:46% 46% 42% 42% / 35% 40% 44% 45%;transition:border-radius 1s var(--ease-out)}.about-image:hover img{border-radius:38% 48% 37% 48%}.about-image>span{position:absolute;bottom:-5px;left:50%;transform:translateX(-50%) rotate(3deg);white-space:nowrap;background:var(--yellow);color:var(--ink);padding:12px 17px;font-size:11px}.about-text{padding:0}.about h2{font-size:clamp(44px,4.8vw,76px)}.awards{padding-top:110px;padding-bottom:120px;gap:12%}.award-list>div{transition:transform .4s var(--ease-out);border-top-color:#a6a69a}.award-list>div:hover{transform:translateX(10px)}.contact{position:relative;border-radius:50% 50% 0 0 / 8% 8% 0 0;padding-top:80px;padding-bottom:65px}.contact h2{position:relative;margin-left:7%;font-size:clamp(76px,12vw,185px)}.contact h2 em{display:inline-block;transform:rotate(-6deg);transition:transform .8s var(--ease-out)}.contact:hover h2 em{transform:rotate(0deg) translateX(12px)}.contact-bottom{padding-left:7%;padding-right:8%}.contact-bottom .button{min-width:170px;min-height:85px;transform:rotate(-7deg);border-radius:50%}.contact-bottom .button:hover{transform:rotate(5deg) scale(1.05)}footer{position:relative;padding-bottom:35px}.motion-toggle{border:0;border-bottom:1px solid #aaa;background:transparent;color:#555;font:inherit;font-size:12px;padding:5px 0;cursor:pointer}.project-cursor{position:fixed;width:84px;height:84px;left:0;top:0;border-radius:50%;z-index:15;background:var(--yellow);color:var(--ink);font-weight:800;line-height:1.05;font-size:15px;display:flex;justify-content:center;align-items:center;text-align:center;pointer-events:none;opacity:0;scale:.4;rotate:-12deg;transition:opacity .2s,scale .3s var(--ease-out);will-change:transform}.project-cursor.is-active{opacity:1;scale:1}.page-wipe{visibility:hidden;position:fixed;inset:0;background:var(--ink);color:var(--yellow);display:flex;align-items:center;justify-content:center;z-index:100;pointer-events:none;transform:translateY(102%);transition:transform .38s var(--ease-in-out);border-radius:50% 50% 0 0 / 15% 15% 0 0}.page-wipe span{font-size:clamp(35px,7vw,100px);font-weight:900;letter-spacing:-.06em}.is-leaving .page-wipe{visibility:visible;transform:translateY(0)}.reveal{transition:opacity .8s var(--ease-out),translate 1.1s var(--ease-out)}.reveal.is-waiting{opacity:0;translate:0 45px}.motion-on .title-line>span{animation:title-in 1s var(--ease-out) both}.motion-on .title-line:nth-child(2)>span{animation-delay:.12s}.motion-on .title-line:nth-child(3)>span{animation-delay:.24s}.motion-on .idea-deck{animation:deck-in 1.2s var(--ease-out) both}.motion-on .scroll-word{animation:word-rock 7s ease-in-out infinite}.motion-on .idea-card img{animation:photo-drift 9s ease-in-out infinite alternate}.motion-on .card-two img{animation-delay:-3s}.motion-on .card-three img{animation-delay:-6s}.case-hero{position:relative;border-radius:0 0 45% 0 / 0 0 5% 0;padding-bottom:65px}.case-hero h1{transform:rotate(-2deg);transform-origin:left center}.case-claim{margin-left:10%;max-width:850px}.case-story{padding-top:90px;padding-bottom:90px;gap:14%;grid-template-columns:.9fr 1.1fr}.case-story>div:last-child{padding-top:60px}.case-story h2{font-family:Georgia,serif;font-style:italic;font-weight:400;font-size:52px}.case-pieces{border-radius:48% 48% 0 0 / 2% 2% 0 0;padding-top:85px}.pieces-heading{margin-left:5%;max-width:85%}.film{width:94%;margin-left:auto;margin-right:auto}.film:first-of-type{transform:rotate(-1deg)}.video-slot{border-radius:28px;overflow:hidden}.play-symbol{transition:transform .4s var(--ease-out),border-radius .4s}.video-launch:hover .play-symbol{transform:rotate(-12deg) scale(1.12);border-radius:40% 60% 48% 52%}.case-gallery{gap:60px 5%;align-items:start}.gallery-piece{transform:rotate(-1deg)}.gallery-piece:nth-child(even){transform:rotate(1.5deg);padding-top:30px}.gallery-piece.wide{width:92%;justify-self:center}.gallery-piece.wide:nth-child(3n){justify-self:start}.gallery-piece.wide:nth-child(3n + 1){justify-self:end}.gallery-piece .zoom-image{background:transparent}.gallery-piece img{border-radius:3px}.case-awards li{border:0;border-bottom:1px solid #aaa;border-radius:0;padding-left:0;margin-right:15px}.next-case{border-radius:0 0 45% 0 / 0 0 15% 0;padding-top:85px;padding-bottom:85px}.next-case h2{transition:transform .65s var(--ease-out)}.next-case>a:hover h2{transform:translateX(15px) rotate(-2deg);text-decoration:none}.motion-off *,.motion-off *::before,.motion-off *::after{animation:none!important;transition:none!important}.motion-off .reveal{opacity:1;translate:none}.motion-off .project-cursor{display:none}.motion-off .page-wipe{display:none}.motion-off .idea-card{--dx:0px!important;--dy:0px!important}.motion-off{scroll-behavior:auto}.motion-off .ribbon-track{transform:none}.motion-off .project-link{translate:none!important}
@keyframes ribbon{to{transform:translateX(-50%)}}@keyframes title-in{from{transform:translateY(115%) rotate(4deg)}to{transform:translateY(0) rotate(0)}}@keyframes deck-in{from{opacity:0;transform:translateY(50px) rotate(12deg)}to{opacity:1;transform:none}}@keyframes word-rock{0%,100%{transform:rotate(-7deg)}50%{transform:rotate(-3deg)}}@keyframes photo-drift{from{object-position:40% 50%}to{object-position:60% 50%}}
@media(min-width:1600px){.hero h1{font-size:152px}.idea-deck{max-width:470px;right:6%}.hero-stage{max-width:1450px;margin:auto}}
@media(max-width:1000px){.idea-deck{width:30%;top:27%}.hero h1{font-size:9.5vw}.deck-note{font-size:21px;bottom:-10%}.hero-bottom{padding-right:5%}.hero-footnote{display:none}.project-number{left:-8px}.project-info h3{font-size:26px}.about{gap:7%}.about h2{font-size:47px}}
@media(max-width:760px){header{height:80px}.hero{padding-bottom:40px}.hero-stage{padding-top:30px;padding-bottom:0}.hero h1{font-size:12vw;line-height:1.13;margin-bottom:10px}.title-last{padding-left:9%}.idea-deck{position:relative;top:auto;right:auto;width:min(70%,310px);height:240px;margin:-7px 2% 15px auto}.idea-card{width:64%;aspect-ratio:.98}.card-one{left:0;top:7%}.card-two{left:28%;top:4%}.card-three{left:14%;top:25%}.deck-note{bottom:2%;right:auto;left:-35%;font-size:22px}.hero-bottom{flex-direction:row;align-items:center;gap:15px;padding:0;margin:0}.hero-bottom p{font-size:14px;max-width:60%;margin:0}.hero-bottom p br{display:none}.hero-bottom .button{font-size:14px;padding:14px 19px;white-space:nowrap}.word-ribbon{padding:12px 0;margin:8px 0 0}.ribbon-track>span{font-size:30px}.work-section{padding-top:60px;padding-bottom:55px}.section-heading{margin-bottom:55px;gap:15px}.section-heading h2{font-size:43px}.section-heading p{font-size:13px;max-width:130px;padding:0}#featured{grid-template-columns:repeat(6,minmax(0,1fr));gap:55px 0}#featured>.project:first-child{grid-column:1/6;margin-top:0}#featured>.project:nth-child(2){grid-column:3/7;margin-top:0}#featured>.project:nth-child(3){grid-column:1/6;margin-top:0}#featured>.project:nth-child(4){grid-column:2/7;margin-top:0}#featured>.project:nth-child(5){grid-column:1/6;margin-top:0}#featured>.project:last-child{grid-column:2/7;margin-top:0}#featured .project:first-child .image-wrap{aspect-ratio:1.25}#featured .project:nth-child(2) .image-wrap{aspect-ratio:1}#featured .project:last-child .image-wrap{aspect-ratio:1.2}.project-number{font-size:17px;top:-27px;left:0}.project-info{padding:15px 2px 0}.project-info h3{font-size:25px}.project-info p{font-size:14px}.archive{margin-top:70px}.archive>summary{font-size:25px;gap:20px}.archive-count{white-space:nowrap}.compact{padding-top:30px;gap:55px}.compact .project{width:90%}.compact .project:nth-child(even){margin-top:0;margin-left:auto}.about{border-radius:50% 50% 0 0 / 3% 3% 0 0;padding:65px 6% 55px;gap:50px}.about-image{width:84%;margin:auto}.about-image img{height:auto}.about-image>span{font-size:10px;padding:10px 12px}.about h2{font-size:48px}.awards{padding-top:65px;padding-bottom:65px;gap:30px}.contact{padding-top:60px;border-radius:50% 50% 0 0 / 4% 4% 0 0}.contact h2{font-size:21vw;margin-left:0}.contact-bottom{padding:0;flex-direction:row;align-items:center;gap:15px}.contact-bottom p{font-size:15px;max-width:60%}.contact-bottom .button{min-width:125px;min-height:68px;padding:14px 18px;font-size:14px}.project-cursor{display:none}.case-hero{padding-bottom:45px}.case-hero h1{font-size:clamp(44px,11vw,75px);line-height:1.04}.case-claim{margin-left:5%;font-size:27px}.case-story{grid-template-columns:1fr;padding:50px 6%;gap:35px}.case-story>div:last-child{padding-top:0;padding-left:6%}.case-story h2{font-size:42px}.case-pieces{padding-top:60px;border-radius:50% 50% 0 0 / 1% 1% 0 0}.pieces-heading{margin-left:0;max-width:100%}.film{width:100%;transform:none!important}.video-slot{border-radius:13px}.case-gallery{gap:40px}.gallery-piece:nth-child(even){padding-top:0}.gallery-piece.wide{width:98%}.next-case{padding:55px 6%;border-radius:0 0 40% 0 / 0 0 7% 0}.next-case h2{overflow-wrap:anywhere}.motion-toggle{margin-left:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal.is-waiting{opacity:1;translate:none}.project-cursor,.page-wipe{display:none}.project-link{translate:none!important}}
.motion-on .case-hero h1{animation:case-title-in .85s var(--ease-out) both}.motion-on .case-claim{animation:case-copy-in .9s .1s var(--ease-out) both}.motion-on .hero-bottom{animation:case-copy-in 1s .25s var(--ease-out) both}@keyframes case-title-in{from{opacity:0;transform:translateY(35px) rotate(-5deg)}to{opacity:1;transform:translateY(0) rotate(-2deg)}}@keyframes case-copy-in{from{opacity:0;translate:0 20px}to{opacity:1;translate:0 0}}
@media(prefers-reduced-motion:reduce){.motion-on .case-hero h1,.motion-on .case-claim,.motion-on .hero-bottom{animation:none!important}}