@font-face{font-family:DM Sans;src:url('/assets/fonts/dm-sans-regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:DM Sans;src:url('/assets/fonts/dm-sans-medium.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:DM Sans;src:url('/assets/fonts/dm-sans-semibold.ttf') format('truetype');font-weight:600 900;font-display:swap}
@font-face{font-family:Instrument Serif;src:url('/assets/fonts/instrument-serif-italic.ttf') format('truetype');font-weight:400;font-style:italic;font-display:swap}
:root{--ink:#191b17;--paper:#f3f2eb;--lime:#d6fc77;--muted:#77796e;--line:#d4d5ca;--pad:clamp(24px,4.7vw,88px);--display:'DM Sans',sans-serif;--serif:'Instrument Serif',Georgia,serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:112px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--display);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}body.dialog-open,body.menu-open{overflow:hidden}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}a{color:inherit;text-decoration:none}button:disabled{cursor:default}img{display:block;max-width:100%;height:auto}button{border:0;background:none}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:500}h1,h2{letter-spacing:-.06em;line-height:1.04}h3{letter-spacing:-.035em}em{font-family:var(--serif);font-weight:400;letter-spacing:-.035em}::selection{background:var(--lime);color:var(--ink)}:focus-visible{outline:3px solid #65852d;outline-offset:6px}.hero :focus-visible,.site-header :focus-visible,.contact :focus-visible,.site-footer :focus-visible{outline-color:var(--lime)}[hidden]{display:none!important}.wrap{width:100%;max-width:1680px;padding-inline:var(--pad);margin-inline:auto}.section-pad{padding-block:110px}.eyebrow{font-size:10px;font-weight:500;letter-spacing:.12em;line-height:1.7}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;z-index:1000;left:20px;top:-80px;background:var(--lime);padding:16px 25px;color:var(--ink)}.skip-link:focus{top:15px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:38px;min-height:56px;padding:16px 25px;border-radius:4px;font-size:13px;font-weight:500;line-height:1.4;transition:background .25s,transform .25s,color .25s;white-space:nowrap}.button>span{font-size:23px;font-weight:400;line-height:1;transition:transform .25s}.button:hover>span{transform:translate(3px,-3px)}.button--small{min-height:43px;padding:12px 18px;font-size:11px;gap:28px}.button--lime{background:var(--lime);color:var(--ink)}.button--lime:hover{background:#e1ffa0}.button--light{background:var(--paper);color:var(--ink)}.button--light:hover{background:var(--lime)}.button--dark{background:var(--ink);color:var(--paper)}.button--dark:hover{background:#3d4532}.text-link{padding:0 0 8px;border-bottom:1px solid currentColor;display:inline-flex;align-items:center;justify-content:space-between;gap:32px;font-size:13px;font-weight:500;line-height:1.4;text-align:left}.text-link span{font-size:22px;transition:transform .25s}.text-link:hover span{transform:translate(3px,-3px)}
/* A quiet header lets the brand and work take the lead. */
.site-header{position:sticky;top:0;z-index:50;background:#171916;color:var(--paper);transition:box-shadow .2s}.site-header.is-scrolled{box-shadow:0 1px 0 #ffffff16}.nav-wrap{height:99px;display:flex;align-items:center;justify-content:space-between;gap:35px}.brand{display:block;flex-shrink:0}.brand img{width:150px;height:50px;object-fit:contain}.nav-wrap nav{display:flex;gap:35px;margin-left:auto;margin-right:auto;align-items:center}.nav-wrap nav a{font-size:12px;position:relative}.nav-wrap nav a:after{content:'';height:1px;position:absolute;bottom:-7px;left:0;width:0;background:var(--lime);transition:width .3s}.nav-wrap nav a:hover:after{width:100%}.nav-wrap sup{font-size:8px;color:var(--lime);margin-left:4px;top:-.5em;position:relative}.nav-actions{display:flex;align-items:center;gap:25px}.language{font-size:10px;letter-spacing:.03em;display:flex;gap:7px;align-items:center}.language span{font-size:13px}.menu-toggle{display:none;width:44px;height:44px;padding:10px}.menu-toggle span{display:block;width:24px;height:1px;background:var(--paper);margin-block:6px;transition:transform .25s}
.brand img[src*="zomfy-logo-header-bright"]{mix-blend-mode:screen;transform:translateX(-14px) scale(1.25);transform-origin:left center}
/* The original client images form the opening composition. */
.hero{color:var(--paper);background:#171916;overflow:hidden;position:relative}.hero:after{content:'';position:absolute;inset:0;pointer-events:none;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23noise)' opacity='.5' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.hero-grid{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;padding-top:44px;padding-bottom:58px;min-height:613px;position:relative;z-index:1;gap:30px}.hero-copy{padding-block:26px;position:relative;z-index:3}.hero-copy .eyebrow{display:flex;align-items:center;gap:10px;color:#d7d9cd;margin-bottom:33px;font-size:9px;letter-spacing:.105em}.status-dot{display:inline-block;width:6px;height:6px;border-radius:100%;background:var(--lime);box-shadow:0 0 0 4px #d6fc7710;flex-shrink:0}.hero h1{font-size:clamp(65px,7.45vw,119px);line-height:1.06;white-space:nowrap;letter-spacing:-.065em}.hero h1 em{color:var(--lime);font-size:1.08em;letter-spacing:-.045em}.hero-description{font-size:15px;line-height:1.75;color:#bfc2b7;margin-top:30px}.hero-actions{display:flex;gap:25px;align-items:center;margin-top:34px}.hero-actions .button{min-height:53px;font-size:12px;gap:28px;padding-inline:21px}.hero-note{font-size:10px;color:#93998a;line-height:1.6}.hero-art{height:480px;position:relative;min-width:0;transform:translate(var(--pointer-x,0px),var(--pointer-y,0px));transition:transform .6s ease-out}.orbit{position:absolute;width:540px;height:380px;border:1px solid #7f956936;border-radius:50%;transform:rotate(-46deg);top:46px;left:-12px}.orbit--two{width:510px;height:500px;left:0;top:0;border-color:#7f95691e;transform:rotate(25deg)}.art-cross{color:#80936a;position:absolute;font-family:monospace;font-size:20px;font-weight:400}.art-cross--top{right:5%;top:0}.art-cross--bottom{left:0;bottom:0}.art-caption{font-size:8px;letter-spacing:.14em;color:#bfc5b4;display:flex;align-items:center;gap:8px;position:absolute;top:7px;left:3%;transform:rotate(-9deg)}.tiny-square{display:inline-block;width:5px;height:5px;background:var(--lime)}.art-card{position:absolute;text-align:left;padding:12px;box-shadow:0 35px 45px #0005;border-radius:8px;transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s;overflow:hidden}.art-card:hover{box-shadow:0 40px 65px #0008;z-index:4}.art-card-top,.art-card-bottom{display:flex;justify-content:space-between;align-items:center;line-height:1.2}.art-card-top{margin-bottom:10px}.art-card-top>span:first-child{font-weight:600;font-size:16px;letter-spacing:-.04em}.art-card-top>span:last-child{font-size:7px;font-weight:500;letter-spacing:.05em}.art-card-bottom{padding-top:12px;font-size:9px}.art-card-bottom>span{font-size:20px;line-height:.5}.art-card img{width:100%;border-radius:3px;aspect-ratio:1.62;object-fit:cover;object-position:top}.art-card--foodeo{background:#e1f1bf;color:#202d17;width:355px;right:15px;top:50px;transform:rotate(-10deg);z-index:1}.art-card--foodeo:hover{transform:translateY(-8px) rotate(-6deg)}.art-card--directeat{background:#d8cdf0;color:#322441;width:315px;left:25px;top:243px;transform:rotate(10deg);z-index:2}.art-card--directeat img{aspect-ratio:1.85;object-position:center 52%}.art-card--directeat:hover{transform:translateY(-8px) rotate(6deg)}.art-index{position:absolute;bottom:-12px;right:20px;display:flex;gap:20px;color:#8f9a83;font-size:7px;letter-spacing:.08em}.art-index span:first-child{color:var(--lime)}.hero-bottom{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:76px;font-size:8px;letter-spacing:.09em;color:#a3a79a}.hero-bottom:before{content:'';position:absolute;top:0;left:var(--pad);right:var(--pad);height:1px;background:#484c40}.hero-bottom a{display:flex;align-items:center;gap:12px}.scroll-icon{display:grid;place-items:center;width:26px;height:26px;border:1px solid #515949;border-radius:50%;color:#d5dbcc;font-size:15px}.hero-location>span{color:var(--lime);font-size:17px;margin-left:12px}.client-strip{background:#e9ebe1;border-bottom:1px solid #dbded1}.client-strip-inner{min-height:112px;display:flex;align-items:center;justify-content:space-between;gap:36px}.client-strip p{font-size:8px;letter-spacing:.08em;line-height:1.8;color:#656c5b}.client-name{color:#4f5846;line-height:1.2;font-size:25px;letter-spacing:-.06em;white-space:nowrap}.client-name--foodeo{font-family:var(--serif);font-style:italic;font-size:36px;font-weight:400}.client-name--direct{font-weight:600}.client-name--direct>span{font-weight:400}.client-name--direct i{font-size:19px;margin-left:2px}.client-name--souq{font-weight:600;font-size:24px}.client-name--souq>span{font-size:26px;margin-right:5px}.client-name--sos{display:flex;align-items:center;font-size:34px;font-weight:600;font-style:italic;gap:7px}.client-name--sos>span{font-size:8px;font-style:normal;letter-spacing:.02em;font-weight:500;line-height:1.2}
/* Work: generous, asymmetric editorial plates. */
.section-topline{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.section-topline>span{color:#75796d;font-size:8px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:54px}.section-heading h2{font-size:clamp(50px,5.8vw,88px);line-height:1.025}.section-heading h2 em{font-size:1.1em}.section-aside{padding-bottom:5px;max-width:330px;min-width:275px}.section-aside>p{font-size:13px;line-height:1.75;color:#71766a}.filter-group{display:flex;gap:7px;margin-top:23px}.filter-group button{border:1px solid #ced1c4;border-radius:30px;font-size:11px;padding:8px 17px;line-height:1.4;transition:color .2s,background .2s,border .2s}.filter-group button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}.filter-group button:hover{border-color:var(--ink)}.filter-group sup{font-size:7px;margin-left:6px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px 32px;align-items:start}.project--offset{margin-top:100px}.project-visual{width:100%;height:435px;position:relative;overflow:hidden;text-align:left;display:block;border-radius:5px;isolation:isolate}.project-number{position:absolute;top:23px;left:25px;z-index:3;line-height:1.4;font-size:8px;font-weight:500;letter-spacing:.08em}.project-visual img{position:absolute;transition:transform .75s cubic-bezier(.2,.8,.2,1)}.project-view{position:absolute;right:20px;bottom:20px;z-index:5;border-radius:30px;background:var(--paper);color:var(--ink);padding:11px 15px;font-size:10px;display:flex;align-items:center;gap:17px;transition:background .3s,transform .3s}.project-view span{font-size:19px;line-height:1}.project-visual:hover .project-view{background:var(--lime);transform:translateY(-4px)}.project-visual:hover img{transform:translateY(-6px) rotate(0)}.project-visual--foodeo{background:#b51120;color:#fff}.foodeo-photo{left:-8%;bottom:-15%;width:68%;height:120%;object-fit:cover;object-position:center;transform:rotate(-6deg)}.foodeo-screen{width:79%;max-width:none;right:-14%;top:28%;transform:rotate(7deg);border:5px solid #151713;border-radius:8px;box-shadow:0 30px 50px #1800028a}.project-visual--directeat{background:#d7ceea;color:#3a2e49}.project-art-word{position:absolute;left:27px;top:62px;font-size:39px;font-weight:500;line-height:1.05;letter-spacing:-.065em;z-index:2}.directeat-screen{width:88%;bottom:-3%;right:-9%;border:6px solid #f7f4ed;border-radius:8px;transform:rotate(-9deg);box-shadow:-8px 18px 35px #5c446039}.project-visual--souq{background:#dce8ba;color:#35452b}.souq-screen{width:96%;max-width:none;left:10%;top:23%;transform:rotate(-6deg);border:6px solid #f7f8f0;border-radius:8px;box-shadow:0 23px 30px #3646243b}.project-visual--sos{background:#c1ccd1;color:#233e4d}.sos-photo{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.65);opacity:.8}.project-visual--sos:after{content:'';position:absolute;inset:0;background:linear-gradient(#becacf88,transparent 40%,#21415444);z-index:1}.project-visual--sos .project-number{color:#163347}.sos-screen{width:83%;left:18%;bottom:8%;border:5px solid #f7f5ef;border-radius:8px;transform:rotate(6deg);box-shadow:0 15px 35px #001c4970;z-index:2}.project-info{display:flex;justify-content:space-between;gap:16px;margin-top:18px;align-items:flex-start}.project-info h3{font-size:25px;line-height:1.3}.project-info p{font-size:11px;color:#767a70;margin-top:5px;line-height:1.5}.project-info>span{font-size:7px;letter-spacing:.08em;padding-top:10px;white-space:nowrap}.work-bottom{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:60px;padding-top:27px}.work-bottom>span{font-size:8px;letter-spacing:.09em;color:#787d6f}.work-bottom .text-link{border:0;padding:0;font-size:12px}
/* A change in tempo, without competing with the portfolio. */
.studio{background:#e5e8dd;border-block:1px solid #daddd0}.studio-grid{display:grid;grid-template-columns:1fr 2fr;gap:100px}.studio-aside{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between}.studio-aside>.eyebrow:last-child{color:#777f6c;font-size:8px;line-height:1.8}.studio h2{font-size:clamp(56px,6.4vw,96px);line-height:1.04}.studio h2 em{color:#748566;font-size:1.08em}.studio-description{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-top:35px;max-width:690px;font-size:13px;line-height:1.8;color:#5c6453}.studio .text-link{margin-top:30px;max-width:370px;font-size:12px}.expertise-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:100px}.expertise h2{font-size:clamp(55px,5.9vw,88px);line-height:1.05;margin-top:30px}.expertise h2 em{font-size:1.1em;color:#78876a}.expertise-intro>p:not(.eyebrow){font-size:13px;color:#767c6e;margin-top:25px;line-height:1.8}.expertise-intro>.button{margin-top:30px;font-size:11px;gap:25px}.service-list{margin-top:36px}.service-list details{border-top:1px solid #c5c9bc}.service-list details:last-child{border-bottom:1px solid #c5c9bc}.service-list summary{display:flex;align-items:center;gap:16px;padding-block:26px;cursor:pointer;list-style:none;font-size:clamp(16px,1.65vw,25px);line-height:1.4;letter-spacing:-.04em}.service-list summary::-webkit-details-marker{display:none}.service-index{font-size:9px;letter-spacing:0;color:#8e9784;margin-right:4px}.service-plus{margin-left:auto;font-size:26px;line-height:1;color:#657955;font-weight:400;flex-shrink:0;transition:transform .2s}.service-list details[open] .service-plus{transform:rotate(45deg)}.service-body{padding:0 35px 28px;color:#73796a;max-width:530px;font-size:12px;line-height:1.8}.service-tags{display:flex;flex-wrap:wrap;gap:15px;font-size:7px;letter-spacing:.06em;margin-top:18px}.service-tags span:before{content:'↗';margin-right:6px;color:#829e64}.service-body .text-link{font-size:11px;margin-top:21px;color:var(--ink)}.method{border-top:1px solid var(--line);padding-top:85px}.method .section-heading h2{font-size:clamp(46px,5.3vw,78px)}.method .section-heading{margin-bottom:55px}.method-intro{font-size:12px;line-height:1.8;color:#787d70;min-width:230px;padding-bottom:6px}.method-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.method-grid article{border-top:1px solid #bbbfb0;padding-top:20px}.method-grid article>span{font-size:10px;color:#737d68;letter-spacing:.04em}.method-grid h3{font-size:22px;margin-top:35px;line-height:1.3}.method-grid p{font-size:12px;color:#777c70;margin-top:13px;line-height:1.85;max-width:230px}.contact{background:#20281d;color:var(--paper);position:relative;overflow:hidden;padding-bottom:65px}.contact:after{content:'';position:absolute;width:700px;height:700px;border:1px solid #e3efbc12;border-radius:50%;right:-160px;top:-150px;pointer-events:none}.contact-top{display:flex;align-items:center;justify-content:space-between;gap:20px;color:#b0bf9a}.contact-top .eyebrow{display:flex;align-items:center;gap:10px;font-size:9px}.contact-top>span{font-size:8px!important}.contact-heading{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-top:55px;position:relative;z-index:1}.contact h2{font-size:clamp(68px,7.4vw,116px);line-height:1.02}.contact h2 em{color:var(--lime);font-size:1.09em}.contact-orb{background:var(--lime);color:#283419;flex-shrink:0;width:173px;height:173px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;margin-right:65px;transition:transform .4s,background .4s;position:relative}.contact-orb:after{content:'';position:absolute;inset:-15px;border:1px solid #c5de9830;border-radius:50%}.contact-orb>span:first-child{font-size:68px;line-height:1}.contact-orb>span:last-child{font-size:9px;letter-spacing:.09em}.contact-orb:hover{transform:rotate(-8deg) scale(1.045);background:#e2ffa0}.contact-bottom{margin-top:55px;display:flex;justify-content:space-between;align-items:flex-end;gap:30px}.contact-bottom p{font-size:12px;line-height:1.8;color:#a8b39b}.contact-bottom>a{font-size:23px;line-height:1.4;border-bottom:1px solid #7d8b6d;padding-bottom:8px;display:flex;gap:65px;align-items:center;letter-spacing:-.02em}.contact-bottom>a span{font-size:24px;color:var(--lime)}.site-footer{background:#171c15;color:var(--paper);padding-top:35px}.footer-main{display:flex;align-items:center;gap:50px;padding-bottom:35px}.footer-main .brand img{width:140px;height:auto}.footer-main p{font-size:12px;color:#8f9c82}.footer-main>a:not(.brand){margin-left:auto;font-size:13px}.footer-main>a:not(.brand) span{margin-left:30px;color:#a7b793}.footer-main .back-top{margin-left:0!important;display:grid;place-items:center;width:38px;height:38px;border:1px solid #505a46;border-radius:50%;font-size:20px!important;color:#bec8b1}.footer-bottom{border-top:1px solid #3e4835;min-height:65px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:7px;letter-spacing:.09em;color:#8e9b80}.local-badge{display:flex;gap:7px;align-items:center}.local-badge i{display:inline-block;width:4px;height:4px;background:#b3c991;border-radius:50%}
/* Native dialogs keep keyboard focus and dismissal predictable. */
dialog{background:var(--paper);color:var(--ink);border:0;border-radius:10px;padding:0;max-height:88dvh;max-width:calc(100% - 32px);overflow:visible;box-shadow:0 40px 120px #0005}dialog::backdrop{background:#10160fc4;backdrop-filter:blur(8px)}dialog[open]{animation:dialog-in .25s ease-out}.dialog-close{position:absolute;right:20px;top:20px;border:1px solid #bdc4b1;border-radius:50%;height:38px;width:38px;display:grid;place-items:center;font-size:27px;line-height:1;z-index:10;background:var(--paper)}.dialog-close:hover{background:var(--lime)}.case-dialog{width:950px}.case-inner{padding:45px;max-height:88dvh;overflow-y:auto;border-radius:10px}.case-inner h2{font-size:64px;margin-top:20px}.case-description{margin-top:22px;font-size:15px;line-height:1.8;color:#65705b;max-width:710px}.case-image{margin-top:30px;width:100%;max-height:480px;object-fit:contain;background:#e6e9df;border-radius:6px}.case-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-top:30px}.case-bottom h3{font-size:22px}.case-bottom ul{padding-left:18px;font-size:13px;color:#66705c;line-height:1.8;margin-bottom:0}.case-bottom .button{font-size:12px}.contact-dialog{width:660px}.contact-dialog-inner{padding:42px;max-height:88dvh;overflow-y:auto;border-radius:10px}.contact-dialog h2{font-size:52px;line-height:1.04;margin-top:18px}.contact-dialog h2 em{color:#7e8d6a;font-size:1.1em}.local-notice{margin-top:22px;font-size:11px;padding:11px 13px;background:#e2e7d8;border-left:2px solid #90a76b;line-height:1.6;color:#556147}#project-form{margin-top:25px}label{display:block;font-size:11px;margin-bottom:8px;font-weight:500}input,select,textarea{display:block;width:100%;padding:12px 13px;min-height:45px;font-size:12px;background:#fbfcf5;color:var(--ink);border:1px solid #c6cdb9;border-radius:4px;resize:vertical}textarea{min-height:100px}input::placeholder,textarea::placeholder{color:#8b9382}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-block:20px}#project-form>.button{width:100%;margin-top:23px}#form-result{margin-top:26px}#form-result h3{font-size:24px;line-height:1.3}.result-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.result-actions .button{font-size:12px}[data-brief-preview]{white-space:pre-wrap;overflow-wrap:anywhere;font-family:inherit;font-size:12px;line-height:1.8;background:#e5e9de;padding:20px;margin-block:20px;max-height:260px;overflow:auto}.noscript-note{margin:20px;font-size:13px}
.reveal{opacity:1;transform:none}.motion-ready .reveal{transition:opacity .7s ease,transform .8s cubic-bezier(.22,1,.36,1)}.motion-ready .reveal:not(.is-visible){opacity:0;transform:translateY(24px)}@keyframes orbit-type{to{transform:rotate(360deg)}}@keyframes dialog-in{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}
@media(min-width:1550px){.hero-grid{min-height:730px}.hero-art{height:570px}.art-card--foodeo{width:410px;right:35px;top:55px}.art-card--directeat{width:365px;left:15px;top:285px}.orbit{width:590px;height:440px}.orbit--two{height:570px}.project-visual{height:510px}}
@media(max-width:1190px){.nav-wrap{gap:22px}.nav-wrap nav{gap:23px}.nav-actions{gap:18px}.nav-actions .button{font-size:10px;gap:16px;padding-inline:14px}.brand img{width:135px}.hero-grid{grid-template-columns:1.2fr 1fr;gap:10px;min-height:565px}.hero h1{font-size:7.35vw}.hero-art{height:420px}.art-card--foodeo{width:290px;right:-6px;top:44px}.art-card--directeat{width:267px;left:7px;top:215px}.orbit{width:420px;height:340px;left:-25px}.orbit--two{width:390px;height:430px;top:0}.art-caption{font-size:6px}.art-index{font-size:6px;right:0;gap:12px}.hero-actions{gap:18px}.hero-actions .button{font-size:10px;gap:22px;min-height:48px;padding-inline:16px}.hero-note{font-size:8px}.hero-copy .eyebrow{font-size:8px}.hero-bottom{font-size:6px}.hero-description{font-size:13px}.project-visual{height:360px}.project-info{flex-direction:column;gap:3px}.project-info>span{padding-top:3px}.project-art-word{font-size:34px}.studio-grid{gap:65px}.expertise-grid{gap:55px}.contact-orb{margin-right:25px;width:142px;height:142px}.contact-orb>span:first-child{font-size:56px}.client-name{font-size:21px}.client-name--foodeo{font-size:29px}.client-name--sos{font-size:28px}.client-strip-inner{gap:20px}.client-strip p{font-size:7px}.method-grid{gap:24px}.method-grid h3{font-size:20px}}
@media(max-width:900px){:root{--pad:30px}.section-pad{padding-block:75px}.nav-wrap{height:82px}.brand img{width:143px}.menu-toggle{display:block}.nav-actions{margin-left:auto;gap:23px}.nav-actions>.button{display:none}.nav-wrap nav{display:none}.menu-open .nav-wrap nav{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:30px;position:fixed;inset:82px 0 0;margin:0;padding:55px 30px;background:#171916;z-index:99}.menu-open .nav-wrap nav a{font-size:35px;letter-spacing:-.035em}.menu-open .nav-wrap nav sup{font-size:12px}.menu-open .menu-toggle span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-open .menu-toggle span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.hero-grid{padding-top:26px;padding-bottom:35px;grid-template-columns:1.17fr 1fr;min-height:492px}.hero-copy{padding-block:20px}.hero-copy .eyebrow{font-size:6.5px;margin-bottom:25px;gap:8px}.hero h1{font-size:7.25vw}.hero-description{font-size:12px;margin-top:25px}.hero-note{display:none}.hero-actions{margin-top:25px}.hero-art{height:375px}.art-card--foodeo{width:248px;right:-5px;top:46px}.art-card--directeat{width:229px;left:5px;top:199px}.art-card{padding:9px}.art-card-top>span:first-child{font-size:12px}.art-card-top>span:last-child{font-size:5px}.art-card-bottom{font-size:7px;padding-top:9px}.art-card-top{margin-bottom:7px}.art-index{display:none}.orbit{width:310px;left:0;height:270px}.orbit--two{height:360px}.art-caption{top:19px;left:4px;font-size:5px}.hero-bottom{min-height:64px;letter-spacing:.05em;font-size:6px}.hero-bottom>span:nth-child(2){display:none}.hero-location{max-width:190px}.client-strip-inner{min-height:92px;gap:16px}.client-strip p{font-size:6px}.client-name{font-size:17px}.client-name--souq{font-size:17px}.client-name--souq>span{font-size:20px}.client-name--foodeo{font-size:26px}.client-name--sos{font-size:25px}.client-name--sos>span{font-size:6px}.section-heading{gap:25px}.section-aside{min-width:230px}.section-aside>p{font-size:11px}.project-grid{gap:40px 22px}.project--offset{margin-top:65px}.project-visual{height:310px}.project-number{top:17px;left:18px;font-size:6px}.project-info h3{font-size:23px}.project-view{font-size:9px;right:13px;bottom:13px;padding:9px 13px}.project-art-word{left:20px;top:49px;font-size:29px}.directeat-screen{bottom:0}.studio-grid{grid-template-columns:.65fr 1.4fr;gap:35px}.studio h2{font-size:7.2vw}.studio-description{gap:23px;font-size:11px}.expertise-grid{grid-template-columns:.9fr 1.2fr;gap:35px}.expertise h2{font-size:7vw}.service-list summary{font-size:17px;gap:10px}.service-body{padding-left:23px;padding-right:0;font-size:11px}.expertise-intro>.button{font-size:9px;gap:12px;padding-inline:15px}.expertise-intro>p:not(.eyebrow){font-size:11px}.service-tags{font-size:6px;gap:10px}.method-grid{grid-template-columns:1fr 1fr;gap:30px}.method-grid h3{margin-top:20px}.method-grid p{max-width:280px}.method .section-heading{align-items:center}.method-intro{font-size:11px;min-width:175px}.method .section-heading h2{font-size:5.5vw}.contact h2{font-size:8.5vw}.contact-orb{width:120px;height:120px;margin-right:10px}.contact-orb>span:first-child{font-size:50px}.contact-orb>span:last-child{font-size:7px}.contact-top .eyebrow{font-size:7px}.contact-top>span{font-size:6px!important}.contact-bottom>a{font-size:20px;gap:30px}.contact-bottom p{font-size:11px}.footer-main{gap:25px}.footer-main p{font-size:10px}.footer-main .brand img{width:115px}.footer-main>a:not(.brand){font-size:11px}.footer-main>a:not(.brand) span{margin-left:10px}.footer-bottom{font-size:6px}.case-inner{padding:32px}.case-bottom{align-items:flex-start;flex-direction:column}}
@media(max-width:640px){:root{--pad:23px}html{scroll-padding-top:89px}.section-pad{padding-block:62px}.nav-wrap{height:78px}.brand img{width:138px}.nav-actions{gap:19px}.language{font-size:11px}.menu-open .nav-wrap nav{top:78px}.hero-grid{display:flex;flex-direction:column;align-items:stretch;gap:0;padding-top:25px;padding-bottom:27px}.hero-copy{padding:0;z-index:3}.hero-copy .eyebrow{font-size:7px;margin-bottom:23px;letter-spacing:.08em}.hero h1{font-size:12.8vw;line-height:1.07;letter-spacing:-.065em}.hero h1 em{font-size:1.1em}.hero-description{font-size:12px;line-height:1.75;margin-top:22px}.hero-description .desktop-break{display:none}.hero-actions{margin-top:23px}.hero-actions .button{font-size:10px;min-height:47px;padding-inline:17px;gap:22px}.hero-note{display:block;font-size:7px}.hero-art{width:100%;height:349px;margin:33px 0 0}.art-card--foodeo{width:68%;right:5%;top:32px;max-width:310px;transform:rotate(-9deg)}.art-card--directeat{width:61%;left:4%;top:173px;max-width:280px;transform:rotate(10deg)}.art-card-top>span:first-child{font-size:12px}.art-card-top>span:last-child{font-size:5px}.art-caption{font-size:5px;top:9px;left:7%;letter-spacing:.1em}.orbit{width:90%;height:260px;left:0;top:40px}.orbit--two{height:330px;left:7%;top:0}.art-cross--top{top:0;right:3%}.art-cross--bottom{left:5%;bottom:5px}.hero-bottom{min-height:63px;padding-top:0;font-size:6px;gap:10px}.hero-bottom a{gap:8px;letter-spacing:.05em}.hero-location{max-width:110px;font-size:5px;line-height:1.7;position:relative;padding-right:12px}.hero-location>span{position:absolute;right:0;top:1px;margin:0;font-size:12px}.scroll-icon{width:23px;height:23px;font-size:13px;flex-shrink:0}.client-strip-inner{flex-wrap:wrap;gap:28px 25px;padding-block:26px;justify-content:center}.client-strip p{width:100%;text-align:center;font-size:6px;letter-spacing:.1em;line-height:1.6}.client-strip p br{display:none}.client-name{font-size:20px}.client-name--foodeo{font-size:29px}.client-name--souq{font-size:19px}.client-name--souq>span{font-size:20px}.client-name--sos{font-size:28px}.client-name--sos>span{font-size:7px}.section-topline{margin-bottom:25px}.section-topline .eyebrow{font-size:8px}.section-topline>span{font-size:6px}.section-heading{display:block;margin-bottom:30px}.section-heading h2{font-size:15vw;line-height:1.025}.section-aside{min-width:0;max-width:none;padding:0;margin-top:22px;display:flex;justify-content:space-between;align-items:flex-end;gap:10px}.section-aside>p{font-size:10px;line-height:1.7}.filter-group{gap:4px;flex-wrap:wrap;max-width:145px;margin-top:0;justify-content:flex-end}.filter-group button{font-size:9px;padding:7px 10px}.filter-group sup{font-size:6px;margin-left:3px}.project-grid{grid-template-columns:1fr;gap:36px}.project--offset{margin-top:0}.project-visual{height:auto;aspect-ratio:1.12;border-radius:4px}.project-number{font-size:7px;left:20px;top:20px}.project-info{margin-top:14px;gap:6px;flex-direction:row;align-items:flex-start}.project-info h3{font-size:22px}.project-info p{font-size:10px;max-width:235px}.project-info>span{font-size:5.5px;padding-top:8px;white-space:normal;text-align:right;max-width:85px;line-height:1.6}.project-view{font-size:9px;padding:10px 13px;right:16px;bottom:16px}.project-art-word{font-size:34px;top:57px;left:21px}.directeat-screen{bottom:-1%}.work-bottom{margin-top:38px;padding-top:22px;flex-direction:column;align-items:flex-start;gap:17px}.work-bottom>span{font-size:6px}.work-bottom .text-link{font-size:11px}.studio-grid{display:block}.studio-aside{flex-direction:row;align-items:center;margin-bottom:28px}.studio-aside>.eyebrow{font-size:8px}.studio-aside>.eyebrow:last-child{display:none}.studio h2{font-size:13.6vw;line-height:1.07}.studio-description{display:block;margin-top:24px;font-size:12px;line-height:1.85}.studio-description p+p{margin-top:15px}.studio .text-link{font-size:11px;margin-top:25px}.expertise-grid{display:block}.expertise-intro>.eyebrow{font-size:8px}.expertise h2{font-size:14vw;line-height:1.03;margin-top:24px}.expertise h2 em{font-size:1.1em}.expertise-intro>p:not(.eyebrow){font-size:12px;margin-top:20px}.expertise-intro>.button{font-size:11px;gap:25px;padding-inline:20px;min-height:49px;margin-top:22px}.service-list{margin-top:36px}.service-list summary{padding-block:23px;font-size:17px;gap:12px;line-height:1.3}.service-index{font-size:8px}.service-plus{font-size:24px}.service-body{padding:0 22px 24px 29px;font-size:12px}.service-tags{font-size:6px;gap:10px}.method .section-heading h2{font-size:11.4vw}.method .section-heading{margin-bottom:32px}.method-intro{margin-top:23px;font-size:11px}.method-grid{gap:28px 22px}.method-grid article{padding-top:16px}.method-grid article>span{font-size:8px}.method-grid h3{font-size:18px;margin-top:18px}.method-grid p{font-size:10px;line-height:1.8;margin-top:9px}.contact{padding-top:52px;padding-bottom:40px}.contact-top>span{display:none}.contact-top .eyebrow{font-size:6.5px;gap:8px;letter-spacing:.1em}.contact-heading{display:block;margin-top:30px}.contact h2{font-size:12.4vw;line-height:1.07}.contact h2 em{font-size:1.1em}.contact-orb{width:95px;height:95px;margin:35px 0 0 auto}.contact-orb:after{inset:-9px}.contact-orb>span:first-child{font-size:42px}.contact-orb>span:last-child{font-size:6px}.contact-bottom{display:block;margin-top:34px}.contact-bottom p{font-size:11px}.contact-bottom>a{font-size:25px;margin-top:22px;justify-content:space-between;gap:20px;width:100%}.site-footer{padding-top:28px}.footer-main{flex-wrap:wrap;gap:24px 15px;justify-content:space-between;padding-bottom:26px}.footer-main .brand img{width:122px}.footer-main p{font-size:9px;max-width:110px;text-align:right;margin-left:auto}.footer-main>a:not(.brand){margin-left:0;font-size:12px}.footer-main .back-top{width:30px;height:30px;font-size:16px!important;margin-left:auto!important}.footer-bottom{flex-wrap:wrap;padding-block:20px;gap:12px;min-height:80px;font-size:5px}.footer-bottom>span:first-child{width:100%;font-size:6px}.case-inner{padding:30px 22px}.case-inner>.eyebrow{font-size:7px;max-width:80%}.case-inner h2{font-size:43px;margin-top:26px;overflow-wrap:break-word}.case-description{font-size:12px;margin-top:17px}.case-image{margin-top:22px}.case-bottom{margin-top:22px;gap:22px}.case-bottom h3{font-size:19px}.case-bottom ul{font-size:12px}.case-bottom .button{font-size:11px;width:100%;gap:12px}.dialog-close{right:13px;top:13px;width:33px;height:33px;font-size:24px}.contact-dialog-inner{padding:32px 23px}.contact-dialog h2{font-size:42px;margin-top:23px}.contact-dialog .eyebrow{font-size:8px}.local-notice{font-size:10px;margin-top:20px}label{font-size:10px}.form-row{grid-template-columns:1fr;gap:16px;margin-block:17px}input,select,textarea{font-size:16px;padding:11px 12px}input::placeholder,textarea::placeholder{font-size:12px}#project-form>.button{font-size:12px}.result-actions{gap:20px}.result-actions .button{width:100%;font-size:11px}[data-brief-preview]{font-size:11px}}
@media(max-width:360px){.hero-actions{gap:12px}.hero-note{font-size:6px}.hero-art{height:316px}.art-card--directeat{top:158px}.hero-copy .eyebrow{font-size:6px}.hero-actions .button{font-size:9px;gap:20px}.section-aside{align-items:flex-start;flex-direction:column;gap:16px}.filter-group{max-width:none}.project-art-word{font-size:29px}.service-list summary{font-size:15px}.contact-dialog h2{font-size:37px}.project-info h3{font-size:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-art{transform:none!important}.motion-ready .reveal:not(.is-visible){opacity:1;transform:none}}