/* Magnet / November 2026: quiet colour, comfortable scale, work-first composition. */
:root{--bg:#f4f2ed;--text:#22231f;--muted:#73746d;--panel:#eae8e1;--line:#d6d5ce;--lime:#373c2b;--shell:clamp(24px,6vw,100px);--maxw:1440px}
body{background:var(--bg);color:var(--text);font-family:Poppins,Arial,sans-serif;font-size:14px;line-height:1.7}
h1,h2,h3,h4,.display{font-family:Outfit,Arial,sans-serif;font-weight:500;letter-spacing:-.045em;text-transform:none;line-height:1.12}
h1,.phero h1,.chero h1,.case-title-row h1{font-size:clamp(38px,5vw,72px);font-weight:500;letter-spacing:-.045em;line-height:1.1}
h2,.s-head h2{font-size:clamp(28px,3.1vw,46px);font-weight:500;line-height:1.17}
p{line-height:1.8}.section{padding:clamp(72px,8vw,128px) var(--shell)}.wrap{max-width:var(--maxw);margin:auto;padding:0}.eyebrow{color:#73746d;font:500 10px/1.6 Poppins,sans-serif;letter-spacing:.13em;text-transform:uppercase}.eyebrow::before{background:#929687;width:16px}.lime{color:inherit!important}
.nav{height:96px;padding:0 var(--shell);background:var(--bg);color:var(--text);border-bottom:1px solid transparent;box-shadow:none}.nav.scrolled{height:80px;background:#f4f2edf5;border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.nav__logo img{width:72px;height:48px;object-fit:contain;filter:grayscale(1) brightness(0)}.nav__links{gap:28px}.nav__link{color:inherit;font-size:12px;font-weight:400}.nav__link:hover,.nav__link.is-active{color:inherit;opacity:.65}.nav__cta{border:1px solid currentColor;font-size:10px;letter-spacing:0;border-radius:40px;min-height:40px;padding:10px 18px;color:inherit}.nav__burger span{background:currentColor}.mobile-menu{background:#f4f2ed;color:#22231f}.mobile-menu a{color:inherit;font-size:32px}.btn,.btn--lime{background:#252722;color:#fff;border:1px solid #252722;border-radius:40px;letter-spacing:0;text-transform:none;font-size:12px;font-weight:500;padding:13px 24px;min-height:46px}.btn::before{display:none}.btn:hover,.btn--lime:hover{background:#44483b;color:white}.text-link{font-size:12px;letter-spacing:0;text-transform:none;color:inherit;border-color:#a7a99f;padding-bottom:7px}.text-link:hover{color:inherit;opacity:.7}
.editorial-home .nav:not(.scrolled){background:transparent;color:#fff}.editorial-home .nav:not(.scrolled) .nav__logo img{filter:grayscale(1) brightness(0) invert(1)}
.hero-v2.editorial-hero{padding:180px var(--shell) 35px;min-height:86svh;background:#191b17;display:flex;align-items:center;color:#fff}.editorial-hero .hero__inner{min-height:0;width:100%;max-width:var(--maxw);padding:0;display:block}.editorial-hero .eyebrow{color:#d8d9d1;margin:0 0 38px}.editorial-hero .eyebrow::before{background:#c0cd98}.editorial-hero h1{font-size:clamp(42px,5.5vw,78px);font-weight:500;line-height:1.06;letter-spacing:-.045em;max-width:14ch;margin:0}.editorial-hero h1 em{font-style:normal;color:#e5ead9}.editorial-hero .hero__bottom{margin:38px 0 70px;align-items:center;justify-content:space-between;gap:30px;max-width:100%}.editorial-hero .hero__sub{font-size:14px;line-height:1.8;color:#e1e3da;max-width:43ch}.editorial-hero .hero__media{inset:0;width:100%;height:100%;background:#151814}.editorial-hero .hero__media video{opacity:.55;filter:saturate(.6);object-fit:cover}.editorial-hero .hero__media::after{background:linear-gradient(90deg,rgba(15,19,14,.8),rgba(15,19,14,.2) 75%),linear-gradient(0deg,rgba(15,19,14,.65),transparent 70%)}.editorial-link{display:flex;align-items:center;justify-content:space-between;gap:40px;border:1px solid #ffffff70;border-radius:40px;padding:16px 22px;color:white;font-size:12px}.editorial-link span{font-size:19px}.hero__foot{margin:0;padding-top:20px;border-top:1px solid #ffffff38;font-size:10px;color:#d1d4ca;letter-spacing:.04em}.hero__foot span{text-transform:none}.editorial-intro{display:grid;grid-template-columns:1fr 1.6fr;gap:70px;border-bottom:1px solid var(--line)}.editorial-intro h2{margin:0 0 28px;font-size:clamp(30px,3.8vw,54px)}.editorial-intro p:not(.eyebrow){max-width:54ch;color:#686b61;margin-bottom:28px}.editorial-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:50px}.editorial-heading h2{margin:16px 0 0}.editorial-heading>p{font-size:12px;color:var(--muted)}
.work__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:70px 34px}.work__card,.work__card:nth-child(even),.work__card:nth-child(odd),.portfolio-card{display:block;width:auto;max-width:none;margin:0;padding:0;border:0;background:none;border-radius:0;box-shadow:none;transform:none}.work__card:hover{transform:none;box-shadow:none}.work__visual{width:100%;height:auto;aspect-ratio:4/3;overflow:hidden;background:#e7e5de;border:0;border-radius:2px}.portfolio-card .work__visual img{display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center;transition:transform .6s}.work__visual:hover img{transform:scale(1.025)}.work__view{background:#f4f2ed;color:#22231f;padding:10px 16px;font-size:10px;border-radius:30px}.work__card .wk-top{position:static;margin:20px 0 7px;padding:0}.work__card .wk-cat{color:#7b7d73;font-size:9px;letter-spacing:.1em}.work__card .wk-body{position:static;padding:0;display:block}.work__card .wk-name{font-size:26px;font-weight:500;letter-spacing:-.035em;line-height:1.2;margin:0 0 9px}.work__card .wk-result{font-size:12px;line-height:1.7;color:#73766b;max-width:42ch;margin:0}.work__card .wk-pills,.work__card .wk-body>.text-link{display:none}.work__cta{margin-top:50px}.digital-section{background:#e9e8e2}.website-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px 25px}.website-card{min-width:0}.website-preview{display:block;position:relative;background:#d8d9d2;aspect-ratio:16/9;overflow:hidden;border:1px solid #d6d7ce;border-radius:3px}.website-preview img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;transition:transform .7s}.website-preview:hover img{transform:scale(1.025)}.website-preview .visit-icon{position:absolute;bottom:12px;right:12px;background:#fff;color:#222;border-radius:50%;width:34px;height:34px;display:grid;place-items:center}.website-card h3{font-size:20px;letter-spacing:-.025em;margin:18px 0 3px}.website-card p{font-size:10px;color:#75786c;overflow-wrap:anywhere}.website-unavailable{aspect-ratio:16/9;background:#dfdfd7;display:flex;flex-direction:column;justify-content:space-between;padding:28px;color:#666b5a}.website-unavailable strong{font:500 27px/1.2 Outfit,sans-serif}.website-unavailable span{font-size:10px}.website-search{max-width:460px;width:100%;padding:14px 18px;border:1px solid #aaa;background:transparent;color:#222;border-radius:0;font:inherit;margin-bottom:10px}.website-search-label{display:block;font-size:11px;margin:28px 0 8px}.website-count{font-size:11px;margin-bottom:30px}.collection-note{max-width:65ch;color:#74766c;font-size:12px}.editorial-capabilities{display:grid;grid-template-columns:1fr 1.4fr;gap:80px}.editorial-capabilities h2{margin-top:25px}.practice-list a{display:flex;align-items:center;gap:25px;padding:27px 0;border-bottom:1px solid var(--line);color:inherit}.practice-list a:first-child{border-top:1px solid var(--line)}.practice-list h3{font-size:23px;margin:0;flex:1}.practice-list span{font-size:10px;color:#7f8374}.work-intro{padding-top:190px;padding-bottom:65px}.work-intro h1{max-width:20ch;margin:30px 0}.work-intro>p:not(.eyebrow){max-width:55ch;color:#73766b;font-size:13px}.work-tabs{display:flex;gap:32px;margin-top:55px;padding-top:25px;border-top:1px solid var(--line)}.work-tabs a{font-size:12px}.work-tabs span{font-size:9px;vertical-align:super;margin-left:6px}.editorial-outro h2{font-size:clamp(32px,4vw,58px);margin:25px 0 35px}.editorial-outro{border-top:1px solid var(--line)}
.case-hero{padding-top:155px}.case-title-row h1,.case-title-row .case-long-name{font-size:clamp(38px,5vw,72px);max-width:18ch;text-transform:none;font-weight:500}.case-deck>p{font-size:17px;line-height:1.7;max-width:38ch;color:#707466}.case-deck .wk-pills span{border-color:#cccfc1;color:#6c705f;font-size:10px}.case-back,.case-scroll,.case-section-heading{border-color:var(--line)}.case-cover{background:#e5e4dc;transform:none}.case-story{padding-top:90px;padding-bottom:90px;gap:65px}.case-story h2,.case-section-heading h2,.case-next h2{font-weight:500;letter-spacing:-.04em;font-size:clamp(28px,3.3vw,48px);text-transform:none;line-height:1.18}.case-story p:not(.eyebrow){color:#727767;font-size:14px;line-height:1.9}.case-overview,.case-execution{background:#eae9e2}.case-gallery{gap:35px;grid-template-columns:repeat(2,minmax(0,1fr))}.case-figure:nth-child(2){grid-column:auto;width:100%;margin:0}.case-figure:first-child{grid-column:1/-1}.case-figure img{background:#e4e3dc}.case-figure figcaption{color:#767b6b;font-size:11px}.case-execution li{border-color:#cccfc2;font-size:17px}.case-next{background:#e5e7df;color:#252820}.case-next-link{padding-top:70px}.case-next .eyebrow{color:#747a68}.case-next h2{margin:25px 0}.case-next img{max-height:500px;object-fit:cover}.case-related span{font-size:23px}.case-related h2{font-size:32px}.case-start p{font-size:18px}
.hire{background:#e6e7df;color:#22251d;border-top:1px solid #d5d8c8}.hire__glow{display:none}.hire__pitch h2{font-size:clamp(30px,3.2vw,46px);font-weight:500;max-width:15ch}.hire__sub,.hire__note{color:#737966}.hire__card{background:#f4f2ed;border:1px solid #d6d9cb;box-shadow:none;border-radius:2px}.hire input,.hire select,.hire textarea{color:#252920;background:#f4f2ed;border-color:#cbd0c0}.hire label,.hire__chip{color:#515a42}.hire__chips .hire__chip{border-color:#bac0af;background:transparent}.hire__trust{color:#6b725f}.footer,.seo-footer{background:#252722;color:#dedfd8}.footer{padding:50px var(--shell)}.footer__logo img{filter:grayscale(1)}.footer__copy{font-size:10px;border-color:#4d5047;color:#aeb3a4}.seo-footer{border-top:1px solid #44483d;padding:35px var(--shell);font-size:11px}.seo-footer strong{font-weight:500}.seo-footer address{color:#aeb3a4;font-style:normal}.seo-footer a{color:#d4d8cb}.phero,.chero{background:var(--bg)}.phero__sub,.chero__sub{font-size:15px;color:#727767}.service-row{border-color:var(--line)}.service-row summary h3{font-family:Outfit,sans-serif;font-size:clamp(25px,3vw,42px);font-weight:500;color:#262a20}.service-detail p,.svc p{color:#707764}.service-detail .text-link{color:#252920}.svc__card{background:transparent;border-color:var(--line)}.svc h3{font-size:25px}.cband{background:#e4e7db;color:#222}.cband h2{font-size:clamp(30px,4vw,55px);font-weight:500}.field label,.fgroup__title{color:#6b735e}.field input,.field select,.field textarea{background:#f8f7f2;color:#222;border-color:#c8cebe}.fgroup,.apply-card{border-color:#c8cebe;background:transparent}.dept,.benefit{background:transparent;border-color:#c8cebe}.btn:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #6b7b44;outline-offset:5px}
@media(min-width:1000px){.editorial-work .work__card:nth-child(even){padding-top:90px}.case-figure--wide{grid-column:auto}.editorial-hero .hero__bottom{max-width:1000px}}
@media(max-width:1050px){.nav{height:80px}.editorial-hero .hero__bottom{margin-bottom:55px}.website-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.editorial-capabilities{gap:45px}.work__card .wk-name{font-size:23px}}
@media(max-width:680px){body{font-size:13px}.nav,.nav.scrolled{height:74px}.nav__logo img{width:60px;height:43px}.hero-v2.editorial-hero{padding:140px 24px 28px;min-height:85svh}.editorial-hero h1{font-size:46px;line-height:1.08}.editorial-hero .hero__bottom{display:block;margin:28px 0 45px}.editorial-hero .hero__sub{font-size:12px}.editorial-link{display:inline-flex;gap:32px;margin-top:26px;padding:12px 18px}.hero__foot{font-size:8px;gap:20px}.editorial-intro,.editorial-capabilities{grid-template-columns:1fr;gap:28px}.editorial-intro h2{font-size:35px}.editorial-heading{display:block;margin-bottom:32px}.editorial-heading>.text-link{display:inline-block;margin-top:25px}.work__grid{grid-template-columns:1fr;gap:40px}.work__card .wk-name{font-size:25px}.website-grid{grid-template-columns:1fr;gap:35px}.website-preview{aspect-ratio:16/9}.work-intro{padding-top:140px}.work-intro h1{font-size:40px}.work-tabs{gap:20px;margin-top:35px}.work-tabs a{font-size:11px}.case-hero{padding-top:125px}.case-title-row{display:block}.case-title-row h1{font-size:42px;margin-bottom:25px}.case-back{display:inline-block}.case-deck{display:block;margin:25px 0 35px}.case-deck>p{font-size:15px}.case-deck .wk-pills{margin-top:22px;max-width:100%;justify-content:flex-start}.case-story{grid-template-columns:1fr;gap:20px;padding:65px 24px}.case-gallery{grid-template-columns:1fr;gap:25px}.case-figure:nth-child(2){grid-column:1}.case-related>div{gap:20px}.case-related span{font-size:20px}.case-start{display:block}.case-start .btn{margin-top:20px}.hire__wrap{gap:35px}.hire__card{padding:24px 18px}.practice-list h3{font-size:20px}.footer__copy{gap:15px}.seo-footer{display:block}.seo-footer nav{margin-top:20px}}
@media(prefers-reduced-motion:reduce){.editorial-hero .hero__media video{display:none}.editorial-hero .hero__media{background:#171c16 url('/assets/video/magnet-editorial-hero.jpg') center/cover}.work__visual img,.website-preview img{transition:none}}

.website-card__caption{display:flex;align-items:baseline;justify-content:space-between;gap:15px}.website-card__caption>span{font-size:20px}.website-card[hidden]{display:none}.website-unavailable span{font:500 27px/1.2 Outfit,sans-serif}.website-unavailable small{font-size:11px}
#about.editorial-intro{background:var(--bg);color:var(--text)}.nav__burger{color:inherit}body.nav-open .nav{background:var(--bg);color:var(--text)}body.nav-open .nav .nav__logo img{filter:grayscale(1) brightness(0)}
body.editorial-home.nav-open .nav:not(.scrolled){background:var(--bg);color:var(--text)}body.editorial-home.nav-open .nav:not(.scrolled) .nav__logo img{filter:grayscale(1) brightness(0)}.mobile-menu>a{font-family:Outfit,sans-serif;font-weight:500;text-transform:none;letter-spacing:-.025em}.mobile-menu a.mm-cta{color:#fff;font-size:13px;min-width:0}
.hire__trust span,.hire__success p{color:#59604f}.hire__trust span::before,.hire__check{box-shadow:none}.hire input:focus,.hire select:focus,.hire textarea:focus{background:#fff;color:#222;border-color:#697557;box-shadow:0 0 0 3px #69755722}.hire select option{background:#f4f2ed;color:#222}.hire__banner{color:#8a3434;background:#fff4f2}.hire__check svg{color:#fff}.hire__success h3{font-weight:500;text-transform:none}.hf__err{color:#a13535}
/* Work and films move to the front. Compact intro, complete project collection. */
.editorial-home .nav:not(.scrolled){background:#f4f2edf5;color:#22231f}.editorial-home .nav:not(.scrolled) .nav__logo img{filter:grayscale(1) brightness(0)}
.studio-hero{padding:140px var(--shell) 48px;display:grid;grid-template-columns:.85fr 1.4fr;gap:50px;align-items:center;border-bottom:1px solid var(--line)}.studio-hero__copy h1{font-size:clamp(34px,3.5vw,52px);max-width:15ch;margin:24px 0;line-height:1.1}.studio-hero__copy>p:not(.eyebrow){font-size:13px;color:#65685f;line-height:1.8}.studio-hero__links{display:flex;flex-wrap:wrap;gap:22px;align-items:center;margin-top:26px}.studio-hero__films{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:center}.hero-film{position:relative;aspect-ratio:9/16;overflow:hidden;border:0;background:#1b1c18;padding:0;border-radius:3px;cursor:pointer}.hero-film:nth-child(2){margin-top:36px}.hero-film video{width:100%;height:100%;object-fit:contain;opacity:1;filter:none}.film-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:42px;height:42px;border:1px solid #fff9;background:#0005;color:#fff;border-radius:50%;display:grid;place-items:center;font-size:13px;padding-left:2px;pointer-events:none}.hero-film__number{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#0009);color:#fff;font:10px Poppins,sans-serif;padding:25px 10px 12px;text-align:left}.editorial-home .section{padding-block:60px}.editorial-home .editorial-heading{margin-bottom:30px}.editorial-home .editorial-heading h2{font-size:36px}.editorial-home .editorial-work .work__card:nth-child(even){padding-top:0}.editorial-home .work__grid{gap:35px 24px}.editorial-home .work__visual{aspect-ratio:16/9;background:#e9e7e0}.editorial-home .portfolio-card .work__visual img{object-fit:contain}.editorial-home .wk-top{margin-top:13px}.editorial-home .wk-name{font-size:23px}.portfolio-card[hidden]{display:none}.project-more{text-align:center;margin-top:38px}.project-more button[hidden]{display:none}.motion-section{background:#22251f;color:#f4f2ed}.motion-section .eyebrow,.motion-section .editorial-heading>p{color:#b2b9aa}.motion-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:30px 18px}.motion-card{min-width:0}.motion-card>button{position:relative;display:block;aspect-ratio:9/14;width:100%;border:0;border-radius:3px;overflow:hidden;padding:0;background:#10120e;cursor:pointer}.motion-card img{width:100%;height:100%;object-fit:contain;display:block;transition:transform .3s}.motion-card button:hover img{transform:scale(1.025)}.motion-card__number{position:absolute;left:10px;top:10px;font:10px Poppins,sans-serif;color:#fff;background:#0008;padding:5px 8px;border-radius:20px}.motion-card h3{font-size:15px;line-height:1.35;font-weight:400;letter-spacing:-.015em;margin:13px 0 6px}.motion-card>a{font-size:10px;color:#b0b7a7;text-decoration:underline;text-underline-offset:3px}.motion-dialog{border:1px solid #ffffff30;background:#151713;color:white;border-radius:8px;padding:18px;width:min(900px,94vw);max-height:94svh}.motion-dialog::backdrop{background:#000c;backdrop-filter:blur(7px)}.motion-dialog video{display:block;width:100%;height:min(70svh,720px);object-fit:contain;background:#080908}.motion-close{display:block;margin:0 0 12px auto;border:1px solid #fff6;padding:8px 15px;background:transparent;color:#fff;border-radius:30px;font:12px Poppins,sans-serif;cursor:pointer}.motion-dialog__caption{display:flex;gap:20px;justify-content:space-between;align-items:center;margin-top:12px;font-size:12px}.motion-dialog__caption a{flex-shrink:0;font-size:11px;text-decoration:underline}body.film-open{overflow:hidden}
@media(max-width:1000px){.studio-hero{gap:28px;grid-template-columns:1fr 1.3fr}.studio-hero__copy h1{font-size:36px}.motion-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.studio-hero__links{gap:15px}}
@media(max-width:680px){.studio-hero{padding:110px 24px 32px;display:block}.studio-hero__copy h1{font-size:36px;max-width:19ch;margin:18px 0}.studio-hero__copy>p:not(.eyebrow){font-size:12px}.studio-hero__links{margin:22px 0 28px}.studio-hero__films{gap:8px}.hero-film:nth-child(2){margin-top:18px}.hero-film__number{font-size:8px;padding-inline:6px}.hero-film .film-play{width:30px;height:30px;font-size:10px}.editorial-home .section{padding-block:42px}.editorial-home .editorial-heading h2{font-size:30px}.editorial-home .work__grid{gap:27px}.motion-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 12px}.motion-card h3{font-size:13px}.motion-dialog__caption{display:block}.motion-dialog__caption a{display:inline-block;margin-top:8px}}
.motion-dialog{margin:auto}.studio-hero__films{max-width:620px;width:100%;justify-self:end}.studio-hero{padding-top:120px;padding-bottom:32px}.editorial-home #work{padding-top:42px}.editorial-home .editorial-heading h2{margin-top:10px}@media(max-width:680px){.studio-hero{padding-top:105px}.studio-hero__films{max-width:none}.editorial-home #work{padding-top:35px}}