@font-face{font-family:'DM Sans';font-style:normal;font-weight:400;font-display:swap;src:url('assets/fonts/dm-sans-400.ttf') format('truetype')}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:500;font-display:swap;src:url('assets/fonts/dm-sans-500.ttf') format('truetype')}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:600;font-display:swap;src:url('assets/fonts/dm-sans-600.ttf') format('truetype')}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:700;font-display:swap;src:url('assets/fonts/dm-sans-700.ttf') format('truetype')}
/* DigiQuag: one type family, quiet colours, simple layouts. */
:root{--paper:#fafaf8;--ink:#232925;--muted:#646c66;--line:#dedfd9;--accent:#283e35;--soft:#efefea}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.15;font-weight:500;letter-spacing:-.035em}.wrap{width:min(1240px,calc(100% - 80px));margin-inline:auto}.site-header{display:flex;align-items:center;justify-content:space-between;gap:28px;height:100px;border-bottom:1px solid var(--line)}.logo{display:inline-flex;align-items:center;gap:9px;font-size:23px;font-weight:600;letter-spacing:-1px;white-space:nowrap}.logo-symbol{width:34px;height:34px}.site-header nav{display:flex;gap:28px;font-size:14px}.site-header nav a:hover,.live-link:hover{color:#5b7567}.hero{padding-block:64px 80px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.hero h1{font-size:clamp(42px,4.4vw,66px);line-height:1.09;margin-bottom:25px}.hero-bottom p{max-width:400px;color:var(--muted);margin-bottom:28px}.button{display:inline-flex;align-items:center;gap:28px;background:var(--accent);color:white;padding:12px 21px;border-radius:5px;font-size:14px}.button:hover{background:#3d5548}.hero-project{display:block}.hero-image img{width:100%;aspect-ratio:2.03;object-fit:cover;object-position:top;border-radius:6px}.hero-caption{display:flex;justify-content:space-between;align-items:center;padding-top:14px;color:var(--muted);font-size:12px}.hero-caption strong{color:var(--ink);font-size:14px;font-weight:500}.circle-arrow{font-size:23px}.work-section{padding:45px 0 80px;border-top:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:32px}h2{font-size:38px}.section-heading>p{max-width:365px;color:var(--muted);font-size:15px}.work-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.filters{display:flex;flex-wrap:wrap;gap:8px}.filters button{padding:8px 15px;border:1px solid var(--line);border-radius:5px;background:transparent;color:var(--muted);font-size:13px;cursor:pointer}.filters button.active{background:var(--accent);color:#fff;border-color:var(--accent)}.filters button:hover:not(.active){background:var(--soft)}.project-count{font-size:13px;color:var(--muted)}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:42px 30px}.project-card[hidden]{display:none}.project-image{background:var(--soft);border-radius:5px;overflow:hidden;margin-bottom:18px}.project-image img{width:100%;aspect-ratio:2.03;object-fit:cover;object-position:top}.project-card h3{font-size:25px;margin-bottom:6px}.project-card p{font-size:14px;color:var(--muted)}.live-link{display:inline-flex;gap:12px;align-items:center;text-decoration:underline;text-underline-offset:5px;text-decoration-color:#aeb8b0;font-size:14px;margin-top:14px}.platforms-section{padding-block:50px 75px;border-top:1px solid var(--line)}.platform-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:38px}.platform-grid article{padding-top:20px;border-top:1px solid var(--line)}.platform-grid h3{font-size:26px;margin-bottom:13px}.platform-grid p{font-size:15px;color:var(--muted);max-width:340px}.services-section{padding:60px 0;background:#f0f2ed}.services-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:85px}.services-intro>p{color:var(--muted);max-width:310px;margin-top:20px}.service-list article{padding:23px 0;border-bottom:1px solid #d4d9d0}.service-list article:first-child{padding-top:0}.service-list article:last-child{border-bottom:0;padding-bottom:0}.service-list h3{font-size:23px;margin-bottom:10px}.service-list p{color:var(--muted);font-size:15px}.case-heading{padding-block:30px 38px}.back-link{display:inline-block;color:var(--muted);font-size:14px;margin-bottom:45px}.case-heading h1{font-size:clamp(40px,5.3vw,70px);margin-bottom:16px}.case-subtitle{font-size:20px;color:var(--muted)}.case-heading .live-link{margin-top:22px}.case-image img{width:100%;height:auto;border-radius:5px}.case-story{display:grid;grid-template-columns:.95fr 1fr;gap:85px;padding-block:65px}.case-story h2{font-size:31px;margin-bottom:22px}.case-story>div>p{color:var(--muted);font-size:16px}.project-description section{margin-bottom:30px}.project-description section:last-child{margin-bottom:0}.project-description h3{font-size:22px;margin-bottom:10px}.project-description p{color:var(--muted);font-size:16px;line-height:1.8}.case-next{display:flex;justify-content:space-between;gap:20px;align-items:center;border-block:1px solid var(--line);padding-block:28px}.case-next>span{font-size:14px;color:var(--muted)}.case-next a{font-size:23px}.case-next a>span{margin-left:20px}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:30px}footer p,footer>span{font-size:12px;color:var(--muted)}footer .logo{font-size:21px}footer .logo-symbol{width:28px;height:28px}.skip{position:fixed;top:-100px;left:16px;background:var(--ink);color:white;padding:10px;z-index:10}.skip:focus{top:10px}:focus-visible{outline:2px solid #526e5d;outline-offset:5px}
@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.hero{gap:30px}.hero h1{font-size:46px}.services-layout,.case-story{gap:40px}.platform-grid{gap:25px}}
@media(max-width:680px){.wrap{width:calc(100% - 36px)}.site-header{height:auto;min-height:90px;flex-wrap:wrap;gap:14px;padding-block:20px}.site-header nav{gap:20px;font-size:13px}.logo{font-size:22px}.hero{grid-template-columns:1fr;gap:30px;padding-block:38px 50px}.hero h1{font-size:44px}.hero-bottom p{font-size:16px}.work-section{padding-block:35px 50px}.section-heading{display:block;margin-bottom:26px}h2{font-size:32px}.section-heading>p{margin-top:16px}.project-count{display:none}.filters{gap:6px}.filters button{padding:7px 11px;font-size:12px}.project-grid,.platform-grid{grid-template-columns:1fr;gap:32px}.project-card h3{font-size:24px}.platforms-section{padding-block:35px 50px}.platform-grid article{padding-top:20px}.services-section{padding-block:45px}.services-layout,.case-story{grid-template-columns:1fr;gap:30px}.case-heading h1{font-size:43px}.case-subtitle{font-size:18px}.back-link{margin-bottom:30px}.case-story{padding-block:40px}.case-next a{font-size:20px}.case-next a>span{margin-left:8px}footer{flex-wrap:wrap}footer p{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.hero-workspace{margin:0}.hero-workspace .hero-image{border:1px solid var(--line);border-radius:6px;overflow:hidden}.hero-workspace .hero-image img{aspect-ratio:3/2;object-fit:contain;border-radius:0}