/* EVOL: editorial routes, restrained sweeps and natural scrolling. */
:root{--blue:#073aff;--motion-ease:cubic-bezier(.16,1,.3,1)}body{overflow-x:clip}button,a{-webkit-tap-highlight-color:transparent}.logo{overflow:visible!important;line-height:1;flex-shrink:0}.logo img,.menu-top .logo img{width:124px!important;height:auto!important;aspect-ratio:648/218;max-width:none!important;object-fit:contain!important;border-radius:0!important;clip-path:none!important;transform:none!important;display:block;padding:0;box-shadow:none}.logo img{filter:brightness(0) saturate(100%) invert(20%) sepia(99%) saturate(5574%) hue-rotate(230deg) brightness(100%) contrast(111%)}.menu-top .logo img{filter:none}.site-menu,.site-menu *{font-family:Geist,Arial,sans-serif!important}.site-menu .num{display:none}.menu-nav .name{font-weight:700}.menu-whatsapp{display:grid;place-items:center;width:48px;height:48px;border:1px solid #ffffff80;border-radius:50%}.menu-whatsapp svg{width:25px;height:25px;fill:white}.menu-bottom>.menu-whatsapp{padding:0}.eyebrow{font-size:12px;line-height:1.5}.hero .hero-bottom p{font-size:18px}.evolution-scene{height:170vh}.evolution-sticky .design-statement{max-width:1120px}.evolution-description{position:relative;z-index:1;max-width:800px;margin:45px auto 0;text-align:center;font-size:clamp(16px,1.5vw,21px);line-height:1.6;color:white;font-weight:400;transform:translateY(calc((1 - var(--statement-progress,0))*12px));text-shadow:0 2px 15px #0006}.design-statement .growing-word{font-size:clamp(48px,7.2vw,108px)}.evolution-sticky:after{background:linear-gradient(180deg,#0009,#000b)}.evolution-sticky .design-statement .statement-lead{margin-bottom:20px}.services h2{font-size:clamp(38px,4.2vw,64px)}.services h2 span{color:white}.results-word{font-weight:900;display:inline;box-decoration-break:clone;background:#fff;color:var(--blue);padding:0 .08em;line-height:1.25}.services .service-list p{font-size:16px}.contact{background:var(--paper)!important;color:white!important;padding:90px 5% 65px;perspective:1600px;isolation:isolate}.contact-card{padding:65px 5%;background:var(--blue);border-radius:28px;transform:translateY(var(--card-y,20px)) rotateX(var(--card-rx,3deg)) rotateZ(var(--card-rotate,-1deg));transform-origin:center 80%;will-change:transform;box-shadow:0 25px 70px #073aff18}.contact-card h2{font-size:clamp(52px,7vw,108px);line-height:1.02;letter-spacing:-.05em}.contact .contact-card .white{color:var(--blue);background:white}.contact .contact-bottom{border-color:#ffffff70}.studio p.large{font-size:26px}.studio p.large strong{display:inline-block;margin-bottom:12px}.studio-grid p{font-size:16px}.all-projects{display:flex;justify-content:space-between;align-items:center;margin-top:45px;border-top:1px solid #bbb;border-bottom:1px solid #bbb;padding:24px 0;font-size:24px;letter-spacing:-.03em}.all-projects:hover{color:var(--blue)}
/* Full bleed project images; compact call to action with no text stretching. */
.projects{gap:64px 30px}.projects .project{display:block;min-width:0;overflow:visible;text-decoration:none}.projects .project .art{padding:0!important;height:clamp(360px,43vw,620px);position:relative;background:#ddd;border-radius:8px;overflow:hidden;isolation:isolate}.projects .project:nth-child(2) .art,.projects .project:nth-child(3) .art{height:clamp(350px,35vw,500px)}.projects .project .art img{position:absolute;inset:0;display:block;width:100%!important;height:100%!important;object-fit:cover;max-width:none;border-radius:0!important;box-shadow:none!important;transform:scale(1.01)!important;transition:transform .85s var(--motion-ease),filter .7s}.projects .project:hover .art img,.projects .project:focus-visible .art img{transform:scale(1.055)!important;filter:brightness(.88)}.project-overlay{position:absolute;inset:0;padding:30px;display:flex;flex-direction:column;justify-content:flex-end;color:white;background:linear-gradient(180deg,#0000 25%,#000b 100%);z-index:1}.project-client{font-size:15px;font-weight:500;letter-spacing:.04em}.project-overlay h3{font-size:clamp(27px,3.3vw,48px);line-height:1.05;letter-spacing:-.04em;max-width:85%;margin:12px 0 70px;color:white!important;font-weight:600}.project-action{position:absolute;left:30px;bottom:26px;z-index:2;display:inline-flex;align-items:center;gap:22px;border:1px solid #ffffffc0;border-radius:100px;padding:12px 18px;background:#ffffff08;backdrop-filter:blur(8px);font-size:13px;font-weight:500;line-height:1;white-space:nowrap;transition:background .25s,color .25s,transform .25s}.project-action>span:last-child{font-size:20px;transition:transform .3s}.project:hover .project-action,.project:focus-visible .project-action{background:white;color:var(--blue);transform:translateY(-4px)}.project:hover .project-action>span:last-child{transform:translate(2px,-2px)}.project-action span{font-stretch:normal}.project-trebo .art img,.project-opthalmunity .art img{object-fit:cover}.project-opthalmunity .project-overlay{background:linear-gradient(180deg,#0000,#000c)}.project-richs .project-overlay{background:linear-gradient(180deg,#0000,#000b)}
/* Internal pages share the same brand and navigation. */
.projects .project[hidden]{display:none!important}.motion-ready .work .section-head.reveal,.motion-ready .studio-grid>.reveal{transition:opacity .85s var(--motion-ease),transform 1s var(--motion-ease);transform:translateY(36px)}.motion-ready .work .section-head.reveal.is-visible,.motion-ready .studio-grid>.reveal.is-visible{transform:none}.hero h1 .line>span{animation-timing-function:var(--motion-ease)}.contact .contact-card .eyebrow{color:white}.filters button{font-size:14px}.inner-page .site-menu .menu-nav .name{font-family:Geist,Arial,sans-serif!important}
.inner-page header{height:90px}.inner-page header.scrolled{height:72px}.inner-page .site-menu[open]{animation:menu-fade .3s}.listing-hero{padding:75px 5% 65px}.listing-hero h1{font-size:clamp(52px,7.8vw,116px);line-height:1.02;letter-spacing:-.06em;margin:30px 0}.listing-hero>p:last-child{font-size:20px;line-height:1.5;max-width:600px}.listing-work{padding-top:35px}.listing-work .filters{margin-top:0}.case-hero{padding:35px 5% 65px;overflow:hidden}.case-breadcrumb{display:flex;gap:15px;margin-bottom:60px;font-size:14px;color:#666}.case-breadcrumb a{color:var(--ink);text-decoration:underline;text-underline-offset:4px}.case-hero>h1{font-size:clamp(70px,13vw,200px);line-height:1;letter-spacing:-.075em;margin:25px 0 40px;font-weight:700;color:var(--blue)}.case-deck{font-size:clamp(26px,3.8vw,57px);line-height:1.1;letter-spacing:-.035em;max-width:900px;margin:0;font-weight:500}.case-opening,.case-full{margin:0;overflow:hidden;background:#ddd}.case-opening img{display:block;width:100%;height:75vh;max-height:950px;min-height:380px;object-fit:cover}.case-intro{padding:100px 8%}.case-intro h2{font-size:clamp(38px,5.6vw,84px);line-height:1.06;letter-spacing:-.045em;max-width:1120px;margin:35px 0 55px;font-weight:600}.case-intro-bottom{display:grid;grid-template-columns:1fr 1fr;gap:10%;border-top:1px solid #ccc;padding-top:30px}.case-intro-bottom p,.case-lead{font-size:20px;line-height:1.6;margin:0 0 12px}.case-program{font-weight:700}.case-editorial{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding:95px 8%;border-top:1px solid #ddd}.case-aside h2{font-size:clamp(34px,4.3vw,64px);line-height:1.06;letter-spacing:-.04em}.case-copy p{font-size:18px;line-height:1.7;margin:0 0 25px}.case-copy h3{font-size:25px;margin-top:40px}.case-full{margin:0 5%;border-radius:12px}.case-full img{display:block;width:100%;height:auto;max-height:850px;object-fit:cover}.case-portrait{margin:0;background:#e5e3dd;border-radius:0;padding:65px 8%;display:flex;justify-content:center}.case-portrait img{width:min(65%,700px);max-height:720px;height:auto;border-radius:6px;object-fit:contain}.case-manifesto{padding:90px 8%;background:var(--blue);color:white;margin-top:75px}.case-manifesto h2{font-size:clamp(64px,12vw,180px);line-height:.95;letter-spacing:-.055em;margin:45px 0;font-weight:800}.case-manifesto>p:last-child{font-size:23px;max-width:550px;line-height:1.5}.case-video{padding:70px 5%;background:var(--paper)}.case-video .eyebrow{margin-bottom:20px}.video-frame{aspect-ratio:16/9;background:#171717;border-radius:10px;overflow:hidden}.video-frame iframe{display:block;width:100%;height:100%;border:0}.case-services{list-style:none;padding:0;margin:15px 0 40px}.case-services li{border-bottom:1px solid #c7c7c2;padding:16px 0;font-size:20px;line-height:1.4}.case-services li:first-child{border-top:1px solid #c7c7c2}.case-next{margin-top:70px;padding:65px 5%;background:var(--blue);color:white}.case-next>a:first-of-type{display:flex;justify-content:space-between;align-items:center;font-size:clamp(42px,7vw,110px);line-height:1.15;letter-spacing:-.05em;margin:35px 0}.case-next .back-projects{font-size:16px;border-bottom:1px solid #fff9;padding-bottom:7px}.inner-page footer{background:var(--paper)}.sweep{position:relative}.experience-ready .sweep{clip-path:inset(5% 0 0 0);opacity:.3;transform:translateY(30px);transition:clip-path 1s var(--motion-ease),opacity .8s var(--motion-ease),transform 1s var(--motion-ease)}.experience-ready .sweep.seen{clip-path:inset(0);opacity:1;transform:none}.case-opening{animation:opening-wipe 1.2s var(--motion-ease) both}@keyframes opening-wipe{from{clip-path:inset(0 6% 12% 6%);opacity:.6}to{clip-path:inset(0);opacity:1}}
@media(max-width:800px){.logo img,.menu-top .logo img{width:105px!important}.inner-page header{height:72px}.inner-page header.scrolled{height:64px}.hero .hero-bottom p{font-size:16px}.evolution-scene{height:160vh}.evolution-sticky{min-height:620px;padding:40px 5%}.design-statement .growing-word{font-size:11.5vw}.evolution-description{font-size:16px;line-height:1.6;margin-top:30px;max-width:95%}.evolution-sticky .design-statement .statement-lead{font-size:4vw}.services h2{font-size:43px}.contact{padding:45px 4% 55px}.contact-card{padding:40px 7%;border-radius:18px}.contact-card h2{font-size:clamp(40px,9vw,68px)}.contact-bottom p{font-size:16px}.studio p.large{font-size:24px}.projects{gap:30px}.projects .project .art,.projects .project:nth-child(2) .art,.projects .project:nth-child(3) .art{height:430px;max-height:75svh;min-height:330px}.project-overlay{padding:24px}.project-overlay h3{font-size:34px;max-width:95%}.project-action{left:24px;bottom:24px;background:white;color:var(--blue);backdrop-filter:none}.all-projects{font-size:22px}.listing-hero{padding:45px 5%}.listing-hero h1{font-size:clamp(43px,10vw,76px)}.listing-hero>p:last-child{font-size:18px}.case-hero{padding:25px 5% 45px}.case-breadcrumb{margin-bottom:45px}.case-hero>h1{font-size:clamp(55px,14vw,110px);overflow-wrap:anywhere;letter-spacing:-.05em}.case-deck{font-size:29px}.case-opening img{height:55svh;min-height:310px}.case-intro{padding:60px 6%}.case-intro h2{font-size:39px;margin-bottom:35px}.case-intro-bottom{grid-template-columns:1fr;gap:20px}.case-intro-bottom p,.case-lead{font-size:18px}.case-editorial{grid-template-columns:1fr;gap:20px;padding:55px 6%}.case-aside h2{font-size:42px}.case-copy p{font-size:17px}.case-full{margin:0 4%}.case-portrait{padding:35px 6%;margin:0}.case-portrait img{width:85%}.case-manifesto{padding:60px 6%;margin-top:45px}.case-manifesto h2{font-size:20vw}.case-manifesto>p:last-child{font-size:20px}.case-video{padding:45px 4%}.case-services li{font-size:18px}.case-next{margin-top:45px;padding:45px 5%}.case-next>a:first-of-type{font-size:10vw}.menu-bottom>.menu-whatsapp{width:45px;height:45px}.evolution-type{font-size:inherit}}
@media(max-height:650px) and (min-width:801px){.evolution-sticky{min-height:530px}.design-statement .growing-word{font-size:65px}.evolution-description{font-size:16px;margin-top:20px}}
@media(prefers-reduced-motion:reduce){.contact-card{transform:none;will-change:auto}.experience-ready .sweep{opacity:1;clip-path:none;transform:none;transition:none}.case-opening{animation:none}.evolution-description{transform:none}.projects .project .art img,.project-action,.project-action>span:last-child{transition:none!important}.evolution-scene{height:auto}.evolution-sticky{min-height:650px;height:auto}.contact-card{box-shadow:none}}
