:root{--orange:#f58200;--ink:#171715;--paper:#f4f1eb;--white:#fff;--muted:#736f68;--line:rgba(23,23,21,.16);--pad:clamp(1.25rem,4.5vw,5rem);--max:1480px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"Helvetica Neue",sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}img{display:block;width:100%}a{color:inherit}button{font:inherit}.skip-link{position:fixed;top:-5rem;left:1rem;z-index:200;background:#fff;padding:.8rem 1rem}.skip-link:focus{top:1rem}.site-header{height:88px;display:flex;align-items:center;gap:3rem;padding:0 var(--pad);position:fixed;top:0;left:0;right:0;z-index:100;color:#fff;border-bottom:1px solid rgba(255,255,255,.28);transition:.3s}.site-header.scrolled{height:74px;background:rgba(244,241,235,.95);color:var(--ink);border-color:var(--line);backdrop-filter:blur(14px)}.brand{display:flex;align-items:flex-end;width:160px;text-decoration:none;position:relative}.brand img{width:128px;height:42px;object-fit:contain;object-position:left center}.site-header:not(.scrolled) .brand img{filter:brightness(0) invert(1)}.brand span{font-size:.67rem;letter-spacing:.04em;margin:0 0 4px -24px}.site-nav{display:flex;align-items:center;gap:clamp(1rem,2.5vw,2.8rem);margin-left:auto}.site-nav a{text-decoration:none;text-transform:uppercase;font-size:.7rem;letter-spacing:.12em}.site-nav a:hover{text-decoration:underline;text-underline-offset:.4rem}.header-tools{display:flex;gap:1.4rem;align-items:center}.languages{display:flex;gap:.15rem}.languages button{border:0;background:transparent;color:inherit;padding:.4rem;font-size:.66rem;opacity:.55;cursor:pointer}.languages button.active{opacity:1;text-decoration:underline;text-underline-offset:.25rem}.menu-toggle{display:none;border:0;background:transparent;color:inherit;width:32px}.menu-toggle i{display:block;height:1px;background:currentColor;margin:7px 0}.hero{height:min(940px,100svh);min-height:700px;position:relative;color:#fff;display:flex;align-items:flex-end;overflow:hidden;background:#222}.hero-image,.hero-overlay,.hero-grid{position:absolute;inset:0;height:100%}.hero-image{object-fit:cover;animation:hero-in 1.4s ease both}.hero-overlay{background:linear-gradient(90deg,rgba(10,10,8,.82),rgba(10,10,8,.3) 60%,rgba(10,10,8,.12)),linear-gradient(0deg,rgba(10,10,8,.5),transparent 55%)}.hero-grid{background-image:linear-gradient(90deg,transparent calc(50% - .5px),rgba(255,255,255,.16) 50%,transparent calc(50% + .5px));pointer-events:none}.hero-content{position:relative;z-index:2;margin:0 var(--pad) clamp(5rem,11vh,8.5rem);max-width:970px}.eyebrow,.section-kicker{text-transform:uppercase;font-size:.7rem;letter-spacing:.2em}.eyebrow{margin:0 0 1.7rem;color:rgba(255,255,255,.72)}.hero h1{font-size:clamp(3.5rem,7.8vw,8.3rem);letter-spacing:-.06em;line-height:.88;font-weight:500;margin:0}.hero h1 em,.display em,.contact h2 em{font-family:Georgia,serif;font-weight:400}.hero-lead{max-width:620px;font-size:clamp(1rem,1.45vw,1.28rem);color:rgba(255,255,255,.78);margin:2.2rem 0}.hero-actions{display:flex;align-items:center;gap:2rem;flex-wrap:wrap}.button{min-height:54px;display:inline-flex;align-items:center;padding:.7rem 1.25rem;text-decoration:none;text-transform:uppercase;font-size:.7rem;letter-spacing:.12em}.button-primary{background:var(--orange);color:#111}.button-primary:hover{background:#fff}.button-link{display:flex;gap:2rem;text-decoration:none;text-transform:uppercase;font-size:.7rem;letter-spacing:.12em}.button-link b{color:var(--orange);font-size:1rem}.hero-index{position:absolute;z-index:2;right:var(--pad);bottom:3rem;display:flex;align-items:center;gap:1rem;font-size:.65rem}.hero-index i{width:80px;height:1px;background:rgba(255,255,255,.55)}.proof{background:var(--orange);display:grid;grid-template-columns:repeat(4,1fr);padding:0 var(--pad)}.proof div{min-height:160px;padding:2rem 2rem;display:flex;flex-direction:column;justify-content:center;border-left:1px solid rgba(0,0,0,.18)}.proof div:last-child{border-right:1px solid rgba(0,0,0,.18)}.proof strong{font-size:clamp(2rem,3vw,3.4rem);letter-spacing:-.05em;line-height:1}.proof span{text-transform:uppercase;font-size:.66rem;letter-spacing:.12em;margin-top:.7rem}.section{max-width:var(--max);margin:auto;padding:clamp(6.5rem,11vw,11rem) var(--pad)}.section-kicker{display:flex;gap:1rem;color:var(--muted);margin-bottom:clamp(3rem,6vw,6rem)}.section-kicker span:first-child{color:var(--orange)}.section-kicker.light{color:rgba(255,255,255,.58)}.scope-heading{display:grid;grid-template-columns:1.4fr .65fr;gap:clamp(3rem,9vw,10rem);align-items:end}.display{font-size:clamp(2.8rem,5.8vw,6rem);letter-spacing:-.055em;line-height:.96;font-weight:500;margin:0}.display em{color:var(--orange)}.section-intro{color:var(--muted);font-size:1.05rem;max-width:520px;margin:0}.service-list{margin-top:clamp(4rem,8vw,8rem);border-top:1px solid var(--line)}.service{display:grid;grid-template-columns:60px 1.1fr 1fr 35px;gap:2rem;padding:1.7rem 0;border-bottom:1px solid var(--line);align-items:center;transition:padding .25s,background .25s}.service:hover{padding-left:1rem;padding-right:1rem;background:#fff}.service>span{font-family:Georgia,serif;font-style:italic;color:var(--orange)}.service h3{margin:0;font-size:1.25rem;font-weight:500}.service p{margin:0;color:var(--muted);font-size:.9rem}.service i{font-style:normal;color:var(--orange)}.projects{background:var(--ink);color:#fff;padding-bottom:clamp(6rem,9vw,9rem);overflow:hidden}.projects-head{padding-bottom:5rem}.projects-head .section-kicker{color:rgba(255,255,255,.58)}.project-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;grid-template-rows:360px 360px;gap:2px;background:#444}.project{margin:0;position:relative;overflow:hidden;background:#333}.project-main{grid-row:1/3}.project-side{grid-column:2/4}.project img{height:100%;object-fit:cover;filter:saturate(.82);transition:transform .6s,filter .3s}.project:hover img{transform:scale(1.025);filter:saturate(1)}.project figcaption{position:absolute;left:0;right:0;bottom:0;padding:4rem 1.5rem 1.4rem;display:flex;justify-content:space-between;align-items:end;background:linear-gradient(transparent,rgba(0,0,0,.75))}.project strong{font-weight:500;font-size:1.15rem}.project span{text-transform:uppercase;font-size:.62rem;letter-spacing:.12em;color:rgba(255,255,255,.65)}.project-note{padding:3rem var(--pad) 0;margin-left:auto;max-width:760px;color:rgba(255,255,255,.56);font-size:.85rem}.production{display:grid;grid-template-columns:1fr 1fr;gap:clamp(3rem,8vw,9rem);align-items:center}.production-media{position:relative}.production-media img{height:700px;object-fit:cover;filter:saturate(.75)}.production-media:before{content:"";position:absolute;z-index:1;right:-18px;bottom:-18px;width:38%;height:38%;background:var(--orange)}.production-media span{position:absolute;z-index:2;left:1.4rem;bottom:1.2rem;color:#fff;font-size:.7rem;letter-spacing:.18em}.production-copy .section-kicker{margin-bottom:3rem}.production-copy .display{font-size:clamp(2.6rem,4.5vw,4.8rem)}.production-copy .lead{font-size:1.15rem;margin:2.7rem 0 1.4rem}.production-copy>p:not(.lead){color:var(--muted)}.production-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:2.5rem}.production-tags span{border:1px solid var(--line);padding:.65rem .8rem;text-transform:uppercase;font-size:.6rem;letter-spacing:.11em}.process{padding-top:4rem}.process-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(4rem,10vw,12rem)}.process ol{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.process li{display:grid;grid-template-columns:55px 1fr;padding:1.5rem 0;border-bottom:1px solid var(--line)}.process li>span{font-family:Georgia,serif;font-style:italic;color:var(--orange)}.process h3{margin:0 0 .3rem;font-size:1.05rem;font-weight:500}.process p{margin:0;color:var(--muted);font-size:.88rem}.contact{margin:0 1rem 1rem;background:var(--orange);display:grid;grid-template-columns:1fr 1fr;min-height:760px}.contact-copy{padding:clamp(4rem,8vw,8rem) var(--pad);display:flex;flex-direction:column;justify-content:center}.contact h2{font-size:clamp(3rem,5.5vw,6rem);line-height:.94;letter-spacing:-.055em;font-weight:500;margin:0}.contact h2 em{color:#fff}.contact-copy>p{max-width:570px;margin:2rem 0}.contact-mail{font-size:clamp(1.1rem,2vw,1.8rem);text-underline-offset:.4rem}.contact-mail span{margin-left:.5rem}.contact-meta{border-top:1px solid rgba(0,0,0,.22);display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:4rem;padding-top:1.5rem}.contact-meta small{text-transform:uppercase;font-size:.58rem;letter-spacing:.14em}.contact-meta p{font-size:.85rem}.contact-photo{position:relative;overflow:hidden}.contact-photo img{height:100%;object-fit:cover}.contact-photo span{position:absolute;inset:2rem;border:1px solid rgba(255,255,255,.4)}footer{background:#0d0d0c;color:#fff;padding:4rem var(--pad) 2rem;display:grid;grid-template-columns:1fr 1fr;gap:3rem}.footer-brand img{filter:none}.footer-brand span{color:#fff}footer>p{margin:0;text-align:right;color:rgba(255,255,255,.56);font-size:.8rem}footer>div{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.14);padding-top:1.2rem;display:flex;justify-content:space-between;font-size:.7rem;color:rgba(255,255,255,.5)}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}@keyframes hero-in{from{opacity:.5;transform:scale(1.035)}to{opacity:1;transform:scale(1)}}
@media(max-width:900px){.site-header{height:72px}.site-nav{display:none;position:absolute;top:72px;left:0;right:0;background:var(--paper);color:var(--ink);padding:2rem var(--pad);flex-direction:column;align-items:flex-start}.site-nav.open{display:flex}.menu-toggle{display:block}.scope-heading,.production,.process-grid{grid-template-columns:1fr}.proof{grid-template-columns:1fr 1fr}.proof div:nth-child(2){border-right:1px solid rgba(0,0,0,.18)}.service{grid-template-columns:45px 1fr 28px}.service p{grid-column:2}.service i{grid-column:3;grid-row:1}.project-grid{grid-template-columns:1fr 1fr;grid-template-rows:440px 300px 300px}.project-main{grid-column:1/3;grid-row:auto}.project-side{grid-column:auto}.production-media img{height:520px}.contact{grid-template-columns:1fr}.contact-photo{height:65vw;min-height:390px}}
@media(max-width:600px){.site-header{padding:0 1rem}.brand{width:135px}.brand img{width:108px}.languages{gap:0}.hero{min-height:690px}.hero-grid{display:none}.hero h1{font-size:clamp(3.25rem,16vw,5.2rem)}.hero-index{display:none}.proof{grid-template-columns:1fr 1fr;padding:0}.proof div{padding:1.3rem;min-height:125px}.proof strong{font-size:1.8rem}.proof span{font-size:.55rem}.section{padding-left:1.2rem;padding-right:1.2rem}.service{gap:1rem}.project-grid{display:flex;flex-direction:column;background:none;gap:2px}.project{height:340px}.project-main{height:480px}.project figcaption{flex-direction:column;align-items:flex-start;gap:.3rem}.production-media img{height:430px}.contact{margin:0}.contact-copy{padding:5rem 1.2rem}.contact-meta{grid-template-columns:1fr}.contact-photo{height:520px}.footer{grid-template-columns:1fr}footer>p{text-align:left}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}
.production-media img{object-position:78% center}

/* Restrained B2B presentation, with navigation following MCP's white header. */
:root{--orange:#a77945;--paper:#f7f6f3}
html{scroll-padding-top:110px}
.site-header,.site-header.scrolled{height:96px;background:#fff;color:#292927;border-bottom:1px solid #e9e7e2;backdrop-filter:none;gap:2rem}
.site-header.scrolled{box-shadow:0 3px 15px #00000008}
.brand{display:block;flex:0 0 190px;width:190px;padding-bottom:14px}
.brand img{width:190px;height:60px;object-fit:contain}
.site-header:not(.scrolled) .brand img{filter:none}
.brand span{position:absolute;left:1px;bottom:0;margin:0;font-size:16px;line-height:1;letter-spacing:.08em;color:inherit}
.site-nav{gap:2rem}
.site-nav a{font-family:"Helvetica Neue CE 35 Thin","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:20px;font-weight:200;letter-spacing:.015em;text-transform:none;padding:12px 0}
.site-nav a:hover{color:#966f43}
.header-tools{position:relative;padding-top:0;gap:1rem}
.header-phone{position:absolute;right:0;top:-8px;white-space:nowrap;font-size:12px;text-decoration:none;color:#67645e}
.languages{border-left:1px solid #ddd8d0;padding-left:1rem}
.languages button{min-height:36px;min-width:34px;font-weight:600;opacity:1;color:#706d67}
.languages button.active{color:#242321;text-decoration-color:#a77945}
.hero{margin-top:96px;min-height:630px;height:min(780px,calc(100svh - 96px))}
.hero h1{font-size:clamp(2.8rem,5.5vw,5.6rem);line-height:1.08;letter-spacing:-.04em;max-width:1000px}
.hero h1 em,.display em,.contact h2 em{font-family:inherit;font-style:normal}
.hero h1 em{color:#eee9e1}
.hero-content{margin-bottom:5rem;max-width:1040px}
.hero-lead{max-width:690px;line-height:1.65}
.hero-grid{display:none}
.hero-image{animation:none}
.button-primary{background:#e5d9c8;color:#242321}
.button-link b{color:#e5d9c8}
.proof{background:#ebe7e0;border-bottom:1px solid #dcd6ce;color:#35332f}
.proof div{min-height:148px;border-color:#d4cec5}
.proof div:last-child{border-color:#d4cec5}
.proof strong{font-size:clamp(1.8rem,2.8vw,2.8rem);font-weight:500;letter-spacing:-.03em}
.proof span{color:#635e55;text-transform:none;letter-spacing:.01em;font-size:.8rem}
.display{font-size:clamp(2.1rem,3.7vw,3.9rem);line-height:1.16;letter-spacing:-.035em}
.display em{color:#786c5d}
.scope-heading{grid-template-columns:1.15fr 1fr;gap:5rem}
.service{grid-template-columns:45px 1fr 1.3fr}
.service:hover{padding-left:0;padding-right:0;background:transparent}
.service p{line-height:1.7}
.projects{background:#ebe7e0;color:var(--ink);padding-bottom:4rem}
.projects-head{padding-top:6rem;padding-bottom:3rem}
.projects-head .section-kicker{color:#736f68;margin-bottom:2.5rem}
.project-grid{max-width:calc(var(--max) - 2 * var(--pad));margin:0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;gap:20px;background:none;padding:0 1rem}
.project,.project-main,.project-side{grid-row:auto;grid-column:auto;height:360px}
.project button{display:block;width:100%;height:100%;border:0;padding:0;background:transparent;color:#fff;text-align:left;cursor:zoom-in}
.project figcaption{pointer-events:none;color:#fff}
.project img{filter:none}
.project-note{max-width:var(--max);margin:auto;color:#686158;padding-top:1.7rem}
.production-media img{height:490px;object-position:45% center;filter:none}
.production-media:before{display:none}
.production-copy .display{font-size:clamp(2rem,3.2vw,3.4rem)}
.production-tags span{background:#eeebe5}
.contact{background:#e5dfd6;min-height:650px}
.contact .section-kicker.light{color:#716b63}
.contact h2{font-size:clamp(2.5rem,4vw,4.5rem);line-height:1.12}
.contact h2 em{color:#786c5d}
.reveal{opacity:1;transform:none;transition:none}
a:focus-visible,button:focus-visible{outline:3px solid #ad7b3f;outline-offset:5px}
.gallery-modal{border:0;padding:0;background:transparent;color:#fff;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;overflow:hidden}
.gallery-modal::backdrop{background:rgba(18,18,17,.76);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.gallery-panel{height:100%;display:grid;grid-template-columns:64px minmax(0,1200px) 64px;align-items:center;justify-content:center;gap:20px;padding:64px 24px 30px}
.gallery-figure{margin:0;min-width:0}
.gallery-image{width:100%;height:min(76dvh,880px);object-fit:contain;filter:none}
.gallery-figure figcaption{display:flex;justify-content:space-between;gap:20px;padding-top:16px;font-size:.9rem}
.gallery-count{white-space:nowrap;color:#d7d2cb}
.gallery-close,.gallery-prev,.gallery-next{width:52px;height:52px;display:grid;place-items:center;border:1px solid #ffffff70;background:#ffffff12;color:#fff;font-size:2rem;cursor:pointer;border-radius:50%}
.gallery-close{position:absolute;top:16px;right:24px}
.gallery-prev:hover,.gallery-next:hover,.gallery-close:hover{background:#ffffff30}
body.gallery-open{overflow:hidden}

/* Small brand-colour strokes and enlarged rounded corners echo the Mobi mark. */
:root{--brand-accent:#ed850d}
.site-header .brand{padding-bottom:0}
.hero .eyebrow{max-width:850px;line-height:1.9;letter-spacing:.12em}
.hero h1{font-size:clamp(2.5rem,4.5vw,4.6rem)}
.hero h1 em{display:inline-block;margin-top:.5em;max-width:850px;font-size:clamp(1.5rem,2.7vw,2.8rem);line-height:1.25;letter-spacing:-.025em}
.hero .eyebrow::before{content:"";display:block;width:64px;height:2px;background:var(--brand-accent);margin-bottom:20px}
.hero::after{content:"";position:absolute;right:-70px;bottom:45px;width:clamp(240px,28vw,430px);aspect-ratio:1;border:2px solid rgba(237,133,13,.4);border-radius:28%;pointer-events:none;z-index:1}
.button-primary{gap:32px;border-radius:12px;border:1px solid rgba(237,133,13,.5);font-size:.8rem;letter-spacing:.06em}
.button-primary>span:last-child{font-size:1.25rem;color:#805126}
.section-kicker::after{content:"";width:48px;height:1px;background:var(--brand-accent);align-self:center;opacity:.7}
.production-media::after{content:"";position:absolute;width:140px;height:140px;right:12px;bottom:12px;border-right:2px solid rgba(237,133,13,.7);border-bottom:2px solid rgba(237,133,13,.7);border-bottom-right-radius:44px;pointer-events:none}
.contact{position:relative;overflow:hidden}
.contact-copy{position:relative;z-index:1}
.contact::before{content:"";position:absolute;left:-130px;top:-160px;width:340px;height:340px;border:2px solid rgba(237,133,13,.2);border-radius:28%;pointer-events:none}
@media(max-width:600px){.hero::after{width:200px;right:-120px;bottom:30px;opacity:.5}.hero .eyebrow{font-size:.65rem;letter-spacing:.07em}.production-media::after{width:100px;height:100px;border-bottom-right-radius:30px}}
@media(max-width:1100px){.site-nav{gap:1.1rem}.site-header{gap:1.2rem}.brand{flex-basis:168px;width:168px}.brand img{width:168px;height:53px}.scope-heading{gap:3rem}}
@media(max-width:900px){.site-header,.site-header.scrolled{height:84px}.site-nav{top:84px;background:#fff}.header-tools{margin-left:auto;padding-top:0}.header-phone{display:none}.hero{margin-top:84px}.scope-heading{grid-template-columns:1fr}.service{grid-template-columns:35px 1fr}.service p{grid-column:2}.proof div:nth-child(2){border-color:#d4cec5}.project,.project-main,.project-side{height:300px}.production-media img{height:420px}.brand{flex-basis:152px;width:152px}.brand img{width:152px;height:48px}.brand span{font-size:13px}}
@media(max-width:600px){.site-header,.site-header.scrolled{height:78px;gap:.5rem}.site-nav{top:78px}.brand{flex-basis:132px;width:132px}.brand img{width:132px;height:42px}.header-tools{gap:.5rem}.languages{padding-left:0;border:0}.languages button{min-width:28px;padding:4px}.hero{margin-top:78px;min-height:650px;height:auto}.hero-content{margin-top:6rem;margin-bottom:4rem}.hero h1{font-size:clamp(2.5rem,10vw,3.5rem)}.proof div{padding:1.2rem;min-height:130px}.proof span{font-size:.73rem}.project-grid{display:grid;grid-template-columns:1fr;gap:14px}.project,.project-main,.project-side{height:310px}.project figcaption{align-items:flex-start}.contact-meta{grid-template-columns:1fr}.gallery-panel{grid-template-columns:1fr 1fr;padding:70px 12px 24px;gap:12px;align-content:center}.gallery-figure{grid-column:1/-1;grid-row:1}.gallery-image{height:65dvh}.gallery-prev{grid-column:1;justify-self:end}.gallery-next{grid-column:2;justify-self:start}.gallery-close{right:16px}.gallery-figure figcaption{font-size:.78rem}footer{grid-template-columns:1fr}footer>div{gap:16px}}