:root{--ink:#20221f;--paper:#f6f6f2;--muted:#6c7068;--line:#cdcec7}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;color:var(--ink);background:var(--paper);font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid #64805b;outline-offset:6px}.header{height:106px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;background:#e9eae6}.brand{font-size:33px;font-weight:800;letter-spacing:-2px;display:flex;align-items:center;gap:9px;line-height:1}.brand span{font-size:10px;letter-spacing:2px;max-width:75px;line-height:1.4}.brand i{font-size:12px;align-self:flex-start;font-style:normal;letter-spacing:0}nav{display:flex;align-items:center;gap:34px;font-size:13px}.button{display:inline-flex;gap:35px;align-items:center;justify-content:space-between;background:var(--ink);color:white;border:1px solid var(--ink);border-radius:5px;padding:15px 22px;font-size:13px;transition:background .2s,transform .2s}.button:hover{background:#42473d;transform:translateY(-2px)}.button span{font-size:20px}.small{padding:10px 17px}.hero{text-align:center;background:linear-gradient(#e9eae6 50%,#d1d5cb);padding:40px 5% 0;overflow:hidden}.eyebrow,.section-label{font-size:10px;letter-spacing:1.8px;font-weight:500}.dot{display:inline-block;width:6px;height:6px;background:#67735f;border-radius:50%;margin-right:9px}h1{font-size:clamp(38px,5.1vw,78px);font-weight:400;line-height:1.1;letter-spacing:-3px;margin:24px auto}em{font-family:Georgia,serif;font-weight:400}h1 em{font-size:.94em}.hero>p{color:#5c6158;font-size:15px;margin-bottom:25px}.hero-art{height:410px;position:relative;margin:45px auto 0;max-width:1060px;perspective:1200px}.browser{position:relative;width:650px;margin:auto;text-align:left;border:1px solid #a6aaa0;border-radius:9px;background:#f6f6f0;box-shadow:0 25px 65px #343c3030;transform:rotateX(8deg) rotateY(-9deg) rotateZ(-3deg);overflow:hidden}.browser-bar{display:flex;justify-content:space-between;background:#e4e5de;border-bottom:1px solid #c8cbc0;font-size:9px;color:#777d70;padding:10px 15px}.browser-body{padding:24px 32px}.sample-nav{font-size:9px;font-weight:bold;letter-spacing:1px}.sample-nav span{float:right;font-weight:400;letter-spacing:0}.sample-content{display:flex;align-items:center;justify-content:space-between;padding:30px 0 15px;font-size:42px;line-height:1}.sample-content small{display:block;font:9px Arial;margin:15px 0}.sample-content b{display:inline-block;font:9px Arial;background:#252a22;color:white;padding:9px 14px}.sample-foot{display:flex;justify-content:space-between;font-size:7px;letter-spacing:1px;border-top:1px solid #d2d5cb;padding-top:12px}.sculpture{width:225px;height:210px;position:relative;transform:rotate(-25deg)}.sculpture i{position:absolute;inset:15px 35px;border:14px solid #9da892;border-radius:50%;box-shadow:inset 5px 2px 10px #f8ffeb,5px 2px 10px #38463155;transform:rotateY(35deg)}.sculpture i:nth-child(2){transform:rotateY(55deg) rotate(30deg)}.sculpture i:nth-child(3){transform:rotateY(75deg) rotate(60deg)}.sculpture i:nth-child(4){transform:rotateY(110deg) rotate(90deg)}.sculpture i:nth-child(5){transform:rotateY(135deg) rotate(120deg)}.sculpture i:nth-child(6){transform:rotateY(155deg) rotate(150deg)}.orbit{position:absolute;border:1px solid #9da59355;border-radius:50%;width:1050px;height:220px;top:170px;left:50%;transform:translateX(-50%) rotate(-9deg)}.orbit-two{transform:translateX(-50%) rotate(13deg);width:940px}.floating-label{position:absolute;bottom:33px;right:6%;background:#f2f3ec;border:1px solid #b9c0b1;padding:13px 20px;font-size:8px;letter-spacing:1.1px;border-radius:3px}.floating-label span{margin-left:25px;font-size:18px}.hero-bottom{display:flex;justify-content:space-between;padding:19px 0;border-top:1px solid #acb3a6;text-align:left;font-size:9px;letter-spacing:1px}.hero-bottom a span{margin-left:20px}.section{display:grid;grid-template-columns:1fr 2.2fr;padding:100px 7%;gap:50px}.section-label{padding-top:10px}h2{font-size:clamp(30px,3.5vw,50px);font-weight:400;line-height:1.18;letter-spacing:-1.6px;margin:0 0 35px}h2 span{color:#868a80}.intro-copy{display:grid;grid-template-columns:1fr 1fr;gap:35px;max-width:780px;color:var(--muted);font-size:14px}.text-link{display:inline-block;border-bottom:1px solid;padding:12px 0;font-size:13px}.text-link span{margin-left:50px}.services{background:#e8eae3}.service-row{display:grid;grid-template-columns:45px 1fr 30px;gap:18px;border-top:1px solid #babeb2;padding:25px 0}.service-row>span{font-size:11px;padding-top:7px}h3{font-size:21px;font-weight:400;letter-spacing:-.4px;margin:0 0 8px}.service-row p{font-size:14px;color:#62685c;max-width:470px;margin:0}.service-row .arrow{font-size:25px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.steps article{border-top:1px solid var(--line);padding-top:20px}.steps article>span{font:italic 45px Georgia;color:#8c9284}.steps h3{font-size:18px;margin-top:24px}.steps p{font-size:13px;color:var(--muted)}.projects{padding:70px 7% 100px;border-top:1px solid var(--line)}.project-heading{display:flex;justify-content:space-between;align-items:center}.project-heading h2{margin-top:25px}.project-heading>p{font-size:13px;color:var(--muted)}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.project-image{height:300px;background:#e7e8e1;display:flex;align-items:center;justify-content:center;overflow:hidden}.project-image img{max-height:80%;max-width:80%;object-fit:contain;filter:grayscale(1);mix-blend-mode:multiply;transition:filter .3s,transform .3s}.project:hover img{filter:none;transform:scale(1.04)}.project-title{display:flex;justify-content:space-between;margin-top:20px}.project-title h3{font-size:20px}.project>p{font-size:9px;letter-spacing:1.4px;color:var(--muted);margin-top:0}.contact{background:#252922;color:#f4f5ef}.contact .section-label{color:#b7c0ae}.contact h2{font-size:clamp(34px,4vw,57px)}.contact p{color:#bec5b7;font-size:14px}.light{background:#e7ebdf;color:#252922;border-color:#e7ebdf;margin-top:18px}.light:hover{background:white}.contact-details{display:flex;flex-direction:column;align-items:flex-start;gap:7px;margin-top:35px;font-size:12px;color:#c2cab9}footer{padding:35px 5%;display:flex;align-items:center;justify-content:space-between;gap:20px}footer p,footer>a:last-child,.legal-toggle{font-size:10px}.legal-toggle{border:0;background:none}.menu-toggle{display:none}.skip{position:fixed;top:-80px;left:15px;background:white;padding:15px;z-index:20}.skip:focus{top:10px}dialog{border:1px solid #c0c4b8;border-radius:8px;max-width:600px;width:90%;padding:40px}dialog::backdrop{background:#0008}dialog h2{font-size:28px}.close{float:right;background:none;border:none;font-size:25px}dialog p{font-size:14px}@media(min-width:1600px){.header,.hero{padding-left:10%;padding-right:10%}}@media(max-width:760px){.header{height:85px}.brand{font-size:28px}.menu-toggle{display:block;background:none;border:0;font-size:12px}.menu-toggle span{padding-left:8px}nav{display:none;position:absolute;top:85px;left:0;right:0;background:#e9eae6;z-index:10;padding:25px 5%;align-items:flex-start}nav.open{display:flex;flex-direction:column;gap:22px}.hero{padding-top:30px}h1{letter-spacing:-1.8px;font-size:clamp(31px,7vw,50px)}.eyebrow{font-size:8px}.hero>p{font-size:13px}.hero-art{height:290px;margin-top:30px}.browser{width:540px;position:absolute;left:50%;transform:translateX(-50%) scale(.65) rotate(-4deg);transform-origin:top center}.floating-label{bottom:22px;right:0;font-size:6px}.hero-bottom{font-size:7px}.section{grid-template-columns:1fr;gap:25px;padding:60px 6%}.intro-copy{grid-template-columns:1fr;gap:0}.steps{gap:18px}.steps h3{font-size:16px}.steps p{font-size:12px}.projects{padding:60px 6%}.project-heading{display:block}.project-heading>p{margin-bottom:30px}.project-grid{grid-template-columns:1fr;gap:30px}.project-image{height:260px}.contact h2{font-size:36px}footer{flex-wrap:wrap;padding:30px 6%}footer .brand{width:100%}.service-row{grid-template-columns:25px 1fr 20px;gap:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.brand img{display:block;width:240px;max-width:100%;height:auto} .header>.brand{flex-shrink:0} @media(max-width:760px){.brand img{width:210px}}


.contact-form{margin-top:32px;max-width:720px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.contact-form label{display:block;font-size:13px;color:#e7ebdf;margin-bottom:20px}.contact-form input,.contact-form textarea{display:block;width:100%;margin-top:8px;border:1px solid #7c8673;background:#30372c;border-radius:4px;color:#f4f5ef;padding:13px;font:inherit;line-height:1.5}.contact-form textarea{resize:vertical;min-height:130px}.contact-form input:focus-visible,.contact-form textarea:focus-visible{outline:2px solid #e7ebdf;outline-offset:3px}.contact-form .form-note,.contact-form #form-status{font-size:12px;line-height:1.6}.contact-form fieldset{margin:24px 0 0;border:1px solid #7c8673;border-radius:4px;padding:20px}.contact-form fieldset[hidden]{display:none}.contact-form legend{font-size:13px;padding:0 8px}.contact-form fieldset input{max-width:160px}#refresh-challenge{border:0;border-bottom:1px solid #b4bda9;background:none;color:#e7ebdf;padding:4px 0;font-size:12px}.contact-form .light{margin-top:8px}#form-status:empty{display:none}@media(max-width:760px){.form-grid{grid-template-columns:1fr;gap:0}}

/* Fixed shortcut shown when the page footer enters the viewport. */
.back-to-top{position:fixed;right:max(24px,env(safe-area-inset-right));bottom:max(24px,env(safe-area-inset-bottom));z-index:30;display:grid;place-items:center;width:52px;height:52px;padding:0;border:1px solid #7c8673;border-radius:50%;background:#252922;color:#f4f5ef;box-shadow:0 5px 20px #0003;transition:transform .2s,background .2s}
.back-to-top[hidden]{display:none}
.back-to-top:hover{background:#424c3b;transform:translateY(-3px)}
.back-to-top:focus-visible{outline:3px solid #8eaa7d;outline-offset:4px}
footer{padding-right:100px}
@media(max-width:760px){.back-to-top{width:46px;height:46px;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom))}footer{padding-right:80px}}

.footer-brand{flex:0 0 auto;max-width:100%}
#partner{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-top:20px;max-width:300px}
#partner a{display:inline-flex;align-items:center;justify-content:center}
#partner img{display:block;width:130px;max-width:100%;height:auto}
#partner .numeric{width:110px}
@media(max-width:760px){.footer-brand{width:100%}}

/* Version 2: agency logo beside the hero preview headline. */
.hero-logo{width:225px;height:210px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.hero-logo img{display:block;width:100%;height:auto;object-fit:contain}

/* Original Élan symbol: layered forward motion, matching the sage palette. */
.hero-logo img{width:210px;height:210px;animation:hero-elan-float 6s ease-in-out infinite}
@keyframes hero-elan-float{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-8px) rotate(2deg)}}
@media(prefers-reduced-motion:reduce){.hero-logo img{animation:none}}
.validation-summary-valid{display:none}.validation-summary-errors{border-left:3px solid #e4b59a;padding:10px 16px;color:#ffe0cd}.input-validation-error{border-color:#e4b59a!important}

#prepare-contact[hidden]{display:none}