:root{--ink:#182424;--muted:#52615e;--paper:#faf9f6;--line:#d9ded7;--accent:#284dc5;--soft:#edf0e8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:125px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6}a{color:inherit}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}a,button,summary{touch-action:manipulation}button,summary{cursor:pointer}:focus-visible{outline:3px solid var(--accent);outline-offset:5px}[hidden]{display:none!important}.skip{position:fixed;top:-100px;left:20px;z-index:30;padding:12px;background:white}.skip:focus{top:12px}header{max-width:1440px;margin:auto;min-height:102px;padding:24px 5%;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.brand{font-size:35px;letter-spacing:-2px;font-weight:700;text-decoration:none;line-height:1}.brand span{display:block;letter-spacing:3px;font-size:11px;margin:7px 0 0 3px;font-weight:400}nav{display:flex;gap:25px}nav a{text-decoration:none;font-size:14px}nav a:hover,.text-link:hover{text-decoration:underline}.header-right{display:flex;align-items:center;gap:22px}.languages{display:flex;gap:4px}.languages a{font-size:12px;padding:10px 7px;text-decoration:none;min-height:44px}.languages [aria-current]{font-weight:700;color:var(--accent);border-bottom:2px solid}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:14px 22px;border:1px solid var(--accent);border-radius:5px;background:var(--accent);color:white;text-decoration:none;font-weight:600;font-size:14px}.button:hover{background:#1d3c9f}.button.small{font-size:13px;padding:11px 17px}.hero{max-width:1440px;margin:auto;display:grid;grid-template-columns:1.08fr 1fr;gap:5%;padding:68px 5% 58px;align-items:center}.eyebrow,.number{font-size:11px;letter-spacing:1.7px;font-weight:700;color:var(--muted)}h1,h2,h3,p{margin:0}h1{font-size:clamp(44px,5.2vw,77px);line-height:1.03;letter-spacing:-4px;font-weight:500;margin:27px 0}h1 em{font-family:Georgia,serif;font-weight:400;color:var(--accent);letter-spacing:-3px}h2{font-size:clamp(32px,3.4vw,48px);line-height:1.12;letter-spacing:-1.8px;font-weight:500;margin:17px 0 22px}h3{font-size:23px;letter-spacing:-.6px;line-height:1.25;margin:20px 0 12px}.intro{max-width:480px;font-size:18px;color:var(--muted);line-height:1.7}.actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:28px}.text-link{font-size:14px;text-underline-offset:6px}.hero-foot{display:flex;gap:22px;font-size:11px;color:var(--muted);margin-top:46px}.hero-art{position:relative;border-radius:120px 8px 8px 8px;overflow:hidden;min-width:0;align-self:stretch;min-height:450px;background:#e5e0d7}.hero-art img{height:100%;width:100%;position:absolute;object-fit:cover;object-position:47% center}.art-label{position:absolute;bottom:38px;left:24px;right:24px;display:flex;justify-content:space-between;gap:12px;font-size:10px;letter-spacing:1px;color:#fff;text-shadow:0 1px 5px #000;background:#182424d9;padding:10px}.photo-credit{position:absolute;bottom:7px;left:20px;right:10px;color:#fff;background:#182424d9;font-size:10px;padding:3px 6px;width:fit-content}.ticker{display:flex;justify-content:center;gap:36px;padding:20px 5%;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:12px;color:var(--muted);flex-wrap:wrap}.ticker>span:nth-child(even){color:var(--accent)}.section{max-width:1296px;margin:auto;padding:88px 5%}.section-head{display:flex;justify-content:space-between;gap:40px;align-items:flex-end;margin-bottom:36px}.section-head>p{max-width:380px;color:var(--muted);margin-bottom:22px}.services,.projects{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.service{border-top:1px solid var(--line);padding:28px 0}.icon{font-size:28px;color:var(--accent)}.service p,.project p,.step p{color:var(--muted);font-size:15px}.tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:23px}.tag{padding:5px 10px;background:var(--soft);border-radius:30px;font-size:11px}.work-section{background:#edf0e8}.filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:30px}.filter{min-height:44px;background:transparent;border:1px solid #bdc7b8;border-radius:30px;padding:9px 17px;font-size:13px;color:var(--ink)}.filter.active{background:var(--ink);color:white;border-color:var(--ink)}.project{min-width:0}.demo-visual{background:#fafbf7;border:1px solid #d6ded0;border-radius:8px;padding:24px;min-height:230px}.demo-title{display:block;color:var(--accent);font-size:10px;letter-spacing:1.5px;margin-bottom:25px}.demo-line{display:flex;justify-content:space-between;gap:10px;background:white;border:1px solid #e1e6dc;padding:10px;margin-top:8px;font-size:12px}.demo-bars{display:none}.project-meta{display:flex;justify-content:space-between;gap:10px;margin-top:20px;font-size:11px;color:var(--muted)}details{border-bottom:1px solid var(--line);padding:17px 0}summary{font-size:14px;min-height:24px;font-weight:600}details p{margin-top:12px}.process{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.step{border-top:1px solid var(--line);padding-top:24px}.step strong{font-weight:400;color:var(--accent);font-size:13px}.brief-section{padding-top:20px}.brief-box{display:grid;grid-template-columns:1fr 1fr;gap:9%;padding:55px;background:#f0eee8;border-radius:10px}.brief-box>div>p{color:var(--muted);margin-bottom:22px}.brief-box a{word-break:break-word}label{display:block;font-size:13px;font-weight:600;margin-bottom:16px}input,select,textarea{display:block;width:100%;margin-top:6px;border:1px solid #b7c0b5;border-radius:4px;background:#fff;padding:12px;color:var(--ink);min-height:48px}textarea{min-height:125px;resize:vertical}.brief-box .actions{gap:10px}.brief-box button[value=download]{background:transparent;color:var(--accent)}.form-note{font-size:12px;color:var(--muted);margin-top:15px}.status{font-size:14px;margin-top:10px}.faq{padding-top:15px;max-width:900px}.faq summary{font-size:16px;padding:6px 0}.faq p{font-size:15px;color:var(--muted)}footer{border-top:1px solid var(--line);padding:35px 5%;display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:12px;color:var(--muted)}footer p{max-width:240px}@media(min-width:1440px){.hero{padding-top:85px;padding-bottom:80px}}@media(max-width:1000px){header{flex-wrap:wrap;gap:14px}nav{order:3;width:100%;justify-content:center;border-top:1px solid var(--line);padding-top:12px}.hero{gap:30px;padding-top:42px}h1{letter-spacing:-2px}.hero-art{min-height:390px}.hero-foot{flex-wrap:wrap;gap:8px}.services,.projects{gap:18px}.section{padding:62px 5%}.brief-box{padding:35px;gap:35px}.process{grid-template-columns:1fr 1fr}.art-label span:last-child{display:none}}@media(max-width:650px){header{padding:18px 6%}.header-right{gap:10px}.header-right>.button{display:none}nav{gap:25px}nav a{font-size:13px}.hero{grid-template-columns:1fr;padding:38px 6%;gap:30px}h1{font-size:51px;letter-spacing:-2.7px}h1 em{letter-spacing:-2px}.intro{font-size:17px}.hero-foot{margin-top:28px}.hero-art{min-height:300px;border-radius:70px 6px 6px 6px}.ticker{gap:12px 20px;font-size:10px}.ticker>span:nth-child(even){display:none}.section-head{display:block;margin-bottom:20px}.section-head>p{max-width:none}.services,.projects,.process,.brief-box{grid-template-columns:1fr}.projects{gap:38px}.services{gap:0}.service{padding:23px 0}.process{gap:25px}.brief-box{padding:25px;gap:20px}.section{padding:52px 6%}.brief-section{padding-top:5px}.faq{padding-top:10px}footer{flex-wrap:wrap;padding:30px 6%}footer p{max-width:170px}.actions{gap:15px}.button{padding:13px 18px}.demo-visual{min-height:205px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
