@font-face{font-family:Thmanyah;src:url('assets/thmanyah-regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Thmanyah;src:url('assets/thmanyah-bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:'Thmanyah Serif';src:url('assets/thmanyah-serif-bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
:root{--paper:#f4f2ed;--ink:#103d51;--navy:#031724;--blue:#00a6d8;--line:#d7e0e3;--muted:#526c79}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.8 Thmanyah,Arial,sans-serif;font-synthesis:none}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:700;font-style:normal}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit}button,a,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:5px}.skip{position:absolute;top:-100px;right:20px;background:white;padding:12px;z-index:10}.skip:focus{top:10px}.logo{width:150px;height:auto;display:block}header{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:22px max(6%,calc((100vw - 1240px)/2));border-bottom:1px solid var(--line)}nav{display:flex;gap:30px}.button{display:inline-flex;align-items:center;justify-content:center;background:var(--blue);color:white;padding:13px 24px;min-height:48px;font-weight:700;border:1px solid var(--blue)}.button.small{padding:10px 18px;font-size:.9375rem}.eyebrow{display:block;font:600 .75rem/1.5 Arial,sans-serif;letter-spacing:1.3px;direction:ltr;text-align:right;color:#0089ad}.hero{background:var(--navy);color:white;display:grid;grid-template-columns:1.15fr 1fr;gap:7%;align-items:center;padding:48px max(7%,calc((100vw - 1200px)/2))}.hero .eyebrow{color:#60cee9}h1{font-family:'Thmanyah Serif',Thmanyah,serif;font-size:clamp(2.5rem,4.4vw,4.7rem);line-height:1.45;margin:20px 0}h1 span{color:#58cde9}.hero-copy>p{font-size:1.125rem;color:#cedce2;max-width:490px}.actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:28px}.text-link{border-bottom:1px solid #6c92a3}.brand-note{font-size:.875rem;color:#a5c1ce;margin-top:26px}.hero-film{height:370px;max-width:430px;justify-self:end;width:100%;background:#0d2531;border:0;position:relative;overflow:hidden;padding:0}.hero-film>img{width:100%;height:100%;object-fit:cover;object-position:center 43%;display:block}.play{position:absolute;top:calc(50% - 26px);left:calc(50% - 26px);height:52px;width:52px;display:grid;place-items:center;background:#031724aa;color:white;border:1px solid #ffffffa8;border-radius:50%;font:18px Arial}.film-caption{position:absolute;bottom:0;right:0;left:0;background:linear-gradient(transparent,#031724ef);padding:45px 20px 20px;color:white;text-align:right;display:flex;flex-direction:column}.film-caption>span{font-weight:700;font-size:1.25rem}.film-caption small{font-size:.875rem}section.work,section.results,section.services,section.why{padding:52px max(7%,calc((100vw - 1200px)/2))}.work{background:#fff}h2{font-size:clamp(1.9rem,3vw,3rem);line-height:1.5;margin:12px 0}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:50px;margin-bottom:24px}.section-heading>p{max-width:330px;color:var(--muted);font-size:1rem}.work-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.filters{display:flex;gap:10px}.filters button{border:1px solid #bdd1da;background:none;padding:7px 20px;min-height:44px}.filters button.active{background:var(--ink);border-color:var(--ink);color:white}#work-count{font-size:.875rem;color:var(--muted)}.gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 20px}.piece button{width:100%;padding:0;border:0;position:relative;display:block;background:#152732}.piece img{width:100%;height:290px;object-fit:cover;display:block}.piece.design img{object-fit:contain;background:var(--paper)}.piece h3{font-size:1.0625rem;line-height:1.6;margin-top:12px}.piece p{font-size:.875rem;color:var(--muted);margin-top:3px}.tag{position:absolute;top:12px;right:12px;background:#031724d9;color:white;padding:2px 10px;font-size:.8125rem}.more{text-align:center;margin-top:26px}.more button{padding:10px 24px;min-height:46px;border:1px solid #acc8d4;background:transparent}.more button[hidden]{display:none}.case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.case{border-top:2px solid var(--blue);padding:22px 0 0}.case-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.case-head h3{font-size:1.375rem}.case-head>span{font-size:.875rem;color:var(--muted)}.number{font:600 clamp(2.7rem,4.7vw,4rem)/1.2 Arial;color:#008db7;direction:ltr;text-align:right;margin-top:24px}.metric-label{margin:8px 0 20px;font-size:1rem}.cost{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.cost strong{font:600 1.8rem/1.3 Arial;direction:ltr}.cost span{font-size:.9375rem;color:var(--muted)}.period{display:block;font-size:.875rem;margin:20px 0 14px}.case details{border-top:1px solid var(--line);padding-top:12px}.case summary{cursor:pointer;font-size:.9375rem;color:#007c9d}.case details p{font-size:.875rem;color:var(--muted);margin-top:12px}.results-note{font-size:.8125rem;color:var(--muted);line-height:1.85;max-width:1000px;margin-top:26px}.services{background:white}.service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}.service-grid article{border-top:1px solid var(--line);padding-top:20px}.service-grid article>span{font:14px Arial;color:#008ab2}.service-grid h3{font-size:1.2rem;margin:14px 0 8px}.service-grid p{color:var(--muted);font-size:1rem}.why{display:grid;grid-template-columns:1fr 2fr;gap:60px}.why h2{margin:0}.why p{font-size:1rem;margin-bottom:12px;color:var(--muted)}.why strong{color:var(--ink)}.cta{background:var(--navy);color:white;display:flex;align-items:center;justify-content:space-between;gap:35px;padding:40px max(7%,calc((100vw - 1200px)/2))}.cta h2{font-size:2.4rem;margin:0;line-height:1.4}.cta p{margin-top:12px;color:#c2d3dd}.cta .button{flex-shrink:0}footer{display:flex;gap:25px;align-items:center;justify-content:space-between;padding:28px max(7%,calc((100vw - 1200px)/2));font-size:.9375rem}footer>div{display:flex;gap:18px}footer .logo{width:120px}dialog{padding:20px;border:1px solid #76a1b3;background:var(--paper);color:var(--ink);width:min(850px,94vw);max-height:94vh}dialog::backdrop{background:#00111be8}#close{position:absolute;top:12px;left:12px;width:44px;height:44px;line-height:1;font-size:30px;background:var(--navy);color:white;border:1px solid #b3c9d3;z-index:2}#media{background:var(--navy);display:flex;justify-content:center}#media img,#media video{max-width:100%;max-height:65vh;object-fit:contain;display:block}.modal-copy{padding:12px 4px}.modal-copy h3{font-size:1.25rem}.modal-copy p{margin:8px 0;color:var(--muted);font-size:1rem}.modal-copy a{color:#007d9f;text-decoration:underline;font-size:.9375rem}
@media(max-width:1000px){.hero{gap:5%}.hero-film{height:340px}.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.piece img{height:310px}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.case-grid{gap:22px}.cost{gap:10px}.case-head{display:block}.case-head>span{display:block}footer{flex-wrap:wrap}}
@media(max-width:700px){header{padding:18px 6%;gap:12px}header .logo{width:125px}nav{display:none}.button.small{font-size:.875rem;padding:9px 12px}.hero{grid-template-columns:1fr;padding:32px 6%;gap:24px}h1{font-size:2.7rem;margin:14px 0}.hero-copy>p{font-size:1.0625rem}.hero-film{justify-self:stretch;max-width:none;height:270px}.brand-note{margin-top:20px}.actions{margin-top:22px;gap:20px}section.work,section.results,section.services,section.why{padding:36px 6%}.section-heading{display:block;margin-bottom:22px}.section-heading>p{max-width:100%;margin-top:8px}.eyebrow{font-size:.75rem}.work-toolbar{flex-wrap:wrap;gap:12px}.filters button{padding:6px 16px}.gallery{gap:24px 16px}.piece img{height:230px}.piece h3{font-size:1rem}.piece p{font-size:.875rem}.case-grid{grid-template-columns:1fr;gap:26px}.case{display:grid;grid-template-columns:1fr 1fr;gap:8px 15px;align-items:center;padding-top:18px}.case-head{grid-column:1/-1;display:flex}.number{font-size:3.1rem;margin:8px 0 0}.metric-label{grid-column:1;margin:0}.cost{grid-column:2;grid-row:2/4;display:block}.cost strong{display:block;font-size:1.9rem}.cost span{display:block;margin-top:6px}.period{grid-column:1/-1;margin:6px 0}.case details{grid-column:1/-1}.results-note{font-size:.8125rem}.service-grid{gap:22px}.why{grid-template-columns:1fr;gap:18px}.why p:last-child{margin-bottom:0}.cta{display:block;padding:32px 6%}.cta h2{font-size:2rem}.cta .button{margin-top:24px}footer{padding:24px 6%;gap:18px}footer>div{gap:18px;flex-wrap:wrap}}
@media(max-width:440px){h1{font-size:2.4rem}.piece img{height:210px}.service-grid{grid-template-columns:1fr;gap:18px}.service-grid article{padding-top:16px}.service-grid h3{margin-top:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}