:root{--paper:#f4f2ec;--ink:#202522;--muted:#72766f;--line:#d4d1c9;--blue:#253f5a;--serif:'Cormorant Garamond',Georgia,serif;--sans:'Lato',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:94px}body{margin:0;background:var(--paper);color:var(--ink);font:400 15px/1.65 var(--sans);-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:inherit}.wrap{width:min(1320px,calc(100% - 104px));margin-inline:auto}.masthead{height:82px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;position:relative;z-index:5}.wordmark{font-size:12px;line-height:1;letter-spacing:.12em;text-decoration:none;text-transform:uppercase;font-weight:700}.wordmark em{font:500 17px var(--serif);color:var(--blue);letter-spacing:.01em}.nav{display:flex;align-items:center;gap:28px}.nav a{text-decoration:none;text-transform:uppercase;letter-spacing:.14em;font-size:10px;color:#575c57}.nav a:hover,.nav a[aria-current=page]{color:var(--blue)}.menu-toggle{display:none}.availability{display:flex;gap:9px;align-items:center;text-transform:uppercase;font-size:9px;letter-spacing:.16em;color:var(--muted)}.availability:before{content:'';width:5px;height:5px;border-radius:50%;background:var(--blue)}.mobile-availability{display:none}.availability-note{font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:13px 0 0}.hero{padding:60px 0 90px;display:grid;grid-template-columns:1.05fr .8fr;gap:8%;align-items:center}.hero-copy{padding-block:8px}.eyebrow,.small-label{color:var(--blue);text-transform:uppercase;font-size:10px;letter-spacing:.17em}.hero h1{font:400 clamp(74px,9.5vw,142px)/.76 var(--serif);letter-spacing:-.055em;margin:20px 0 26px;max-width:780px}.hero h1 em{color:var(--blue)}.roleline{font-size:10px;line-height:1.9;letter-spacing:.11em;text-transform:uppercase;white-space:nowrap;color:#424844}.hero-intro{color:#626862;font-size:14px;max-width:440px;margin:20px 0 0;line-height:1.8}.hero-image{margin:0;position:relative;max-width:520px;justify-self:end;width:100%}.hero-image img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 74%;background:#d8d6ce}.image-note{font:italic 23px/1.15 var(--serif);color:var(--blue);margin:15px 0 0;text-align:left}.hero-side{margin-top:24px;display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:9px;letter-spacing:.13em;text-transform:uppercase}.scroll-note{display:flex;align-items:center;gap:9px}.scroll-note:before{content:'';height:1px;width:25px;background:var(--blue)}.section{padding:65px 0 75px;border-top:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:32px}.section-title{font:400 clamp(44px,6vw,78px)/.88 var(--serif);letter-spacing:-.04em;margin:10px 0 0}.section-title em{color:var(--blue)}.text-link{font-size:10px;text-transform:uppercase;letter-spacing:.13em;text-decoration:none;color:var(--blue);border-bottom:1px solid var(--blue);padding-bottom:6px;white-space:nowrap}.intro-block{display:grid;grid-template-columns:.7fr 1fr;gap:10%;padding:15px 0 40px}.home-references{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 5%;padding:22px 0 0;border-top:1px solid var(--line)}.references-heading{grid-column:1/-1}.references-heading h3{font:italic 30px/1 var(--serif);color:var(--blue);margin:0}.home-references p{font-size:11px;line-height:1.9;letter-spacing:.045em;color:#535a55;margin:10px 0 0}.intro-block h3{font:italic 36px/1.04 var(--serif);color:var(--blue);margin:0;max-width:370px}.intro-block p{margin:0 0 16px;max-width:680px;color:#535a55;font-size:14px;line-height:1.85}.work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 22px;align-items:start}#home-work{gap:30px 22px}#home-work .project-card:nth-child(n){grid-column:auto;margin:0}.project-card{display:block;text-decoration:none;min-width:0}.project-image{overflow:hidden;background:transparent;aspect-ratio:3/2}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.project-card:hover .project-image img,.project-card:focus-visible .project-image img{transform:scale(1.025)}.project-caption{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding-top:10px}.project-caption h3{font-size:13px;font-weight:500;margin:0}.project-caption span{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);white-space:nowrap}.archive-cta{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);margin-top:42px;padding:30px 0 0}.archive-cta p{font:italic 29px/1.1 var(--serif);color:var(--blue);margin:0}.approach-grid{display:grid;grid-template-columns:.72fr 1fr;gap:10%;align-items:start}.approach-grid h3{font:400 clamp(40px,5vw,66px)/.95 var(--serif);margin:0;color:var(--blue)}.approach-copy p{margin:0 0 17px;color:#535a55;max-width:700px;font-size:14px;line-height:1.85}.approach-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;border-top:1px solid var(--line);margin-top:30px;padding-top:15px}.approach-steps div{font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:var(--muted)}.approach-steps b{display:block;color:var(--blue);font:italic 25px var(--serif);margin-bottom:4px}.contact-section{padding-bottom:45px}.contact-row{display:flex;justify-content:space-between;gap:20px;align-items:end}.contact-row h2{font:400 clamp(55px,8vw,105px)/.85 var(--serif);margin:14px 0 0;letter-spacing:-.045em}.contact-actions{display:flex;gap:22px;align-items:center}.contact-actions a{font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:var(--blue);text-decoration:none;border-bottom:1px solid var(--blue);padding:8px 0;min-height:40px;display:inline-flex;align-items:center}.footer{border-top:1px solid var(--line);padding:17px 0 25px;display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:9px;letter-spacing:.12em;text-transform:uppercase}.footer-links{display:flex;gap:22px}.footer a{text-decoration:none;color:inherit}.page-intro{padding:64px 0 28px;display:flex;justify-content:space-between;align-items:end;gap:30px}.page-title{font:400 clamp(76px,10vw,132px)/.75 var(--serif);letter-spacing:-.055em;margin:14px 0 0}.page-description{max-width:390px;color:#5e645e;margin:0 0 4px;font-size:13px;line-height:1.8}.filters{display:flex;gap:24px;flex-wrap:wrap;border-block:1px solid var(--line);padding:13px 0;margin:8px 0 30px}.filter{font:400 9px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);background:none;border:0;padding:7px 0;cursor:pointer}.filter[aria-pressed=true]{color:var(--blue);box-shadow:0 1px var(--blue)}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 22px;align-items:start}.project{min-width:0}.project[hidden]{display:none}.about-hero{padding:56px 0 64px;display:grid;grid-template-columns:.78fr 1fr;gap:9%;align-items:start}.portrait{margin:0}.portrait img{width:100%;max-height:720px;aspect-ratio:4/5;object-fit:cover;object-position:center 75%}.portrait-caption{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-top:10px}.about-copy{max-width:650px}.about-quote{font:italic clamp(35px,4.3vw,59px)/.96 var(--serif);color:var(--blue);margin:16px 0 25px;letter-spacing:-.03em}.about-copy p{font-size:13px;line-height:1.9;color:#4f5751;margin:0 0 16px}.about-details{display:grid;grid-template-columns:.78fr 1.22fr;gap:8%;padding:34px 0 56px;border-top:1px solid var(--line)}.about-details.about-references-only{display:block}.about-references-only>div>h2{font:italic 30px/1 var(--serif);color:var(--blue);margin:0 0 24px}.about-references-only .reference-groups{grid-template-columns:repeat(3,minmax(0,1fr));gap:5%}.reference-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.reference-groups h3{font:400 17px/1.1 var(--serif);color:var(--blue);margin:0 0 8px}.reference-groups p{font-size:10px;line-height:1.85;letter-spacing:.025em;color:#535a55;margin:0}.about-details h2{font:400 33px/1 var(--serif);color:var(--blue);margin:0 0 17px}.about-details p{font-size:13px;color:#535a55;line-height:1.8}.client-line{font-size:11px;line-height:2;letter-spacing:.08em;color:#535a55}.project-detail{padding-top:28px}.back-link{font-size:9px;text-transform:uppercase;letter-spacing:.13em;color:var(--muted);text-decoration:none}.detail-head{display:flex;justify-content:space-between;gap:32px;align-items:end;padding:38px 0 28px}.detail-head h1{font:400 clamp(54px,7.8vw,100px)/.84 var(--serif);letter-spacing:-.05em;margin:12px 0 0;max-width:850px}.detail-intro{max-width:330px;color:#5b625c;font-size:13px;line-height:1.8;margin:0 0 3px}.video-frame{aspect-ratio:16/9;width:100%;background:#18232c;position:relative;overflow:hidden}.video-frame img{width:100%;height:100%;object-fit:cover;opacity:.78}.video-frame button{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:68px;height:68px;border:1px solid #ffffffaa;border-radius:50%;background:#18232c55;color:white;font-size:22px;padding-left:5px;cursor:pointer}.video-frame button:focus-visible{outline:2px solid white;outline-offset:5px}.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.video-frame video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#18232c}.project-note{font:italic 25px/1.18 var(--serif);max-width:620px;color:var(--blue);padding:25px 0}.credits-area{display:grid;grid-template-columns:1fr 1.2fr;gap:7%;padding:28px 0 36px;border-bottom:1px solid var(--line)}.credits-area h2{font:400 31px/1 var(--serif);margin:0;color:var(--blue)}.credits{display:grid;grid-template-columns:repeat(2,1fr);gap:15px 30px}.credit small{display:block;font-size:8px;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}.credit span{font-size:11px}.gallery-wrap{padding:30px 0 42px}.gallery-bar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:16px}.gallery-bar h2{font:400 28px/1 var(--serif);color:var(--blue);margin:0}.gallery-controls{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:9px;letter-spacing:.12em}.gallery-controls button{width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--blue);font:18px var(--sans);cursor:pointer}.gallery-controls button:disabled{opacity:.35;cursor:default}.gallery{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--line) transparent;padding:0 0 10px}.gallery-slide{flex:0 0 auto;width:max-content;max-width:88%;margin:0;scroll-snap-align:start;scroll-snap-stop:always;display:flex;align-items:center;justify-content:center}.gallery-slide img{display:block;width:auto;height:auto;max-width:100%;max-height:min(68vh,780px);object-fit:contain}.gallery:focus-visible{outline-offset:3px}.project-nav{border-top:1px solid var(--line);padding:20px 0 45px;display:flex;justify-content:space-between;gap:20px}.project-nav a{font-size:9px;text-transform:uppercase;letter-spacing:.13em;text-decoration:none;color:var(--blue)}.contact-band{padding:28px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px}.contact-band a{color:var(--blue);font-size:10px;letter-spacing:.13em;text-transform:uppercase;text-decoration:none;border-bottom:1px solid var(--blue);padding-bottom:6px}.reveal{animation:fadeUp .8s both}@keyframes fadeUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}:focus-visible{outline:2px solid var(--blue);outline-offset:4px} @media(max-width:900px){.availability{display:none}.nav{gap:21px}.wrap{width:calc(100% - 56px)}.hero{gap:5%;grid-template-columns:1fr .85fr}.hero h1{font-size:clamp(68px,9vw,104px)}.work-grid,.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-card:nth-child(n),.project:nth-child(n){grid-column:auto;margin-top:0}.intro-block,.approach-grid{gap:6%}.detail-head{align-items:start}.detail-intro{max-width:270px}} @media(max-width:640px){html{scroll-padding-top:76px}.wrap{width:calc(100% - 36px)}.masthead{height:70px}.availability{display:none}.menu-toggle{display:inline-flex;border:1px solid var(--line);background:transparent;color:var(--blue);font:9px var(--sans);letter-spacing:.14em;text-transform:uppercase;padding:10px 12px;min-height:42px;align-items:center}.nav{display:none;position:absolute;top:69px;left:-18px;right:-18px;background:var(--paper);padding:20px 18px 24px;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:18px}.nav.open{display:flex}.nav a{padding:7px 0;font-size:11px}.hero{padding:35px 0 55px;grid-template-columns:1fr;gap:28px}.hero h1{font-size:clamp(69px,17vw,100px);margin:18px 0 20px}.roleline{font-size:7.3px;line-height:1.8;letter-spacing:.07em}.hero-intro{font-size:13px;margin-top:16px}.hero-image{width:min(100%,390px);justify-self:center}.hero-image img{aspect-ratio:4/5;object-position:50% 76%}.image-note{font-size:21px}.hero-side{margin-top:16px}.section{padding:45px 0 52px}.section-head{align-items:end;margin-bottom:22px}.section-title{font-size:54px}.intro-block,.approach-grid{grid-template-columns:1fr;gap:18px;padding:4px 0 26px}.intro-block h3{font-size:32px}.intro-block p,.approach-copy p{font-size:13px}.work-grid,.project-grid{grid-template-columns:1fr;gap:27px}.home-references,.reference-groups{grid-template-columns:1fr;gap:18px}.references-heading{grid-column:auto}.project-card:nth-child(n),.project:nth-child(n){grid-column:auto;margin:0}.project-caption{gap:9px}.project-caption h3{font-size:12px}.project-caption span{font-size:8px}.archive-cta{margin-top:28px;padding-top:20px;align-items:start;flex-direction:column;gap:13px}.archive-cta p{font-size:25px}.approach-steps{grid-template-columns:repeat(2,1fr);gap:18px;margin-top:24px}.contact-row{display:block}.contact-row h2{font-size:70px}.contact-actions{margin-top:24px;gap:18px;flex-wrap:wrap}.footer{flex-direction:column;gap:12px;padding-bottom:22px}.page-intro{display:block;padding:48px 0 20px}.page-title{font-size:88px}.page-description{margin-top:18px;font-size:12px}.filters{gap:18px;overflow:visible;flex-wrap:wrap;white-space:normal;padding:12px 0;margin-bottom:20px}.filter{min-height:36px;flex:none}.about-hero{padding:35px 0 42px;grid-template-columns:1fr;gap:27px}.portrait{max-width:430px}.portrait img{aspect-ratio:4/5;object-position:center 76%}.about-copy p{font-size:12px}.about-quote{font-size:43px}.about-details{grid-template-columns:1fr;gap:22px;padding:25px 0 38px}.detail-head{display:block;padding:27px 0 22px}.detail-head h1{font-size:clamp(57px,13vw,78px)}.detail-intro{margin-top:15px}.video-frame{aspect-ratio:16/9}.video-frame button{width:60px;height:60px}.project-note{font-size:23px;padding:19px 0}.credits-area{grid-template-columns:1fr;gap:18px;padding:24px 0}.credits-area h2{font-size:29px}.credits{gap:12px 15px}.credit span{font-size:10px}.gallery-wrap{padding:24px 0 30px}.gallery-bar h2{font-size:25px}.gallery-controls{gap:8px}.gallery-controls button{width:42px;height:42px}.gallery{gap:12px}.gallery-slide{max-width:88vw}.gallery-slide img{max-height:58vh}.project-nav{padding-bottom:32px}.project-nav a{max-width:48%;line-height:1.6}.contact-band{align-items:start;flex-direction:column}.contact-band a{min-height:44px;display:flex;align-items:center}.mobile-availability{display:inline}.footer-links a{padding:5px 0}} @media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}} .direction-body{background:var(--paper);color:var(--ink);font:400 15px/1.65 var(--sans)}.direction-page{width:min(1400px,calc(100% - 100px));margin:auto}.dir-header{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.dir-wordmark{font:700 11px var(--sans);letter-spacing:.12em;text-decoration:none;white-space:nowrap}.dir-wordmark em{font:italic 16px var(--serif);color:var(--blue);letter-spacing:0}.dir-header nav{display:flex;gap:23px}.dir-header nav a,.dir-all{font:400 9px var(--sans);letter-spacing:.13em;text-transform:uppercase;text-decoration:none;color:#575c57;white-space:nowrap}.dir-header nav a:hover,.dir-all:hover{color:var(--blue)}.dir-all{color:var(--blue);border-bottom:1px solid var(--line);padding-bottom:5px}.dir-kicker{font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--blue)}.dir-hero{padding:70px 0 74px}.dir-hero h1{font:400 clamp(62px,8vw,112px)/.82 var(--serif);letter-spacing:-.045em;margin:18px 0 23px;color:var(--ink)}.dir-hero h1 em{color:var(--blue)}.dir-roles{font-size:10px;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}.dir-lede{max-width:510px;font-size:13px;line-height:1.8;color:#5b625c;margin:16px 0 0}.dir-hero-a{display:grid;grid-template-columns:1.05fr .8fr;gap:8%;align-items:center}.dir-hero-portrait{margin:0;justify-self:end;width:min(100%,490px)}.dir-hero-portrait img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 75%}.dir-section{padding:52px 0 64px;border-top:1px solid var(--line)}.dir-section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px}.dir-section-heading h2{font:400 clamp(42px,5vw,67px)/.9 var(--serif);letter-spacing:-.04em;margin:8px 0 0}.dir-link{display:inline-block;color:var(--blue);font-size:9px;text-transform:uppercase;letter-spacing:.13em;text-decoration:none;border-bottom:1px solid var(--blue);padding-bottom:5px}.dir-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 20px}.dir-project-card{text-decoration:none;min-width:0}.dir-project-image{aspect-ratio:3/2;overflow:hidden;background:transparent}.dir-project-image img{width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.7,.2,1)}.dir-project-card:hover img,.dir-project-card:focus-visible img{transform:scale(1.025)}.dir-project-caption{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding-top:8px}.dir-project-caption h3{font-size:12px;font-weight:400;margin:0}.dir-project-caption span{font-size:8px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);white-space:nowrap}.dir-about,.dir-approach{display:grid;grid-template-columns:.72fr 1fr;gap:9%;padding:58px 0;border-top:1px solid var(--line)}.dir-about h2,.dir-approach h2{font:italic 44px/.98 var(--serif);color:var(--blue);letter-spacing:-.025em;margin:12px 0}.dir-about p,.dir-approach p{font-size:13px;line-height:1.85;color:#535a55;margin:0 0 13px;max-width:680px}.dir-references{padding:45px 0 60px;border-top:1px solid var(--line)}.dir-references .dir-section-heading{margin-bottom:22px}.dir-references .dir-section-heading h2{font-size:38px;font-style:italic}.dir-reference-columns{display:grid;grid-template-columns:1.15fr 1fr .7fr;gap:30px}.dir-reference-columns h3{font:400 17px/1.1 var(--serif);color:var(--blue);margin:0 0 8px}.dir-reference-columns p{font-size:10px;line-height:1.85;letter-spacing:.02em;color:#535a55;margin:0}.dir-contact{padding:38px 0 46px;border-top:1px solid var(--line);display:flex;align-items:end;justify-content:space-between;gap:25px}.dir-contact h2{font:400 clamp(54px,7vw,88px)/.85 var(--serif);margin:13px 0 0;letter-spacing:-.045em}.dir-contact p{font-size:9px;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);margin:12px 0 0}.dir-contact>div:last-child{display:flex;gap:22px}.dir-contact a{font-size:9px;letter-spacing:.13em;text-transform:uppercase;color:var(--blue);text-decoration:none;border-bottom:1px solid var(--blue);padding:7px 0}.dir-footer{border-top:1px solid var(--line);padding:15px 0 26px;display:flex;justify-content:space-between;color:var(--muted);font-size:8px;letter-spacing:.12em;text-transform:uppercase}.dir-footer a{color:inherit;text-decoration:none}.direction-b .dir-hero{padding:53px 0 45px}.direction-b .dir-hero h1{font-size:clamp(54px,6.5vw,88px);margin:12px 0 15px}.dir-sequence-intro{display:flex;align-items:end;justify-content:space-between;gap:24px;margin:12px 0 15px}.dir-carousel-controls{display:flex;align-items:center;gap:10px;font-size:8px;letter-spacing:.12em;color:var(--muted)}.dir-carousel-controls button{width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--blue);font-size:18px;cursor:pointer}.dir-carousel-controls button:disabled{opacity:.35;cursor:default}.dir-sequence{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--line) transparent;padding-bottom:10px}.dir-sequence-card{flex:0 0 82%;scroll-snap-align:start;text-decoration:none}.dir-sequence-card img{display:block;width:100%;height:min(64vh,650px);object-fit:cover}.dir-sequence-card .dir-project-caption{padding-top:10px}.direction-b .dir-reference-columns{grid-template-columns:1.3fr 1fr .75fr}.direction-c .dir-hero{padding:62px 0 50px}.direction-c .dir-hero h1{max-width:970px}.dir-list{border-top:1px solid var(--line)}.dir-list-row{display:grid;grid-template-columns:.9fr 1.1fr;gap:38px;align-items:center;padding:21px 0;border-bottom:1px solid var(--line);text-decoration:none}.dir-list-meta{display:flex;align-items:baseline;justify-content:space-between;gap:18px}.dir-list-meta h3{font:400 clamp(24px,3vw,40px)/1 var(--serif);margin:0;color:var(--ink)}.dir-list-meta span{font-size:8px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);white-space:nowrap}.dir-list-image{aspect-ratio:3/2;overflow:hidden}.dir-list-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.dir-list-row:hover .dir-list-image img{transform:scale(1.02)}.direction-c .dir-approach{grid-template-columns:.6fr 1fr}.direction-index{padding:60px 0}.direction-index h1{font:400 clamp(60px,9vw,112px)/.85 var(--serif);letter-spacing:-.05em;margin:14px 0 20px}.direction-index>p{max-width:550px;font-size:13px;color:#5b625c}.direction-index-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:35px}.direction-choice{display:block;text-decoration:none}.direction-choice img{width:100%;aspect-ratio:3/2;object-fit:cover;transition:transform .5s}.direction-choice:hover img{transform:scale(1.02)}.direction-choice h2{font:400 27px/1 var(--serif);color:var(--blue);margin:12px 0 4px}.direction-choice p{font-size:10px;color:var(--muted);margin:0}.direction-index .dir-contact{margin-top:55px} @media(max-width:900px){.direction-page{width:calc(100% - 56px)}.dir-header nav{gap:13px}.dir-all{display:none}.dir-hero-a{gap:5%}.dir-project-grid,.direction-index-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dir-reference-columns{grid-template-columns:1fr 1fr}.dir-reference-columns>div:first-child{grid-column:1/-1}} @media(max-width:640px){.direction-page{width:calc(100% - 36px)}.dir-header{align-items:center;min-height:66px}.dir-header nav{gap:13px;overflow-x:auto}.dir-header nav a{font-size:8px}.dir-header nav a:nth-child(4){display:none}.dir-wordmark{font-size:9px}.dir-hero,.direction-b .dir-hero,.direction-c .dir-hero{padding:38px 0 42px}.dir-hero-a{grid-template-columns:1fr;gap:24px}.dir-hero-a .dir-hero-portrait{width:min(100%,390px);justify-self:center}.dir-hero h1{font-size:clamp(58px,15vw,84px)}.dir-roles{font-size:8px;letter-spacing:.07em;white-space:normal}.dir-lede{font-size:12px}.dir-section{padding:38px 0 46px}.dir-section-heading{align-items:start;flex-direction:column;gap:13px}.dir-section-heading h2{font-size:48px}.dir-project-grid,.direction-index-grid{grid-template-columns:1fr;gap:25px}.dir-project-caption span{font-size:7px}.dir-about,.dir-approach{grid-template-columns:1fr;gap:10px;padding:41px 0}.dir-about h2,.dir-approach h2{font-size:39px}.dir-reference-columns{grid-template-columns:1fr;gap:20px}.dir-reference-columns>div:first-child{grid-column:auto}.dir-contact{align-items:start;flex-direction:column;padding:32px 0}.dir-contact>div:last-child{gap:19px}.dir-footer{gap:12px}.dir-sequence-card{flex-basis:88%}.dir-sequence-card img{height:54vh}.dir-sequence-intro{align-items:center}.dir-list-row{grid-template-columns:1fr;gap:10px;padding:17px 0}.dir-list-meta h3{font-size:29px}.direction-index{padding:38px 0}.direction-index h1{font-size:68px}} @media(prefers-reduced-motion:reduce){.direction-page *, .direction-page *::before,.direction-page *::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}} .direction-d .dir-hero{display:grid;grid-template-columns:1fr .72fr;gap:8%;align-items:center;min-height:620px}.direction-d .dir-hero-portrait{width:100%;max-width:480px}.direction-d .dir-hero h1{font-size:clamp(66px,8.5vw,120px)}.direction-d .dir-work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 22px}.direction-d .dir-project-image{aspect-ratio:3/2}.direction-d .dir-project-card{display:block}.direction-d .dir-project-caption{padding-top:10px}.direction-d .dir-availability{font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-top:23px}.direction-d .dir-availability:before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--blue);margin:0 9px 1px 0}.direction-d .dir-about,.direction-d .dir-approach{grid-template-columns:.72fr 1fr}.direction-d .dir-reference-columns{grid-template-columns:1fr 1fr 1fr}@media(max-width:640px){.direction-d .dir-hero{display:flex;flex-direction:column;align-items:stretch;min-height:0;gap:27px;padding:42px 0 52px}.direction-d .dir-hero-portrait{max-width:430px;align-self:center}.direction-d .dir-hero h1{font-size:clamp(58px,15vw,84px)}.direction-d .dir-work-grid{grid-template-columns:1fr;gap:25px}.direction-d .dir-about,.direction-d .dir-approach{grid-template-columns:1fr;gap:10px}}\n .direction-e .dir-header nav{margin-left:auto}.direction-e .dir-all{display:none}.direction-e .dir-hero{padding-top:54px}.direction-e .dir-hero-portrait{max-width:430px}.direction-e .dir-motion-list{border-top:1px solid var(--line)}.direction-e .dir-motion-row{padding:26px 0 28px;border-bottom:1px solid var(--line)}.direction-e .dir-motion-item{display:block;color:inherit;text-decoration:none}.direction-e .dir-motion-media{position:relative;width:min(80%,1120px);margin-inline:auto;aspect-ratio:var(--media-ratio,16/9);overflow:hidden;background:transparent}.direction-e .dir-motion-media video,.direction-e .dir-motion-media iframe{display:block;width:100%;height:100%;border:0;object-fit:cover;position:absolute;inset:0}.direction-e .dir-motion-caption{width:min(80%,1120px);margin:0 auto;display:flex;align-items:baseline;justify-content:center;flex-wrap:wrap;gap:0 12px;padding:12px 1px 0;color:#303330;font-size:clamp(13px,1.1vw,20px);line-height:1.45;letter-spacing:.035em;text-align:center;text-transform:uppercase}.direction-e .dir-motion-heading{display:contents}.direction-e .dir-motion-credits{font-weight:300;color:#8b8d89;letter-spacing:.025em}.direction-e .dir-motion-client,.direction-e .dir-motion-title{font-size:inherit;font-weight:400}.direction-e .dir-motion-separator{color:#535853;font-weight:300}.direction-e .dir-motion-person{font-size:inherit;font-weight:300}.direction-e .dir-availability{font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-top:22px}.direction-e .dir-availability:before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--blue);margin:0 9px 1px 0}.direction-e-work .dir-work-intro{padding-bottom:28px}.direction-e-work .dir-work-intro h1{margin-bottom:12px}.project-rail{position:fixed;right:max(14px,calc((100vw - 1400px)/2 - 22px));top:50%;z-index:5;transform:translateY(-50%)}.project-rail nav{display:flex;flex-direction:column;gap:12px;align-items:flex-end}.project-rail a{display:flex;align-items:center;gap:10px;min-height:14px;text-decoration:none;color:var(--ink)}.project-rail i{display:block;width:5px;height:5px;border-radius:50%;background:var(--blue);opacity:.48;transform:scale(1);transition:transform .28s cubic-bezier(.2,.7,.2,1),opacity .2s,background .2s}.project-rail span{position:absolute;right:18px;white-space:nowrap;padding:5px 9px;background:var(--paper);font-size:9px;letter-spacing:.07em;opacity:0;transform:translateX(5px);pointer-events:none;transition:opacity .2s,transform .2s}.project-rail a:hover i,.project-rail a:focus-visible i{opacity:1;transform:scale(1.45)}.project-rail a.is-active i{opacity:1;transform:scale(1.8);background:var(--blue)}.project-rail a:hover span,.project-rail a:focus-visible span,.project-rail a.is-active span{opacity:1;transform:translateX(0)}.direction-e-work .dir-motion-row{scroll-margin-top:24px} @media(max-width:900px){.direction-e .dir-motion-media,.direction-e .dir-motion-caption{width:82%}} @media(max-width:640px){.direction-e .dir-header nav a:nth-child(4){display:inline}.direction-e .dir-hero{padding:38px 0 42px}.direction-e .dir-motion-row{padding:15px 0 19px}.direction-e .dir-motion-media,.direction-e .dir-motion-caption{width:100%}.direction-e .dir-motion-caption{gap:0 8px;font-size:11px;padding-top:9px}.direction-e .dir-motion-media{aspect-ratio:var(--media-ratio,16/9)}.project-rail{display:none}} @media(prefers-reduced-motion:reduce){.project-rail i,.project-rail span{transition:none}.direction-e .dir-motion-arrow{transition:none}} .direction-e .dir-about-film{margin:21px 0 0}.direction-e .dir-about-film-frame{position:relative;aspect-ratio:16/9;overflow:hidden;background:#d8d6ce url('/assets/paris-walk-poster.jpg') center/cover no-repeat}.direction-e .dir-about-film video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.direction-e .dir-about-film button{position:absolute;right:10px;bottom:10px;border:1px solid rgba(255,255,255,.65);background:rgba(244,242,236,.88);color:var(--blue);font:400 8px var(--sans);letter-spacing:.13em;text-transform:uppercase;padding:7px 10px;cursor:pointer}.direction-e .dir-about-film figcaption{padding-top:7px;color:var(--muted);font:italic 14px/1.3 var(--serif)} .direction-e .dir-about-preview{padding:54px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:.7fr 1fr;gap:9%}.direction-e .dir-about-preview h2{font:italic clamp(38px,4.5vw,57px)/.98 var(--serif);color:var(--blue);letter-spacing:-.025em;margin:11px 0}.direction-e .dir-about-preview p{max-width:640px;font-size:13px;line-height:1.85;color:#535a55;margin:0 0 15px}.direction-e .dir-about-page{padding:58px 0 70px;display:grid;grid-template-columns:.7fr 1fr;gap:9%;align-items:start}.direction-e .dir-about-page h1{font:italic clamp(42px,5vw,64px)/.96 var(--serif);color:var(--blue);letter-spacing:-.03em;margin:14px 0 28px}.direction-e .dir-about-page p{max-width:680px;font-size:13px;line-height:1.9;color:#535a55;margin:0 0 17px}.direction-e .dir-about-film-portrait{position:sticky;top:22px;margin:0;max-width:440px}.direction-e .dir-about-film-portrait .dir-about-film-frame{aspect-ratio:3/4;background:#d8d6ce url('/assets/paris-walk-portrait-poster.jpg') center/cover no-repeat}.direction-e .dir-about-film-portrait video{object-fit:cover}.direction-e .dir-contact{margin-left:calc((100% - 100vw)/2);margin-right:calc((100% - 100vw)/2);background:var(--blue);color:var(--paper);padding:66px max(28px,calc((100vw - 1400px)/2)) 25px;display:flex;flex-direction:column;align-items:stretch;gap:64px}.direction-e .dir-contact h2{font:400 clamp(62px,11vw,150px)/.9 var(--sans);letter-spacing:-.065em;margin:0;color:var(--paper)}.direction-e .dir-contact-footer{padding-top:17px;border-top:1px solid rgba(244,242,236,.38);display:flex;justify-content:space-between;gap:24px;align-items:center;font-size:9px;letter-spacing:.04em;color:rgba(244,242,236,.8)}.direction-e .dir-contact-footer>div{display:flex;gap:25px;align-items:center;flex-wrap:wrap}.direction-e .dir-contact-footer a{font-size:9px;text-transform:none;letter-spacing:.03em;color:inherit;text-decoration:none;border:0;padding:5px 0}.direction-e .dir-contact-footer a:hover{color:white} @media(max-width:700px){.direction-e .dir-about-preview,.direction-e .dir-about-page{grid-template-columns:1fr;gap:20px;padding:38px 0}.direction-e .dir-about-film-portrait{position:relative;top:auto;width:min(100%,390px);margin:0 auto}.direction-e .dir-contact{padding:40px 18px 22px;gap:38px}.direction-e .dir-contact h2{font-size:clamp(48px,13vw,82px)}.direction-e .dir-contact-footer{align-items:flex-start;flex-direction:column;gap:14px}.direction-e .dir-contact-footer>div{gap:12px 22px}} .direction-e .dir-about-home{padding:52px 0 60px;border-top:1px solid var(--line)}.direction-e .dir-about-home-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:35px}.direction-e .dir-about-home-head h2{font:400 clamp(58px,8vw,100px)/.82 var(--serif);letter-spacing:-.055em;margin:11px 0 0;color:var(--ink)}.direction-e .dir-about-home-copy{display:grid;grid-template-columns:.72fr 1fr;gap:9%;align-items:start}.direction-e .dir-about-home-copy h3{font:italic clamp(32px,4vw,52px)/1.02 var(--serif);font-weight:400;letter-spacing:-.02em;color:var(--blue);margin:0;max-width:440px}.direction-e .dir-about-home-copy p{font-size:13px;line-height:1.85;color:#535a55;margin:0 0 15px;max-width:680px}.direction-e .dir-about-page figcaption{padding-top:8px;color:var(--muted);font:italic 14px/1.3 var(--serif)}.direction-e .dir-footer{display:none}.direction-e .dir-contact h2{font-weight:700} @media(max-width:700px){.direction-e .dir-about-home{padding:38px 0 44px}.direction-e .dir-about-home-head{margin-bottom:24px}.direction-e .dir-about-home-head h2{font-size:68px}.direction-e .dir-about-home-copy{grid-template-columns:1fr;gap:15px}.direction-e .dir-about-home-copy h3{font-size:36px}} .direction-e-work .dir-work-intro{display:block;min-height:0;padding:40px 0 16px}.direction-e-work .dir-work-intro h1{font:400 clamp(54px,8vw,104px)/.82 var(--serif);letter-spacing:-.05em;margin:8px 0 12px}.direction-e-work .dir-work-intro .dir-lede{max-width:580px;font-size:13px;line-height:1.7;margin:0}.direction-e-work .dir-section{padding:12px 0 46px} .direction-e .dir-hero h1 em{color:var(--blue)}.direction-e .dir-motion-media,.direction-e .dir-motion-caption{width:min(56vw,1080px)}.direction-e .dir-motion-media{aspect-ratio:16/9}.direction-e .dir-motion-media video,.direction-e .dir-motion-media iframe{object-fit:cover}.direction-e .dir-motion-caption{font-size:clamp(8px,.55vw,10px);gap:0 6px;padding-top:7px;letter-spacing:.015em}.direction-e .dir-work-filters{display:flex;gap:23px;align-items:center;border-block:1px solid var(--line);padding:10px 0;margin:5px 0 25px}.direction-e .dir-work-filters button{font:400 9px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);background:none;border:0;border-bottom:1px solid transparent;padding:6px 0;cursor:pointer}.direction-e .dir-work-filters button[aria-pressed=true]{color:var(--blue);border-color:var(--blue)}.direction-e-work .dir-motion-row[hidden],.project-rail a[hidden]{display:none}.direction-e-work .dir-work-empty{padding:27px 0;color:var(--muted);font:italic 18px var(--serif)}.direction-e .dir-about-film-portrait .dir-about-film-frame{aspect-ratio:480/848;background:#d8d6ce url('/assets/paris-walk-rotated-poster.jpg') center/cover no-repeat}.direction-e .dir-about-page figcaption{display:none} @media(max-width:900px){.direction-e .dir-motion-media,.direction-e .dir-motion-caption{width:78%}} @media(max-width:700px){.direction-e .dir-motion-media,.direction-e .dir-motion-caption{width:100%}.direction-e .dir-motion-caption{font-size:8px;gap:0 5px}.direction-e .dir-work-filters{gap:17px}.direction-e .dir-about-film-portrait .dir-about-film-frame{aspect-ratio:480/848}} .direction-e .dir-contact-e{padding:42px max(28px,calc((100vw - 1400px)/2)) 20px;gap:34px}.direction-e .dir-contact-e .dir-contact-main .dir-kicker{color:rgba(244,242,236,.62);font-size:9px;letter-spacing:.15em}.direction-e .dir-contact-e .dir-contact-main h2{font:400 clamp(34px,5.2vw,68px)/1 var(--serif);letter-spacing:-.035em;max-width:900px;margin:12px 0 13px;color:var(--paper)}.direction-e .dir-contact-e .dir-contact-primary{display:inline-block;color:var(--paper);font-size:11px;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;border-bottom:1px solid rgba(244,242,236,.75);padding:5px 0}.direction-e .dir-contact-e .dir-contact-primary:hover{border-color:white}.direction-e .dir-contact-e .dir-contact-footer{font-size:9px}.direction-e .dir-contact-e .dir-contact-footer>div{gap:19px} @media(max-width:700px){.direction-e .dir-contact-e{padding:34px 18px 20px;gap:30px}.direction-e .dir-contact-e .dir-contact-main h2{font-size:clamp(32px,8vw,48px)}.direction-e .dir-contact-e .dir-contact-footer>div{gap:12px 20px}} /* Compact media captions; cover embedded films as well as native video. */ .direction-e .dir-motion-caption{margin:0 auto;padding:5px 0 0;min-height:0} .direction-e .dir-motion-media iframe{inset:auto;left:50%;top:50%;transform:translate(-50%,-50%);width:max(100%,calc(100% * var(--source-ratio,16/9) / (16/9)));height:max(100%,calc(100% * (16/9) / var(--source-ratio,16/9)))} .direction-e .dir-focus-line{display:flex;align-items:center;gap:clamp(12px,2vw,28px);max-width:510px;margin-top:25px;color:#58615e;font-size:10px;line-height:1.5;letter-spacing:.12em;text-transform:uppercase} .direction-e .dir-focus-line i{display:block;flex:1;max-width:64px;min-width:15px;height:1px;background:var(--blue)} @media(max-width:640px){.direction-e .dir-motion-caption{padding-top:5px}.direction-e .dir-focus-line{font-size:9px;gap:12px;letter-spacing:.08em}} .direction-e .dir-hero h1{line-height:1.04;letter-spacing:-.04em;margin-bottom:28px} .direction-e .dir-header{border-bottom:0} .direction-e .dir-section,.direction-e .dir-about-home,.direction-e .dir-references{border:0;padding:60px 0} .direction-e .dir-work-filters{border:0;margin-bottom:8px;padding-block:6px;flex-wrap:wrap} .direction-e .dir-work-filters button{min-height:40px;border:0} .direction-e .dir-link{border:0;padding-bottom:0} .direction-e .dir-focus-line i{height:1px} .direction-e .dir-about-home-head h2{font-size:clamp(40px,5.3vw,68px);line-height:1.04;margin:0} .direction-e .dir-about-home-copy h3{font-size:clamp(28px,3vw,42px);line-height:1.15} .direction-e .dir-about-home-copy p{font-size:14px;line-height:1.85} .direction-e .dir-references .dir-section-heading{margin-bottom:28px} .direction-e .dir-references .dir-kicker{font:400 clamp(28px,3.4vw,44px)/1.15 var(--serif);letter-spacing:-.025em;text-transform:none;color:var(--ink)} .direction-e .dir-reference-columns{gap:38px} .direction-e .dir-reference-columns h3{font-size:21px;margin-bottom:14px} .direction-e .dir-reference-columns p{font-size:12px;line-height:1.9} .studio-carousel{--slide-width:min(60vw,900px);width:100%;min-width:0} .studio-track{display:flex;gap:32px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0 max(0px,calc((100% - var(--slide-width))/2));overscroll-behavior-x:contain;outline-offset:5px} .studio-track::-webkit-scrollbar{display:none} .direction-e .studio-track .dir-motion-row{flex:0 0 var(--slide-width);padding:0;border:0;scroll-snap-align:center;scroll-margin:0;min-width:0} .direction-e .studio-track .dir-motion-row[hidden]{display:none} .direction-e .studio-track .dir-motion-media,.direction-e .studio-track .dir-motion-caption{width:100%} .direction-e .studio-track .dir-motion-caption{font-size:10px;padding-top:9px;line-height:1.65;gap:0 7px} .studio-carousel[hidden]{display:none}.studio-controls{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:25px;min-height:44px} .studio-controls>button{border:0;background:none;color:var(--blue);font-size:24px;width:44px;height:44px;cursor:pointer} .studio-controls>button:disabled{opacity:.25;cursor:default} .studio-dots{display:flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:0} .studio-dots button{border:0;padding:0;background:none;width:24px;height:36px;cursor:pointer;position:relative} .studio-dots button:after{content:'';display:block;margin:auto;width:4px;height:4px;border-radius:50%;background:var(--blue);opacity:.3;transition:transform .2s,opacity .2s} .studio-dots button[aria-current=true]:after{opacity:1;transform:scale(1.7)} .studio-count{font-size:10px;letter-spacing:.1em;color:var(--muted);min-width:45px} .studio-contact-invite{padding:80px 0 95px;margin-top:30px;display:grid;grid-template-columns:1fr auto;gap:36px;align-items:center} .studio-contact-invite h2{font:400 clamp(30px,3.6vw,50px)/1.15 var(--serif);letter-spacing:-.03em;max-width:600px;margin:0} .studio-contact-invite>div{display:flex;align-items:flex-start;flex-direction:column;gap:18px} .studio-contact-invite a{text-decoration:none;color:var(--blue)} .studio-talk{font:italic 32px/1.1 var(--serif)} .studio-email{font-size:12px} .studio-contact-page{max-width:1000px;padding:95px 0 100px;min-height:calc(100svh - 100px)} .studio-contact-page h1{font:400 clamp(42px,6vw,82px)/1.1 var(--serif);letter-spacing:-.035em;margin:24px 0} .studio-contact-subtitle{font:italic 32px/1.2 var(--serif);color:var(--blue);margin:0 0 55px} .studio-contact-links{display:flex;flex-wrap:wrap;gap:35px 70px} .studio-contact-links a{font-size:16px;text-decoration:none;color:var(--blue)} .studio-contact-links span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-bottom:12px} .studio-contact-location{font-size:12px;color:var(--muted);margin-top:60px} .studio-inspiration{padding:55px 0 50px} .studio-section-head{margin-bottom:30px} .studio-section-head h2{font:400 clamp(36px,4.5vw,60px)/1.15 var(--serif);letter-spacing:-.035em;margin:0 0 14px} .studio-section-head p{font-size:13px;color:var(--muted);margin:0} .studio-inspiration .studio-carousel{--slide-width:min(45vw,640px)} .studio-inspiration-slide{margin:0;flex:0 0 var(--slide-width);scroll-snap-align:center} .studio-inspiration-slide img{width:100%;aspect-ratio:4/3;object-fit:cover} .studio-inspiration-slide figcaption{font:italic 18px/1.5 var(--serif);color:var(--blue);padding-top:10px} @media(max-width:700px){ .direction-e .dir-section,.direction-e .dir-about-home,.direction-e .dir-references{padding:38px 0} .direction-e .dir-hero h1{line-height:1.08;font-size:clamp(52px,14vw,82px)} .direction-e .dir-roles{white-space:normal;line-height:1.8} .studio-carousel,.studio-inspiration .studio-carousel{--slide-width:calc(100vw - 60px)} .studio-track{gap:16px} .direction-e .studio-track .dir-motion-caption{font-size:9px} .studio-controls{gap:8px;margin-top:17px} .studio-dots button{width:20px} .studio-contact-invite{grid-template-columns:1fr;padding:55px 0 65px;gap:26px} .studio-contact-page{padding:55px 0 65px} .studio-contact-links{flex-direction:column;gap:30px} .studio-contact-links a{font-size:15px} .direction-e .dir-about-page{padding-bottom:30px} .studio-inspiration{padding-top:30px} } @media(max-width:480px){.direction-e .dir-header{flex-wrap:wrap;gap:13px;padding-block:16px}.direction-e .dir-header nav{width:100%;justify-content:flex-end}.direction-e .dir-hero{padding-top:28px}} /* The complete Work page is a vertical film list; the Home clips keep their carousel. */ .direction-e-work .dir-section{padding:15px 0 40px} .direction-e-work .dir-motion-list{border:0} .direction-e-work .dir-motion-row{padding:25px 0 40px;border:0} .direction-e-work .dir-motion-media,.direction-e-work .dir-motion-caption{width:min(56vw,1080px)} .direction-e-work .dir-motion-caption{padding-top:7px} .direction-e-work .dir-motion-row[hidden]{display:none} @media(max-width:900px){.direction-e-work .dir-motion-media,.direction-e-work .dir-motion-caption{width:78%}} @media(max-width:700px){.direction-e-work .dir-motion-media,.direction-e-work .dir-motion-caption{width:100%}.direction-e-work .dir-motion-row{padding:16px 0 28px}} /* Equal visible image widths; preserve each film's original proportions. */ .direction-e .dir-motion-media{aspect-ratio:var(--source-ratio,16/9)} .direction-e .dir-motion-media iframe{inset:0;left:0;top:0;width:100%;height:100%;transform:none} .direction-e .dir-motion-media video{object-fit:contain} .direction-e .studio-track{align-items:flex-start} .direction-e .dir-motion-media[data-clean-player] iframe{pointer-events:none} .studio-film-toggle{position:absolute;inset:0;z-index:2;display:grid;place-items:center;width:100%;height:100%;padding:0;border:0;background:transparent;color:var(--blue);cursor:pointer} .studio-film-indicator{width:44px;height:44px;display:grid;place-items:center;background:rgba(244,242,236,.9);border-radius:50%;box-shadow:0 1px 12px #0002;opacity:0;transition:opacity .2s} .studio-film-indicator svg{width:20px;height:20px;fill:currentColor} [data-clean-player]:hover .studio-film-indicator,[data-clean-player]:focus-within .studio-film-indicator,[data-clean-player][data-playing=false] .studio-film-indicator{opacity:1} .studio-film-toggle .film-play-icon{display:none} [data-playing=false] .film-play-icon{display:block} [data-playing=false] .film-pause-icon{display:none} .studio-film-sound{position:absolute;z-index:3;top:10px;right:10px;width:38px;height:38px;border:0;border-radius:50%;display:grid;place-items:center;padding:9px;background:rgba(20,25,22,.44);color:#fff;cursor:pointer} .studio-film-sound svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round} .studio-film-sound .film-sound-on{display:none} [data-muted=false] .film-sound-off{display:none} [data-muted=false] .film-sound-on{display:block} .studio-film-sound:focus-visible,.studio-film-toggle:focus-visible{outline:2px solid var(--blue);outline-offset:3px} .studio-film-toggle[hidden],.studio-film-sound[hidden]{display:none} .studio-film-toggle:disabled,.studio-film-sound:disabled{cursor:wait} .direction-e .dir-hero-a#home{display:block;padding:35px 0 30px} .direction-e .dir-hero-a#home h1{font-size:clamp(52px,6.2vw,86px);line-height:1.06;margin:18px 0 24px} .direction-e .dir-home-work{padding-top:30px} .direction-e .dir-about-film-portrait>img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 75%} .direction-e-work .dir-references{padding:15px 0 30px} .direction-e-work .dir-references .dir-kicker{font-size:28px} .direction-e-work .dir-reference-columns h3{font-size:18px;margin-bottom:9px} .direction-e-work .dir-reference-columns p{font-size:11px;line-height:1.8} .direction-e .dir-home-work .studio-carousel{--home-film-height:clamp(210px,28vw,400px)} .direction-e .dir-home-work .studio-track{align-items:flex-start;padding-left:max(0px,calc((100% - var(--home-film-height) * var(--first-film-ratio,16/9))/2));padding-right:max(0px,calc((100% - var(--home-film-height) * var(--last-film-ratio,16/9))/2))} .direction-e .dir-home-work .studio-track .dir-motion-row{flex:0 0 auto;width:calc(var(--home-film-height) * var(--film-ratio,16/9));max-width:none} .direction-e .dir-home-work .studio-track .dir-motion-media{height:var(--home-film-height);width:100%;aspect-ratio:auto} @media(hover:none),(pointer:coarse){.studio-film-indicator{opacity:1}.studio-film-sound{width:44px;height:44px}} @media(max-width:700px){.direction-e .dir-hero-a#home{padding-top:24px}.direction-e .dir-hero-a#home h1{font-size:clamp(46px,12.5vw,76px)}.direction-e .dir-home-work .studio-carousel{--home-film-height:clamp(120px,34vw,225px)}} .dir-clip-picker{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 20px;margin:9px auto 0;max-width:100%;font-family:var(--sans)} .dir-clip-picker button{border:0;background:none;color:var(--muted);font:400 10px/1.5 var(--sans);padding:10px 0;min-height:44px;cursor:pointer} .dir-clip-picker button[aria-pressed=true]{color:var(--blue);text-decoration:underline;text-underline-offset:5px} .dir-clip-picker button:focus-visible{outline:2px solid var(--blue);outline-offset:3px} @media(max-width:600px){.dir-clip-picker{gap:0 14px}.dir-clip-picker button{font-size:9px}} @font-face{font-family:CreativeSans;src:url('/assets/studio-sans.woff') format('woff');font-display:swap} @font-face{font-family:CreativeNarrow;src:url('/assets/architect-narrow.woff') format('woff');font-display:swap} @font-face{font-family:CreativeSerif;src:url('/assets/gallery-serif.woff') format('woff');font-display:swap} .creative{--paper:#171919;--ink:#f0ede3;--blue:#f0ede3;--muted:#bbbeb7;--line:#454945;--sans:CreativeSans,Arial,sans-serif;--serif:CreativeNarrow,Arial,sans-serif;background:var(--paper);color:var(--ink);font-family:var(--sans);padding-top:38px} .creative a{color:inherit}.creative .direction-page{width:min(1560px,calc(100% - 88px))}.creative .dir-header{height:88px;border:0}.creative .dir-header nav{gap:28px}.creative .dir-header nav a{font:12px var(--sans);text-transform:none;letter-spacing:0;color:var(--ink);min-height:44px;display:flex;align-items:center}.creative .dir-wordmark{font:13px var(--sans);letter-spacing:.03em}.creative .dir-wordmark em{font:inherit;color:inherit}.creative .dir-all{display:none}.creative .dir-main{padding:0}.creative .dir-kicker{color:var(--muted);font-family:var(--sans)} .concept-switch{height:38px;position:fixed;inset:0 0 auto;z-index:100;background:#eeeae1;color:#202923;display:flex;align-items:center;gap:24px;padding:0 24px;font:11px CreativeSans,Arial,sans-serif}.concept-switch a{text-decoration:none;min-height:36px;display:inline-flex;align-items:center}.concept-switch nav{display:flex;gap:22px;margin-left:auto}.concept-switch [aria-current]{text-decoration:underline;text-underline-offset:4px}.concept-switch .concept-number{font-size:10px;letter-spacing:.08em} .creative .new-hero{padding:38px 0 42px}.creative .new-eyebrow{font:11px/1.6 var(--sans);letter-spacing:.08em;text-transform:uppercase;margin:0 0 26px}.creative .new-hero h1{font:400 clamp(70px,10.6vw,170px)/.91 var(--serif);letter-spacing:-.025em;margin:0;max-width:1250px}.creative .hero-bottom{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-top:28px}.creative .hero-bottom p{font:12px/1.7 var(--sans);max-width:410px;margin:0}.creative .hero-bottom a{font:11px var(--sans);text-decoration:none;white-space:nowrap}.creative .hero-roles{font:10px/1.8 var(--sans);letter-spacing:.015em} .creative .dir-home-work{padding:15px 0 60px}.creative .dir-section-heading{margin-bottom:22px;align-items:baseline}.creative .dir-section-heading h2{font:400 40px/1 var(--serif);margin:0}.creative .dir-link{font:11px var(--sans);text-transform:none;letter-spacing:0}.creative .dir-home-work .studio-carousel{--home-film-height:clamp(270px,34vw,510px)}.creative .studio-controls{color:var(--ink);margin-top:17px}.creative .studio-controls button{color:var(--ink);border-color:var(--line)}.creative .dir-motion-caption{font-family:var(--sans);color:var(--ink);font-size:11px;line-height:1.65;padding-top:10px}.creative .dir-motion-credits{color:var(--muted)}.creative .studio-track{gap:32px}.creative .dir-motion-client{color:var(--ink)}.creative .dir-motion-title{color:var(--ink)}.creative .dir-motion-separator{color:var(--muted)} .creative .dir-about-home{padding:60px 0 75px;border-top:1px solid var(--line)}.creative .dir-about-home-head h2{font:400 34px/1.1 var(--serif);margin:0}.creative .dir-about-home-copy{gap:8%;margin-top:35px}.creative .dir-about-home-copy h3{font:400 52px/1.1 var(--serif);color:var(--ink);max-width:650px}.creative .dir-about-home-copy p,.creative .dir-about-page p{color:var(--muted);font:14px/1.9 var(--sans)}.creative .studio-contact-invite{padding:58px 0 75px;border-color:var(--line)}.creative .studio-contact-invite h2{font:400 50px/1.13 var(--serif);color:var(--ink);max-width:850px}.creative .studio-talk{font:400 36px/1.2 var(--serif);color:var(--ink)}.creative .studio-email{color:var(--ink)}.creative .dir-footer{color:var(--muted);border-color:var(--line);padding:25px 0 30px;font-family:var(--sans)} .creative .dir-about-page{padding:55px 0 70px;gap:9%;grid-template-columns:.7fr 1fr}.creative .dir-about-page h1{font:400 67px/1.04 var(--serif);color:var(--ink);letter-spacing:-.025em;margin-top:15px}.creative .dir-about-film-portrait{margin:0}.creative .dir-about-film-portrait img{max-height:740px;object-fit:cover}.creative .studio-contact-page{padding:65px 0 100px;max-width:1200px}.creative .studio-contact-page h1{font:400 clamp(56px,8vw,110px)/1.02 var(--serif);color:var(--ink);font-style:normal}.creative .studio-contact-subtitle{font:400 46px/1.1 var(--serif);color:var(--ink)}.creative .studio-contact-links a{color:var(--ink);border-color:var(--line)}.creative .studio-contact-links a span,.creative .studio-contact-location{color:var(--muted)} .creative .direction-e-work .dir-work-intro{padding:25px 0 20px}.creative .dir-work-intro h1{font:400 100px/1 var(--serif);color:var(--ink);margin:0}.creative .dir-work-intro .dir-lede{display:none}.creative .dir-work-filters{margin:5px 0;padding:0}.creative .dir-work-filters button{color:var(--muted);font:11px var(--sans);border-color:var(--line)}.creative .dir-work-filters button.is-active{color:var(--ink)}.creative .direction-e-work .dir-section{padding-top:0}.creative .direction-e-work .dir-motion-row{padding:25px 0 55px}.creative .direction-e-work .dir-motion-media,.creative .direction-e-work .dir-motion-caption{width:min(76vw,1200px)}.creative .project-rail{right:17px}.creative .project-rail span{font:10px var(--sans);background:var(--paper);color:var(--ink)}.creative .dir-references{padding:45px 0 60px!important;border-color:var(--line)}.creative .dir-references .dir-kicker{font:400 34px/1.2 var(--serif);color:var(--ink)}.creative .dir-reference-columns h3{font:400 25px var(--serif);color:var(--ink)}.creative .dir-reference-columns p{font:12px/2 var(--sans);color:var(--muted)} /* 01 — film title typography, black screening-room ground. */ .creative-cinema .new-hero h1{text-transform:uppercase;max-width:1450px}.creative-cinema .new-hero h1 span{display:block;padding-left:13%}.creative-cinema .new-eyebrow{display:flex;justify-content:space-between}.creative-cinema .dir-section-heading h2{font:12px var(--sans);text-transform:uppercase;letter-spacing:.07em}.creative-cinema .dir-home-work{padding-top:22px} /* 02 — a soft botanical palette, book-like type and a generous image margin. */ .creative-atelier{--paper:#e5e7d9;--ink:#4e2636;--blue:#4e2636;--muted:#665963;--line:#bbbfb0;--serif:CreativeSerif,Georgia,serif}.creative-atelier .new-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:8%;padding:55px 0 80px;align-items:center}.creative-atelier .new-hero h1{font-size:clamp(52px,5.7vw,88px);line-height:1.03;letter-spacing:-.055em;max-width:730px}.creative-atelier .new-hero h1 em{font-style:italic}.creative-atelier .hero-bottom{display:block;margin-top:30px}.creative-atelier .hero-bottom p{max-width:350px;font-size:13px}.creative-atelier .hero-bottom a{display:inline-block;margin-top:26px}.atelier-image{margin:0;position:relative}.atelier-image img{width:100%;height:clamp(290px,34vw,510px);object-fit:cover;object-position:57% 50%;border-radius:48% 48% 0 0}.atelier-image figcaption{font:10px/1.6 var(--sans);margin-top:13px;display:flex;justify-content:space-between}.creative-atelier .dir-home-work .studio-carousel{--home-film-height:clamp(270px,30vw,460px)}.creative-atelier .dir-section-heading h2{font-size:55px;letter-spacing:-.04em}.creative-atelier .dir-about-home-copy h3{font-size:45px;letter-spacing:-.04em}.creative-atelier .dir-work-intro h1{font-size:85px;letter-spacing:-.04em}.creative-atelier .studio-contact-page h1{letter-spacing:-.05em}.creative-atelier .dir-about-page h1{font-size:61px;letter-spacing:-.045em} /* 03 — an event-poster opening and a single controllable line of movement. */ .creative-electric{--paper:#172fd4;--ink:#f4f0dc;--blue:#e7ff80;--muted:#e0e3fb;--line:#6b7be7;--serif:CreativeSans,Arial,sans-serif}.creative-electric .new-hero{padding:32px 0 24px}.creative-electric .new-eyebrow{color:#e7ff80}.creative-electric .new-hero h1{font:400 clamp(90px,14.8vw,235px)/.83 CreativeNarrow,Arial,sans-serif;letter-spacing:-.025em;text-transform:uppercase}.creative-electric .new-hero h1 span{display:block;text-align:right;color:#e7ff80}.creative-electric .hero-bottom{margin:26px 0}.creative-electric .hero-bottom p{font-size:14px;max-width:430px}.creative-electric .hero-bottom a{background:#e7ff80;color:#172fd4;padding:16px 20px}.motion-line{display:flex;align-items:center;gap:24px;border-block:1px solid var(--line);padding:15px 0;margin-top:35px}.motion-window{overflow:hidden;flex:1}.motion-belt{display:flex;width:max-content;animation:studio-drift 28s linear infinite;gap:50px}.motion-belt span{font:400 30px/1 CreativeNarrow;white-space:nowrap;text-transform:uppercase;letter-spacing:.01em}.motion-line button{border:0;background:none;color:var(--ink);font:11px var(--sans);padding:10px;cursor:pointer}.motion-line[data-paused=true] .motion-belt{animation-play-state:paused}.creative-electric .dir-section-heading h2{font:12px var(--sans);text-transform:uppercase;letter-spacing:.04em}.creative-electric .dir-home-work .studio-carousel{--home-film-height:clamp(270px,32vw,480px)}.creative-electric .dir-about-home-copy h3{font:400 65px/.98 CreativeNarrow;text-transform:uppercase}.creative-electric .dir-work-intro h1{font-family:CreativeNarrow;text-transform:uppercase;font-size:130px}.creative-electric .studio-contact-page h1{font-family:CreativeNarrow;text-transform:uppercase}.creative-electric .dir-about-page h1{font-family:CreativeNarrow;text-transform:uppercase;font-size:82px}.creative-electric .studio-contact-invite h2{font-family:CreativeNarrow;text-transform:uppercase;font-size:70px} @keyframes studio-drift{to{transform:translateX(-50%)}} /* 04 — an image-led first screen, with the set itself carrying the atmosphere. */ .creative-frame{--paper:#e8d6c9;--ink:#472e29;--blue:#472e29;--muted:#70574f;--line:#c6afa2;--serif:CreativeSans,Arial,sans-serif}.creative-frame.is-home{padding-top:38px}.creative-frame.is-home #top{width:100%;max-width:none}.creative-frame.is-home .dir-header{position:absolute;top:38px;left:44px;right:44px;z-index:3;color:#fff9e9}.creative-frame.is-home .dir-header nav a{color:#fff9e9}.creative-frame.is-home .dir-main{width:100%}.creative-frame .new-hero{height:min(850px,calc(100svh - 38px));min-height:600px;position:relative;padding:160px 7% 65px;display:flex;flex-direction:column;justify-content:end;isolation:isolate;color:#fff9e9}.frame-backdrop{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center}.creative-frame .new-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(23,24,18,.5),transparent 40%,rgba(23,24,18,.72))}.creative-frame .new-hero h1{font-size:clamp(60px,7.4vw,115px);line-height:1.02;letter-spacing:-.055em;max-width:1050px}.creative-frame .new-eyebrow{margin-bottom:28px}.creative-frame .hero-bottom{margin-top:35px}.creative-frame .hero-bottom p{max-width:450px}.creative-frame.is-home .dir-home-work,.creative-frame.is-home .dir-about-home,.creative-frame.is-home .studio-contact-invite,.creative-frame.is-home .dir-footer{width:min(1472px,calc(100% - 88px));margin-inline:auto}.creative-frame .dir-home-work{padding-top:58px}.creative-frame .dir-section-heading h2{font-size:47px;letter-spacing:-.045em}.creative-frame .dir-home-work .studio-carousel{--home-film-height:clamp(270px,33vw,490px)}.creative-frame .dir-about-home-copy h3{font-size:43px;letter-spacing:-.04em}.creative-frame .dir-work-intro h1{font-size:95px;letter-spacing:-.055em}.creative-frame .studio-contact-page h1{letter-spacing:-.055em} @media(prefers-reduced-motion:reduce){.motion-belt{animation:none}.motion-line button{display:none}} @media(max-width:900px){.creative .direction-page{width:calc(100% - 60px)}.creative .dir-header nav{gap:20px}.concept-switch .concept-number{display:none}.creative .direction-e-work .dir-motion-media,.creative .direction-e-work .dir-motion-caption{width:88%}.creative-atelier .new-hero{gap:6%;padding:40px 0 60px}.creative-atelier .new-hero h1{font-size:55px}.creative .dir-about-page h1{font-size:50px}.creative-frame.is-home .dir-header{left:30px;right:30px}.creative-frame.is-home .dir-home-work,.creative-frame.is-home .dir-about-home,.creative-frame.is-home .studio-contact-invite,.creative-frame.is-home .dir-footer{width:calc(100% - 60px)}} @media(max-width:700px){.concept-switch{padding:0 14px;gap:12px;font-size:10px}.concept-switch nav{gap:18px}.concept-switch .current-concept,.concept-switch .original-link{display:none}.creative .direction-page{width:calc(100% - 36px)}.creative .dir-header{height:auto;min-height:88px;padding:16px 0;gap:10px;flex-wrap:wrap}.creative .dir-header nav{gap:24px;width:100%;justify-content:flex-end}.creative .dir-header nav a{font-size:11px;min-height:30px}.creative .dir-header nav a:nth-child(4){display:flex}.creative .dir-wordmark{font-size:11px}.creative .new-hero{padding:28px 0 34px}.creative .new-eyebrow{font-size:9px;margin-bottom:22px}.creative .new-hero h1{font-size:clamp(52px,13vw,88px);line-height:.98}.creative-cinema .new-hero h1 span{padding-left:7%}.creative .hero-bottom{align-items:start;gap:18px;margin-top:25px}.creative .hero-bottom p{font-size:11px;max-width:230px}.creative .hero-bottom a{font-size:10px;white-space:normal}.creative .dir-home-work{padding-top:20px;padding-bottom:38px}.creative .dir-section-heading{flex-direction:row;gap:10px;align-items:center}.creative .dir-section-heading h2{font-size:35px}.creative-cinema .dir-section-heading h2,.creative-electric .dir-section-heading h2{font-size:11px}.creative .dir-link{font-size:10px}.creative .dir-home-work .studio-carousel{--home-film-height:clamp(155px,40vw,270px)}.creative .studio-track{gap:18px}.creative .dir-motion-caption{font-size:9px}.creative .dir-about-home{padding:35px 0 40px}.creative .dir-about-home-head h2{font-size:30px}.creative .dir-about-home-copy{margin-top:25px;gap:20px}.creative .dir-about-home-copy h3{font-size:34px;line-height:1.12}.creative .dir-about-home-copy p,.creative .dir-about-page p{font-size:13px}.creative .studio-contact-invite{padding:36px 0 45px}.creative .studio-contact-invite h2{font-size:35px}.creative .studio-talk{font-size:29px}.creative .dir-footer{font-size:9px;gap:20px}.creative .dir-about-page{grid-template-columns:1fr;gap:30px;padding:25px 0 35px}.creative .dir-about-film-portrait{max-width:80%}.creative .dir-about-page h1{font-size:45px;line-height:1.06}.creative .studio-contact-page{padding:35px 0 60px}.creative .studio-contact-page h1{font-size:51px;line-height:1.05}.creative .studio-contact-subtitle{font-size:36px}.creative .studio-contact-links a{font-size:17px;overflow-wrap:anywhere}.creative .direction-e-work .dir-work-intro{padding:25px 0 15px}.creative .dir-work-intro h1{font-size:69px}.creative .direction-e-work .dir-motion-row{padding:20px 0 35px}.creative .direction-e-work .dir-motion-media,.creative .direction-e-work .dir-motion-caption{width:100%}.creative .dir-reference-columns h3{font-size:23px}.creative .dir-reference-columns p{font-size:11px}.creative-atelier .new-hero{grid-template-columns:1fr;gap:35px;padding:30px 0 35px}.creative-atelier .new-hero h1{font-size:57px;line-height:1.03}.creative-atelier .hero-bottom{display:flex}.atelier-image{width:76%;margin-left:auto}.atelier-image img{height:280px}.atelier-image figcaption{font-size:8px}.creative-electric .new-hero h1{font-size:clamp(76px,17vw,120px);line-height:.87}.creative-electric .hero-bottom a{padding:12px}.motion-line{margin-top:25px;gap:10px}.motion-belt span{font-size:24px}.creative-frame.is-home .dir-header{left:18px;right:18px;min-height:88px}.creative-frame .new-hero{min-height:640px;height:calc(90svh - 38px);padding:170px 24px 40px}.creative-frame .new-hero h1{font-size:54px;line-height:1.05}.creative-frame .hero-bottom{margin-top:25px}.creative-frame.is-home .dir-home-work,.creative-frame.is-home .dir-about-home,.creative-frame.is-home .studio-contact-invite,.creative-frame.is-home .dir-footer{width:calc(100% - 36px)}.creative-frame .dir-home-work{padding-top:35px}} .creative-electric-black{--paper:#101010;--line:#454743;--muted:#d4d6cd;background:var(--paper)} .creative-electric-black .hero-bottom a{color:#101010} .creative-electric-black .new-hero,.creative-electric-black .direction-e-work .dir-work-intro,.creative-electric-black .dir-about-page,.creative-electric-black .studio-contact-page{padding-top:32px} .creative-electric-black .new-eyebrow,.creative-electric-black .dir-work-intro>.dir-kicker,.creative-electric-black .dir-about-page-copy>.dir-kicker,.creative-electric-black .studio-contact-page>.dir-kicker{font:400 11px/1.6 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:#e7ff80;margin:0 0 26px} .creative-electric-black .dir-about-page{grid-template-columns:1fr .7fr;align-items:start;gap:9%} .creative-electric-black .dir-about-page-copy{grid-column:1;grid-row:1} .creative-electric-black .dir-about-film-portrait{grid-column:2;grid-row:1;margin:0} .creative-electric-black .dir-about-page h1{margin:0 0 28px} .creative-electric-black .studio-contact-page{margin-left:0;max-width:none} .creative-electric-black .studio-contact-page h1{margin:0 0 24px} .creative-electric-black .dir-header nav a[aria-current=page]{color:#e7ff80} .colour-switch{color:inherit;font:11px CreativeSans,Arial,sans-serif;text-decoration:none;white-space:nowrap} @media(max-width:700px){.creative-electric-black .new-hero,.creative-electric-black .direction-e-work .dir-work-intro,.creative-electric-black .dir-about-page,.creative-electric-black .studio-contact-page{padding-top:28px}.creative-electric-black .new-eyebrow,.creative-electric-black .dir-work-intro>.dir-kicker,.creative-electric-black .dir-about-page-copy>.dir-kicker,.creative-electric-black .studio-contact-page>.dir-kicker{font-size:9px;line-height:1.6;margin-bottom:22px}.creative-electric-black .dir-about-page{grid-template-columns:1fr}.creative-electric-black .dir-about-page-copy{grid-column:1;grid-row:1}.creative-electric-black .dir-about-film-portrait{grid-column:1;grid-row:2;max-width:85%;justify-self:end}.concept-switch .colour-switch{font-size:9px}.concept-switch:has(.colour-switch){gap:12px}.concept-switch:has(.colour-switch) nav{gap:12px}} .studio-approach{display:grid;grid-template-columns:.72fr 1fr;gap:9%;padding:55px 0 65px;border-top:1px solid var(--line);color:var(--ink)}.studio-approach h2{font:400 54px/1.05 var(--serif);letter-spacing:-.03em;margin:13px 0 22px}.studio-approach h3{font:400 38px/1.08 var(--serif);letter-spacing:-.025em;max-width:330px;margin:0;color:var(--blue)}.studio-approach .approach-body p{font:13px/1.9 var(--sans);color:var(--muted);margin:0 0 18px;max-width:760px}.studio-approach-steps{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:29px 30px;margin:29px 0 0;padding:20px 0 0;border-top:1px solid var(--line)}.studio-approach-steps li{font:10px/1.5 var(--sans);text-transform:uppercase;letter-spacing:.04em;color:var(--ink)}.studio-approach-steps span{display:block;font:400 10px/1.5 var(--sans);margin-bottom:12px;color:var(--blue)}.studio-approach-steps h4{font:400 24px/1.12 var(--serif);letter-spacing:-.015em;margin:0 0 12px;text-transform:none}.studio-approach .studio-approach-steps p{font:12px/1.85 var(--sans);letter-spacing:0;text-transform:none;margin:0;color:var(--muted)}.creative-electric .studio-approach-steps h4{font:400 30px/1.05 CreativeNarrow;text-transform:uppercase}.creative .studio-approach .studio-approach-steps p{font-size:13px}.creative-electric .studio-approach-steps span{font-family:var(--sans)}.creative .studio-approach .dir-kicker{color:var(--blue)}.creative .studio-approach h2{font:400 55px/1 var(--serif)}.creative-electric .studio-approach h2{font-family:CreativeNarrow;text-transform:uppercase;font-size:78px}.creative-electric .studio-approach h3{font-family:CreativeNarrow;text-transform:uppercase;font-size:46px;max-width:400px}.creative-electric .studio-approach-steps span{color:#e7ff80;font-family:CreativeNarrow}.creative .studio-approach .approach-body p{font-size:14px} /* A compact reference section above the project list. */ .direction-e-work .dir-references,.creative .direction-e-work .dir-references{padding:13px 0 22px!important;border:0}.direction-e-work .dir-references .dir-section-heading{margin:0 0 17px}.direction-e-work .dir-references .dir-kicker,.creative .direction-e-work .dir-references .dir-kicker{font:400 24px/1.2 var(--serif);letter-spacing:-.015em;text-transform:none;margin:0;color:var(--ink)}.direction-e-work .dir-reference-columns{display:grid;grid-template-columns:1fr 1fr 1fr;gap:5%}.direction-e-work .dir-reference-columns>div:first-child{grid-column:auto}.direction-e-work .dir-reference-columns h3,.creative .direction-e-work .dir-reference-columns h3{font:400 15px/1.3 var(--serif);margin:0 0 9px;color:var(--blue)}.direction-e-work .dir-reference-columns p,.creative .direction-e-work .dir-reference-columns p{font:10px/1.8 var(--sans);letter-spacing:0;margin:0;color:var(--muted)} @media(max-width:700px){.studio-approach{grid-template-columns:1fr;gap:27px;padding:35px 0 40px}.studio-approach h2,.creative .studio-approach h2{font-size:42px}.studio-approach h3,.creative-electric .studio-approach h3{font-size:34px;max-width:370px}.studio-approach .approach-body p,.creative .studio-approach .approach-body p{font-size:13px}.studio-approach-steps{grid-template-columns:1fr;gap:26px}.studio-approach-steps h4{font-size:26px}.studio-approach-steps li{font-size:9px}.direction-e-work .dir-reference-columns{grid-template-columns:1fr;gap:18px}.direction-e-work .dir-references,.creative .direction-e-work .dir-references{padding-bottom:22px!important}.direction-e-work .dir-references .dir-kicker,.creative .direction-e-work .dir-references .dir-kicker{font-size:23px}} .creative-electric.creative-electric-light{--paper:#f4f2e8;--ink:#20251f;--blue:#38491d;--muted:#565e50;--line:#bfc5b2;background:var(--paper);color:var(--ink)} .creative-electric-light .new-hero h1 span{background:#e7ff80;color:#20251f;display:table;margin-left:auto;padding:0 .025em .04em;line-height:.94} .creative-electric-light.creative-electric-black .new-eyebrow,.creative-electric-light.creative-electric-black .dir-work-intro>.dir-kicker,.creative-electric-light.creative-electric-black .dir-about-page-copy>.dir-kicker,.creative-electric-light.creative-electric-black .studio-contact-page>.dir-kicker{color:#38491d} .creative-electric-light .new-eyebrow:before,.creative-electric-light .dir-work-intro>.dir-kicker:before,.creative-electric-light .dir-about-page-copy>.dir-kicker:before,.creative-electric-light .studio-contact-page>.dir-kicker:before{content:'';display:inline-block;width:9px;height:9px;background:#e7ff80;border:1px solid #8d9e53;border-radius:50%;margin-right:9px} .creative-electric-light .hero-bottom a{background:#e7ff80;color:#20251f}.creative-electric-light .motion-line{border-color:var(--line)}.creative-electric-light.creative-electric-black .dir-header nav a[aria-current=page]{color:#20251f;text-decoration:underline;text-decoration-color:#a5c73a;text-decoration-thickness:3px;text-underline-offset:6px} .creative-electric-light .studio-approach-steps span{display:table;background:#e7ff80;color:#20251f;padding:4px 7px}.creative-electric-light .studio-approach .dir-kicker{color:#38491d}.creative-electric-light .project-rail i{background:#526827}.creative-electric-light .studio-controls button{color:#20251f} .creative-electric-black:not(.creative-electric-light){--ink:#f5f5f0;--blue:#f5f5f0;--muted:#d9dcd4} .creative-electric-black:not(.creative-electric-light) .new-eyebrow,.creative-electric-black:not(.creative-electric-light) .dir-work-intro>.dir-kicker,.creative-electric-black:not(.creative-electric-light) .dir-about-page-copy>.dir-kicker,.creative-electric-black:not(.creative-electric-light) .studio-contact-page>.dir-kicker,.creative-electric-black:not(.creative-electric-light) .dir-header nav a[aria-current=page]{color:var(--ink)} .creative-electric-black .ink-highlight{background:#e7ff80;color:#20251f;padding:0 .055em .04em;-webkit-box-decoration-break:clone;box-decoration-break:clone} .creative-electric-black .new-hero h1 span.ink-highlight{background:#e7ff80;color:#20251f;display:table;margin-left:auto;padding:0 .025em .04em;line-height:.94} .creative-electric-black .dir-work-intro h1{display:table}.creative-electric-black .dir-work-intro h1 .ink-highlight{padding:0 .075em .04em} .creative-electric-black .dir-about-page h1 .ink-highlight{padding:0 .045em .025em;line-height:1.15} .creative-electric-black .studio-approach h2{display:table;line-height:1.1}.creative-electric-black .studio-approach h2 .ink-highlight{padding:0 .075em .035em} .creative-electric-black:not(.creative-electric-light) .studio-approach-steps span{color:var(--ink)} .creative-electric-black .studio-film-toggle{color:#20251f} @media(max-width:700px){.creative-electric-black .new-hero h1 span.ink-highlight{font-size:16vw}.creative-electric-black .dir-about-page h1{line-height:1.16}.creative-electric-black .dir-about-page h1 .ink-highlight{padding-bottom:0}} /* A shared frame width leaves a clear gutter for the project index. */ .direction-body .direction-e-work .dir-motion-list .dir-motion-media,.direction-body .direction-e-work .dir-motion-list .dir-motion-caption{width:min(70vw,calc(100vw - 360px),1120px)} .direction-body .project-rail{right:17px}.direction-body .project-rail span{font-family:var(--sans);font-size:8px;letter-spacing:.01em;padding:4px 6px;white-space:nowrap} .direction-body .direction-e-work .dir-motion-list .dir-motion-caption{display:flex;flex-wrap:nowrap;justify-content:center;align-items:baseline;gap:0 5px;font-size:9px;line-height:1.7;letter-spacing:0;white-space:nowrap;padding-top:9px;margin-top:0;position:relative} .direction-body .direction-e-work .dir-motion-list .dir-motion-heading{display:contents}.direction-body .direction-e-work .dir-motion-list .dir-motion-caption span{white-space:nowrap}.direction-body .direction-e-work .dir-motion-list .dir-motion-credits{font-size:inherit;letter-spacing:0} @media(max-width:900px){.direction-body .direction-e-work .dir-motion-list .dir-motion-media,.direction-body .direction-e-work .dir-motion-list .dir-motion-caption{width:90%}.direction-body .direction-e-work .dir-motion-list .dir-motion-caption{font-size:8px}} @media(max-width:700px){.direction-body .direction-e-work .dir-motion-list .dir-motion-media,.direction-body .direction-e-work .dir-motion-list .dir-motion-caption{width:94%}.direction-body .direction-e-work .dir-motion-list .dir-motion-caption{font-size:7.5px;gap:0 3px;line-height:1.7}} .direction-body.creative-electric-light .project-rail{right:25px;top:50%;transform:translateY(-40%);opacity:0;pointer-events:none;transition:opacity .25s} .direction-body.creative-electric-light .project-rail.rail-visible{opacity:1;pointer-events:auto} .direction-body.creative-electric-light .project-rail nav{gap:10px} .direction-body.creative-electric-light .project-rail a{gap:9px;min-height:13px;flex-direction:row-reverse} .direction-body.creative-electric-light .project-rail span{position:static;display:block;opacity:.5;transform:none;background:none;padding:0;font:400 9px/1.2 Arial,sans-serif;letter-spacing:0;max-width:120px;white-space:normal;text-align:right;pointer-events:auto} .direction-body.creative-electric-light .project-rail i{width:5px;height:5px;flex-shrink:0;opacity:.55;background:transparent;border:1px solid currentColor} .direction-body.creative-electric-light .project-rail a.is-active span{opacity:1;color:#38491d} .direction-body.creative-electric-light .project-rail a.is-active i{background:#526827;opacity:1;transform:scale(1.5)} .direction-body.creative-electric-light .concept-switch{min-height:30px;padding-top:7px;padding-bottom:7px} @media(max-width:900px){.direction-body.creative-electric-light .project-rail{display:none}} .direction-body.creative-electric-light .project-rail span{white-space:nowrap;max-width:none} .creative-electric-light .electric-work-title{font:400 clamp(60px,9.5vw,150px)/1.05 CreativeNarrow,Arial,sans-serif!important;letter-spacing:-.025em;display:block!important;max-width:100%;white-space:nowrap} .creative-electric-light .electric-work-title .ink-highlight{display:inline!important} .creative-electric-light .electric-process{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:start;padding:65px 0 75px;border-top:1px solid var(--line);margin:0} .creative-electric-light .electric-process .process-intro>.eyebrow{font:10px var(--sans);text-transform:uppercase;letter-spacing:.1em} .creative-electric-light .electric-process h2{font:400 clamp(42px,5.5vw,88px)/1.05 CreativeNarrow,Arial,sans-serif!important;letter-spacing:-.025em;margin:24px 0!important;text-transform:uppercase} .creative-electric-light .electric-process .process-intro>p{font:12px/1.6 var(--sans);max-width:270px;margin:0} .creative-electric-light .electric-process ol{list-style:none;margin:0;padding:0;display:block} .creative-electric-light .electric-process li{display:grid;grid-template-columns:30px 1fr;gap:22px;border-top:1px solid var(--line);padding:24px 0;margin:0} .creative-electric-light .electric-process li>span{font:10px/1.5 var(--sans);padding-top:7px;background:none;color:var(--blue)} .creative-electric-light .electric-process h3{font:400 clamp(30px,3vw,45px)/1.05 CreativeNarrow,Arial,sans-serif!important;letter-spacing:-.02em;margin:0;text-transform:uppercase} .creative-electric-light .electric-process h4{font:400 11px/1.5 var(--sans);margin:10px 0 14px;color:var(--ink)} .creative-electric-light .electric-process li p{font:12px/1.7 var(--sans);max-width:470px;margin:0;color:var(--muted)} .creative-electric-light .electric-statement h1{font:400 clamp(46px,5.7vw,91px)/1.13 CreativeNarrow,Arial,sans-serif!important;letter-spacing:-.025em;text-transform:uppercase;max-width:100%;margin:0} .creative-electric-light .electric-statement h1 span.ink-highlight{display:inline!important;text-align:left;margin:0;padding:0 .035em .01em;line-height:inherit;color:var(--ink);box-decoration-break:clone;-webkit-box-decoration-break:clone} .creative-electric-light .electric-statement .hero-bottom{margin-top:32px} @media(max-width:800px){.creative-electric-light .electric-work-title{font-size:11.7vw!important;line-height:1.12!important;white-space:nowrap}.creative-electric-light .electric-process{grid-template-columns:1fr;gap:35px;padding:40px 0 50px}.creative-electric-light .electric-process h2{font-size:13vw!important;line-height:1.08!important}.creative-electric-light .electric-process li{grid-template-columns:24px 1fr;gap:15px;padding:22px 0}.creative-electric-light .electric-process h3{font-size:32px!important}.creative-electric-light .electric-process li p{font-size:12px}.creative-electric-light .electric-statement h1{font-size:9.6vw!important;line-height:1.17!important;letter-spacing:-.02em}.creative-electric-light .electric-statement h1 span.ink-highlight{font-size:inherit!important;line-height:inherit!important}.creative-electric-light .electric-statement .hero-bottom{margin-top:25px}} .creative-electric-light .electric-eye h1{font-size:clamp(52px,8.3vw,132px)!important;line-height:1.08!important}.creative-electric-light .electric-eye h1 span.ink-highlight{display:inline!important;margin:0;font-size:inherit!important;text-align:left;line-height:inherit;padding:0 .03em;box-decoration-break:clone;-webkit-box-decoration-break:clone}.creative-electric-light .electric-noticing h1{font-size:clamp(72px,12.7vw,200px)!important;line-height:.98!important}.creative-electric-light .electric-noticing h1 span.ink-highlight{font-size:inherit!important;line-height:inherit!important}@media(max-width:800px){.creative-electric-light .electric-eye h1{font-size:13vw!important;line-height:1.14!important}.creative-electric-light .electric-noticing h1{font-size:18vw!important;line-height:1.06!important}} /* Current project names open without changing the dot rail's spacing. */ .direction-body.creative-electric-light .project-rail a{position:relative;width:14px;justify-content:center} .direction-body.creative-electric-light .project-rail span{position:absolute;right:23px;top:50%;transform:translateY(-50%);opacity:0;pointer-events:none;transition:opacity .18s;color:var(--ink)} .direction-body.creative-electric-light .project-rail a:is(.is-active,:hover,:focus-visible) span{opacity:1;color:var(--ink)} .creative-electric-light .electric-noticing h1 .noticing-prelude{display:block!important;font-size:.46em!important;line-height:1.2!important;text-align:left!important;margin:0 0 .12em!important} .creative-electric-light .electric-noticing h1>.ink-highlight{display:table!important;text-align:left!important;margin:0!important;line-height:1.07!important} .creative-electric-light .studio-contact-invite .studio-talk{display:inline-block!important;font:400 clamp(65px,10vw,160px)/1.05 CreativeNarrow,Arial,sans-serif!important;letter-spacing:-.025em;color:var(--ink)!important;background:#e5f482;padding:.04em .13em .08em;text-decoration:none!important} .creative-electric-light .studio-contact-invite .studio-talk:hover{background:#d4e972} .creative-electric-light .studio-contact-invite>div{align-items:flex-start;gap:24px} .creative-electric-light .electric-approach-home{display:grid;grid-template-columns:1fr 1.7fr;gap:6vw;padding:65px 0;border-top:1px solid var(--line)} .creative-electric-light .electric-approach-home h2{font:400 clamp(32px,3.8vw,60px)/1.08 CreativeNarrow,Arial,sans-serif;text-transform:uppercase;letter-spacing:-.02em;margin:20px 0} .creative-electric-light .electric-approach-home ol{display:grid;grid-template-columns:1fr 1fr;gap:28px 35px;list-style:none;padding:0;margin:0} .creative-electric-light .electric-approach-home li{border-top:1px solid var(--line);padding:14px 0 0} .creative-electric-light .electric-approach-home li>span{font:10px var(--sans);color:var(--muted)} .creative-electric-light .electric-approach-home h3{font:400 30px/1.1 CreativeNarrow,Arial,sans-serif;text-transform:uppercase;margin:10px 0} .creative-electric-light .electric-approach-home li p{font:12px/1.6 var(--sans);color:var(--muted);max-width:220px;margin:0} .creative-electric-light.electric-anthracite{--paper:#11151c;--ink:#e5e8dc;--blue:#e5f482;--muted:#b5b9b2;--line:#414750;background:var(--paper);color:var(--ink)} .creative-electric-light.electric-anthracite .ink-highlight{background:#e5f482!important;color:#20251f!important} .creative-electric-light.electric-anthracite .studio-contact-invite .studio-talk{background:none;color:#e5f482!important;padding:0} .creative-electric-light.electric-anthracite .project-rail a.is-active i{background:#e5f482} .creative-electric-light.electric-anthracite .concept-switch{background:#1c222b;color:var(--ink);border-color:var(--line)} .creative-electric-light.electric-anthracite .concept-switch a{color:var(--ink)} .creative-electric-light .electric-statement h1 .typing-word{display:inline-block!important;white-space:nowrap;font:inherit!important;line-height:inherit!important;text-align:inherit!important;margin:0!important} .creative-electric-light .electric-statement h1 .typing-char{display:inline!important;font:inherit!important;line-height:inherit!important;text-align:inherit!important;margin:0!important;visibility:hidden} .creative-electric-light .electric-statement h1 .typing-char.revealed{visibility:visible} @media(max-width:800px){.creative-electric-light .electric-approach-home{grid-template-columns:1fr;gap:30px;padding:40px 0}.creative-electric-light .electric-approach-home h2{font-size:12vw}.creative-electric-light .electric-approach-home ol{gap:26px 20px}.creative-electric-light .electric-approach-home h3{font-size:27px}.creative-electric-light .studio-contact-invite .studio-talk{font-size:17vw!important}.creative-electric-light .electric-noticing h1{font-size:20vw!important}} @media(prefers-reduced-motion:reduce){.creative-electric-light .electric-statement h1 .typing-char{visibility:visible!important}} .creative-electric-light .electric-noticing h1 .noticing-prelude{background:none!important;color:var(--ink)!important;padding:0!important} .creative-electric-light .electric-statement h1 :is(.typing-word,.typing-char){background:none!important;color:inherit!important;padding:0!important} .direction-body.creative-electric-light.electric-anthracite :is(.new-eyebrow,.dir-kicker),.direction-body.creative-electric-light.electric-anthracite .dir-header nav a[aria-current=page]{color:var(--ink)!important} .creative-electric-light .electric-statement h1:has(.typing-char) .ink-highlight:not(:has(.revealed)){background:transparent!important} /* Broad straight highlighter, shifted down by roughly one seventh. */ .direction-body.creative-electric-light .ink-highlight,.direction-body.creative-electric-light .new-hero h1 span.ink-highlight{background-color:transparent!important;background-image:linear-gradient(#e5f482,#e5f482)!important;background-size:100% 92%!important;background-position:0 calc(100% + .025em)!important;background-repeat:no-repeat!important;color:var(--ink)!important;box-decoration-break:clone;-webkit-box-decoration-break:clone} .direction-body.creative-electric-light .electric-statement h1:has(.typing-char) .ink-highlight:not(:has(.revealed)){background-image:none!important} .creative-electric-light .motion-belt{animation-duration:70s} .creative-electric-light .electric-roles-static{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;margin-top:35px;font:400 clamp(18px,2.1vw,32px)/1.1 CreativeNarrow,Arial,sans-serif;text-transform:uppercase} .creative-electric-light .electric-roles-static span:nth-child(2){text-align:center}.creative-electric-light .electric-roles-static span:last-child{text-align:right} @media(max-width:600px){.creative-electric-light .electric-roles-static{gap:10px;font-size:17px;padding:17px 0}} /* A deeper lime stroke keeps white lettering readable on the dark treatment. */ .direction-body.creative-electric-light.electric-anthracite .ink-highlight,.direction-body.creative-electric-light.electric-anthracite .new-hero h1 span.ink-highlight{background-image:linear-gradient(#526827,#526827)!important} /* Noticing refinement: quiet pacing, a clear process list and a restrained invitation. */ .creative-electric-light .motion-belt{animation-duration:110s} .creative-electric-light .motion-line{grid-template-columns:1fr;display:block} .creative-electric-light .motion-window{width:100%} .creative-electric-light .electric-approach-home{grid-template-columns:1fr 1.7fr;gap:6vw} .creative-electric-light .electric-approach-home ol{display:flex;flex-direction:column;gap:0} .creative-electric-light .electric-approach-home li{display:grid;grid-template-columns:30px 155px 1fr;align-items:baseline;gap:20px;padding:19px 0;border-top:1px solid var(--line)} .creative-electric-light .electric-approach-home li>span{display:inline-block;padding:3px 4px;color:var(--ink);font-size:11px;width:max-content} .creative-electric-light .electric-approach-home h3{font-size:28px;margin:0} .creative-electric-light .electric-approach-home li p{max-width:300px} .creative-electric-light .studio-contact-invite{padding:45px 0 55px;align-items:center} .creative-electric-light .studio-contact-invite h2{font-size:clamp(27px,3.2vw,49px)!important;line-height:1.12!important;max-width:470px} .creative-electric-light .studio-contact-invite .studio-talk{font-size:clamp(40px,5.4vw,82px)!important} .creative-electric-light .studio-social-icon{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:6px;color:var(--ink)} .creative-electric-light .studio-social-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.4;flex-shrink:0} .creative-electric-light .studio-social-icon:hover{background:#e5f482;color:#20251f} .creative-electric-light .electric-connect{min-height:calc(100svh - 230px)} .creative-electric-light .electric-connect-layout{display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:start;margin:70px 0 100px} .creative-electric-light .electric-connect-heading>p{font:14px/1.6 var(--sans);color:var(--muted);margin:0 0 22px;max-width:300px} .creative-electric-light .electric-connect h1{font:400 clamp(68px,8vw,120px)/1.1 CreativeNarrow,Arial,sans-serif!important;margin:0!important;text-transform:uppercase;letter-spacing:-.025em} .creative-electric-light .electric-connect .studio-contact-links{display:block;margin:0;padding:0} .creative-electric-light .electric-connect .studio-contact-links a{display:block;border:0;border-top:1px solid var(--line);padding:22px 0 25px;margin:0;color:var(--ink);text-decoration:none} .creative-electric-light .electric-connect .studio-contact-links a>span{display:block;font:10px/1.3 var(--sans);color:var(--muted);margin:0 0 12px;text-transform:uppercase;letter-spacing:.05em} .creative-electric-light .electric-connect .studio-contact-links strong{display:flex;justify-content:space-between;gap:12px;font:400 clamp(18px,2vw,28px)/1.35 var(--sans);overflow-wrap:anywhere} .creative-electric-light .electric-connect .studio-contact-links b{font-weight:400;color:var(--blue)} .creative-electric-light .electric-connect .studio-contact-links a:hover strong{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px} @media(max-width:900px){.creative-electric-light .electric-approach-home{grid-template-columns:1fr;gap:25px}.creative-electric-light .electric-approach-home li{grid-template-columns:27px 155px 1fr;gap:15px}.creative-electric-light .dir-header nav{gap:15px}.creative-electric-light .electric-connect-layout{gap:45px;margin-top:45px}} @media(max-width:600px){.creative-electric-light .electric-approach-home li{grid-template-columns:26px 1fr;gap:10px 16px;padding:18px 0}.creative-electric-light .electric-approach-home li p{grid-column:2;max-width:100%}.creative-electric-light .studio-contact-invite{padding:35px 0 40px}.creative-electric-light .studio-contact-invite h2{font-size:30px!important}.creative-electric-light .studio-contact-invite .studio-talk{font-size:45px!important}.creative-electric-light .dir-header nav{gap:12px;align-items:center;flex-wrap:wrap}.creative-electric-light .studio-social-icon{width:30px;height:34px}.creative-electric-light .electric-connect-layout{grid-template-columns:1fr;gap:45px;margin:38px 0 55px}.creative-electric-light .electric-connect h1{font-size:20vw!important}.creative-electric-light .electric-connect .studio-contact-links strong{font-size:20px}.creative-electric-light .electric-connect{min-height:auto}} .creative-electric-light .studio-social-links{display:inline-flex;align-items:center;gap:1px} .creative-electric-light .dir-header nav{transform:translateX(6px)} @media(max-width:600px){.creative-electric-light .dir-header nav{transform:none}} .minimal-continued{padding-top:80px!important;padding-bottom:70px!important;min-height:calc(100svh - 160px);box-sizing:border-box}.minimal-continued h1{font-family:CreativeNarrow,sans-serif!important;font-weight:400!important;letter-spacing:-.04em!important;font-size:clamp(100px,12vw,175px)!important;line-height:.94!important;margin:0!important;text-transform:none!important}.minimal-continued .ink-highlight{display:inline!important;background-size:100% 92%!important;background-position:0 calc(100% + .025em)!important}.minimal-channels{display:grid;gap:40px}.minimal-channels a{display:grid;grid-template-columns:1fr auto;gap:12px 18px;min-width:0;color:#20251f;text-decoration:none}.minimal-label{grid-column:1/-1;font-family:CreativeNarrow,sans-serif;font-size:25px;line-height:1.1}.minimal-value{font-size:17px;line-height:1.4;white-space:nowrap}.minimal-arrow{font-size:24px;line-height:1;transition:transform .25s}.minimal-channels a:hover .minimal-value{text-decoration:underline;text-underline-offset:5px}.minimal-channels a:hover .minimal-arrow{transform:translate(3px,-3px)}.minimal-channels a:focus-visible{outline:2px solid #526827;outline-offset:8px}.minimal-horizontal .minimal-channels{grid-template-columns:1.15fr 1fr 1fr;margin-top:95px;padding-top:28px;border-top:1px solid #c4c9b8}.minimal-beside{display:grid;grid-template-columns:1.1fr .9fr;gap:10%;align-items:center}.minimal-beside h1{font-size:clamp(90px,10vw,150px)!important}.minimal-beside .minimal-channels{gap:45px}.minimal-beside .minimal-channels a{padding-bottom:22px;border-bottom:1px solid #c4c9b8}.minimal-beside .minimal-channels a:last-child{border-bottom:0;padding-bottom:0}.minimal-centered{padding-top:70px!important;text-align:center}.minimal-centered h1{font-size:clamp(95px,10.8vw,160px)!important}.minimal-centered .minimal-channels{width:min(590px,100%);margin:72px auto 0;gap:0;text-align:left}.minimal-centered .minimal-channels a{grid-template-columns:95px 1fr auto;align-items:center;padding:22px 0;border-bottom:1px solid #c4c9b8}.minimal-centered .minimal-channels a:last-child{border-bottom:0}.minimal-centered .minimal-label{grid-column:auto;font-size:23px} @media(max-width:760px){.minimal-continued{padding-top:45px!important;padding-bottom:55px!important;min-height:0}.minimal-continued h1{font-size:clamp(82px,21vw,130px)!important;line-height:.98!important}.minimal-horizontal .minimal-channels{grid-template-columns:1fr;gap:30px;margin-top:55px;padding-top:25px}.minimal-label{font-size:23px}.minimal-value{font-size:15px;white-space:normal;overflow-wrap:anywhere}.minimal-arrow{font-size:22px}.minimal-beside{grid-template-columns:1fr;gap:55px;align-items:start}.minimal-beside h1{font-size:clamp(82px,21vw,130px)!important}.minimal-beside .minimal-channels{gap:26px}.minimal-beside .minimal-channels a{padding-bottom:23px}.minimal-centered .minimal-channels{margin-top:55px}.minimal-centered .minimal-channels a{grid-template-columns:65px 1fr 20px;gap:12px;padding:24px 0}.minimal-centered .minimal-label{font-size:21px}.minimal-centered .minimal-value{font-size:13px}} @media(prefers-reduced-motion:reduce){.minimal-arrow{transition:none}.minimal-channels a:hover .minimal-arrow{transform:none}} /* The selected Electric Studio Light edition: a dedicated small-screen layout. */ .mobile-references>summary{display:none} @media(max-width:700px){ .direction-body.creative-electric-light{padding-top:0} .creative-electric-light>.concept-switch{display:none} .creative-electric-light .direction-page{width:calc(100% - 40px);max-width:none} .creative-electric-light .dir-header{display:grid;grid-template-columns:repeat(4,1fr);gap:4px 0;min-height:0;height:auto;padding:18px 0 12px;margin:0;border-bottom:1px solid var(--line)} .creative-electric-light .dir-wordmark{grid-column:1/4;grid-row:1;align-self:center;font:400 22px/1.1 CreativeNarrow,Arial,sans-serif;white-space:nowrap;letter-spacing:0} .creative-electric-light .dir-header nav{display:contents;transform:none} .creative-electric-light .dir-header nav>a{grid-row:2;display:flex;justify-content:center;align-items:center;min-height:44px;font:400 14px/1.2 var(--sans);padding:8px 0;margin:0;white-space:nowrap} .creative-electric-light .dir-header nav>a:nth-child(1){grid-column:1;justify-content:flex-start} .creative-electric-light .dir-header nav>a:nth-child(2){grid-column:2} .creative-electric-light .dir-header nav>a:nth-child(3){grid-column:3} .creative-electric-light .dir-header nav>a:nth-child(4){grid-column:4;justify-content:flex-end} .creative-electric-light .dir-header .studio-social-links{grid-column:4;grid-row:1;justify-self:end;gap:0} .creative-electric-light .dir-header .studio-social-icon{width:34px;height:40px;min-height:40px;padding:8px;display:inline-flex;align-items:center;justify-content:center} .creative-electric-light .studio-social-icon svg{width:18px;height:18px} .creative-electric-light :is(.new-hero,.direction-e-work .dir-work-intro,.dir-about-page){padding-top:32px} .creative-electric-light :is(.new-eyebrow,.dir-work-intro>.dir-kicker,.dir-about-page-copy>.dir-kicker){font-size:10px;line-height:1.6;letter-spacing:.035em;margin-bottom:24px} .creative-electric-light .new-hero{padding-bottom:26px} .creative-electric-light .electric-noticing h1{font-size:clamp(72px,21vw,98px)!important;letter-spacing:-.035em;line-height:1.03!important;margin:0} .creative-electric-light .electric-noticing h1 .noticing-prelude{font-size:.52em!important;margin-bottom:.16em!important} .creative-electric-light .hero-bottom{display:flex;flex-direction:column;gap:20px;margin:28px 0 0;align-items:flex-start} .creative-electric-light .hero-bottom p{font-size:14px;line-height:1.6;max-width:260px;margin:0} .creative-electric-light .hero-bottom a{display:inline-flex;padding:12px 16px;font-size:12px;white-space:nowrap;min-height:44px;align-items:center} .creative-electric-light .motion-line{margin-top:28px;padding:15px 0} .creative-electric-light .motion-belt span{font-size:23px} .creative-electric-light .dir-home-work{padding:26px 0 44px} .creative-electric-light .dir-section-heading{margin-bottom:20px} .creative-electric-light .dir-section-heading h2{font:400 32px/1 CreativeNarrow,Arial,sans-serif} .creative-electric-light .dir-link{font-size:12px;display:inline-flex;min-height:44px;align-items:center} .creative-electric-light .dir-home-work .studio-carousel{--home-film-height:clamp(190px,51vw,245px)} .creative-electric-light .studio-controls{gap:8px;margin-top:18px} .creative-electric-light .studio-controls>button{width:44px;height:44px;min-width:44px} .creative-electric-light .studio-dots{gap:0} .creative-electric-light .studio-dots button{width:24px;height:44px;border:0;background:none;position:relative;opacity:1} .creative-electric-light .studio-dots button:before{content:'';position:absolute;width:5px;height:5px;border:1px solid currentColor;border-radius:50%;top:19px;left:9px} .creative-electric-light .studio-dots button[aria-current=true]:before{background:currentColor} .creative-electric-light .studio-count{font-size:10px;white-space:nowrap} .creative-electric-light .dir-motion-caption{font-size:12px;line-height:1.6;padding-top:10px} .direction-body.creative-electric-light .direction-e-work .dir-motion-list :is(.dir-motion-media,.dir-motion-caption){width:100%;max-width:100%} .direction-body.creative-electric-light .direction-e-work .dir-motion-list .dir-motion-caption{display:flex;flex-direction:column;gap:3px;align-items:flex-start;text-align:left;font-size:12px;white-space:normal;padding-top:10px} .direction-body.creative-electric-light .direction-e-work .dir-motion-list .dir-motion-heading{display:block;max-width:100%;font-size:12px;line-height:1.5} .direction-body.creative-electric-light .direction-e-work .dir-motion-list .dir-motion-caption span{white-space:normal} .direction-body.creative-electric-light .direction-e-work .dir-motion-list .dir-motion-credits{display:block;font-size:11px;line-height:1.6;max-width:100%} .creative-electric-light .direction-e-work .dir-motion-row{padding:20px 0 32px} .creative-electric-light .dir-work-filters{display:flex;flex-wrap:wrap;gap:0 18px;margin:8px 0 12px;padding:0} .creative-electric-light .dir-work-filters button{min-height:44px;font-size:11px;padding:8px 0} .creative-electric-light .mobile-references{border-block:1px solid var(--line);margin:14px 0} .creative-electric-light .mobile-references>summary{display:flex;align-items:center;justify-content:space-between;gap:15px;list-style:none;min-height:54px;cursor:pointer;font:14px/1.4 var(--sans)} .creative-electric-light .mobile-references>summary::-webkit-details-marker{display:none} .creative-electric-light .mobile-references>summary span{font-size:24px;font-weight:300} .creative-electric-light .mobile-references[open]>summary span{transform:rotate(45deg)} .creative-electric-light .mobile-references .dir-references{padding:4px 0 22px!important;border:0} .creative-electric-light .dir-reference-columns p{font-size:13px;line-height:1.9} .creative-electric-light .dir-reference-columns h3{font-size:25px;margin-top:20px} .creative-electric-light .dir-about-home{padding:38px 0 42px} .creative-electric-light .dir-about-home-head{display:flex;align-items:center;justify-content:space-between;gap:12px} .creative-electric-light .dir-about-home-head h2{font-size:27px;line-height:1.2} .creative-electric-light .dir-about-home-copy{display:block;margin-top:24px} .creative-electric-light .dir-about-home-copy h3{font-size:39px;line-height:1.12;margin:0 0 24px} .creative-electric-light :is(.dir-about-home-copy p,.dir-about-page p){font-size:15px;line-height:1.8;margin:0 0 22px} .creative-electric-light .dir-about-page{display:flex;flex-direction:column;gap:0;padding-bottom:38px} .creative-electric-light .dir-about-page-copy{display:contents} .creative-electric-light .dir-about-page-copy>.dir-kicker{order:1} .creative-electric-light .dir-about-page h1{order:2;font-size:clamp(43px,12vw,58px);line-height:1.08;margin:0 0 28px} .creative-electric-light .dir-about-film-portrait{order:3;width:83%;max-width:none;align-self:flex-end;margin:0 0 30px} .creative-electric-light .dir-about-film-portrait img{display:block;width:100%;height:auto;max-height:none} .creative-electric-light .dir-about-page-copy>p{order:4} .creative-electric-light .electric-approach-home{padding:38px 0 42px;gap:24px} .creative-electric-light .electric-approach-home h2{font-size:44px;line-height:1.07;margin:16px 0} .creative-electric-light .electric-approach-home li{grid-template-columns:26px 1fr;gap:8px 16px;padding:18px 0} .creative-electric-light .electric-approach-home li p{grid-column:2;font-size:14px;line-height:1.6;max-width:none} .creative-electric-light .electric-approach-home h3{font-size:29px} .creative-electric-light .electric-process{gap:28px;padding:38px 0 42px} .creative-electric-light .electric-process h2{font-size:48px!important;margin:18px 0!important} .creative-electric-light .electric-process .process-intro>p{font-size:14px} .creative-electric-light .electric-process h4{font-size:14px;line-height:1.5} .creative-electric-light .electric-process li p{font-size:14px;line-height:1.8} .creative-electric-light .studio-contact-invite{display:flex;flex-direction:column;align-items:flex-start;gap:22px;padding:34px 0 44px} .creative-electric-light .studio-contact-invite h2{font-size:31px!important;max-width:290px;margin:0} .creative-electric-light .studio-contact-invite .studio-talk{font-size:46px!important} .creative-electric-light .dir-footer{font-size:11px;padding:20px 0 30px} .creative-electric-light .dir-footer>a{display:none} .creative-electric-light .minimal-continued{padding-top:40px;padding-bottom:50px;min-height:calc(100svh - 120px)} .creative-electric-light .minimal-continued h1{font-size:clamp(82px,23vw,108px);line-height:.98} .creative-electric-light .minimal-horizontal .minimal-channels{margin-top:48px;gap:22px} .creative-electric-light .minimal-channels>a{min-height:75px;padding-bottom:12px} .creative-electric-light .minimal-value{font-size:16px} .creative-electric-light .minimal-label{font-size:26px} .creative-electric-light :is([data-film-toggle],[data-film-sound]){min-width:44px;min-height:44px} .creative-electric-light [data-film-toggle]{opacity:1} } @media(max-width:360px){.creative-electric-light .direction-page{width:calc(100% - 32px)}.creative-electric-light .dir-wordmark{font-size:20px}.creative-electric-light .studio-count{display:none}} @media(max-width:700px){ .creative-electric-light .mobile-references .dir-references>.dir-kicker{display:none} .direction-body.creative-electric-light .studio-track .dir-motion-caption{font-size:12px;line-height:1.5;display:block;width:min(100%,calc(100vw - 56px));padding-top:10px;letter-spacing:0} .direction-body.creative-electric-light .studio-track .dir-motion-heading{display:block} .direction-body.creative-electric-light .studio-track .dir-motion-credits{display:block;font-size:11px;margin-top:3px;line-height:1.6} } /* Zelda’s phone refinements: single-line film credits and a tighter work list. */ @media(max-width:700px){ .creative-electric-light .dir-about-film-portrait{align-self:center;margin-inline:auto} .creative-electric-light .mobile-references .dir-references>.dir-section-heading{display:none} .creative-electric-light .mobile-references>summary span{font-size:0;transform:none!important} .creative-electric-light .mobile-references>summary span:before{content:'+';font-size:24px} .creative-electric-light .mobile-references[open]>summary span:before{content:'−'} .direction-body.creative-electric-light .direction-e-work .dir-motion-list .dir-motion-row{padding:12px 0 14px} .direction-body.creative-electric-light :is(.studio-track,.dir-motion-list) .dir-motion-caption{display:flex;flex-direction:row;justify-content:center;align-items:baseline;flex-wrap:nowrap;gap:0 3px;font-size:8px;line-height:1.6;white-space:nowrap;letter-spacing:0;padding-top:7px;text-align:center} .direction-body.creative-electric-light :is(.studio-track,.dir-motion-list) .dir-motion-caption .dir-motion-heading{display:contents;font-size:inherit;line-height:inherit} .direction-body.creative-electric-light :is(.studio-track,.dir-motion-list) .dir-motion-caption span{font-size:inherit!important;line-height:inherit;white-space:nowrap;letter-spacing:0} .direction-body.creative-electric-light :is(.studio-track,.dir-motion-list) .dir-motion-caption .dir-motion-credits{display:inline;margin:0;max-width:none} } @media(max-width:700px){ .direction-body.creative-electric-light .dir-main.direction-e-work .dir-motion-list .dir-motion-caption{display:flex;flex-direction:row;justify-content:center;align-items:baseline;flex-wrap:nowrap;white-space:nowrap;gap:0 3px;line-height:1.6;padding-top:7px} .direction-body.creative-electric-light .dir-main.direction-e-work .dir-motion-list .dir-motion-heading{display:contents;font-size:inherit;line-height:inherit} .direction-body.creative-electric-light .dir-main.direction-e-work .dir-motion-list .dir-motion-caption span{white-space:nowrap;line-height:inherit} .direction-body.creative-electric-light .dir-main.direction-e-work .dir-motion-list .dir-motion-credits{display:inline;font-size:inherit;margin:0;max-width:none} } /* Compact sound control, with a full touch target around the smaller disc. */ .creative-electric-light .studio-film-sound{width:44px;height:44px;padding:14px;background:transparent;isolation:isolate} .creative-electric-light .studio-film-sound:before{content:'';position:absolute;inset:7px;border-radius:50%;background:rgba(20,25,22,.44);z-index:-1;pointer-events:none} .creative-electric-light .studio-film-sound svg{width:16px;height:16px} .creative-electric-light .electric-process li>span.ink-highlight{padding:3px 5px;align-self:start;color:var(--ink);width:max-content} @media(max-width:700px){ .creative-electric-light .dir-header nav>a:nth-child(n){justify-content:center} .creative-electric-light :is(.dir-about-home-copy p,.dir-about-page p){font-size:14px;line-height:1.6;margin-bottom:18px} .creative-electric-light .electric-process li p{font-size:14px;line-height:1.6} .creative-electric-light .studio-film-sound{top:5px;right:5px} } /* One hierarchy for the selected edition’s Home sections. */ .creative-electric-light.is-home .new-hero{padding-bottom:58px} .creative-electric-light.is-home :is(.dir-section-heading,.dir-about-home-head,.home-section-heading){display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 26px} .creative-electric-light.is-home :is(.dir-section-heading,.dir-about-home-head,.home-section-heading) h2{font:400 36px/1.15 CreativeNarrow,Arial,sans-serif;text-transform:uppercase;letter-spacing:-.02em;margin:0} .creative-electric-light.is-home .dir-about-home{padding:50px 0} .creative-electric-light.is-home .dir-about-home-copy{display:block;max-width:660px;margin:0} .creative-electric-light.is-home .dir-about-home-copy p{font-size:15px;line-height:1.65;margin:0} .creative-electric-light.is-home .electric-approach-home{display:block;padding:50px 0} .creative-electric-light.is-home .electric-approach-home ol{max-width:100%} .creative-electric-light.is-home .electric-approach-home li{grid-template-columns:30px 155px 1fr} .creative-electric-light.is-home .electric-approach-home li p{max-width:none} .creative-electric-light.is-home .studio-contact-invite{display:block;padding:38px 0 48px} @media(max-width:700px){ .creative-electric-light .dir-wordmark{font-size:20px} .creative-electric-light .dir-header{padding-bottom:3px;row-gap:10px} .creative-electric-light .dir-header nav>a:nth-child(n){font-size:13px;align-items:flex-end;padding-bottom:10px} .creative-electric-light.is-home .new-hero{padding-bottom:38px} .creative-electric-light.is-home :is(.dir-section-heading,.dir-about-home-head,.home-section-heading){margin-bottom:22px;gap:12px} .creative-electric-light.is-home :is(.dir-section-heading,.dir-about-home-head,.home-section-heading) h2{font-size:32px} .creative-electric-light.is-home :is(.dir-about-home,.electric-approach-home){padding:34px 0} .creative-electric-light.is-home .dir-about-home-copy p{font-size:14px;line-height:1.6} .creative-electric-light.is-home .electric-approach-home li{grid-template-columns:26px 1fr;gap:8px 16px} .creative-electric-light.is-home .electric-approach-home li p{grid-column:2} .creative-electric-light.is-home .studio-contact-invite{padding:30px 0 38px} } .creative-electric-light .reference-name{display:inline-block;white-space:nowrap} .creative-electric-light.is-home .dir-about-home{padding-top:60px;padding-bottom:60px} .creative-electric-light.is-home .dir-about-home-copy{max-width:780px} .creative-electric-light.is-home .dir-about-home-copy p{font-size:20px;line-height:1.6} @media(max-width:700px){ .creative-electric-light.is-home .dir-about-home{padding-top:40px;padding-bottom:40px} .creative-electric-light.is-home .dir-about-home-copy p{font-size:16px;line-height:1.6} } @media(min-width:701px){ .direction-body.creative-electric-light .dir-header{position:relative;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px} .direction-body.creative-electric-light .dir-header .dir-wordmark{grid-column:1;justify-self:start} .direction-body.creative-electric-light .dir-header nav{grid-column:2;display:flex;justify-content:center;align-items:center;margin:0;width:auto;transform:none;gap:28px} .direction-body.creative-electric-light .dir-header .studio-social-links{position:absolute;right:0;top:50%;transform:translateY(-50%)} } :root{--edition-bg:#f4f2e8;--edition-text:#20251f;--edition-accent:#e5f482;--edition-mark:#20251f}html[data-background=dark]{--edition-bg:#242526;--edition-text:#faf9f5}html[data-accent=violet]{--edition-accent:#5550a5;--edition-mark:#fff}html[data-background] body.direction-body.creative.creative-electric-light{--paper:var(--edition-bg);--ink:var(--edition-text);--muted:var(--edition-text);--blue:var(--edition-text);--line:color-mix(in srgb,var(--edition-text) 30%,transparent);background:var(--edition-bg)!important;color:var(--edition-text)!important} html[data-background] body.direction-body.creative.creative-electric-light :is(.direction-page,.dir-main,.dir-header,section,footer){background-color:var(--edition-bg)!important;color:var(--edition-text)!important} html[data-background] body.direction-body.creative.creative-electric-light :is(h1,h2,h3,h4,p,.dir-kicker,.new-eyebrow,nav a,.dir-link,.dir-motion-caption,.dir-motion-client,.dir-motion-title,.dir-motion-credits,.studio-count,.studio-approach .dir-kicker){color:var(--edition-text)!important} html[data-background] body.direction-body.creative.creative-electric-light .ink-highlight,html[data-background] body.direction-body.creative.creative-electric-light .new-hero h1 span.ink-highlight{background-color:transparent!important;background-image:linear-gradient(var(--edition-accent),var(--edition-accent))!important;color:var(--edition-mark)!important} html[data-background] body.direction-body.creative.creative-electric-light :is(.studio-approach-steps span,.electric-approach-home li>span){background:var(--edition-accent)!important;color:var(--edition-mark)!important} html[data-background] body.direction-body.creative.creative-electric-light :is(.new-eyebrow,.dir-kicker):before{background:var(--edition-accent)!important;border-color:var(--edition-accent)!important;box-shadow:none!important} html[data-background] body.direction-body.creative.creative-electric-light .dir-header nav a[aria-current=page]{text-decoration-color:var(--edition-accent)!important} html[data-background] body.direction-body.creative.creative-electric-light .project-rail a.is-active i{background:var(--edition-accent)!important} html[data-background] body.direction-body.creative.creative-electric-light .studio-social-icon svg{stroke:var(--edition-text)!important} html[data-background] body.direction-body.creative.creative-electric-light .studio-controls button{color:var(--edition-text)!important} /* Desktop menu sits to the right, wordmark to the left. */ .direction-body.creative-electric-light .dir-header{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:35px!important}.direction-body.creative-electric-light .dir-header nav{display:flex!important;margin-left:auto!important;gap:28px!important;width:auto!important;transform:none!important}.direction-body.creative-electric-light .dir-header .studio-social-links{position:static!important;transform:none!important;display:flex!important;margin-left:8px!important}.phone-index{display:none} /* About has the same reading measure as the rest of Home, with a two-column editorial layout. */ .creative-electric-light.is-home .dir-about-home{display:grid!important;grid-template-columns:1fr 1.3fr!important;gap:60px!important;align-items:start!important;padding:65px 0!important}.creative-electric-light.is-home .dir-about-home-head{display:flex!important;justify-content:space-between!important;align-items:center!important}.creative-electric-light.is-home .dir-about-home-copy{max-width:none!important;width:100%!important}.creative-electric-light.is-home .dir-about-home-copy p{font-size:18px!important;line-height:1.65!important;margin:0 0 22px!important;max-width:650px!important} .home-ending{border-top:1px solid var(--line);padding:55px 0 70px}.home-ending .ending-label{font-size:11px;margin:0 0 20px}.creative-electric-light .home-ending h2{font:400 clamp(56px,7.5vw,110px)/1.06 CreativeNarrow,Arial,sans-serif!important;text-transform:uppercase;letter-spacing:-.025em;margin:0 0 45px}.ending-links{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.ending-links a{display:flex;flex-direction:column;gap:10px;color:var(--edition-text)}.ending-links a>span{font-size:12px}.ending-links strong{font-weight:400;font-size:16px}.ending-links a:hover strong{text-decoration:underline;text-decoration-color:var(--edition-accent);text-underline-offset:5px} .theme-picker{position:fixed;bottom:16px;right:16px;z-index:1000;border:1px solid var(--edition-text);background:var(--edition-bg);color:var(--edition-text);border-radius:24px;font:12px Arial,sans-serif}.theme-picker button,.theme-picker a{font:inherit;color:inherit;border:0;background:none;cursor:pointer;padding:12px 14px;text-align:left}.theme-toggle{min-height:44px}.theme-options{position:absolute;right:0;bottom:54px;width:215px;padding:14px;background:var(--edition-bg);border:1px solid}.theme-options[hidden]{display:none}.theme-options>span{display:block;font-size:10px;margin-bottom:5px}.theme-options>div{display:flex;margin-bottom:15px;gap:5px}.theme-options>div button{border:1px solid;padding:9px 12px}.theme-options button[aria-pressed=true]{background:var(--edition-accent);color:var(--edition-mark)}.theme-options>a{display:block;padding:10px 0 0;border-top:1px solid}.theme-picker button:focus-visible,.phone-index:focus-visible{outline:2px solid currentColor;outline-offset:3px} @media(max-width:700px){ .direction-body.creative-electric-light .dir-header{display:grid!important;grid-template-columns:1fr auto!important;gap:15px!important;padding:22px 0 18px!important;align-items:start!important}.direction-body.creative-electric-light .dir-header .dir-wordmark{grid-column:1!important;grid-row:1!important;font-size:30px!important;white-space:normal!important;max-width:230px;line-height:1.03!important;letter-spacing:-.025em!important}.phone-index{display:block;grid-column:2;grid-row:1;font:11px Arial,sans-serif;padding:9px 0 9px 10px;border:0;color:var(--edition-text);background:none;cursor:pointer;min-height:44px}.direction-body.creative-electric-light .dir-header nav{display:none!important}.direction-body.creative-electric-light .dir-header.index-open nav{display:flex!important;grid-column:1/-1!important;flex-direction:column!important;align-items:stretch!important;width:100%!important;margin:15px 0 0!important;gap:0!important}.direction-body.creative-electric-light .dir-header.index-open nav>a:nth-child(n){display:block!important;font:400 34px/1.15 CreativeNarrow,Arial,sans-serif!important;text-align:left!important;padding:12px 0!important;border-top:1px solid var(--line);min-height:44px}.direction-body.creative-electric-light .dir-header.index-open .studio-social-links{display:flex!important;position:static!important;align-self:flex-start!important;margin:12px 0 0!important}.creative-electric-light .new-eyebrow,.creative-electric-light .dir-kicker{font-size:10px!important;line-height:1.5!important;max-width:220px!important}.creative-electric-light .electric-noticing h1{font-size:clamp(62px,17vw,104px)!important;line-height:1!important;letter-spacing:-.025em!important}.creative-electric-light .electric-noticing h1 .noticing-prelude{font-size:.58em!important;line-height:1.1!important}.creative-electric-light .dir-work-intro h1{font-size:24vw!important;line-height:1!important;margin-top:26px!important;margin-bottom:35px!important}.creative-electric-light .dir-about-page h1{font-size:12vw!important;line-height:1.08!important}.creative-electric-light .dir-about-page p{font-size:14px!important;line-height:1.6!important}.creative-electric-light .dir-about-page img{display:block!important;margin-inline:auto!important;max-width:85%!important}.creative-electric-light.is-home .dir-about-home{display:block!important;padding:40px 0!important}.creative-electric-light.is-home .dir-about-home-head{margin-bottom:25px!important}.creative-electric-light.is-home .dir-about-home-copy p{font-size:15px!important;line-height:1.6!important;margin:0 0 19px!important}.home-ending{padding:35px 0 50px}.creative-electric-light .home-ending h2{font-size:51px!important;margin-bottom:30px}.ending-links{grid-template-columns:1fr;gap:22px}.ending-links a{flex-direction:row;justify-content:space-between;align-items:baseline;gap:15px}.ending-links strong{font-size:13px}.theme-picker{bottom:12px;right:12px} } html[data-background=dark][data-accent=yellow] body.direction-body.creative.creative-electric-light .ink-highlight,html[data-background=dark][data-accent=yellow] body.direction-body.creative.creative-electric-light .new-hero h1 span.ink-highlight{background-size:100% 100%!important;background-position:0 0!important} html[data-accent=violet] body.direction-body.creative.creative-electric-light .ink-highlight,html[data-accent=violet] body.direction-body.creative.creative-electric-light .new-hero h1 span.ink-highlight{background-size:100% 100%!important;background-position:0 0!important} /* Final palette: warm light / true black, green accents only. */ html[data-background=dark]{--edition-bg:#000;--edition-text:#fff;--edition-accent:#4b581d;--edition-mark:#fff} html[data-background=light]{--edition-bg:#f4f2e8;--edition-text:#20251f;--edition-accent:#e5f482;--edition-mark:#20251f} html[data-background] body.direction-body.creative.creative-electric-light .ink-highlight,html[data-background] body.direction-body.creative.creative-electric-light .new-hero h1 span.ink-highlight{background-size:100% 80%!important;background-position:0 calc(100% + .04em)!important;color:var(--edition-mark)!important} html[data-background=dark] body.direction-body.creative.creative-electric-light :is(.dir-header nav a[aria-current=page],.ending-links a:hover strong){text-decoration-color:#e5f482!important} html[data-background=dark] body.direction-body.creative.creative-electric-light :is(.new-eyebrow,.dir-kicker):before{background:#e5f482!important;border-color:#e5f482!important} .creative-electric-light.is-home .dir-about-home{position:relative;grid-template-columns:.65fr 1.35fr!important;gap:40px!important;border:0!important}.creative-electric-light.is-home .dir-about-home-head .dir-link{position:absolute;right:0;top:65px}.creative-electric-light.is-home .dir-about-home-copy{padding-right:100px!important}.creative-electric-light.is-home .dir-about-home-copy p{max-width:none!important} .creative-electric-light.is-home :is(.electric-approach-home,.home-ending,.electric-approach-home li,.home-section-heading,.dir-about-home-head){border:0!important} @media(max-width:700px){.creative-electric-light.is-home .dir-about-home-head .dir-link{position:static!important}.creative-electric-light.is-home .dir-about-home-copy{padding-right:0!important}.creative-electric-light.is-home .dir-about-home-head{justify-content:space-between!important}.creative-electric-light.is-home .dir-about-home{padding:40px 0!important}} html[data-background][data-accent] body.direction-body.creative.creative-electric-light .ink-highlight,html[data-background][data-accent] body.direction-body.creative.creative-electric-light .new-hero h1 span.ink-highlight{background-size:100% 80%!important;background-position:0 calc(100% + .04em)!important} /* A single, quiet appearance control beside Instagram. */ .direction-body.creative-electric-light .theme-dot{display:inline-flex;align-items:center;justify-content:center;flex:none;width:34px;height:44px;padding:8px;border:0;background:transparent;color:var(--edition-text);cursor:pointer;border-radius:50%;vertical-align:middle}.theme-dot svg{display:block;width:18px;height:18px;stroke:currentColor;stroke-width:1.4}.theme-dot svg path{fill:currentColor;stroke:none}.theme-dot:hover{opacity:.65}.theme-dot:focus-visible{outline:2px solid var(--edition-text);outline-offset:0} @media(max-width:700px){.direction-body.creative-electric-light .dir-header.index-open .studio-social-links{align-items:center!important}.direction-body.creative-electric-light .theme-dot{width:38px}} /* Smaller visible controls; retain the full media area as a touch target. */ .direction-body.creative-electric-light .studio-film-indicator{width:27px;height:27px;background:rgba(244,242,236,.55);box-shadow:none} .direction-body.creative-electric-light .studio-film-indicator svg{width:13px;height:13px} .direction-body.creative-electric-light .closing-word{margin-top:2cm} .dir-wordmark .phone-wordmark{display:none} .direction-body.creative-electric-light :is(.minimal-continued h1,.home-ending h2){text-transform:uppercase!important} .direction-body.creative-electric-light :is(.ending-links a,.ending-links a:hover strong,.minimal-channels a,.minimal-channels a:hover .minimal-value){text-decoration:none!important;border-bottom:0!important;box-shadow:none!important} .direction-body.creative-electric-light .studio-contact-invite .studio-talk{font-size:clamp(32px,4.4vw,64px)!important;padding:0 .04em .03em!important;background-color:transparent!important;background-image:linear-gradient(var(--edition-accent),var(--edition-accent))!important;background-repeat:no-repeat!important;background-size:100% 80%!important;background-position:0 calc(100% + .04em)!important;color:var(--edition-mark)!important} .creative-electric-light .home-ending{padding-bottom:120px} .creative-electric-light .minimal-continued{padding-bottom:120px!important} .direction-body.creative-electric-light .dir-footer{padding-bottom:100px!important} @media(min-width:701px){ .creative-electric-light .home-ending h2{margin-bottom:60px} .creative-electric-light .minimal-horizontal .minimal-channels{margin-top:110px} } @media(max-width:700px){ .direction-body.creative-electric-light .closing-word{margin-top:1cm} .direction-body.creative-electric-light .dir-wordmark .desktop-wordmark{display:none} .direction-body.creative-electric-light .dir-wordmark .phone-wordmark{display:block;font:400 clamp(30px,8.6vw,36px)/.9 CreativeNarrow,Arial,sans-serif;height:.62em;overflow:hidden;white-space:nowrap;letter-spacing:-.005em} .phone-wordmark>span{display:block;transform:translateY(.015em);-webkit-text-stroke:.014em currentColor;paint-order:stroke fill} .direction-body.creative-electric-light .dir-header.index-open nav>a:nth-child(n){font-size:28px!important;line-height:1.1!important;padding:7px 0!important;min-height:44px} .direction-body.creative-electric-light .dir-header.index-open nav{margin-top:8px!important} .direction-body.creative-electric-light .minimal-continued h1{font-size:clamp(56px,18.5vw,120px)!important;line-height:1!important} .direction-body.creative-electric-light .dir-header.index-open nav>a:nth-child(n){border-top:0!important;border-bottom:0!important} .creative-electric-light .dir-home-work .dir-motion-credits{display:none!important} .creative-electric-light .dir-home-work .dir-motion-caption{width:100%!important;text-align:center!important;justify-content:center!important} .creative-electric-light .dir-home-work .dir-motion-heading{display:flex;justify-content:center;align-items:baseline;gap:6px;width:100%} .direction-body.creative-electric-light .studio-contact-invite .studio-talk{font-size:35px!important} html,html[data-background=light]{--edition-bg:#fff} html:not([data-background=dark]) body.direction-body.creative.creative-electric-light{--paper:#fff;background:#fff!important} .creative-electric-light .ending-links{gap:8px} .creative-electric-light .ending-links a{min-height:24px;align-items:center} .creative-electric-light .home-ending h2{margin-bottom:22px!important} .creative-electric-light .home-ending{padding-bottom:85px} .creative-electric-light .minimal-horizontal .minimal-channels{gap:12px;margin-top:32px} .creative-electric-light .minimal-channels>a{min-height:0;padding-bottom:0;row-gap:5px} .creative-electric-light .minimal-continued{padding-bottom:85px!important} .direction-body.creative-electric-light .dir-footer{padding-bottom:80px!important} } body.direction-body.creative-electric-light .dir-footer{padding-bottom:32px} .closing-word{--closing-size:20vw;width:100%;height:calc(var(--closing-size)*.65);padding:0 1.8%;margin:0;overflow:hidden;color:var(--edition-text);background:var(--edition-bg);font-family:CreativeNarrow,'Arial Narrow',Arial,sans-serif;box-sizing:border-box;pointer-events:none;user-select:none} .closing-word span{display:inline-block;font-size:var(--closing-size);font-weight:400;line-height:1;letter-spacing:-.035em;white-space:nowrap;transform:translateY(.02em);transform-origin:left top} .closing-word.crop-top span{transform:translateY(-.09em)} .closing-word.crop-original{height:calc(var(--closing-size)*.51)} .closing-word.crop-original span{line-height:.9;transform:translateY(-.055em)} @media(max-width:700px){body.direction-body.creative-electric-light .dir-footer{padding-bottom:30px}.closing-word{padding:0 3%}} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}} .closing-word.crop-bottom{height:calc(var(--closing-size)*.67)} .closing-word.crop-bottom span{transform:translateY(.04em)} /* Same typeface; a restrained optical weight increase. */ .closing-word.crop-bottom-strong,.closing-word.crop-bottom-bold-strong{height:calc(var(--closing-size)*.58)} .closing-word.crop-bottom-bold{height:calc(var(--closing-size)*.67)} .closing-word.crop-bottom-strong span,.closing-word.crop-bottom-bold span,.closing-word.crop-bottom-bold-strong span{transform:translateY(.04em)} .closing-word.crop-bottom-bold span,.closing-word.crop-bottom-bold-strong span{-webkit-text-stroke:.006em currentColor;paint-order:stroke fill} /* A third, visibly stronger optical weight for the name. */ .closing-word.crop-heavy-lightcrop{height:calc(var(--closing-size)*.67)} .closing-word.crop-heavy-deepcrop{height:calc(var(--closing-size)*.58)} .closing-word.crop-heavy-lightcrop span,.closing-word.crop-heavy-deepcrop span{transform:translateY(.04em)} .closing-word.crop-heavy-bothcrop{height:calc(var(--closing-size)*.51)} .closing-word.crop-heavy-bothcrop span{line-height:.9;transform:translateY(-.055em)} .closing-word.crop-heavy-lightcrop span,.closing-word.crop-heavy-deepcrop span,.closing-word.crop-heavy-bothcrop span{-webkit-text-stroke:.014em currentColor;paint-order:stroke fill} /* Extra strong: more ink, with a little tracking to keep letters distinct. */ .closing-word.crop-ultra-lightcrop{height:calc(var(--closing-size)*.685)} .closing-word.crop-ultra-deepcrop{height:calc(var(--closing-size)*.595)} .closing-word.crop-ultra-lightcrop span,.closing-word.crop-ultra-deepcrop span{transform:translateY(.055em)} .closing-word.crop-ultra-bothcrop{height:calc(var(--closing-size)*.51)} .closing-word.crop-ultra-bothcrop span{line-height:.9;transform:translateY(-.055em)} .closing-word.crop-ultra-lightcrop span,.closing-word.crop-ultra-deepcrop span,.closing-word.crop-ultra-bothcrop span{-webkit-text-stroke:.026em currentColor;paint-order:stroke fill;letter-spacing:-.005em} .dir-motion-media .film-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;z-index:1} .dir-motion-media[data-media-ready=true] .film-poster{visibility:hidden}