:root{--paper:#f8f6ef;--ink:#222b29;--teal:#185c58;--orange:#c65d2e;--line:#cccfc6}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--orange);outline-offset:5px}.skip{position:absolute;top:-100px}.skip:focus{top:10px;background:white;z-index:10;padding:12px}header{max-width:1440px;padding:30px 5%;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-weight:800;font-size:39px;letter-spacing:-2.4px;line-height:1}.brand small{display:block;letter-spacing:2px;font-size:8px;margin-top:10px;font-weight:600}.dot{color:var(--orange)}nav{display:flex;align-items:center;gap:35px;font-size:14px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:28px;padding:20px 26px;background:var(--teal);color:white;font-size:14px;font-weight:700;border:0;border-radius:3px;transition:background .2s,transform .2s}.button:hover{background:#104541;transform:translateY(-2px)}.button span{font-size:22px}.button.small{padding:12px 20px}.hero{max-width:1440px;margin:auto;padding:70px 5% 80px;display:grid;grid-template-columns:1fr 1fr;gap:5%;align-items:center}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;line-height:1.6}.eyebrow>span{display:inline-block;background:var(--orange);width:8px;height:8px;border-radius:50%;margin-right:9px}h1{font-size:clamp(70px,7.9vw,116px);letter-spacing:-7px;line-height:.96;margin:30px 0}em{font-family:Georgia,serif;font-weight:400;color:var(--teal)}h1 em{color:var(--orange)}.intro{font-size:22px;line-height:1.4;max-width:400px;margin-top:30px}.sub{font-size:15px;line-height:1.7;max-width:400px;color:#53605b;margin-bottom:28px}.textlink{display:block;font-size:12px;margin-top:20px;text-decoration:underline;text-underline-offset:5px}.hero-art{height:590px;background:#e3e9df;position:relative;overflow:hidden;border-radius:3px}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#b1c0b135 1px,transparent 1px),linear-gradient(90deg,#b1c0b135 1px,transparent 1px);background-size:36px 36px}.orange-circle{height:290px;width:290px;background:var(--orange);border-radius:50%;position:absolute;right:-90px;top:60px}.sample-label{position:absolute;top:28px;left:28px;font-size:8px;letter-spacing:1.7px}.tracker{position:absolute;top:80px;left:6%;width:82%;background:var(--paper);padding:20px 24px;box-shadow:0 15px 25px #153b3020;transform:rotate(-6deg);border:1px solid #d8d9ce}.windowdots{font-size:7px;color:#98a69c;letter-spacing:3px;border-bottom:1px solid #ddd;padding-bottom:13px}.windowdots span{float:right;font-size:7px;letter-spacing:1px}.tracker h3{font-size:26px;margin:22px 0}.tracker-head,.tracker-row{display:flex;justify-content:space-between;font-size:10px;padding:12px 0;border-bottom:1px solid #ddd}.tracker-head{font-size:7px;letter-spacing:1px;color:#61766c}.tracker-row b{font-size:7px;padding:3px 5px;background:#f3dfcb;color:#8d4c25;font-weight:400}.tracker-row .done{background:#dfeadf;color:#185c58}.bars{height:45px;display:flex;align-items:end;gap:10px;padding-top:10px}.bars i{display:block;background:#99b4a4;flex:1;height:70%}.bars i:nth-child(2){height:45%}.bars i:nth-child(3){height:90%;background:var(--teal)}.bars i:nth-child(4){height:60%}.bars i:nth-child(5){height:100%;background:var(--orange)}.tracker small{font-size:6px;letter-spacing:1px;display:block;margin-top:12px}.design-tile{position:absolute;background:var(--teal);color:var(--paper);left:10%;bottom:64px;width:62%;padding:23px;transform:rotate(5deg);box-shadow:0 10px 20px #153b3025}.design-tile>span{font-size:7px;letter-spacing:2px}.design-tile strong{display:block;font-size:37px;line-height:1.05;letter-spacing:-1.6px;margin:25px 0}.design-tile strong span{color:#e8925f;float:right}.design-tile div{font-size:7px;letter-spacing:2px;border-top:1px solid #ffffff50;padding-top:12px}.note{position:absolute;right:3%;bottom:45px;background:#e9b783;width:35%;padding:19px;transform:rotate(-7deg);box-shadow:0 9px 20px #153b3020}.note>span:first-child{font-size:6px;letter-spacing:1px}.note strong{display:block;font-family:Georgia,serif;font-size:23px;font-weight:400;margin:16px 0}.star{font-size:40px;color:var(--orange);display:block;text-align:right}.art-caption{position:absolute;bottom:17px;left:28px;font-size:7px;letter-spacing:1.5px}.ribbon{background:var(--teal);color:white;display:flex;justify-content:space-around;align-items:center;gap:20px;padding:24px 3%;font-size:10px;letter-spacing:1.5px}.ribbon i{color:#e38a59;font-size:22px;font-style:normal}.section{padding:100px 6%;max-width:1440px;margin:auto}h2{font-size:clamp(38px,4vw,60px);line-height:1.08;letter-spacing:-2px;font-weight:600;margin:24px 0}h3{font-weight:600}.section-heading{display:grid;grid-template-columns:1fr 1fr;gap:0 50px}.section-heading .eyebrow{grid-column:1/-1}.section-heading>p:last-child{font-size:15px;line-height:1.8;align-self:end;padding-bottom:15px;color:#53605b}.service-list{margin-top:40px;border-top:1px solid var(--ink)}.service-list article{display:grid;grid-template-columns:70px 1fr 40px;padding:35px 0;border-bottom:1px solid var(--line)}.number{font-size:12px;color:var(--orange);padding-top:9px}.service-list h3{font-size:29px;letter-spacing:-.7px;margin:0 0 14px}.service-list p{font-size:15px;line-height:1.6;max-width:670px;color:#53605b}.service-list ul{padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:15px;font-size:12px;margin:24px 0 0}.service-list li:before{content:'↗';color:var(--orange);margin-right:10px}.service-icon{font-size:32px;color:var(--teal)}.project-section{background:#e8ece4;max-width:none}.project-section>h2,.project-section>.eyebrow,.project-grid{max-width:1267px;margin-left:auto;margin-right:auto}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:50px}.project-grid>div{border-top:1px solid #aab8ac;padding-top:25px}.project-grid span{font-size:8px;letter-spacing:1.7px;color:var(--teal);font-weight:700}.project-grid h3{font-size:25px;line-height:1.2;letter-spacing:-.7px}.project-grid p{font-size:14px;line-height:1.8;color:#53605b}.approach{display:grid;grid-template-columns:1fr 1fr;gap:8%}.approach-copy{padding-top:25px}.approach-copy p{font-size:15px;line-height:1.8;color:#53605b}.approach-copy .large{font-size:22px;line-height:1.5;color:var(--ink)}.steps{margin-top:40px}.steps>div{border-top:1px solid var(--line);padding:18px 0}.steps b{font-size:9px;letter-spacing:1.5px}.steps p{font-size:13px;margin-bottom:0}.contact{background:var(--teal);color:var(--paper);max-width:none;position:relative}.contact> *{max-width:1267px;margin-left:auto;margin-right:auto}.contact h2{font-size:clamp(70px,8vw,120px);letter-spacing:-5px}.contact h2 em{color:#e99260}.contact h2>span{float:right;color:#e99260}.contact>p:not(.eyebrow){font-size:19px;line-height:1.6}.orange{background:var(--orange)}.orange:hover{background:#a94720}.contact-action{margin-top:35px}.contact-action p{font-size:12px;color:#c3d5cd}footer{max-width:1440px;margin:auto;padding:45px 6%;display:flex;justify-content:space-between;align-items:center;gap:25px}footer p,footer>span,footer>a:last-child{font-size:11px;line-height:1.6}footer .brand{font-size:30px}@media(min-width:1600px){.hero-art{height:650px}}@media(max-width:850px){header{padding:25px 6%}.brand{font-size:31px}nav{gap:18px}nav>a:not(.button){display:none}.hero{grid-template-columns:1fr;padding:45px 6%;gap:45px}h1{font-size:85px;letter-spacing:-5px}.hero-art{height:550px;max-width:540px;width:100%;margin:auto}.hero-copy .sub{max-width:500px}.ribbon{flex-wrap:wrap;font-size:8px;padding:20px}.ribbon span:last-child,.ribbon i:last-of-type{display:none}.section{padding:65px 6%}.section-heading{grid-template-columns:1fr}.section-heading>p:last-child{margin-top:0}.service-list article{grid-template-columns:35px 1fr 24px}.service-list h3{font-size:25px}.service-list ul{grid-template-columns:1fr;font-size:12px}.project-grid{grid-template-columns:1fr;gap:15px;margin-top:35px}.project-grid h3 br{display:none}.project-grid h3{margin-bottom:12px}.approach{grid-template-columns:1fr;gap:0}.approach-copy{padding-top:0}.contact h2{font-size:85px}footer{flex-wrap:wrap}footer .brand{width:100%}}@media(max-width:400px){h1{font-size:72px}.hero-art{height:480px}.tracker{padding:15px}.design-tile{bottom:60px}.design-tile strong{font-size:29px}.note strong{font-size:20px}.ribbon{gap:12px}.brand small{font-size:6px}.button.small{font-size:12px;padding:10px}.contact h2{font-size:70px}.section h2{font-size:37px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
