/* Creative direction: typography first, monochrome identity, compact project feed. */
:root{--bg:#090909;--rule:#303030;--muted:#a9a9a9;--ink:#f1f1f1}
.site-header{background:#090909}.nav-links .contact-link{margin-left:0}.footer{background:#090909}.footer-top .brand{width:190px}
.graphic-hero{background:#090909;padding:46px 0 48px;min-height:620px;display:flex;align-items:center}.hero-register{display:flex;justify-content:space-between;gap:24px;align-items:center;font-size:12px;text-transform:uppercase;color:#a9a9a9;margin-bottom:92px}.hero-register h1{font:500 16px/1.2 var(--font);color:white}.main-tagline{font-size:100px;line-height:1.08;font-weight:300;white-space:normal;max-width:1200px}.main-tagline>span{color:#a2a2a2}.hero-index{display:flex;justify-content:space-between;align-items:flex-end;margin-top:68px;padding-top:24px;border-top:1px solid var(--rule);font-size:13px;color:#aaa}.hero-index a{color:white;display:flex;gap:60px}.private-strip{display:grid;grid-template-columns:1fr 1.5fr 1.3fr 36px;gap:30px;align-items:center;padding:26px max(56px,calc((100% - 1320px)/2));border-block:1px solid var(--rule);background:#111}.private-strip>span:first-child{font-size:12px}.private-strip strong{font-size:54px;font-weight:300;line-height:1}.private-strip p{font-size:14px;color:#b5b5b5}.private-strip:hover{background:#181818}.strip-arrow{font-size:32px}.section-heading .service-intro{max-width:470px;font-size:16px;color:var(--muted)}.service-index{border-top:1px solid var(--rule)}.service-index-row{display:grid;grid-template-columns:40px 1.1fr 1fr 24px;gap:35px;padding:30px 0;border-bottom:1px solid var(--rule);align-items:center}.service-index-row h3{font-size:25px}.service-index-row p{font-size:14px;color:var(--muted);margin-top:12px;max-width:540px}.service-index-row:hover h3{color:var(--accent)}.service-flow{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);padding:0;margin:0;gap:0;align-self:center}.service-flow li{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;font-size:12px;text-align:center;min-width:0}.flow-mark{width:45px;height:45px;display:grid;place-items:center;border:1px solid #787878;border-radius:50%;background:#090909;z-index:1;font-size:11px;color:#ddd}.service-flow li:not(:last-child):after{content:'';position:absolute;top:22px;left:50%;width:100%;height:1px;background:#646464}.service-flow li:last-child .flow-mark{border-color:var(--red);color:#f5756b}.graphic-service{grid-template-columns:45px 1fr .85fr;gap:45px}.graphic-service ul{margin-top:25px;font-size:14px}.client-section{padding:45px 0 55px;border-bottom:1px solid var(--rule);background:#111}.client-logos{display:grid;grid-template-columns:repeat(5,1fr);gap:1px}.client-logos>div{height:100px;display:flex;align-items:center;justify-content:center;padding:20px 26px;background:#e6e6e6}.client-logos img{width:100%;height:100%;object-fit:contain;filter:grayscale(1);mix-blend-mode:multiply}.feed-section{padding-bottom:0}.feed-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;width:100%;margin:0}.feed-grid .work{position:relative;aspect-ratio:1;overflow:hidden;background:#1d1d1d;min-width:0}.feed-grid .work-image{width:100%;height:100%;aspect-ratio:1}.feed-grid .work-image img{width:100%;height:100%;object-fit:cover}.feed-grid .work-info{position:absolute;bottom:0;left:0;right:0;padding:16px 18px;margin:0;background:rgba(0,0,0,.76);align-items:center;gap:12px;transition:background .2s}.feed-grid .work-info h3{font-size:18px;line-height:1.25;margin:0}.feed-grid .work-info p{font-size:11px;margin-top:4px}.feed-grid .work-info>span{font-size:18px}.feed-grid .work:hover .work-info{background:#111}.feed-grid .type-tile{display:flex;align-items:center;justify-content:center;padding:28px;color:#bbb;font-size:36px;text-align:center;line-height:1.1}.feed-section .feed-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.private-black{padding:58px 0 54px;min-height:570px;background:#090909}.private-black h1{font-size:180px;margin:45px 0 40px;line-height:1}.private-baseline{display:flex;justify-content:space-between;gap:40px;align-items:flex-end;border-top:1px solid #343434;padding-top:25px}.private-baseline p{font-size:26px;line-height:1.3}.private-baseline>span{font-size:12px;color:#aaa}.private-feature{background:#111}.private-ribbon{background:#141414}.page-top h1{font-size:72px}.page-top{padding-top:65px}.house-position h2{font-size:64px}.footer .footer-links a:last-child{color:#aaa}
@media(min-width:1700px){.graphic-hero{min-height:680px}.main-tagline{font-size:108px}}
@media(max-width:1100px){.main-tagline{font-size:76px}.hero-register{margin-bottom:70px}.service-index-row{grid-template-columns:26px 1.1fr .9fr 16px;gap:22px}.graphic-service{grid-template-columns:30px 1fr 1fr;gap:25px}.private-strip{padding-inline:32px}.feed-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){.graphic-hero{min-height:0;padding:32px 0 38px}.hero-register{margin-bottom:65px;gap:15px;font-size:10px;flex-wrap:wrap}.hero-register h1{font-size:14px}.hero-register>span:last-child{display:none}.main-tagline{font-size:43px;line-height:1.17}.hero-index{margin-top:50px;gap:20px;font-size:11px}.hero-index a{gap:15px;white-space:nowrap}.private-strip{grid-template-columns:1fr 24px;padding:24px 20px;gap:15px}.private-strip>span:first-child{grid-column:1;font-size:10px}.private-strip strong{font-size:50px;grid-column:1;grid-row:2}.private-strip p{grid-column:1;grid-row:3;font-size:13px}.private-strip p br{display:none}.private-strip .strip-arrow{grid-column:2;grid-row:2}.service-index-row{grid-template-columns:22px 1fr 15px;gap:16px;padding:28px 0}.service-index-row>div{grid-column:2}.service-index-row>.service-flow{grid-row:2;grid-column:2 / 4;width:100%;margin-top:10px}.service-index-row>span:last-child{grid-column:3;grid-row:1}.service-index-row h3{font-size:24px}.service-flow li{font-size:11px}.graphic-service{grid-template-columns:22px 1fr;gap:18px}.graphic-service>.service-flow{grid-column:2;margin-top:15px}.graphic-service>div:last-child{grid-column:auto}.client-logos{grid-template-columns:repeat(3,1fr)}.client-logos>div{height:76px;padding:16px}.feed-grid,.feed-section .feed-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:2px}.feed-grid .work-info{padding:7px 6px;gap:0;min-height:35px;align-items:flex-end}.feed-grid .work-info h3{font-size:11px;line-height:1.2}.feed-grid .work-info p,.feed-grid .work-info>span{display:none}.feed-grid .type-tile{font-size:19px;padding:12px 10px 40px}.private-black{padding:40px 0;min-height:0}.private-black h1{font-size:112px;margin:50px 0}.private-baseline{flex-direction:column;align-items:flex-start;gap:20px}.private-baseline p{font-size:23px}.private-baseline>span{font-size:11px}.page-top h1{font-size:45px}.house-position h2{font-size:45px}.section-heading .service-intro{font-size:16px}.footer .brand{width:175px}}
.client-logos img[src$=".svg"]{filter:grayscale(1) brightness(0)}
.client-logos img[src$="aurum.jpg"]{filter:grayscale(1) contrast(2)}
@media(max-width:720px){.main-tagline{font-size:36px}}
@media(max-width:360px){.main-tagline{font-size:30px}.hero-index{font-size:10px}.hero-index a{gap:8px}.feed-grid .work-info h3{font-size:10px}}

/* Services: keep the reading order simple, without process diagrams. */
.graphic-service{grid-template-columns:45px minmax(0,1fr)}
.graphic-service>div{max-width:880px}
@media(max-width:720px){.graphic-service{grid-template-columns:22px minmax(0,1fr)}}