@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;900&family=Archivo+Black&family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,500;1,600&display=swap');
:root{--ink:#141414;--paper:#f3f1e9;--coral:#ed715c;--teal:#77c5bf;--line:#ffffff29}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--ink);color:var(--paper);font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.5}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--teal);outline-offset:6px}::selection{background:var(--coral);color:var(--ink)}.skip{position:fixed;top:-100px;left:20px;background:var(--paper);color:var(--ink);padding:15px;z-index:100}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.header{height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid var(--line)}.brand{font-weight:700;font-size:2.2rem;letter-spacing:-.07em;line-height:1}.brand span{display:block;font-size:.75rem;letter-spacing:.15em;margin-top:8px}.header nav{display:flex;gap:36px;align-items:center}.header nav a{font-size:.9rem}.nav-contact{border:1px solid #ffffff66;padding:11px 24px;border-radius:30px}.header a:hover{color:var(--coral)}.hero{position:relative;isolation:isolate;overflow:hidden;min-height:850px;padding:28px 5% 0;background:linear-gradient(#141414e8,#141414f2),url('assets/MADA650_gto.png') repeat}.hero-meta,.hero-foot,.eyebrow,.approach-top,.portfolio-end{font-size:.75rem;letter-spacing:.12em}.hero-meta{display:flex;justify-content:space-between;color:#c3c2bc}.hero-copy{position:relative;z-index:2;margin:75px auto 80px;max-width:1020px}.hero-copy>.eyebrow{margin-left:8px;color:#c1c0ba}.hero h1{font-family:'Playfair Display',Georgia,serif;font-weight:500;line-height:.99;letter-spacing:-.065em;font-size:clamp(4.6rem,8.5vw,8.8rem);margin:24px 0 35px;max-width:860px}.hero h1 em{font-weight:500;color:var(--coral)}.period{color:var(--teal)}.hero-bottom{display:flex;align-items:center;gap:42px;margin-left:10px}.hero-bottom p{color:#cccac3;font-size:1rem}.button{display:inline-flex;align-items:center;justify-content:center;border-radius:3px;padding:18px 26px;font-weight:600;min-height:56px;font-size:1rem;transition:transform .25s,background .25s;box-shadow:6px 6px 0 #0002}.button:hover{transform:translateY(-4px)}.coral{background:var(--coral);color:var(--ink)}.dark{background:var(--ink);color:var(--paper)}.hero-foot{position:relative;z-index:3;border-top:1px solid var(--line);padding:24px 0;display:flex;justify-content:space-between;gap:20px;color:#cccac3}.hero-art{position:absolute;inset:0;z-index:1;pointer-events:none}.cutout{position:absolute;object-fit:contain;filter:drop-shadow(8px 15px 5px #0007)}.globe{right:-60px;top:82px;width:235px;transform:rotate(15deg)}.typewriter{right:7%;bottom:125px;width:230px;transform:rotate(12deg)}.butterfly{width:100px;left:3%;top:215px;transform:rotate(-23deg)}.ticket{position:absolute;right:11%;top:230px;background:var(--teal);color:var(--ink);padding:20px 26px;transform:rotate(9deg);width:192px;box-shadow:12px 16px 0 #0005;clip-path:polygon(0 0,100% 0,100% 40%,94% 45%,100% 50%,100% 100%,0 100%,0 50%,6% 45%,0 40%)}.ticket span{font-size:.75rem;font-weight:600;letter-spacing:.06em;display:block}.ticket strong{font-size:4rem;line-height:1.2;letter-spacing:-.07em}.orbit-word{position:absolute;right:2%;bottom:72px;color:var(--coral);font-size:6rem;font-weight:700;transform:rotate(-18deg);letter-spacing:-.08em}.work-section{background:var(--paper);color:var(--ink);padding:100px 7% 50px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px}.eyebrow{font-weight:500}h2{font-family:'Playfair Display',Georgia,serif;font-size:clamp(3rem,5.3vw,5.5rem);font-weight:500;letter-spacing:-.055em;line-height:1.06;margin:22px 0}h2 em{font-weight:500}.heading-note{font-size:1rem;margin-bottom:26px;color:#555}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:40px 0}.filters button{background:transparent;border:1px solid #14141440;border-radius:30px;padding:10px 20px;font-size:.9rem}.filters button.active{background:var(--ink);color:var(--paper)}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:60px 45px}.project{border:0;background:transparent;text-align:left;padding:0;color:var(--ink);min-width:0}.project[hidden]{display:none}.project:nth-child(even){margin-top:100px}.frame{position:relative;overflow:hidden;background:#1b1b1b;border:12px solid white;box-shadow:0 16px 24px #00000012;transform:rotate(-2deg);transition:transform .4s;aspect-ratio:596/335}.project:nth-child(even) .frame{transform:rotate(2deg)}.frame img{width:100%;height:100%;object-fit:contain;display:block;transition:transform .5s}.project:hover .frame,.project:focus-visible .frame{transform:rotate(0)}.project:hover .frame img{transform:scale(1.035)}.view{position:absolute;bottom:12px;right:12px;background:var(--paper);color:var(--ink);padding:9px 14px;font-size:.8rem;border-radius:3px;box-shadow:0 2px 8px #0002}.caption{display:flex;justify-content:space-between;align-items:center;margin-top:26px;gap:15px}.caption strong{font-size:1.1rem;font-weight:600;display:block}.caption small{display:block;font-size:.75rem;letter-spacing:.08em;margin-top:7px;color:#62615d}.index{font-family:Georgia,serif;font-size:1.5rem;color:#777}.portfolio-end{display:flex;justify-content:space-between;align-items:center;gap:25px;border-top:1px solid #14141430;margin-top:65px;padding-top:30px}.portfolio-end a{font-size:.9rem;text-decoration:underline;text-underline-offset:5px;letter-spacing:0}.approach{background:var(--teal);color:var(--ink);padding:70px 7% 100px;overflow:hidden}.approach-top{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #14141440;padding-bottom:25px}.approach-top span{font-size:.75rem}.approach-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:60px;align-items:center;margin-top:60px}.approach-art{position:relative;min-height:480px}.approach-art img{width:100%;max-width:400px;max-height:430px;object-fit:contain;filter:drop-shadow(15px 18px 0 #0002);transform:rotate(-9deg);image-rendering:auto}.paper-label{position:absolute;left:15%;bottom:0;background:var(--paper);padding:24px 40px;font-size:1.5rem;font-weight:700;transform:rotate(-6deg);box-shadow:9px 9px 0 #14141424}.approach-copy{font-size:1.1rem;max-width:400px;margin:32px 0}.method{border-top:1px solid #14141440;padding-top:22px;display:flex;gap:24px;flex-wrap:wrap}.method span{font-size:.9rem}.method b{display:block;font-size:.75rem;margin-bottom:6px}.services{padding:95px 7% 110px;display:grid;grid-template-columns:1fr 1fr;column-gap:70px}.services>.eyebrow{grid-column:1/-1}.services h2{margin-top:28px}.service-list{padding-top:28px}.service-list details{border-bottom:1px solid var(--line);padding:20px 0}.service-list summary{display:flex;gap:20px;align-items:center;cursor:pointer;list-style:none;font-size:1.1rem}.service-list summary::-webkit-details-marker{display:none}.service-list summary>span:first-child{color:var(--coral);font-size:.75rem}.plus{margin-left:auto;color:var(--coral);font-size:1.5rem}.service-list details[open] .plus{transform:rotate(45deg)}.service-list p{color:#b8b7b0;font-size:1rem;max-width:360px;margin:18px 0 0 38px}.contact{background:var(--coral);color:var(--ink);position:relative;isolation:isolate;overflow:hidden;padding:80px 7% 85px}.contact h2{font-size:clamp(3.5rem,7.6vw,7.5rem);max-width:850px;position:relative;z-index:2}.contact h2 em{color:var(--paper)}.contact-bottom{display:flex;align-items:center;gap:65px;margin-top:40px;position:relative;z-index:2}.contact-cutout{position:absolute;width:220px;right:8%;top:30%;transform:rotate(12deg);filter:drop-shadow(15px 15px 0 #0003);z-index:1}footer{padding:50px 5% 25px}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:30px}.footer-top>span{font-size:.75rem;letter-spacing:.08em}.footer-top>a:nth-child(2){font-size:1.05rem}.footer-bottom{border-top:1px solid var(--line);padding-top:22px;margin-top:45px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:.75rem;color:#aaa}.footer-bottom button{color:inherit;background:none;border:0;text-decoration:underline;font-size:.85rem}dialog{color:var(--ink);background:var(--paper);border:0;padding:0;width:min(950px,92vw);max-height:90vh;box-shadow:0 30px 100px #0008}dialog::backdrop{background:#000c;backdrop-filter:blur(5px)}.dialog-close{position:sticky;top:12px;float:right;margin:12px;z-index:2;display:block;background:var(--paper);border:1px solid #14141470;border-radius:20px;padding:9px 18px;min-height:44px}dialog>img{display:block;width:100%;object-fit:contain;background:var(--ink)}.dialog-content{padding:30px 40px 45px}.dialog-content h2{font-size:2.6rem}.dialog-content p{max-width:650px}.dialog-content .button{margin-top:20px}#privacy-dialog{max-width:650px}#privacy-dialog a{text-decoration:underline}body.modal-open{overflow:hidden}
@media(min-width:1500px){.hero-copy{max-width:1180px}.hero{min-height:960px}.hero h1{font-size:10rem}.ticket{right:13%;top:300px}.typewriter{width:260px}}
@media(max-width:1000px){.hero{min-height:780px}.hero-copy{margin-top:90px}.hero h1{font-size:6rem}.ticket{right:5%;top:200px;transform:rotate(9deg) scale(.85)}.typewriter{right:2%;width:180px;bottom:145px}.hero-bottom{gap:25px}.globe{width:170px;right:-55px}.butterfly{left:1%;top:150px;width:75px}.gallery{gap:40px 25px}.project:nth-child(even){margin-top:60px}.frame{border-width:8px}.approach-layout{gap:20px}.approach-art{min-height:380px}.services{gap:25px}.contact-cutout{right:1%;width:160px;top:32%}}
@media(max-width:700px){html{scroll-padding-top:20px}.header{height:85px;padding:0 6%}.brand{font-size:1.9rem}.brand span{font-size:.75rem}.header nav{gap:18px}.header nav a{font-size:.85rem}.header nav a:nth-child(2){display:none}.nav-contact{padding:9px 15px}.hero{min-height:830px;padding:22px 6% 0}.hero-meta span:last-child{display:none}.hero-meta{font-size:.75rem}.hero-copy{margin:180px 0 55px}.hero-copy>.eyebrow{margin-left:0;font-size:.75rem;max-width:270px}.hero h1{font-size:clamp(3.9rem,12vw,5.3rem);letter-spacing:-.055em;margin-top:20px}.hero-bottom{display:block;margin-left:0}.hero-bottom p{margin:22px 0}.hero-bottom .button{padding:16px 22px}.hero-foot{font-size:.75rem;display:block;padding-top:20px}.hero-foot>a{display:block;margin-top:15px}.butterfly{left:7%;top:75px;width:76px}.globe{top:38px;width:135px;right:-25px}.ticket{top:95px;right:25%;transform:rotate(9deg) scale(.65);transform-origin:top right}.typewriter{right:-30px;bottom:260px;width:130px;opacity:.5;z-index:-1}.orbit-word{font-size:3.8rem;right:5%;bottom:110px;opacity:.65}.work-section{padding:65px 6% 35px}.section-heading{display:block}.heading-note{margin-top:20px}.filters{margin:30px 0;gap:8px}.filters button{font-size:.85rem;padding:10px 14px}.gallery{grid-template-columns:1fr;gap:40px}.project:nth-child(even){margin-top:0}.frame,.project:nth-child(even) .frame{transform:rotate(-1deg);border-width:7px}.caption{margin-top:20px}.caption strong{font-size:1.05rem}.portfolio-end{display:block;margin-top:45px;font-size:.75rem}.portfolio-end>a{display:block;margin-top:18px}.approach{padding:45px 6% 65px}.approach-top{display:block}.approach-top span{display:block;margin-top:12px}.approach-layout{grid-template-columns:1fr;margin-top:30px;gap:25px}.approach-art{min-height:270px;order:2}.approach-art img{width:210px;height:230px;margin:0 0 0 12%;transform:rotate(-8deg)}.paper-label{left:auto;right:4%;bottom:10px;font-size:1.1rem;padding:20px 25px}.approach-copy{font-size:1rem;max-width:100%}.method{gap:25px}.services{display:block;padding:55px 6% 70px}.service-list{padding-top:12px}.service-list summary{font-size:1rem;gap:16px}.service-list p{margin-left:32px}.contact{padding:55px 6% 65px}.contact h2{font-size:clamp(3rem,11vw,4.8rem)}.contact-cutout{width:115px;right:-25px;top:80px;opacity:.45}.contact-bottom{display:block;margin-top:25px}.contact-bottom p{margin-bottom:25px}footer{padding:40px 6% 25px}.footer-top{flex-wrap:wrap;align-items:start;gap:28px}.footer-top>a:nth-child(2){width:100%}.footer-bottom{flex-wrap:wrap}.footer-bottom>span:last-child{width:100%}.dialog-content{padding:20px 24px 30px}.dialog-content h2{font-size:2rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}.depth{translate:none!important}}

.brand img{display:block;width:115px;height:58px;object-fit:contain}.brand:has(img) span{margin-top:2px;letter-spacing:.1em}.footer-top .brand img{width:135px;height:68px}h1,h2{overflow-wrap:anywhere}.hero-copy,.approach-layout>div,.services>div{min-width:0}
/* Individual artworks and logo exhibition */
.header{gap:24px}.header .brand{flex-shrink:0}.agency-label{font-size:.75rem;letter-spacing:.17em;border-left:1px solid #ffffff40;padding-left:24px;margin-right:auto;color:#c5c3bb}.header nav{gap:28px}.hero-copy{max-width:1020px}.hero-art .globe{right:1%;top:100px}.hero-art .typewriter{width:285px;right:6%;bottom:145px}.work-section{padding-left:0;padding-right:0;overflow:hidden}.section-heading,.work-section>.filters,.portfolio-end,.slide-footer{margin-left:7%;margin-right:7%}.slide-rail{position:relative;display:flex;align-items:center;gap:36px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:30px calc((100% - 350px)/2) 55px;overscroll-behavior-x:contain;touch-action:pan-x pan-y}.slide-rail::-webkit-scrollbar{display:none}.art-slide{scroll-snap-align:center;flex:0 0 350px;min-width:0;border:0;background:transparent;padding:0;position:relative;transition:opacity .4s,scale .4s;opacity:.6;scale:.91}.art-slide.active{opacity:1;scale:1}.art-slide .art-mat{position:relative;overflow:hidden;background:transparent;aspect-ratio:4/5;box-shadow:0 20px 38px #0002}.art-mat img{width:100%;height:100%;object-fit:contain;display:block}.art-slide.cropped .art-mat img{position:absolute;top:-32%;left:0;width:100%;height:auto}.art-slide[data-category="visual"] .art-mat{aspect-ratio:1}.art-slide[data-category="branding"] .art-mat,.art-slide[data-category="web"] .art-mat{aspect-ratio:16/10}.art-slide[data-category="branding"],.art-slide[data-category="web"]{flex-basis:500px}.art-slide .view{opacity:0;transition:opacity .25s}.art-slide:hover .view,.art-slide:focus-visible .view{opacity:1}.slide-footer{display:flex;justify-content:space-between;align-items:center;gap:30px;border-top:1px solid #14141430;padding-top:25px}.slide-footer strong{font-size:1.35rem;font-weight:600}.slide-footer p{font-size:.75rem;letter-spacing:.09em;margin-top:8px}.slide-controls{display:flex;align-items:center;gap:12px;flex-shrink:0}.slide-controls>span{font-size:.9rem;font-variant-numeric:tabular-nums;min-width:65px}.slide-controls button{border:1px solid #14141455;background:transparent;border-radius:50%;width:46px;height:46px;font-size:1.6rem;line-height:1}.slide-controls button:hover{background:var(--ink);color:var(--paper)}.slide-controls #slide-play{width:auto;border-radius:30px;padding:0 18px;font-size:.85rem}.logos-section{padding:85px 7% 95px;background:#e9e6de;color:var(--ink);display:grid;grid-template-columns:1fr 1.4fr;gap:65px;align-items:start}.logo-heading{position:sticky;top:35px}.logo-heading h2{font-size:clamp(3rem,4.5vw,4.7rem)}.logo-heading>p:last-child{font-size:1rem;max-width:260px;margin-top:25px}.logo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.logo-cell{background:#0c234d;min-height:130px;padding:20px;display:flex;align-items:center;justify-content:center}.logo-cell img{display:block;max-width:100%;width:145px;max-height:100px;object-fit:contain;mix-blend-mode:lighten}.paper-label{font-family:'Archivo Black','Arial Black',sans-serif;font-weight:900;font-size:2rem;letter-spacing:-.045em;line-height:1.08;padding:28px 32px}.approach-art img{max-width:330px;max-height:470px}.portfolio-end{margin-top:45px}.hero .ticket{display:none}
@media(max-width:1000px){.header nav{gap:18px}.agency-label{padding-left:14px}.hero-art .typewriter{width:210px;right:1%}.logos-section{gap:30px;grid-template-columns:1fr 1.3fr}.logo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.paper-label{font-size:1.6rem}}
@media(max-width:700px){.header{gap:12px}.agency-label{position:absolute;right:6%;top:92px;border:0;padding:0;font-size:.75rem;z-index:4}.header nav{gap:15px}.header nav a:nth-child(2),.header nav a:nth-child(3){display:none}.hero-meta{max-width:240px}.hero-copy{margin-top:165px}.hero-art .globe{right:-35px;top:58px;width:175px}.hero-art .typewriter{right:12%;top:135px;bottom:auto;width:145px;opacity:.8;transform:rotate(14deg)}.section-heading,.work-section>.filters,.portfolio-end,.slide-footer{margin-left:6%;margin-right:6%}.slide-rail{gap:18px;padding:18px calc((100% - 260px)/2) 35px}.art-slide{flex-basis:260px}.art-slide[data-category="branding"],.art-slide[data-category="web"]{flex-basis:280px}.slide-footer{display:block}.slide-footer strong{font-size:1.1rem}.slide-controls{margin-top:20px;justify-content:space-between;gap:10px}.slide-controls>span{margin-right:auto}.logos-section{display:block;padding:55px 6% 60px}.logo-heading{position:static}.logo-heading>p:last-child{max-width:none;margin-top:18px}.logo-grid{margin-top:30px;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.logo-cell{min-height:120px;padding:18px}.logo-cell img{width:135px;max-height:85px}.paper-label{font-size:1.45rem;right:0%;padding:22px 25px}.approach-art{min-height:350px}.approach-art img{width:235px;height:335px;margin-left:5%}.hero-foot{position:relative}.hero .orbit-word{bottom:80px}}

.dialog-mat{position:relative;overflow:hidden;max-width:700px;margin:0 auto;background:var(--paper)}.dialog-mat img{display:block;width:100%;height:auto}.dialog-mat.cropped{aspect-ratio:4/5;max-width:420px}.dialog-mat.cropped img{position:absolute;top:-32%;left:0;width:100%;height:auto}

.films-section{background:#e9e4da;color:#191919;padding:100px 0 55px;overflow:hidden}.films-section .section-heading{padding:0 7%}.film-rail{display:flex;gap:28px;overflow-x:auto;scroll-snap-type:x mandatory;padding:45px 7% 30px;scrollbar-width:none}.film-rail::-webkit-scrollbar{display:none}.film-card{flex:0 0 290px;border:0;padding:0;text-align:left;background:transparent;color:inherit;cursor:pointer;scroll-snap-align:center}.film-cover{display:block;position:relative;aspect-ratio:9/16;overflow:hidden;background:#c8c2b6;box-shadow:8px 12px 0 #d4cec2;transition:transform .3s}.film-card:nth-child(3n+2) .film-cover{transform:rotate(2deg)}.film-card:nth-child(3n) .film-cover{transform:rotate(-2deg)}.film-card:hover .film-cover{transform:translateY(-8px) rotate(0)}.film-cover img{width:100%;height:100%;object-fit:cover}.film-play{position:absolute;left:20px;bottom:20px;display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:#f5f0e6;color:#171717;font-size:20px;box-shadow:0 2px 15px #0003}.film-caption{display:flex;justify-content:space-between;gap:12px;margin-top:24px;font-size:13px}.film-caption small{opacity:.5}.film-bottom{padding:15px 7%;display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:2px}.film-bottom button{width:45px;height:45px;border:1px solid #aaa;background:transparent;border-radius:50%;font-size:26px;cursor:pointer;margin-left:8px}#film-dialog{padding:45px 20px 20px;background:#eee8dc;width:min(760px,94vw);max-height:94dvh}#film-player{display:block;width:100%;height:72dvh;object-fit:contain;background:#111}.film-player-caption{padding:16px 10px}.film-player-caption h2{font-size:24px;margin:5px 0}@media(max-width:700px){.films-section{padding-top:65px}.film-card{flex-basis:72vw;max-width:290px}.film-rail{gap:22px;padding-top:32px}.film-bottom{letter-spacing:1px;font-size:8px}#film-player{height:65dvh}.header nav{gap:12px}}

.film-landscape{background:#d5cfc4}.film-landscape img{object-fit:contain}
/* Gallery identities: original transparent artwork on an uninterrupted black wall. */
.logos-section{background:#080808;color:#f4f0e6;padding:100px 7%;display:block}.logo-heading{display:grid;grid-template-columns:1fr 1.3fr;align-items:end;gap:20px;margin-bottom:65px}.logo-heading .eyebrow{grid-column:1/-1;color:#aaa}.logo-heading h2{font-size:clamp(3rem,6vw,6.2rem);margin:0}.logo-heading p:last-child{max-width:260px;justify-self:end;color:#b4b0aa;font-size:14px}.logo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:none;border-top:1px solid #ffffff20}.logo-cell{background:transparent!important;border:0;border-bottom:1px solid #ffffff20;aspect-ratio:auto;min-height:185px;display:flex;align-items:center;justify-content:center;padding:35px 20px;transition:background .3s}.logo-cell img{width:auto;max-width:100%;height:auto;max-height:110px;object-fit:contain;filter:none;opacity:1;transition:transform .3s}.logo-cell:hover{background:#ffffff05!important}.logo-cell:hover img{transform:scale(1.07)}.contact h2{max-width:70%;position:relative;z-index:2}.contact-cutout{width:min(38vw,460px);right:2%;top:24%;opacity:1;transform:rotate(-10deg);filter:drop-shadow(12px 20px 8px #0003)}.contact-bottom p{max-width:290px}.dialog-mat img{max-height:78vh;object-fit:contain}.art-mat img{image-rendering:auto}@media(max-width:700px){.logos-section{padding:65px 6%}.logo-heading{display:block;margin-bottom:35px}.logo-heading p:last-child{margin-top:25px}.logo-grid{grid-template-columns:repeat(2,1fr)}.logo-cell{min-height:145px;padding:25px 12px}.logo-cell img{max-height:85px}.contact h2{max-width:100%}.contact-cutout{position:relative;display:block;width:290px;max-width:85%;top:auto;right:auto;margin:35px auto -20px;opacity:1}.contact-bottom p{max-width:100%}}

.client-logo img{filter:brightness(0) invert(1);max-width:170px}#dialog-image{width:auto;display:block;margin:auto}.dialog-mat.cropped #dialog-image{max-width:580px!important}

.logo-heading{position:static;top:auto}.logo-cell img{mix-blend-mode:normal}

.client-logo img{filter:none}.client-logo{color:#fff}.client-logo:nth-child(n+14) img{filter:grayscale(1) invert(1);mix-blend-mode:screen}
.client-logo:nth-child(n+14) img{filter:none;mix-blend-mode:normal}.client-logo img[src="assets/client-2.png"],.client-logo img[src="assets/client-3.png"],.client-logo img[src="assets/client-5.png"],.client-logo img[src="assets/client-6.png"],.client-logo img[src="assets/client-7.png"],.client-logo img[src="assets/client-8.png"],.client-logo img[src="assets/client-12.png"],.client-logo img[src="assets/client-14.png"],.client-logo img[src="assets/client-karnya.png"]{filter:brightness(0) invert(1)}
.dialog-mat.cropped #dialog-image{width:100%;max-width:none!important;max-height:none;left:0;top:-32%;height:auto;object-fit:fill}

.logo-cell img[src="assets/lila-lettering.png"]{filter:brightness(0) invert(1);width:190px;max-width:100%;max-height:140px}
.logo-cell img[src="assets/client-4.png"],.logo-cell img[src="assets/client-16.png"]{filter:brightness(0) invert(1)}

.agency-label{display:flex;align-items:center;gap:14px;white-space:nowrap}.agency-services{color:var(--coral);border-left:1px solid #ffffff30;padding-left:14px}@media(max-width:700px){.agency-label{gap:8px;font-size:8px}.agency-services{padding-left:8px}}

/* Original full-resolution hero cutouts and artwork-only portfolio frames. */
.hero-art .globe{width:310px;right:-45px;top:65px}.hero-art .typewriter{width:340px;right:3%;bottom:112px}
@media(max-width:1000px) and (min-width:701px){.hero-art .globe{width:260px}.hero-art .typewriter{width:280px;right:1%}}
@media(max-width:700px){.hero-art .globe{width:215px;right:-35px;top:55px}.hero-art .typewriter{width:190px;right:11%;top:150px;bottom:auto}}

.lila-lockup{display:flex;flex-direction:column;align-items:center;gap:14px}.lila-lockup img{width:145px;filter:brightness(0) invert(1)}.lila-lockup span{font-size:10px;letter-spacing:.45em;padding-left:.45em;color:var(--paper)}
.project-arrow{position:fixed;z-index:5;top:45%;border:1px solid #14141455;border-radius:50%;background:var(--paper);color:var(--ink);width:48px;height:48px;font-size:25px;box-shadow:0 4px 16px #0002}.project-prev{left:5%}.project-next{right:5%}.project-arrow:hover{background:var(--coral)}
@media(max-width:700px){.project-arrow{width:38px;height:38px;font-size:22px}.project-prev{left:3%}.project-next{right:3%}}

.logo-cell img[src="assets/client-17.png"]{filter:none;mix-blend-mode:normal;width:180px;max-height:120px}

.logo-cell img[src="assets/client-17.png"]{filter:grayscale(1) contrast(20);mix-blend-mode:normal}

.logo-cell img[src="assets/client-17.png"]{filter:grayscale(1) contrast(20) invert(1);mix-blend-mode:screen}

.hero-meta{justify-content:flex-end}.hero-copy>.eyebrow .since{display:block;margin-top:5px;color:var(--coral)}
.work-section>.filters{margin-top:24px;margin-bottom:8px}.slide-hint{margin:0 7% 2px;font-size:.65rem;letter-spacing:.12em;color:#62615d;display:flex;align-items:center;gap:12px}.slide-hint span{font-size:1.2rem}.slide-rail{padding-top:12px;padding-bottom:25px}.slide-footer{padding-top:14px}.slide-footer p{margin:5px 0 0}
.logo-cell img[src="assets/client-17.png"],.logo-cell img[src="assets/client-3.png"],.logo-cell img[src="assets/equilum.png"]{transform:scale(1.25);transform-origin:center}
@media(max-width:700px){.hero-meta{max-width:none}.slide-hint{margin-left:6%;margin-right:6%}.slide-rail{padding-top:10px;padding-bottom:20px}.logo-cell img[src="assets/client-17.png"],.logo-cell img[src="assets/client-3.png"],.logo-cell img[src="assets/equilum.png"]{transform:scale(1.18)}}

/* Social accounts displayed inside a crisp, code-built phone frame. */
.art-slide[data-category="redes"]{flex-basis:280px}.art-slide[data-category="redes"] .art-mat{background:#fff;border:8px solid #191919;border-radius:38px;box-shadow:0 20px 32px #0002,0 0 0 1px #6a6a65;overflow:hidden}.art-slide[data-category="redes"] .art-mat img{border-radius:28px;object-fit:contain}.art-slide[data-category="redes"] .view{left:18px;right:18px;bottom:16px;text-align:center}.social-preview .dialog-mat{width:min(330px,70vw);background:#fff;border:8px solid #191919;border-radius:38px;box-shadow:0 15px 30px #0002}.social-preview #dialog-image{width:100%;max-height:none;object-fit:contain}.social-preview .dialog-content{margin-top:32px}
@media(max-width:700px){.art-slide[data-category="redes"]{flex-basis:240px}.art-slide[data-category="redes"] .art-mat{border-width:6px;border-radius:32px}.social-preview .dialog-mat{width:min(290px,70vw)}}

.social-preview .dialog-mat{width:min(330px,70vw,32vh)}
/* Articulated collage: stationary bases, moving wings, globe and hands. */
.art-size{display:block;width:100%;height:auto;visibility:hidden}.motion-art{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.motion-art image{transform-box:view-box}
.hero h1{position:relative}.hero h1 .butterfly{left:-14px;top:-63px;width:78px;transform:rotate(-12deg);z-index:3;filter:drop-shadow(2px 6px 3px #0005)}
.wing-left{transform-origin:58% 57%;animation:wing-left-rest 4.8s ease-in-out infinite}.wing-right{transform-origin:51% 64%;animation:wing-right-rest 4.8s ease-in-out infinite}
.globe-sphere{transform-origin:54.15% 38.63%;animation:none}
.hand-left{transform-origin:12% 93%;animation:typing-left 2.7s ease-in-out infinite}.hand-right{transform-origin:88% 93%;animation:typing-right 3.1s ease-in-out infinite .35s}
@keyframes globe-turn{to{transform:rotate(360deg)}}
@keyframes wing-left-rest{0%,38%,100%{transform:rotateY(0deg) rotate(0deg)}44%,56%{transform:rotateY(40deg) rotate(2deg)}50%,62%{transform:rotateY(8deg) rotate(-1deg)}}
@keyframes wing-right-rest{0%,38%,100%{transform:rotateY(0deg) rotate(0deg)}44%,56%{transform:rotateY(-35deg) rotate(-2deg)}50%,62%{transform:rotateY(-6deg) rotate(1deg)}}
@keyframes typing-left{0%,14%,32%,51%,72%,100%{transform:rotate(0)}7%,25%,44%,63%{transform:rotate(.7deg) translateY(2px)}}
@keyframes typing-right{0%,18%,36%,56%,78%,100%{transform:rotate(0)}9%,28%,47%,68%{transform:rotate(-.65deg) translateY(2px)}}
.hero-universe{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;background:#111313}.hero-universe canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.8}.hero-universe:before,.hero-universe:after{content:'';position:absolute;width:95%;height:90%;border-radius:50%;filter:blur(45px);opacity:.2;will-change:transform}.hero-universe:before{left:30%;top:-25%;background:radial-gradient(ellipse,#28525070,transparent 65%);animation:nebula-drift 28s ease-in-out infinite alternate}.hero-universe:after{left:-45%;top:45%;background:radial-gradient(ellipse,#643c3545,transparent 65%);animation:nebula-drift 36s ease-in-out infinite alternate-reverse}
@keyframes nebula-drift{from{transform:translate3d(-3%,-2%,0) rotate(-10deg) scale(1)}to{transform:translate3d(8%,5%,0) rotate(12deg) scale(1.13)}}
.motion-paused .motion-art image,.motion-paused .hero-universe:before,.motion-paused .hero-universe:after{animation-play-state:paused}
@media(max-width:700px){.hero h1 .butterfly{width:60px;top:-50px;left:-8px}.hero-universe:before,.hero-universe:after{filter:blur(25px);opacity:.15}}
@media(prefers-reduced-motion:reduce){.motion-art image,.hero-universe:before,.hero-universe:after{animation:none!important}.hero-universe canvas{opacity:.3}}
/* Brand-first cosmic introduction, followed by the original page. */
.universe-intro{position:fixed;inset:0;z-index:1000;background:#090c0d;overflow:hidden;transition:opacity .6s ease;isolation:isolate}.universe-intro[hidden]{display:none}.universe-intro canvas{position:absolute;inset:0;width:100%;height:100%}.intro-brand{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;animation:intro-brand-out 4.8s ease both}.intro-brand>span{font-size:.65rem;letter-spacing:.28em;color:var(--teal);margin-bottom:25px}.intro-brand strong{font-family:'Archivo Black',Arial,sans-serif;font-size:clamp(2.8rem,7vw,7rem);line-height:.98;letter-spacing:-.06em;font-weight:400}.intro-period{color:var(--coral)}.intro-skip{position:absolute;right:5%;bottom:6%;background:transparent;border:1px solid #fff4;border-radius:30px;padding:12px 20px;color:var(--paper);font-size:.75rem;z-index:3}.bigbang-point{position:absolute;left:50%;top:50%;width:5px;height:5px;background:#f3f1e9;border-radius:50%;box-shadow:0 0 20px 6px #77c5bf60;animation:bigbang 4.8s ease both}
@keyframes intro-brand-out{0%{opacity:0;transform:translateY(18px)}8%,20%{opacity:1;transform:translateY(0)}27%,100%{opacity:0;transform:translateY(-12px)}}
@keyframes bigbang{0%,26%{opacity:0;transform:translate(-50%,-50%) scale(.3)}30%{opacity:1;transform:translate(-50%,-50%) scale(1)}35%{opacity:1;box-shadow:0 0 40px 15px #77c5bf88;transform:translate(-50%,-50%) scale(5)}48%{opacity:0;transform:translate(-50%,-50%) scale(50)}100%{opacity:0}}
.universe-intro.intro-finished{opacity:0;pointer-events:none}.intro-arrival .hero-copy{animation:hero-arrival .95s ease both}.intro-arrival .hero-art{animation:hero-arrival 1.2s .1s ease both}
@keyframes hero-arrival{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
.tagline-band{display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--teal);color:var(--ink);padding:14px 5%;overflow:hidden}.tagline-band>span{font-family:'Archivo Black',Arial,sans-serif;font-size:clamp(1.3rem,4.1vw,4rem);letter-spacing:-.045em;line-height:1;white-space:nowrap}.tagline-dot{color:var(--ink);font-size:.7em;margin-left:30px;display:inline-block}.tagline-band button{background:none;border:0;border-bottom:1px solid #14141466;padding:6px 0;font-size:.65rem;white-space:nowrap;letter-spacing:.1em;color:var(--ink)}
.approach-art>img{animation:astronaut-float 9s ease-in-out infinite}.contact-cutout{animation:phone-rings 8s ease-in-out infinite;transform-origin:50% 80%}
@keyframes astronaut-float{0%,100%{transform:translateY(0) rotate(-9deg)}50%{transform:translateY(-18px) rotate(-5deg)}}
@keyframes phone-rings{0%,75%,100%{transform:rotate(0)}79%,85%,91%{transform:rotate(2deg)}82%,88%,94%{transform:rotate(-2deg)}}
.section-rest .approach-art>img,.section-rest .contact-cutout{animation-play-state:paused}.gentle-reveal{transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1)}.gentle-reveal.pending-reveal{opacity:0;transform:translateY(20px)}
@media(max-width:700px){.tagline-band{padding:16px 6%;gap:12px}.tagline-band>span{font-size:clamp(1rem,4.5vw,1.8rem)}.tagline-dot{margin-left:12px}.tagline-band button{font-size:.55rem}.intro-skip{bottom:6%}.intro-brand strong{font-size:clamp(2.8rem,11vw,4rem)}}
@media(prefers-reduced-motion:reduce){.universe-intro{display:none!important}.intro-arrival .hero-copy,.intro-arrival .hero-art,.approach-art>img,.contact-cutout{animation:none!important}.gentle-reveal,.gentle-reveal.pending-reveal{opacity:1;transform:none;transition:none}}
.hero-meta{position:relative;z-index:3}.hero h1 .butterfly{left:-88px;top:-42px}
@media(max-width:1100px) and (min-width:701px){.hero h1 .butterfly{left:-38px;top:-40px;width:60px}.hero-copy>.eyebrow{padding-left:32px}}
@media(max-width:700px){.hero h1 .butterfly{left:auto;right:3%;top:-73px;width:54px}.hero-copy>.eyebrow{padding-right:62px}}
@media(max-width:700px){.hero-copy{margin-top:235px}.hero-art .globe{width:180px;top:35px;right:-15px}.hero-art .typewriter{width:135px;top:62px;left:5%;right:auto;bottom:auto;opacity:.9}.hero h1 .butterfly{right:0;top:-45px;width:54px}.hero-copy>.eyebrow{padding-right:62px}}

.axial-globe .globe-sphere{visibility:hidden}.globe-surface{position:absolute;left:10.66%;top:3.185%;width:86.965%;height:70.667%;border-radius:50%;pointer-events:none}

/* The flight through the galaxy reveals the existing collage beneath it. */
.universe-intro{transition:background-color .9s ease,opacity 1.2s ease}.universe-intro.intro-bridge{background-color:transparent;pointer-events:none}.intro-bridge .intro-skip{opacity:0;transition:opacity .4s}.intro-bridge .intro-brand,.intro-bridge .bigbang-point{visibility:hidden}
.intro-active:not(.intro-arrival) .hero-copy,.intro-active:not(.intro-arrival) .hero-art{visibility:hidden}
.intro-arrival .hero-copy,.intro-arrival .hero-art{animation:none;visibility:visible}
.hero-line{display:inline-block}
.intro-arrival .hero-line{animation:cosmic-text 1.35s cubic-bezier(.16,1,.3,1) both}
.intro-arrival em.hero-line{animation-delay:.18s}.intro-arrival span.hero-line:last-child{animation-delay:.36s}
.intro-arrival .hero-copy>.eyebrow{animation:cosmic-text 1s .6s both}.intro-arrival .hero-bottom{animation:cosmic-text 1.1s 1s both}
.intro-arrival .hero-art .globe{animation:cosmic-object 1.8s .05s cubic-bezier(.16,1,.3,1) both}
.intro-arrival .hero-art .typewriter{animation:cosmic-object 1.8s .4s cubic-bezier(.16,1,.3,1) both}
.intro-arrival .hero h1 .butterfly{animation:cosmic-object 1.5s .65s cubic-bezier(.16,1,.3,1) both}
@keyframes cosmic-text{from{opacity:0;translate:0 45px;filter:blur(9px)}to{opacity:1;translate:0 0;filter:blur(0)}}
@keyframes cosmic-object{from{opacity:0;translate:55px 25px;scale:.72;filter:blur(8px)}to{opacity:1;translate:0 0;scale:1;filter:blur(0)}}
@media(prefers-reduced-motion:reduce){.intro-arrival .hero-line,.intro-arrival .hero-copy>.eyebrow,.intro-arrival .hero-bottom,.intro-arrival .hero-art .globe,.intro-arrival .hero-art .typewriter,.intro-arrival .hero h1 .butterfly{animation:none!important}.intro-active:not(.intro-arrival) .hero-copy,.intro-active:not(.intro-arrival) .hero-art{visibility:visible}}

/* A continuous original silhouette avoids detached wing edges. */
.butterfly-print{display:block;width:100%;height:auto;transform-origin:56% 52%;animation:butterfly-breathe 3.4s ease-in-out infinite;backface-visibility:hidden}
@keyframes butterfly-breathe{0%,100%{transform:perspective(450px) rotateY(0deg) rotateZ(0deg) scaleX(1)}24%{transform:perspective(450px) rotateY(24deg) rotateZ(-1.5deg) scaleX(.96)}48%{transform:perspective(450px) rotateY(3deg) rotateZ(.5deg) scaleX(1)}70%{transform:perspective(450px) rotateY(18deg) rotateZ(-1deg) scaleX(.97)}}
.approach-art>img{animation:astronaut-float 7s ease-in-out infinite}
@keyframes astronaut-float{0%,100%{transform:translate(-6px,8px) rotate(-12deg)}50%{transform:translate(12px,-34px) rotate(-3deg)}}
.contact-cutout{animation:phone-rings 6s ease-in-out infinite}
@keyframes phone-rings{0%,58%,100%{transform:translateY(0) rotate(-2deg)}24%{transform:translateY(-9px) rotate(0)}64%,76%,88%{transform:translateY(-6px) rotate(6deg)}70%,82%,94%{transform:translateY(-3px) rotate(-6deg)}}
.typewriter .motion-art{animation:machine-bob 6.5s ease-in-out infinite}.hand-left{animation:typing-left 1.8s ease-in-out infinite}.hand-right{animation:typing-right 2.1s ease-in-out infinite .25s}
@keyframes machine-bob{0%,100%{transform:translateY(4px) rotate(-1deg)}50%{transform:translateY(-8px) rotate(1deg)}}
@keyframes typing-left{0%,14%,32%,51%,72%,100%{transform:rotate(0)}7%,25%,44%,63%{transform:rotate(1.1deg) translateY(5px)}}
@keyframes typing-right{0%,18%,36%,56%,78%,100%{transform:rotate(0)}9%,28%,47%,68%{transform:rotate(-1.1deg) translateY(5px)}}
.motion-paused .butterfly-print,.motion-paused .typewriter .motion-art{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.butterfly-print,.typewriter .motion-art,.hand-left,.hand-right{animation:none!important}}

.portfolio-end{justify-content:center;padding-top:28px}.portfolio-end .portfolio-cta{display:inline-flex;align-items:center;gap:28px;background:var(--coral);color:var(--ink);border:1px solid var(--coral);border-radius:999px;padding:20px 32px;font-size:clamp(.9rem,1.4vw,1.1rem);font-weight:700;text-decoration:none;transition:background .25s,transform .25s,box-shadow .25s}.portfolio-end .portfolio-cta span{font-size:1.5em}.portfolio-end .portfolio-cta:hover{background:var(--teal);border-color:var(--teal);transform:translateY(-3px);box-shadow:0 10px 30px #0002}.footer-links{display:flex;flex-direction:column;gap:12px}.footer-links a:first-child{color:var(--teal)}
@media(max-width:700px){.portfolio-end .portfolio-cta{padding:18px 22px;gap:18px}.footer-links{gap:10px}}
.language-toggle{flex-shrink:0;border:1px solid #f3f1e955;border-radius:999px;background:transparent;color:var(--paper);font-size:.75rem;font-weight:700;padding:10px 12px;margin-left:14px;cursor:pointer}.language-toggle:hover{background:var(--teal);color:var(--ink)}.header .brand span{font-size:clamp(.45rem,.8vw,.7rem)}
@media(max-width:700px){.language-toggle{margin-left:8px;padding:9px;font-size:.65rem}.header nav{margin-left:auto}.header .brand span{display:none}.intro-brand strong{font-size:clamp(2rem,8.5vw,4rem)}}
.header nav a{white-space:nowrap}@media(min-width:701px) and (max-width:1150px){.header .agency-label{font-size:.55rem;letter-spacing:.08em}.header .agency-services{margin-left:10px;padding-left:10px}.header nav{gap:14px}.language-toggle{margin-left:8px}}
@media(max-width:700px){.header nav a:nth-child(4){display:none}.header nav{gap:10px}.header .brand img{width:82px}.header .language-toggle{margin-left:6px}.header .agency-label{font-size:.45rem;max-width:calc(100% - 46px);white-space:nowrap}.tagline-band{gap:8px}.tagline-band>span{font-size:clamp(.9rem,3.7vw,1.2rem)}.tagline-dot{margin-left:8px}}