@font-face{font-family:'Inter';src:url('/assets/fonts/InterVariable.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap}
:root{--ink:#482336;--rose:#e8b7c8;--petal:#f5e5e9;--paper:#fff;--work-lilac:#F3EEF6;--lilac:#c6c0df;--silver:#f7f7f2;--line:#48233645;--sans:'Inter',Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);font-family:var(--sans);font-weight:400;font-optical-sizing:none;font-synthesis:none;scroll-behavior:smooth}
*{box-sizing:border-box}body{margin:0}button,a,input{-webkit-tap-highlight-color:transparent}a{color:inherit}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default}a:focus-visible,button:focus-visible{outline:2px solid var(--ink);outline-offset:6px}img,video{max-width:100%;display:block}button[hidden],[hidden]{display:none!important}.skip-link{position:fixed;z-index:100;top:12px;left:12px;background:var(--paper);padding:14px;transform:translateY(-180%)}.skip-link:focus{transform:none}.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:25px 4.5vw;border-bottom:1px solid var(--line);background:var(--paper)}.logo{font:400 28px/.9 var(--sans);letter-spacing:-1.5px;text-decoration:none;white-space:nowrap}.site-header nav{display:flex;align-items:center;gap:30px}.site-header nav a,.site-header nav button{font:11px/1.3 var(--sans);text-transform:uppercase;letter-spacing:.08em;text-decoration:none;white-space:nowrap;background:none;border:0;padding:2px 0}.site-header nav a:hover,.site-header nav button:hover{text-decoration:underline;text-underline-offset:5px}#menu-toggle{display:none;background:none;border:0;padding:5px;font:11px var(--sans)}.hero{min-height:690px;height:calc(100svh - 84px);max-height:1080px;background:radial-gradient(ellipse at 22% 70%,#f6bfc446,transparent 48%),radial-gradient(ellipse at 76% 22%,#d9d0ed75,transparent 50%),linear-gradient(130deg,#fff,#f2dce7 65%,#efd2d9);position:relative;padding:54px 4.5vw 30px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.hero-top,.hero-bottom{display:flex;justify-content:space-between;gap:22px;align-items:start;font:11px/1.65 var(--sans);text-transform:uppercase;letter-spacing:.07em}.hero-top p,.hero-bottom p{margin:0}.hero-lockup{align-self:center;text-align:center;width:100%;position:relative}.hero h1{font:400 clamp(95px,17vw,270px)/.78 var(--sans);font-weight:400;letter-spacing:-.065em;margin:0 0 64px;position:relative;z-index:1}.hero h1 span{display:inline-block}.hero-role{font:11px/1.6 var(--sans);text-transform:uppercase;letter-spacing:.16em;margin:0}.hero-bottom a{text-decoration:none;border-bottom:1px solid var(--ink);padding-bottom:5px}.hero-bottom .small-note{max-width:160px;text-align:right}.work-section{padding:100px 4.5vw 110px}.section-intro{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:48px}.section-intro h2{font:400 clamp(38px,5vw,72px)/1 var(--sans);letter-spacing:-.045em;margin:0}.section-intro p{font:11px/1.5 var(--sans);text-transform:uppercase;letter-spacing:.06em;margin:0 0 5px}.project-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:80px 5vw}.project-card{min-width:0}.project-card:nth-child(2){padding-top:130px}.project-card:nth-child(4){padding-top:100px}.project-card>a{display:block;text-decoration:none}.project-image{overflow:hidden;background:#fff;position:relative;border:1px solid #48233624}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.7,.3,1)}.project-card:nth-child(1) .project-image{aspect-ratio:1.03}.project-card:nth-child(2) .project-image{aspect-ratio:.78}.project-card:nth-child(3) .project-image{aspect-ratio:.86}.project-card:nth-child(4) .project-image{aspect-ratio:1.02}.project-card a:hover .project-image img{transform:scale(1.025)}.project-meta{display:flex;justify-content:space-between;gap:20px;padding:17px 0 0;border-bottom:1px solid var(--line);padding-bottom:20px}.project-meta h3{font:400 clamp(24px,3vw,39px)/1.08 var(--sans);letter-spacing:-.025em;margin:0 0 8px}.project-meta p,.project-index{font:10px/1.5 var(--sans);letter-spacing:.07em;text-transform:uppercase;margin:0}.project-index{padding-top:6px}.project-arrow{font:25px var(--sans);align-self:center}.about-section{background:var(--petal);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:76px 4.5vw;display:grid;grid-template-columns:1fr 1.4fr;gap:5vw}.eyebrow{font:11px/1.6 var(--sans);letter-spacing:.07em;text-transform:uppercase;margin:0 0 26px}.about-section h2{font:400 clamp(43px,5.7vw,88px)/.95 var(--sans);letter-spacing:-.045em;margin:0 0 30px}.about-section p:not(.eyebrow){font:22px/1.5 var(--sans);max-width:560px}.text-link{font:11px/1.4 var(--sans);text-transform:uppercase;letter-spacing:.07em;text-decoration:none;border-bottom:1px solid var(--ink);padding-bottom:6px;display:inline-block}.about-symbol{font:190px/.85 var(--sans);color:#b98ca2;align-self:center;justify-self:center;font-style:normal}.contact-section{padding:100px 4.5vw 84px}.contact-section h2{font:400 clamp(60px,9vw,140px)/.88 var(--sans);letter-spacing:-.05em;margin:0 0 48px}.contact-email{font:clamp(14px,2.2vw,30px)/1.5 var(--sans);text-underline-offset:8px;overflow-wrap:anywhere}.footer-row{display:flex;justify-content:space-between;align-items:end;gap:20px;border-top:1px solid var(--line);padding-top:28px;margin-top:78px;font:10px/1.6 var(--sans);text-transform:uppercase;letter-spacing:.05em}.footer-links{display:flex;gap:26px;flex-wrap:wrap}.footer-links a,.footer-links button{background:none;border:0;padding:0;font:inherit;text-decoration:none}.footer-links a:hover,.footer-links button:hover{text-decoration:underline}.case-header{padding:78px 4.5vw 65px;background:var(--petal);border-bottom:1px solid var(--line)}.case-header .eyebrow{margin-bottom:36px}.case-header h1{font:400 clamp(60px,8.5vw,138px)/.95 var(--sans);letter-spacing:-.055em;margin:0 0 34px;max-width:1100px}.case-header .case-summary{font:20px/1.5 var(--sans);max-width:780px}.case-chapter{padding:70px 4.5vw;border-bottom:1px solid var(--line)}.case-copy{display:grid;grid-template-columns:1fr 2fr;gap:6vw;margin-bottom:40px}.case-copy h2{font:400 clamp(28px,4vw,54px)/1.1 var(--sans);letter-spacing:-.03em;margin:0 0 24px}.case-copy .copy-body{max-width:800px}.case-copy p,.case-copy li{font:17px/1.7 var(--sans);margin:0 0 22px}.case-copy h3{font:12px/1.7 var(--sans);letter-spacing:.03em;text-transform:uppercase;margin:28px 0 14px}.case-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.case-gallery figure{margin:0;position:relative;min-width:0;background:#fff}.case-gallery figure.wide,.case-gallery figure:only-child{grid-column:1/-1}.case-gallery img{width:100%;height:auto}.case-gallery figcaption{padding:12px;font:10px/1.5 var(--sans)}.media-controls{font:11px var(--sans);border:1px solid var(--line);background:var(--paper);padding:11px 16px;position:absolute;right:12px;bottom:12px}.case-video{padding:28px;background:#e9dce3;margin:28px 0 0}.case-video video{max-height:80svh;width:100%;background:#e9dce3}.case-video figcaption{font:11px/1.5 var(--sans);margin-top:12px}.next-project{padding:70px 4.5vw;display:flex;justify-content:space-between;align-items:center;text-decoration:none;background:var(--petal)}.next-project span{font:11px var(--sans);text-transform:uppercase;letter-spacing:.06em}.next-project strong{font:400 clamp(30px,5vw,68px)/1 var(--sans);letter-spacing:-.03em}.office-intro{position:fixed;inset:0;background:#f5e5e9;z-index:90;display:grid;place-items:center;opacity:1;transition:opacity .35s ease}.office-intro video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.office-intro .intro-top{position:absolute;top:26px;left:30px;right:30px;display:flex;justify-content:space-between;align-items:center;gap:20px;z-index:2}.intro-top span{font:400 27px var(--sans);letter-spacing:-1px}.intro-top button,.intro-play{border:1px solid #48233650;border-radius:40px;background:#ffffffee;backdrop-filter:blur(12px);padding:12px 19px;font:11px var(--sans);text-transform:uppercase;letter-spacing:.05em}.intro-play{z-index:3;box-shadow:0 3px 15px #48233620}.office-intro.is-leaving{opacity:0;pointer-events:none}.intro-active{overflow:hidden}.can-reveal{transition:opacity .6s ease,transform .6s ease}.can-reveal:not(.revealed){opacity:0;transform:translateY(12px)}
@media(min-width:1600px){.project-grid{gap:100px 6vw}.work-section,.contact-section{padding-left:7vw;padding-right:7vw}}
@media(max-width:760px){.site-header{padding:22px 22px}.site-header nav{gap:19px}.site-header nav a,.site-header nav button{font-size:10px}.hero{min-height:610px;height:calc(100svh - 74px);max-height:850px;padding:34px 22px 25px}.hero h1{font-size:22vw;letter-spacing:-.07em;line-height:.85}.hero-role{font-size:9px;letter-spacing:.08em}.hero-top,.hero-bottom{font-size:9px;letter-spacing:.035em}.hero-bottom .small-note{max-width:130px}.work-section{padding:65px 22px 70px}.section-intro{margin-bottom:35px}.section-intro p{font-size:9px;max-width:105px;text-align:right}.project-grid{gap:48px 20px;grid-template-columns:1fr}.project-card:nth-child(2),.project-card:nth-child(4){padding-top:0}.project-card:nth-child(1) .project-image,.project-card:nth-child(3) .project-image{aspect-ratio:.94}.project-card:nth-child(2) .project-image,.project-card:nth-child(4) .project-image{aspect-ratio:1.1}.project-meta h3{font-size:33px}.about-section{padding:55px 22px;grid-template-columns:1fr}.about-symbol{display:none}.about-section p:not(.eyebrow){font-size:21px}.contact-section{padding:65px 22px 45px}.contact-section h2{font-size:19vw}.footer-row{margin-top:55px;align-items:start;flex-direction:column;gap:26px}.case-header{padding:55px 22px 40px}.case-header h1{font-size:16vw}.case-header .case-summary{font-size:19px}.case-chapter{padding:45px 22px}.case-copy{grid-template-columns:1fr;gap:0}.case-copy h2{font-size:35px}.case-copy p,.case-copy li{font-size:16px}.case-gallery{grid-template-columns:1fr;gap:18px}.case-gallery figure.wide{grid-column:auto}.case-video{padding:12px}.next-project{padding:45px 22px;gap:18px}.next-project strong{font-size:34px}.office-intro .intro-top{top:20px;left:18px;right:18px}.intro-top button{font-size:10px;padding:11px 14px}.office-intro video{object-fit:cover;background:#f5e5e9}}
@media(max-width:430px){.logo{font-size:25px}.site-header nav{gap:14px}.site-header nav a,.site-header nav button{font-size:9px}.site-header nav button{display:none}.hero{min-height:570px}.hero h1{font-size:23vw}.hero-top p{max-width:205px}.hero-bottom .small-note{max-width:110px}.contact-email{font-size:13px}.case-header h1{font-size:17vw}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}.can-reveal:not(.revealed){opacity:1;transform:none}.project-card a:hover .project-image img{transform:none}}
@media(max-width:760px){.site-header{padding-top:12px;padding-bottom:12px}.site-header nav a,.site-header nav button{min-height:44px;display:inline-flex;align-items:center;font-size:11px}.site-header nav{gap:16px}.site-header nav button[hidden]{display:none}}
@media(max-width:430px){.site-header nav a{font-size:10px}.site-header nav button{display:none}}
.case-gallery figure.brand-panel{background:var(--ink);padding:56px;grid-column:1/-1;display:grid;place-items:center}.case-gallery .brand-panel img{max-height:100px;width:auto;object-fit:contain}

/* The wordmark is outlined from the owner's supplied Carta Nueva font. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-header{background:#fff;padding-top:14px;padding-bottom:14px}.logo{display:block;width:165px;height:50px;flex-shrink:0}.logo img{width:100%;height:100%;object-fit:contain}
.hero-top,.hero-bottom,.hero-lockup{position:relative;z-index:2}.hero-lockup{max-width:1180px}.hero h1{font-size:0;line-height:0;letter-spacing:0;margin:0 0 22px}.hero h1 img{width:100%;height:auto}.hero-role{position:relative;z-index:2;letter-spacing:.16em}
.hero-clouds{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none}.hero-cloud{position:absolute;display:block;height:auto;max-width:none;will-change:transform;user-select:none}.hero-cloud-one{width:46%;left:-12%;top:17%;animation:cloud-one-float 18s ease-in-out infinite}.hero-cloud-two{width:45%;right:-10%;top:5%;animation:cloud-two-float 23s ease-in-out infinite}
@keyframes cloud-one-float{0%,100%{transform:translate3d(0,0,0) rotate(0deg)}50%{transform:translate3d(34px,-20px,0) rotate(1deg)}}
@keyframes cloud-two-float{0%,100%{transform:translate3d(0,0,0) rotate(0deg)}50%{transform:translate3d(-26px,23px,0) rotate(-1deg)}}
.intro-top .intro-wordmark{width:135px;height:auto}.intro-active .hero-cloud,.office-capture .hero-cloud{animation:none;will-change:auto}
@media(max-width:760px){.site-header{padding:12px 18px;gap:12px}.logo{width:clamp(106px,30vw,150px);height:44px}.site-header nav{gap:12px}.site-header nav button[data-replay-office]{display:none}.hero h1{font-size:0;line-height:0;margin-bottom:22px}.hero-cloud-one{width:95%;left:-50%;top:24%}.hero-cloud-two{width:90%;right:-45%;top:11%}.intro-top .intro-wordmark{width:112px}}
@media(prefers-reduced-motion:reduce){.hero-cloud{animation:none;will-change:auto}}

.hero-cloud-three{width:34%;left:42%;bottom:-19%;opacity:.75;animation:cloud-three-float 27s ease-in-out infinite}
@keyframes cloud-three-float{0%,100%{transform:translate3d(0,0,0) rotate(0deg)}50%{transform:translate3d(-20px,-24px,0) rotate(2deg)}}
.intro-active .hero-cloud,.office-capture .hero-cloud{animation:none;will-change:auto}
@media(max-width:760px){.hero-cloud-three{width:80%;left:35%;bottom:-12%;opacity:.5}}
@media(prefers-reduced-motion:reduce){.hero-cloud{animation:none;will-change:auto}}

.section-intro p{max-width:250px;text-align:right}.section-intro h2{min-width:0}@media(max-width:760px){.section-intro p{max-width:145px;font-size:10px;line-height:1.6;flex-shrink:0}}

.site-footer{padding:48px 4.5vw;background:#fff;border-top:1px solid var(--line)}.footer-email{font:400 15px/1.5 var(--sans);text-decoration:none;overflow-wrap:anywhere}.footer-email:hover{text-decoration:underline;text-underline-offset:5px}.site-footer .footer-row{margin-top:28px;padding-top:24px}@media(max-width:760px){.site-footer{padding:32px 22px}.footer-email{font-size:14px}.site-footer .footer-row{margin-top:24px}}

/* Owner-supplied Carta Nueva outlines keep headings sharp without embedding the private font. */
.work-section{background:var(--work-lilac)}
main .script-heading{width:calc(var(--script-ratio)*1em);max-width:100%;line-height:1!important;letter-spacing:0!important}.script-title{display:block;width:100%;height:auto;max-width:100%}
.project-meta>div{min-width:0}.project-meta h3.script-heading{max-width:100%}.next-project .script-heading{flex:0 1 auto}
@media(max-width:760px){.section-intro{align-items:center}.section-intro h2.script-heading{flex:0 1 auto}.section-intro p{max-width:130px;font-size:9px}.project-meta h3.script-heading{font-size:36px}}

/* Equal crops and aligned thumbnail rows across the project grid. */
.project-grid .project-card{padding-top:0}.project-grid .project-card .project-image{aspect-ratio:1 / 1}

@media(min-width:761px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Office handoff: decorative wordmark exits; mismatched viewports bridge through white. */
.office-intro .intro-wordmark{transition:opacity .35s ease}
.office-intro.intro-wordmark-exiting .intro-wordmark{opacity:0;pointer-events:none}
.office-intro::after{content:"";position:absolute;inset:0;z-index:1;background:#fff;opacity:0;transition:opacity .45s ease;pointer-events:none}
.office-intro.intro-handoff-bloom::after{opacity:1}
.office-intro .intro-top,.office-intro .intro-play{z-index:2}

/* Keep the three Left On Friday format adaptations in one uncropped row. */
.case-gallery>.lof-resize-row{grid-column:1/-1;display:grid;grid-template-columns:.5625fr .8fr 1fr;align-items:end;gap:16px;width:100%;max-width:760px;margin-inline:auto}
.case-gallery>.lof-resize-row>figure{min-width:0;margin:0}
.case-gallery>.lof-resize-row img{display:block;width:100%;height:auto}
@media(max-width:760px){.case-gallery>.lof-resize-row{gap:8px}}

/* Keep the Left On Friday motion examples together at their native proportions. */
.case-gallery.lof-motion-gallery video{display:block;width:100%;height:auto}
@media(min-width:761px){.case-gallery.lof-motion-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}}

.office-intro .intro-sound{position:absolute;z-index:2;bottom:max(24px,env(safe-area-inset-bottom));left:30px;min-height:44px;border:1px solid #48233650;border-radius:40px;background:#ffffffee;backdrop-filter:blur(12px);padding:12px 19px;font:11px var(--sans);text-transform:uppercase;letter-spacing:.05em}
.intro-sound[aria-pressed="true"]{background:#f5e5e9f2}
@media(max-width:760px){.office-intro .intro-sound{bottom:max(20px,env(safe-area-inset-bottom));left:18px;padding:11px 14px;font-size:10px}}