:root{--mono-bg:#080808;--mono-panel:#0f0f0f;--mono-panel2:#171717;--mono-line:#323232;--mono-line-soft:#222;--mono-white:#f5f5f2;--mono-muted:#939393;--mono-light:#d7d7d7;--mono-wrap:1760px;--mono-gutter:clamp(18px,3.35vw,70px);--mono-header:82px}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--mono-header) + 22px)}
body.mono-theme{margin:0;background:var(--mono-bg);color:var(--mono-white);font-family:'Manrope',Arial,sans-serif;font-size:16px;line-height:1.45;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body.mono-theme.menu-open{overflow:hidden}
body.mono-theme::selection{background:#eee;color:#111}
body.mono-theme a{color:inherit;text-decoration:none}
body.mono-theme button,body.mono-theme input,body.mono-theme textarea,body.mono-theme select{font:inherit}
body.mono-theme button{cursor:pointer}
body.mono-theme img{max-width:100%;height:auto}
body.mono-theme :focus-visible{outline:2px solid #fff;outline-offset:4px}
body.mono-theme h1,body.mono-theme h2,body.mono-theme h3,body.mono-theme p{margin-top:0}
body.mono-theme h1,body.mono-theme h2,body.mono-theme h3{overflow-wrap:break-word}
.mono-container{width:min(100% - var(--mono-gutter)*2,var(--mono-wrap));margin-inline:auto}
.mono-section{position:relative;padding-block:clamp(86px,8.6vw,160px)}
.mono-display{font-family:'Manrope',Arial,sans-serif;text-transform:uppercase;letter-spacing:-.055em;line-height:.98;font-size:clamp(43px,5.65vw,110px);font-weight:700;margin:0}
.mono-text-muted{color:#747474}
.mono-section__eyebrow,.mono-eyebrow{font-size:11px;font-weight:700;letter-spacing:.13em;color:#a6a6a6;text-transform:uppercase}
.mono-section__head{display:flex;flex-direction:column;gap:30px;margin-bottom:clamp(40px,5vw,90px)}
.mono-section__head>.mono-display,.mono-section__head>div>.mono-display{max-width:1350px}
.mono-section__head>.mono-section__eyebrow{margin-bottom:5px}
.mono-section__head>p{max-width:560px;color:#a3a3a3;font-size:clamp(17px,1.3vw,21px)}
.mono-section__head--split{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(250px,.9fr);align-items:end;gap:5vw}
.mono-section__head--split>.mono-text-link{justify-self:end}
.mono-section__head--split .mono-display{margin-top:25px}
.mono-section__side{justify-self:end;align-self:end;max-width:350px}
.mono-section__side p{color:var(--mono-muted);font-size:18px;margin-bottom:35px}
.mono-btn{display:inline-flex;align-items:center;justify-content:space-between;gap:45px;min-height:64px;padding:15px 23px;min-width:245px;font-size:12px;font-weight:800;letter-spacing:.05em;border:1px solid #fff;transition:background .3s,color .3s,transform .3s}
.mono-btn>span{font-size:21px;font-weight:400;line-height:1}
.mono-btn:hover{transform:translateY(-3px)}
.mono-btn--light{color:#080808!important;background:#e8e8e8;border-color:#e8e8e8}
.mono-btn--light:hover{background:#fff}
.mono-btn--outline{background:transparent;color:var(--mono-white)!important;border-color:#686868}
.mono-btn--outline:hover{color:#080808!important;background:#fff;border-color:#fff}
.mono-text-link{display:inline-flex;justify-content:space-between;align-items:center;gap:55px;border-bottom:1px solid #c7c7c7;padding:0 0 14px;text-transform:uppercase;font-size:12px;font-weight:700;letter-spacing:.05em;transition:opacity .2s}
.mono-text-link:hover{opacity:.6}
.mono-text-link span{font-size:19px}
.mono-status-dot{display:inline-block;flex:none;width:7px;height:7px;background:#eaeaea;border-radius:50%;box-shadow:0 0 0 4px #f6f6f61c}
/* Global navigation and mega menu */
.mono-progress{position:fixed;top:0;left:0;height:2px;width:0;background:#efefef;z-index:1100;pointer-events:none}
.mono-header{height:var(--mono-header);position:sticky;top:0;z-index:999;background:rgba(8,8,8,.95);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border-bottom:1px solid #292929}
body.admin-bar .mono-header{top:32px}
.mono-header__inner{height:100%;display:grid;grid-template-columns:minmax(160px,1fr) minmax(185px,200px) minmax(350px,2.7fr) minmax(190px,1fr);align-items:stretch;padding:0 var(--mono-gutter);max-width:1910px;margin:auto}
.mono-header__inner>*{min-width:0}
.mono-logo{display:flex;align-items:center;gap:12px;border-right:1px solid var(--mono-line);padding-right:22px}
.mono-logo__mark{display:grid;place-items:center;width:37px;height:37px;color:#fff}
.mono-logo__mark svg{width:100%;height:100%}
.mono-logo__word{font-size:24px;font-weight:800;line-height:.8;letter-spacing:-.055em}
.mono-logo__dot,.mono-footer__logo span{color:#9b9b9b}
.mono-logo__word small{display:block;font-size:9px;letter-spacing:.14em;font-weight:400;margin-top:8px;color:#aaa}
.mono-logo__image{max-height:55px;width:auto;object-fit:contain}
.mono-menu-trigger{background:transparent;color:#fff;border:0;border-right:1px solid var(--mono-line);padding:0 20px;display:flex;gap:18px;align-items:center;font-size:11px;font-weight:700;letter-spacing:.04em;text-align:left}
.mono-menu-trigger:hover,.mono-menu-trigger[aria-expanded=true]{background:#1c1c1c}
.mono-menu-trigger__icon{display:grid;grid-template-columns:repeat(2,5px);grid-template-rows:repeat(2,5px);gap:5px}
.mono-menu-trigger__icon i{background:currentColor}
.mono-menu-trigger__state{margin-left:auto;font-size:21px;font-weight:400}
.mono-nav{display:flex;align-items:stretch;justify-content:space-evenly;gap:5px;border-right:1px solid var(--mono-line)}
.mono-nav a{display:flex;align-items:center;padding:0 clamp(5px,1.1vw,22px);font-size:12px;text-transform:uppercase;color:#aaa!important;transition:color .25s}
.mono-nav a:hover,.mono-nav a[aria-current=page]{color:#fff!important}
.mono-header__action{display:flex;align-items:center;justify-content:space-between;padding-left:24px;gap:7px;font-weight:800;font-size:12px;white-space:nowrap}
.mono-header__action span:last-child{font-weight:400;font-size:22px}
.mono-burger{display:none;align-items:center;justify-content:center;flex-direction:column;gap:6px;border:0;border-left:1px solid var(--mono-line);background:transparent;color:white}
.mono-burger span{width:24px;height:1px;background:currentColor;transition:transform .25s}
.mono-burger[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}
.mono-burger[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}
.mono-megamenu{position:absolute;inset:var(--mono-header) 0 auto;z-index:4;background:#090909;border-bottom:1px solid var(--mono-line);box-shadow:0 30px 75px #000c;max-height:calc(100dvh - var(--mono-header));overflow:auto}
.mono-megamenu[hidden],.mono-mobile[hidden]{display:none!important}
.mono-megamenu__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) 1.15fr;padding-inline:var(--mono-gutter)}
.mono-megamenu__grid>a{display:flex;min-height:340px;flex-direction:column;position:relative;padding:35px 25px;border-right:1px solid var(--mono-line);border-left:1px solid var(--mono-line-soft);transition:background .3s}
.mono-megamenu__grid>a:hover{background:#1b1b1b}
.mono-megamenu__grid strong{font-size:clamp(18px,1.6vw,26px);line-height:1.1;margin-top:50px}
.mono-megamenu__grid small{font-size:14px;line-height:1.5;color:var(--mono-muted);margin-top:auto;max-width:230px}
.mono-megamenu__grid b{position:absolute;right:23px;bottom:23px;font-size:22px;font-weight:400}
.mono-megamenu__grid>a.mono-megamenu__feature{background:radial-gradient(ellipse at 70% 70%,#323232 0%,#111 55%,#0b0b0b 80%);padding-inline:30px}
.mono-megamenu__grid>a.mono-megamenu__feature strong{font-size:30px}
.mono-mobile{position:absolute;top:var(--mono-header);left:0;right:0;z-index:5;padding:30px var(--mono-gutter);background:#0a0a0a;border-bottom:1px solid var(--mono-line)}
.mono-mobile a{display:block;padding:18px 0;border-bottom:1px solid var(--mono-line);font-size:23px;font-weight:700}
/* Hero section */
.mono-hero{padding:0;min-height:min(820px,calc(100svh - var(--mono-header)));overflow:hidden;background:linear-gradient(125deg,#000 40%,#101010 88%)}
.mono-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.95%,#ffffff09 50%,transparent 50.1%),linear-gradient(0deg,transparent 49.95%,#ffffff08 50%,transparent 50.1%);background-size:125px 125px;mask-image:linear-gradient(90deg,transparent,#000)}
.mono-hero__ambient{position:absolute;right:-10%;top:0;width:70%;height:100%;background:radial-gradient(ellipse at 40% 55%,#77777718,transparent 59%);pointer-events:none}
.mono-hero__inner{position:relative;min-height:680px;height:min(820px,calc(100svh - var(--mono-header)));display:flex;align-items:center}
.mono-hero__copy{position:relative;z-index:2;width:min(73%,1050px);padding-block:95px}
.mono-hero__eyebrow{display:flex;align-items:center;gap:12px;color:#bbb;font-size:12px;font-weight:700;letter-spacing:.16em;margin-bottom:clamp(25px,3.6vw,68px)}
.mono-hero__eyebrow>span:last-child{margin-left:26px;color:#666}
.mono-hero__title{font-size:clamp(48px,6.2vw,120px);line-height:.98;letter-spacing:-.065em;max-width:1100px;position:relative}
.mono-hero__bottom{display:flex;gap:60px;align-items:flex-end;margin-top:clamp(30px,4vw,65px)}
.mono-hero__bottom p{max-width:350px;font-size:clamp(16px,1.3vw,20px);line-height:1.6;color:#a8a8a8;margin-bottom:0}
.mono-hero__scroll{position:absolute;left:0;bottom:24px;font-size:10px;font-weight:800;letter-spacing:.12em;color:#8a8a8a;display:flex;gap:40px}
.mono-hero__scroll span{font-size:16px}
.mono-hero__bottom-border{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--mono-line);height:55px}
.mono-hero__bottom-border span{font-size:10px;color:#747474;letter-spacing:.1em;display:flex;align-items:center;justify-content:center;border-right:1px solid var(--mono-line)}
/* The hero artwork is original CSS vector architecture, not any assets copied from the reference. */
.mono-hero__art{position:absolute;right:-10%;top:2%;height:95%;width:min(66vw,950px);pointer-events:none;perspective:750px;transform-style:preserve-3d;z-index:1;opacity:.85}
.mono-hero__art:before{content:"";position:absolute;inset:16%;border:1px solid #ffffff18;border-radius:50%;transform:rotateX(62deg) rotate(-25deg);box-shadow:0 0 0 70px #ffffff03,0 0 0 145px #ffffff02,0 0 90px #ffffff0b}
.mono-hero__art:after{content:"";position:absolute;inset:15%;background:radial-gradient(circle,#ffffff45 1px,transparent 1.7px);background-size:20px 20px;mask-image:radial-gradient(circle at center,#000 10%,transparent 68%);transform:rotateX(61deg) rotateZ(-27deg)}
.mono-orbit{position:absolute;border:1px solid #ffffff45;left:20%;right:14%;top:20%;bottom:22%;border-radius:50%;transform:rotate(-28deg) rotateY(60deg);box-shadow:0 0 30px #ffffff11}
.mono-orbit--two{left:12%;right:10%;top:12%;bottom:15%;border-style:dashed;opacity:.33;transform:rotate(45deg) rotateY(-65deg)}
.mono-art__plane{position:absolute;width:54%;aspect-ratio:1;left:29%;top:25%;border:1px solid #ffffff48;transform:rotateX(62deg) rotateZ(45deg);box-shadow:0 0 40px #ffffff0a,inset 0 0 50px #ffffff0a}
.mono-art__plane--back{transform:rotateX(62deg) rotateZ(45deg) translateZ(-70px);opacity:.5}
.mono-art__cube{position:absolute;left:46%;top:38%;width:170px;height:170px;transform-style:preserve-3d;transform:rotateX(-30deg) rotateY(40deg) rotateZ(14deg);filter:drop-shadow(0 0 25px #ffffff33)}
.mono-art__cube span{position:absolute;inset:0;background:repeating-linear-gradient(90deg,#ffffff09 0,#ffffff09 1px,transparent 1px,transparent 15px),linear-gradient(135deg,#454545b8,#141414dd);border:1px solid #f5f5f2a6;box-shadow:inset 0 0 30px #ffffff20}
.mono-art__cube span:nth-child(1){transform:translateZ(85px)}
.mono-art__cube span:nth-child(2){transform:rotateY(90deg) translateZ(85px);background:linear-gradient(130deg,#bdbdbd99,#2d2d2dcb)}
.mono-art__cube span:nth-child(3){transform:rotateX(90deg) translateZ(85px);background:linear-gradient(135deg,#e0e0e099,#353535cb)}
.mono-art__label{position:absolute;font-size:11px;letter-spacing:.18em;color:#dedede;text-shadow:0 0 12px #fff9;white-space:nowrap}
.mono-art__label--one{right:8%;top:27%}
.mono-art__label--two{left:23%;bottom:23%}
.mono-art__cross{position:absolute;font-size:35px;font-weight:200;color:#aaa}
.mono-art__cross--one{left:22%;top:19%}
.mono-art__cross--two{right:25%;bottom:11%}
/* Services */
.mono-section--intro{padding-bottom:120px}
.mono-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--mono-line);border-left:1px solid var(--mono-line)}
.mono-service{min-height:340px;border-right:1px solid var(--mono-line);border-bottom:1px solid var(--mono-line);padding:30px clamp(20px,2.2vw,42px);display:flex;flex-direction:column;justify-content:space-between;transition:background .3s}
.mono-service:hover{background:#202020}
.mono-service__top{display:flex;align-items:center;justify-content:space-between;color:#828282;font-size:12px;letter-spacing:.12em}
.mono-service__arrow{display:grid;place-items:center;border:1px solid #555;width:38px;height:38px;color:#fff;font-size:21px;transition:background .25s,color .25s}
.mono-service:hover .mono-service__arrow{background:white;color:#080808}
.mono-service h3{font-size:clamp(22px,2.25vw,37px);line-height:1.1;margin-bottom:20px;letter-spacing:-.035em;max-width:340px}
.mono-service p{font-size:15px;line-height:1.7;color:#929292;max-width:360px;margin-bottom:0}
/* Process */
.mono-process{background:#111;border-block:1px solid var(--mono-line-soft)}
.mono-process__grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--mono-line)}
.mono-process__grid>div{min-height:240px;padding:27px clamp(12px,2vw,35px) 18px 0;border-right:1px solid var(--mono-line);margin-right:30px}
.mono-process__grid>div:last-child{border:0;margin-right:0}
.mono-process__num{color:#848484;font-size:11px;letter-spacing:.12em}
.mono-process__grid h3{font-size:clamp(19px,1.75vw,31px);margin:68px 0 15px;letter-spacing:-.035em}
.mono-process__grid p{color:#959595;line-height:1.6;font-size:15px;max-width:280px}
/* Case cards and catalogue */
.mono-case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-left:1px solid var(--mono-line);border-top:1px solid var(--mono-line)}
.mono-case-grid>.mono-case-card{border-right:1px solid var(--mono-line);border-bottom:1px solid var(--mono-line)}
.mono-case-card{min-width:0;display:flex;flex-direction:column;background:#0a0a0a;transition:background .3s}
.mono-case-card:hover{background:#141414}
.mono-case-card__image{height:clamp(190px,21vw,365px);display:block;position:relative;overflow:hidden;background:linear-gradient(145deg,#1b1b1b,#060606);margin:24px 24px 0;border:1px solid #242424}
.mono-case-card__image img{width:100%;height:100%!important;object-fit:cover;filter:grayscale(100%) contrast(1.06);transition:transform .65s ease,filter .65s ease}
.mono-case-card:hover .mono-case-card__image img{transform:scale(1.045);filter:grayscale(25%)}
.mono-case-card__view{position:absolute;left:15px;bottom:15px;padding:10px 15px;background:#eee;color:#080808;font-size:10px;font-weight:800;transform:translateY(60px);transition:transform .3s}
.mono-case-card:hover .mono-case-card__view{transform:translateY(0)}
.mono-case-card__placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:clamp(30px,5vw,75px);letter-spacing:-.06em;font-weight:800;color:#3e3e3e;background:repeating-linear-gradient(0deg,transparent,transparent 32px,#ffffff0b 33px),repeating-linear-gradient(90deg,transparent,transparent 32px,#ffffff0b 33px)}
.mono-case-card__placeholder span{color:#eee;font-size:30px;align-self:center;margin-left:12px}
.mono-case-card__info{padding:25px 24px 30px;display:flex;flex-direction:column;flex:1}
.mono-case-card__tags{display:flex;justify-content:space-between;gap:15px;margin-bottom:21px;flex-wrap:wrap;color:#969696;font-size:11px;letter-spacing:.07em;text-transform:uppercase}
.mono-case-card h3{font-size:clamp(19px,1.55vw,27px);letter-spacing:-.045em;line-height:1.19;font-weight:700;margin-bottom:23px}
.mono-case-card__info>p{font-size:15px;line-height:1.6;color:#909090;margin-bottom:20px}
.mono-case-card__metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;border-top:1px solid var(--mono-line);padding:20px 0;margin-top:auto}
.mono-case-card__metrics strong{font-size:clamp(24px,2.2vw,41px);display:block;letter-spacing:-.05em}
.mono-case-card__metrics small{font-size:13px;color:var(--mono-muted);line-height:1.4;display:block}
.mono-case-card__result{border-top:1px solid var(--mono-line);padding:16px 0;margin-top:auto}
.mono-case-card__result>span{font-size:11px;color:#aaa;letter-spacing:.13em}
.mono-case-card__result>p{font-size:14px;margin:12px 0 0;color:#ccc;line-height:1.5}
.mono-arrow-link{display:flex;justify-content:space-between;align-items:center;margin-top:25px;padding:17px 0 0;border-top:1px solid var(--mono-line);font-size:11px;font-weight:800;letter-spacing:.08em}
.mono-arrow-link span{font-size:21px;font-weight:400;transition:transform .3s}
.mono-case-card:hover .mono-arrow-link span,.mono-article:hover .mono-arrow-link span{transform:translate(4px,-3px)}
.mono-empty{padding:100px 30px;border:1px solid var(--mono-line);text-align:center;color:#aaa;font-size:18px}
/* Existing reviews and team */
.mono-reviews{background:#111;border-block:1px solid var(--mono-line)}
.mono-reviews__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--mono-line);border-left:1px solid var(--mono-line)}
.mono-review{padding:clamp(25px,3.2vw,55px);min-height:330px;border-right:1px solid var(--mono-line);border-bottom:1px solid var(--mono-line);display:flex;flex-direction:column}
.mono-review__quote{font-size:66px;color:#888;line-height:1}
.mono-review blockquote{margin:15px 0 38px;font-size:clamp(18px,1.65vw,28px);line-height:1.42;letter-spacing:-.025em;max-width:660px}
.mono-review__footer{display:flex;gap:20px;justify-content:space-between;align-items:center;margin-top:auto;border-top:1px solid var(--mono-line);padding-top:20px}
.mono-review__footer strong,.mono-review__footer span{display:block;font-size:13px}
.mono-review__footer span{color:var(--mono-muted);margin-top:5px}
.mono-review__footer img{max-width:100px;max-height:36px;object-fit:contain;filter:grayscale(1)}
.mono-team__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--mono-line);border-left:1px solid var(--mono-line)}
.mono-team__card{padding:18px;border-bottom:1px solid var(--mono-line);border-right:1px solid var(--mono-line)}
.mono-team__portrait{height:clamp(200px,24vw,360px);background:radial-gradient(ellipse at center,#333,#111);display:grid;place-items:center;overflow:hidden}
.mono-team__portrait img{width:100%;height:100%!important;object-fit:cover;filter:grayscale(1)}
.mono-team__portrait span{font-size:42px;letter-spacing:-.06em;color:#777;font-weight:800}
.mono-team__card h3{font-size:clamp(18px,1.6vw,27px);margin:24px 0 5px;letter-spacing:-.03em}
.mono-team__card p{font-size:14px;color:var(--mono-muted);margin:0 0 15px}
/* Statement */
.mono-statement{border-block:1px solid var(--mono-line);background:radial-gradient(ellipse at center,#2424245c,#090909 70%)}
.mono-statement .mono-display{font-size:clamp(42px,5.15vw,98px);margin:50px 0 48px}
.mono-statement .mono-display span{color:#626262}
.mono-statement__signature{font-size:11px;color:#929292;letter-spacing:.1em}
/* Articles */
.mono-article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-left:1px solid var(--mono-line);border-top:1px solid var(--mono-line)}
.mono-article{border-bottom:1px solid var(--mono-line);border-right:1px solid var(--mono-line);padding:25px;display:flex;flex-direction:column;min-height:510px}
.mono-article__image{display:block;overflow:hidden;height:275px;background:#161616;border:1px solid #2a2a2a}
.mono-article__image img{display:block;width:100%;height:100%!important;object-fit:cover;filter:grayscale(1);transition:transform .5s,filter .5s}
.mono-article:hover .mono-article__image img{filter:grayscale(.15);transform:scale(1.04)}
.mono-article__empty{height:100%;display:grid;place-items:center;color:#999;font-size:25px;font-weight:700;letter-spacing:-.04em;background:radial-gradient(circle at center,#323232,#111)}
.mono-article__meta{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:#aaa;margin-top:23px}
.mono-article h3{font-size:clamp(19px,1.55vw,28px);letter-spacing:-.035em;line-height:1.17;margin:20px 0 30px}
.mono-article .mono-arrow-link{margin-top:auto}
/* Page headers */
.mono-breadcrumb{display:flex;gap:13px;align-items:center;flex-wrap:wrap;font-size:13px;color:#aaa;margin:0 0 clamp(65px,6vw,108px)}
.mono-breadcrumb a:hover{color:#fff}
.mono-breadcrumb span:last-child{color:#fff;max-width:550px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mono-pagehero{padding-top:34px;padding-bottom:clamp(65px,8vw,145px);min-height:510px;background:radial-gradient(ellipse at 75% 10%,#27272742,transparent 40%),linear-gradient(90deg,transparent 49.8%,#ffffff09 50%,transparent 50.1%);background-size:auto,125px 125px;border-bottom:1px solid var(--mono-line)}
.mono-pagehero__head{display:grid;grid-template-columns:2fr minmax(230px,.7fr);gap:5vw;align-items:end}
.mono-pagehero__head .mono-display{margin-top:25px;font-size:clamp(52px,5.6vw,108px)}
.mono-pagehero__head>p,.mono-pagehero__head>div:last-child>p{color:#a5a5a5;font-size:clamp(16px,1.4vw,22px);line-height:1.6;max-width:410px}
.mono-projects-archive{padding-top:35px}
.mono-filter-row{display:flex;justify-content:space-between;align-items:start;gap:30px;padding-bottom:50px}
.mono-filter-row__label{white-space:nowrap;color:#eee;font-size:12px;letter-spacing:.06em;margin-top:19px}
.mono-filter-row__label span{color:#777}
.mono-filters{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}
.mono-filters a{border:1px solid #3c3c3c;padding:16px 23px;font-size:12px;font-weight:700;text-transform:uppercase;display:flex;align-items:center;gap:18px;transition:background .25s,color .25s}
.mono-filters a small{color:#777;font-size:11px}
.mono-filters a:hover,.mono-filters a.is-active{background:#eee;color:#0b0b0b}
.mono-filters a.is-active small{color:#555}
.mono-pagination{display:flex;justify-content:center;gap:9px;margin-top:50px}
.mono-pagination a{display:grid;place-items:center;width:50px;height:50px;border:1px solid #555;font-size:14px}
.mono-pagination a[aria-current=page],.mono-pagination a:hover{background:#eee;color:#111}
/* Detailed case layout */
.mono-pagehero--single{min-height:0;padding-bottom:60px}
.mono-case-detail__kicker{font-size:12px;text-transform:uppercase;color:#b7b7b7;letter-spacing:.09em;display:flex;gap:12px;align-items:center}
.mono-pagehero--single .mono-pagehero__head{display:block;max-width:1380px}
.mono-pagehero--single .mono-display{font-size:clamp(47px,5.1vw,96px);line-height:1.02;max-width:1450px;margin-top:30px}
.mono-case-detail__intro{display:flex;gap:35px;align-items:flex-end;justify-content:space-between;margin-top:65px;padding-top:24px;border-top:1px solid var(--mono-line)}
.mono-case-detail__intro p{font-size:clamp(17px,1.5vw,23px);line-height:1.5;color:#aaa;max-width:650px;margin-bottom:0}
.mono-case-detail__intro span{font-size:12px;color:#aaa;white-space:nowrap}
.mono-case-detail__cover{padding:28px 0 0}
.mono-case-detail__cover img{display:block;width:100%;max-height:810px;object-fit:cover;object-position:center;border:1px solid var(--mono-line)}
.mono-case-detail__cover-empty{height:250px;background:radial-gradient(circle at 60% 50%,#222,#111 72%);display:grid;place-items:center;color:#777;letter-spacing:.2em}
.mono-case-detail__overview{padding-block:100px}
.mono-case-detail__overview-grid{display:grid;grid-template-columns:1fr .55fr;gap:7vw;align-items:start}
.mono-case-detail__overview-grid h2{margin-top:32px;font-size:clamp(45px,5vw,100px)}
.mono-case-detail__facts{border-top:1px solid var(--mono-line)}
.mono-case-detail__facts>div{display:grid;grid-template-columns:125px 1fr;gap:25px;border-bottom:1px solid var(--mono-line);padding:24px 0}
.mono-case-detail__facts>div>span{font-size:11px;color:#858585;letter-spacing:.05em}
.mono-case-detail__facts>div>strong,.mono-case-detail__facts>div>a{font-size:15px;font-weight:500;overflow-wrap:anywhere}
.mono-case-detail__facts>div>a{text-decoration:underline;text-decoration-color:#666;text-underline-offset:4px}
.mono-case-detail__results{background:#151515;border-block:1px solid var(--mono-line)}
.mono-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--mono-line);border-left:1px solid var(--mono-line);margin-top:48px}
.mono-metric{padding:30px;border-right:1px solid var(--mono-line);border-bottom:1px solid var(--mono-line);min-height:210px}
.mono-metric strong{display:block;font-size:clamp(42px,4.4vw,82px);letter-spacing:-.07em;line-height:1.1}
.mono-metric p{font-size:17px;color:#aaa;max-width:300px;margin:22px 0 0}
.mono-case-detail__story{padding-bottom:80px}
.mono-story-block{display:grid;grid-template-columns:minmax(160px,.42fr) minmax(0,1fr);gap:7vw;border-top:1px solid var(--mono-line);padding:clamp(70px,8vw,145px) 0}
.mono-story-block__label{font-size:11px;color:#a5a5a5;letter-spacing:.07em;padding-top:7px}
.mono-story-block h2{font-size:clamp(35px,4vw,77px);line-height:1.03;letter-spacing:-.05em;margin-bottom:40px;max-width:880px}
.mono-richtext{font-size:clamp(16px,1.35vw,21px);line-height:1.8;color:#b3b3b3;max-width:850px;overflow-wrap:break-word}
.mono-richtext p{margin:0 0 1.4em}
.mono-richtext h2,.mono-richtext h3,.mono-richtext h4{color:#fff;line-height:1.16;letter-spacing:-.03em;margin:2em 0 .8em;font-size:clamp(21px,2vw,32px)}
.mono-richtext ul,.mono-richtext ol{margin:0 0 1.6em;padding-left:1.3em}
.mono-richtext li{margin-bottom:.55em}
.mono-richtext a{text-decoration:underline;text-decoration-color:#858585;text-underline-offset:4px}
.mono-richtext img{max-width:100%;height:auto}
.mono-richtext blockquote{border-left:2px solid #aaa;padding-left:25px;color:#fff}
.mono-richtext table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse}
.mono-richtext td,.mono-richtext th{border:1px solid #444;padding:12px}
.mono-story-block--result h2{color:#fff}
.mono-case-detail__gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-bottom:100px}
.mono-case-detail__gallery figure{margin:0}
.mono-case-detail__gallery img{width:100%;display:block;border:1px solid var(--mono-line)}
.mono-case-detail__gallery figcaption{font-size:13px;color:#888;padding-top:12px}
.mono-case-detail__quote{margin:0 0 120px;padding:60px clamp(25px,5vw,95px);background:#1b1b1b;border:1px solid #333}
.mono-case-detail__quote>span{font-size:75px;color:#909090;line-height:.8}
.mono-case-detail__quote p{font-size:clamp(25px,2.5vw,46px);line-height:1.3;letter-spacing:-.035em;max-width:1000px}
.mono-case-detail__quote cite{font-style:normal;color:#999;font-size:11px;letter-spacing:.1em}
.mono-next-cases{border-top:1px solid var(--mono-line)}
.mono-next-cases .mono-case-grid{grid-template-columns:repeat(2,1fr)}
/* Articles details */
.mono-blog-archive{padding-top:60px}
.mono-article-detail__head{max-width:1270px}
.mono-article-detail__head h1{font-size:clamp(42px,5vw,89px);margin:24px 0 36px}
.mono-article-detail__head p{max-width:800px;font-size:20px;color:#aaa;line-height:1.6}
.mono-article-detail__cover img{display:block;width:100%;max-height:720px;object-fit:cover}
.mono-article-detail__content{padding-block:85px 100px;max-width:min(calc(100% - var(--mono-gutter)*2),930px);margin-inline:auto}
/* Services */
.mono-service-detail{display:grid;grid-template-columns:minmax(145px,.4fr) minmax(0,1fr);gap:6vw;border-top:1px solid var(--mono-line);padding:clamp(55px,7vw,110px) 0;scroll-margin-top:100px}
.mono-service-detail__num{font-size:12px;color:#aaa;letter-spacing:.08em}
.mono-service-detail h2{font-size:clamp(35px,4.5vw,80px);margin-bottom:30px}
.mono-service-detail__body>p{font-size:20px;color:#aaa;line-height:1.6;max-width:680px}
.mono-service-detail__steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:45px 0}
.mono-service-detail__steps span{padding:20px 15px 20px 0;border-top:1px solid var(--mono-line);font-size:15px;color:#ccc}
/* Contact and footer */
.mono-contact{border-top:1px solid var(--mono-line);background:radial-gradient(ellipse at 100% 0,#29292944,transparent 42%),#111}
.mono-contact__grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.85fr);gap:7vw;margin-top:55px;align-items:start}
.mono-contact__title{font-size:clamp(57px,5.6vw,110px)}
.mono-contact__title em{font-style:normal;color:#777}
.mono-contact__grid>div:first-child>p{font-size:18px;line-height:1.65;color:#aaa;max-width:440px;margin:35px 0 50px}
.mono-contact__form{padding:clamp(25px,3.5vw,60px);border:1px solid #383838;background:#0b0b0b;min-height:300px}
.mono-contact__form>.mono-eyebrow{margin-bottom:35px}
.mono-contact__form p{color:#aaa;line-height:1.65}
.mono-contact__note{font-size:11px!important;color:#797979!important;margin-top:30px!important}
.mono-contact__form .wpcf7 form{display:block}
.mono-contact__form .wpcf7 p{margin:0 0 16px}
.mono-contact__form .wpcf7-form-control-wrap{display:block}
.mono-contact__form .wpcf7 input:not([type=checkbox]):not([type=radio]):not([type=submit]),.mono-contact__form .wpcf7 textarea,.mono-contact__form .wpcf7 select{display:block;width:100%;border:0;border-bottom:1px solid #444;padding:16px 0;background:none;color:#eee;border-radius:0;outline:none}
.mono-contact__form .wpcf7 input:focus,.mono-contact__form .wpcf7 textarea:focus{border-color:#eee}
.mono-contact__form .wpcf7 textarea{max-height:140px}
.mono-contact__form .wpcf7 input[type=submit]{width:100%;padding:21px;background:#dedede;color:#0a0a0a;border:0;font-size:12px;font-weight:800;cursor:pointer;margin-top:16px}
.mono-contact__form .wpcf7 input[type=submit]:hover{background:#fff}
.mono-contact__form .wpcf7 .wpcf7-list-item{margin-left:0;font-size:12px}
.mono-contact__form .wpcf7-not-valid-tip{font-size:12px}
.mono-contact__form .wpcf7-response-output{font-size:12px!important}
.mono-footer{padding:65px 0 30px;background:#080808}
.mono-footer__top{display:grid;grid-template-columns:1fr .9fr .7fr;gap:40px;padding-bottom:100px}
.mono-footer__logo{font-size:clamp(50px,5vw,92px);font-weight:800;letter-spacing:-.065em;line-height:1}
.mono-footer__top>div:first-child p{font-size:11px;letter-spacing:.08em;color:#888;margin:18px 0 0}
.mono-footer__top nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:25px;font-size:12px;font-weight:800}
.mono-footer__top nav a:hover,.mono-footer__social a:hover{color:#aaa}
.mono-footer__social{display:flex;flex-direction:column;gap:20px;font-size:14px;overflow-wrap:anywhere}
.mono-footer__bottom{border-top:1px solid var(--mono-line);padding-top:28px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;color:#888;font-size:11px;letter-spacing:.03em}
.mono-footer__bottom a{color:#fff!important}
/* Tablet */
@media(max-width:1250px){
 :root{--mono-header:74px}
 .mono-header__inner{grid-template-columns:minmax(125px,1fr) 155px minmax(280px,2.4fr) minmax(145px,.8fr)}
 .mono-menu-trigger{gap:12px;padding:0 12px;font-size:10px}
 .mono-nav a{font-size:11px}
 .mono-header__action{font-size:10px;padding-left:15px}
 .mono-hero__copy{width:78%}
 .mono-hero__title{font-size:clamp(48px,6.6vw,91px)}
 .mono-hero__art{right:-22%;width:83vw;opacity:.68}
 .mono-hero__bottom{gap:25px}
 .mono-case-card__image{margin:15px 15px 0}
 .mono-case-card__info{padding:23px 17px}
 .mono-service{min-height:285px}
 .mono-megamenu__grid{grid-template-columns:repeat(4,1fr)}
 .mono-megamenu__grid>a{min-height:290px}
 .mono-megamenu__feature{grid-column:1/-1;min-height:180px!important}
 .mono-megamenu__grid>a.mono-megamenu__feature strong{margin-top:20px}
}
@media(max-width:900px){
 :root{--mono-gutter:clamp(16px,4vw,35px)}
 .mono-header__inner{grid-template-columns:1fr 155px 52px}
 .mono-menu-trigger{border-right:0}
 .mono-nav,.mono-header__action{display:none}
 .mono-burger{display:flex}
 .mono-logo{border-right:1px solid var(--mono-line)}
 .mono-hero__inner{min-height:650px;height:auto}
 .mono-hero__copy{width:100%;padding-block:120px 100px}
 .mono-hero__title{font-size:clamp(46px,8vw,78px);max-width:750px}
 .mono-hero__art{width:90vw;right:-26%;top:5%;opacity:.36}
 .mono-hero__bottom{align-items:flex-start;flex-direction:column}
 .mono-hero__scroll{bottom:15px}
 .mono-services{grid-template-columns:repeat(2,minmax(0,1fr))}
 .mono-case-grid,.mono-article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .mono-process__grid{grid-template-columns:repeat(2,1fr)}
 .mono-process__grid>div{margin-right:0;padding:30px;border-bottom:1px solid var(--mono-line)}
 .mono-process__grid h3{margin-top:30px}
 .mono-pagehero__head{grid-template-columns:1fr;gap:30px}
 .mono-pagehero__head>p{max-width:700px}
 .mono-section__head--split{grid-template-columns:1fr;gap:25px}
 .mono-section__side{justify-self:start;max-width:500px}
 .mono-section__head--split>.mono-text-link{justify-self:start}
 .mono-contact__grid{grid-template-columns:1fr;gap:60px}
 .mono-contact__form{max-width:660px}
 .mono-footer__top{grid-template-columns:1fr 1fr}
 .mono-footer__top>div:first-child{grid-column:1/-1}
 .mono-case-detail__overview-grid{grid-template-columns:1fr;gap:60px}
 .mono-case-detail__facts>div{grid-template-columns:180px 1fr}
 .mono-megamenu__grid{grid-template-columns:repeat(2,1fr)}
 .mono-megamenu__grid>a{min-height:260px}
 .mono-service-detail{grid-template-columns:130px 1fr;gap:20px}
}
@media(max-width:620px){
 :root{--mono-header:65px}
 .mono-header__inner{grid-template-columns:1fr 135px 46px}
 .mono-logo__word{font-size:21px}
 .mono-logo__mark{width:30px;height:30px}
 .mono-logo__word small{font-size:8px}
 .mono-logo{gap:7px}
 .mono-menu-trigger{font-size:9px;padding:0 6px;gap:7px;justify-content:center}
 .mono-menu-trigger__icon{grid-template-columns:repeat(2,4px);grid-template-rows:repeat(2,4px);gap:3px}
 .mono-menu-trigger__state{font-size:18px}
 .mono-hero__inner{min-height:670px}
 .mono-hero__copy{padding-block:110px 110px}
 .mono-hero__eyebrow{font-size:10px;gap:8px;letter-spacing:.07em;margin-bottom:35px}
 .mono-hero__eyebrow>span:last-child{margin-left:0}
 .mono-hero__title{font-size:clamp(43px,11vw,65px);line-height:.96;letter-spacing:-.065em}
 .mono-hero__bottom p{font-size:16px}
 .mono-hero__art{top:12%;width:130vw;right:-55%;opacity:.24}
 .mono-hero__bottom-border{height:45px}
 .mono-hero__bottom-border span{font-size:8px}
 .mono-hero__bottom-border span:last-child{display:none}
 .mono-hero__bottom-border{grid-template-columns:repeat(3,1fr)}
 .mono-section{padding-block:70px}
 .mono-display{font-size:clamp(39px,9.7vw,61px)}
 .mono-section__head{gap:20px;margin-bottom:35px}
 .mono-service{min-height:260px;padding:20px}
 .mono-services,.mono-case-grid,.mono-article-grid,.mono-next-cases .mono-case-grid{grid-template-columns:1fr}
 .mono-service h3{font-size:27px}
 .mono-service p{font-size:14px}
 .mono-case-card__image{height:240px;margin:15px 15px 0}
 .mono-case-card__info{padding:25px 20px}
 .mono-case-card__metrics strong{font-size:35px}
 .mono-process__grid{grid-template-columns:1fr}
 .mono-process__grid>div{min-height:0;padding:28px 0}
 .mono-process__grid h3{margin:24px 0 9px}
 .mono-statement .mono-display{font-size:clamp(40px,9vw,61px)}
 .mono-article{min-height:0;padding:17px}
 .mono-article__image{height:240px}
 .mono-article h3{font-size:24px}
 .mono-breadcrumb{margin-bottom:50px;font-size:12px}
 .mono-pagehero{min-height:0;padding-block:25px 70px}
 .mono-pagehero__head .mono-display{font-size:clamp(44px,10vw,65px)}
 .mono-filter-row{flex-direction:column;gap:20px}
 .mono-filters{justify-content:flex-start}
 .mono-filters a{padding:12px 13px;font-size:10px;gap:8px}
 .mono-case-detail__intro{margin-top:42px;display:block}
 .mono-case-detail__intro span{display:block;margin-top:25px}
 .mono-case-detail__cover{padding-top:0}
 .mono-case-detail__cover img{min-height:270px;object-fit:cover}
 .mono-case-detail__overview{padding-block:65px}
 .mono-case-detail__facts>div{grid-template-columns:95px 1fr;gap:15px}
 .mono-metrics{grid-template-columns:1fr 1fr}
 .mono-metric{padding:18px;min-height:140px}
 .mono-metric strong{font-size:clamp(30px,8vw,48px)}
 .mono-metric p{font-size:13px;margin-top:13px}
 .mono-story-block{grid-template-columns:1fr;gap:25px;padding:65px 0}
 .mono-story-block h2{font-size:clamp(36px,8vw,58px);margin-bottom:20px}
 .mono-richtext{font-size:16px}
 .mono-case-detail__gallery{grid-template-columns:1fr;gap:22px}
 .mono-case-detail__quote{padding:35px 20px;margin-bottom:60px}
 .mono-contact__form{padding:22px}
 .mono-footer__top{grid-template-columns:1fr;gap:35px;padding-bottom:65px}
 .mono-footer__top>div:first-child{grid-column:auto}
 .mono-footer__top nav{max-width:350px}
 .mono-footer__bottom{flex-direction:column}
 .mono-megamenu__grid{display:grid;grid-template-columns:1fr}
 .mono-megamenu__grid>a{min-height:155px;padding:20px;border-bottom:1px solid var(--mono-line)}
 .mono-megamenu__grid strong{margin-top:19px;font-size:20px}
 .mono-megamenu__grid small{margin-top:15px}
 .mono-megamenu__grid>a.mono-megamenu__feature{min-height:160px!important}
 .mono-service-detail{grid-template-columns:1fr;gap:30px}
 .mono-service-detail h2{font-size:clamp(35px,8vw,55px)}
 .mono-service-detail__body>p{font-size:17px}
 .mono-service-detail__steps{margin:30px 0}
 .mono-service-detail__steps span{font-size:13px;padding:15px 8px}
}
@media(max-width:390px){.mono-header__inner{grid-template-columns:1fr 43px}.mono-menu-trigger{display:none}.mono-hero__title{font-size:42px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.mono-hero__art{transform:none!important}}

@media(max-width:900px){.mono-team__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.mono-reviews__grid{grid-template-columns:1fr}.mono-team__portrait{height:220px}.mono-team__card h3{font-size:17px}.mono-team__card{padding:9px}.mono-review{min-height:270px}}