@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--paper:#f5f4ef;--ink:#26382f;--green:#234a3c;--muted:#626b63;--line:#d9ddd2;--lime:#d5e8a0;--white:#fffefa;--display:'Manrope',Arial,sans-serif;--body:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #9a672f;outline-offset:5px}button{cursor:pointer}::selection{background:var(--lime);color:var(--ink)}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--display);font-weight:650;line-height:1.13;letter-spacing:-.055em}p{color:var(--muted)}h1{font-size:clamp(48px,5.35vw,79px)}h2{font-size:clamp(34px,3.15vw,46px)}h3{font-size:25px}.wrap{width:min(1240px,calc(100% - 100px));margin-inline:auto}.site-header{height:109px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:10px;font-family:var(--display);font-size:23px;font-weight:750;letter-spacing:-1px}.brand-mark{background:var(--green);color:var(--paper);width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:34px;line-height:1;padding-bottom:7px;letter-spacing:-4px;padding-right:4px}.brand-mark span{color:var(--lime)}.brand .muted{font-weight:400;color:var(--muted)}nav{display:flex;align-items:center;gap:34px;font-size:14px;font-weight:500}nav a{transition:color .2s}nav a:hover,nav a[aria-current]{color:#527349}nav .nav-cta{border:1px solid var(--ink);padding:10px 18px;border-radius:5px;display:flex;gap:24px}.eyebrow{font-size:10px;font-weight:650;letter-spacing:1.65px;line-height:1.7;text-transform:uppercase;display:flex;align-items:center;gap:9px}.status-dot{width:7px;height:7px;border-radius:50%;background:#698950;box-shadow:0 0 0 4px #69895014}.hero{display:grid;grid-template-columns:1.07fr 1fr;align-items:center;gap:45px;padding-top:86px;padding-bottom:89px}.hero h1{margin:26px 0 25px;line-height:1.1}.hero h1>span,.page-intro h1>span{color:#65805a}.hero-copy>p{max-width:445px;font-size:17px;line-height:1.8}.hero-actions{margin-top:32px;display:flex;align-items:center;gap:27px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;background:var(--green);color:var(--white);border:1px solid transparent;border-radius:5px;padding:15px 22px;font-size:13px;font-weight:550;line-height:1.5;transition:background .2s,transform .2s}.button:hover{background:#38654f;transform:translateY(-2px)}.button span{font-size:19px;line-height:1}.text-link{font-size:13px;font-weight:600;display:inline-flex;align-items:center;gap:20px;padding-block:7px}.text-link:hover{color:#62824e}.hero-art{position:relative;height:460px;isolation:isolate;display:flex;align-items:center;justify-content:center}.hero-art:before{content:'';position:absolute;width:400px;height:400px;border-radius:50%;background:#e1e5d7;z-index:-2}.orbit{position:absolute;border:1px solid #d1d8c9;border-radius:50%;z-index:-1;transform:rotate(-25deg)}.orbit-one{width:104%;height:72%}.orbit-two{width:82%;height:105%;transform:rotate(28deg)}.art-label{position:absolute;top:8px;right:18px;font-size:9px;letter-spacing:1.6px;color:#7c8775}.browser-card{width:94%;border:1px solid #cfd5c7;border-radius:10px;background:var(--white);box-shadow:0 22px 35px -25px #26382f77;transform:rotate(-5deg);overflow:hidden}.browser-top{height:31px;border-bottom:1px solid #e2e5dc;display:flex;align-items:center;gap:4px;padding:0 12px;background:#f9faf5}.browser-top i{width:5px;height:5px;border-radius:50%;background:#ccd1c4}.browser-top>span{margin:auto;color:#899080;font-size:8px;letter-spacing:.7px;padding-right:22px}.browser-content{padding:22px}.sample-nav{display:flex;justify-content:space-between;align-items:center;font-size:8px;font-weight:700;letter-spacing:1px}.sample-nav>span{font-size:7px;border:1px solid #d1d8c9;border-radius:3px;padding:4px 9px;font-weight:400}.sample-hero{display:flex;justify-content:space-between;align-items:center;padding:31px 0 33px}.sample-hero>div:first-child{position:relative;z-index:1}.sample-hero span{font-size:6px;letter-spacing:1.2px}.sample-hero strong{font-family:var(--display);display:block;font-size:30px;letter-spacing:-1.4px;line-height:1.13;font-weight:600;margin:11px 0 17px}.sample-hero b{font-size:7px;font-weight:400;background:var(--green);color:white;padding:7px 11px;border-radius:2px}.abstract-flower{position:relative;width:130px;height:150px;margin:0 12px}.abstract-flower i{position:absolute;width:74px;height:74px;background:#a9bd78;border-radius:0 75% 0 75%;top:0;left:0}.abstract-flower i:nth-child(2){left:72px;transform:rotate(90deg);background:#d5e8a0}.abstract-flower i:nth-child(3){top:72px;left:72px;transform:rotate(180deg);background:#748d58}.abstract-flower i:nth-child(4){top:72px;transform:rotate(270deg);background:#c0d294}.sample-bottom{display:flex;justify-content:space-between;border-top:1px solid #e2e5dc;padding-top:12px;font-size:7px}.sample-bottom>span:last-child{font-size:17px;line-height:1}.support-chip{position:absolute;bottom:24px;right:-8px;display:flex;align-items:center;gap:12px;transform:rotate(3deg);padding:16px 20px;background:var(--green);color:var(--paper);border-radius:7px;box-shadow:0 14px 30px -16px #26382f77}.chip-icon{font-size:30px;color:var(--lime);line-height:1}.support-chip strong{display:block;font-size:11px;font-weight:500}.support-chip div span{font-size:9px;color:#c3d2c5}.chip-check{display:grid;place-items:center;border:1px solid #789272;border-radius:50%;height:20px;width:20px;font-size:10px;margin-left:8px;color:var(--lime)}.art-coordinate{position:absolute;bottom:-17px;left:35px;font-size:8px;letter-spacing:1.8px;color:#7d8576}.service-strip{border-block:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:25px 0;font-size:12px}.service-strip>span{color:var(--muted)}.service-strip>div{display:flex;gap:28px;align-items:center;font-weight:500}.service-strip b{font-weight:400;font-size:17px;color:#94a47f}.section{padding-block:95px}.section-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:90px;align-items:end;margin-bottom:47px}.section-heading h2{margin-top:17px}.section-heading>p,.section-heading>div>p{font-size:15px;max-width:390px;line-height:1.8}.section-heading .text-link{margin-top:15px}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--line);border-radius:7px;overflow:hidden}.services-grid article{padding:31px;position:relative}.services-grid article+article{border-left:1px solid var(--line)}.service-icon{display:grid;place-items:center;border:1px solid #c8d2bf;border-radius:9px;background:#ebeee2;width:43px;height:43px;font-size:26px;font-weight:400}.service-number{position:absolute;right:30px;top:35px;font-size:11px;color:#86917c}.services-grid h3{margin-top:31px;margin-bottom:18px;font-size:26px;line-height:1.2}.services-grid p{font-size:14px;line-height:1.8}.services-grid ul{list-style:none;padding:21px 0 0;margin:22px 0 0;border-top:1px solid var(--line);font-size:12px}.services-grid li{margin-top:9px}.services-grid li:before{content:'↗';margin-right:10px;color:#839970}.work-section{background:#ebece5;border-block:1px solid #e0e3d8}.featured-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.art-link{display:block;overflow:hidden;border-radius:6px}.project-art{height:246px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:transform .3s}.art-link:hover .project-art{transform:scale(1.025)}.sqft-art{background:#dfe6d6;isolation:isolate}.sqft-art:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#8f9e7b16 1px,transparent 1px),linear-gradient(90deg,#8f9e7b16 1px,transparent 1px);background-size:22px 22px;z-index:-1}.floor-plan{width:175px;height:150px;position:absolute;left:20px;top:27px;transform:rotate(-8deg);border:3px solid #6d815e;background:#f2f3e98c}.room{position:absolute;border:1px solid #869377;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:7px;letter-spacing:1px;color:#576b48}.room>span{font-size:7px;letter-spacing:0;margin-top:7px}.r1{left:0;top:0;width:106px;height:102px}.r2{right:0;top:0;width:65px;height:102px}.r3{bottom:0;left:0;width:100%;height:43px}.estimate-note{position:absolute;right:17px;bottom:28px;background:#fcfcf5;border:1px solid #d1d8c4;border-radius:4px;padding:19px 16px;width:192px;transform:rotate(5deg);box-shadow:0 8px 18px #45503213}.estimate-note>span{font-size:6px;letter-spacing:1px}.estimate-note strong{display:block;font-family:var(--display);font-size:16px;letter-spacing:-.7px;line-height:1.3;margin:8px 0 22px;font-weight:600}.estimate-note>div{display:flex;justify-content:space-between;font-size:13px;font-weight:600;border-top:1px solid #e0e4d6;padding-top:10px}.deck-art{background:#d7dfdf}.mini-deck{background:#151d23;color:#b6c1c6;width:90%;border:1px solid #33444c;border-radius:7px;padding:9px;transform:rotate(-4deg);box-shadow:0 15px 20px -15px #17252d88}.mini-bar{display:flex;align-items:center;gap:6px;font-size:8px;padding:1px 1px 9px}.mini-bar>span{margin-left:auto;color:#8c9d9c;font-size:6px}.mini-bar i{width:6px;height:6px;border-radius:2px;background:#c98565}.mini-panes{display:grid;grid-template-columns:1fr 1fr;gap:5px}.mini-panes>div{background:#0d141a;border:1px solid #324049;border-radius:4px;height:79px;padding:7px}.mini-panes label{font-size:6px;display:block;margin-bottom:10px}.mini-panes label>b{color:#a6c08b;font-size:5px;margin-right:3px}.mini-panes code{font-size:5px;display:block;color:#94aaa5;white-space:nowrap}.code-line{display:block;height:3px;width:70%;background:#263b43;margin-top:7px}.code-line.short{width:48%;margin-top:4px}.cms-art{background:#e8ddd0}.mini-site{width:85%;background:#faf7ef;border:1px solid #d8cbb7;border-radius:4px;padding:13px;transform:rotate(4deg);box-shadow:0 15px 20px -15px #4d311d66}.mini-site .mini-bar{color:#644d36;border-bottom:1px solid #e1d8c8;font-weight:600;letter-spacing:.7px}.mini-site-body{display:grid;grid-template-columns:55px 1fr;padding-top:15px;gap:12px}.tiny-nav{font-size:6px;line-height:3.4;color:#938272;border-right:1px solid #e6dece}.tiny-nav b{color:#65452c;font-weight:500}.tiny-label{font-size:5px;letter-spacing:1px;color:#998672}.mini-site h3{font-size:23px;font-weight:500;color:#735a43;margin-top:6px}.little-landscape{height:42px;background:linear-gradient(125deg,#a99673 30%,#c8bb99 30%,#c8bb99 62%,#9a8c6d 62%);margin-top:12px;border-radius:2px}.feature-info{padding-top:22px}.feature-info .eyebrow{font-size:8px;letter-spacing:1.2px}.feature-title{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:11px 0 13px}.feature-title h3{font-size:26px}.commit-count{font-size:9px;border:1px solid #cbd3c2;padding:3px 8px;border-radius:20px;white-space:nowrap;color:#606f55}.feature-info>p{font-size:13px;line-height:1.85}.feature-info .text-link{margin-top:14px;font-size:12px}.source-note{font-size:10px;line-height:1.8;margin-top:28px;color:#747d6e}.about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px;align-items:center}.about-monogram{background:#e6e9dc;aspect-ratio:1.06;border:1px solid #dce1d1;border-radius:4px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.about-monogram:before{content:'';position:absolute;width:320px;height:320px;border:1px solid #cad3bc;border-radius:50%;top:-70px;left:-80px}.about-monogram>span{font-family:var(--display);font-size:180px;letter-spacing:-20px;font-weight:600;line-height:1;color:#344f3b;padding-right:20px;padding-bottom:25px}.about-monogram>span>span{color:#839a61}.about-monogram>div{position:absolute;bottom:25px;left:29px;font-size:8px;letter-spacing:1.3px;line-height:2;color:#67755c}.about-grid h2{margin:17px 0 23px}.about-grid p{font-size:14px;line-height:1.9;margin:15px 0}.about-grid p.lead{font-size:17px;color:var(--ink)}.about-grid .text-link{margin-top:10px}.process-section{padding:0 0 90px}.process-section>.eyebrow{padding-bottom:24px;border-bottom:1px solid var(--line)}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:55px;margin-top:28px}.process-grid>div>span{font-size:9px;letter-spacing:1px;color:#7e8d72}.process-grid h3{font-size:20px;margin:15px 0 12px;letter-spacing:-.6px}.process-grid p{font-size:13px}.contact-section{background:var(--green);color:var(--paper);padding-block:80px}.contact-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:100px}.eyebrow.light{color:#bdcdb4}.contact-grid h2{font-size:clamp(36px,3.6vw,52px);line-height:1.15;margin:22px 0}.contact-grid h2 span{color:var(--lime)}.contact-grid p{color:#c6d1c6;font-size:14px;max-width:390px;line-height:1.9}.email-link{display:inline-flex;gap:40px;align-items:center;border-bottom:1px solid #789080;padding:10px 0;font-size:20px;margin-top:27px;letter-spacing:-.4px}.contact-grid form{display:grid;gap:7px}.contact-grid label{font-size:11px;margin-top:7px}.contact-grid label span{color:#bac7b8}.contact-grid input,.contact-grid select,.contact-grid textarea{min-width:0;width:100%;border:1px solid #789081;border-radius:3px;background:#ffffff05;color:var(--paper);padding:11px 12px;font-size:12px}.contact-grid select option{background:var(--green);color:var(--paper)}.contact-grid input::placeholder,.contact-grid textarea::placeholder{color:#afc1b2}.contact-grid textarea{resize:vertical;min-height:95px}.button.cream{background:var(--lime);color:var(--ink);margin-top:12px;border-color:var(--lime)}.button.cream:hover{background:#e3efc3}.contact-grid .form-note{font-size:10px;line-height:1.7;color:#c6d1c6;margin-top:3px}.footer{padding-block:33px;display:flex;justify-content:space-between;align-items:center;gap:20px}.footer .brand{font-size:19px}.footer .brand-mark{width:29px;height:29px;font-size:27px;border-radius:7px}.footer>p{font-size:11px}.footer>div{display:flex;gap:23px;font-size:10px;color:var(--muted)}.footer>div>a{color:var(--ink)}.page-intro{padding-block:86px 65px}.page-intro h1{margin:22px 0 24px}.page-intro>p{max-width:590px;font-size:17px;line-height:1.85}.page-intro .button{margin-top:25px}.featured-projects>.eyebrow{border-top:1px solid var(--line);padding-top:30px;margin-bottom:27px}.filters{display:flex;flex-wrap:wrap;gap:9px;padding-bottom:25px}.filters button{border:1px solid #cbd1c0;border-radius:30px;background:transparent;color:var(--muted);padding:9px 18px;font-size:12px}.filters button[aria-pressed=true]{color:var(--paper);background:var(--green);border-color:var(--green)}.project-row{border-top:1px solid var(--line);padding:29px 0;display:grid;grid-template-columns:45px 1fr 125px;gap:18px;align-items:start}.project-row:last-child{border-bottom:1px solid var(--line)}.project-row[hidden],[hidden]{display:none!important}.row-index{font-size:11px;color:#7c8b71;margin-top:3px}.project-row .eyebrow{font-size:8px;letter-spacing:1px;flex-wrap:wrap;gap:5px}.row-status{color:#717e68}.project-row h3{margin:12px 0}.project-row p{font-size:14px;max-width:750px;line-height:1.85}.tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:13px}.tags>span{font-size:9px;padding:3px 8px;background:#e9ede2;border-radius:3px;color:#66745b}.repo-link{font-size:12px;display:flex;justify-content:flex-end;gap:12px;margin-top:28px}.repo-link:hover{color:#65805a}.project-cta{padding:45px 0 65px;display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid var(--line)}.project-cta h2{font-size:30px}.case-intro{padding-top:50px}.case-intro>.eyebrow{margin-top:50px}.case-intro h1{font-size:clamp(55px,7vw,96px);margin-top:20px}.case-intro h1>span{color:#65805a}.case-tagline{font-size:clamp(20px,2.2vw,29px);margin-top:17px;letter-spacing:-.6px}.case-meta{display:flex;align-items:center;gap:35px;margin:35px 0 45px;padding-block:22px;border-block:1px solid var(--line);font-size:12px}.case-meta strong{font-size:25px;font-weight:500;margin-right:5px}.case-meta .tags{margin:0}.case-meta .button{margin-left:auto}.case-visual>.project-art{height:400px;border-radius:6px}.case-visual .floor-plan{width:300px;height:250px;left:27%;top:42px;border-width:5px}.case-visual .r1{width:62%;height:70%;font-size:12px}.case-visual .r2{width:38%;height:70%;font-size:10px}.case-visual .r3{height:30%;font-size:10px}.case-visual .room span{font-size:11px}.case-visual .estimate-note{right:24%;bottom:35px;width:290px;padding:25px}.case-visual .estimate-note>span{font-size:8px}.case-visual .estimate-note strong{font-size:27px}.case-visual .mini-deck{width:600px;max-width:80%;padding:16px}.case-visual .mini-bar{font-size:14px;padding-bottom:15px}.case-visual .mini-bar>span{font-size:10px}.case-visual .mini-panes>div{height:125px;padding:12px}.case-visual .mini-panes label{font-size:10px}.case-visual .mini-panes code{font-size:8px}.case-visual .mini-site{width:400px}.case-visual .mini-site-body{grid-template-columns:80px 1fr}.case-visual .tiny-nav{font-size:10px}.case-visual .tiny-label{font-size:8px}.case-visual .mini-site h3{font-size:38px}.case-visual .little-landscape{height:70px}.case-body{display:grid;grid-template-columns:1fr 1fr;gap:100px}.case-body h2{font-size:30px;line-height:1.4;margin-top:20px;letter-spacing:-1px}.case-body h3{font-size:23px;margin-bottom:15px}.case-body p{font-size:15px;line-height:1.9}.case-body ul{padding-left:18px;font-size:14px;margin-block:25px 35px}.case-body li{margin-bottom:10px}.case-body .source-note{font-size:11px}.skip{position:fixed;top:10px;left:10px;background:var(--green);color:white;padding:10px 18px;z-index:100;transform:translateY(-200%)}.skip:focus{transform:translateY(0)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(min-width:1500px){.hero{padding-top:95px;padding-bottom:100px}.hero-art{height:490px}.hero-art:before{width:460px;height:460px}.sample-hero strong{font-size:36px}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.hero{gap:20px;padding-top:65px;padding-bottom:70px}.hero-art{height:390px}.hero-art:before{width:330px;height:330px}.hero-actions{gap:18px}.hero .button{padding:14px 16px;gap:15px}.sample-hero strong{font-size:25px}.abstract-flower{transform:scale(.8);transform-origin:center right;margin-right:0}.browser-content{padding:18px}.support-chip{right:0;bottom:10px;padding:13px;gap:8px}.section-heading{gap:50px}.services-grid article{padding:24px}.services-grid h3{font-size:23px}.featured-grid{gap:19px}.feature-title{flex-wrap:wrap}.project-art{height:215px}.floor-plan{left:10px;transform:scale(.9) rotate(-8deg);transform-origin:left top}.estimate-note{right:10px;width:172px;bottom:18px}.about-grid,.contact-grid{gap:55px}.about-monogram>span{font-size:155px}.footer>p{display:none}.case-body{gap:50px}}
@media(max-width:800px){.wrap{width:calc(100% - 44px)}.site-header{height:85px}nav{gap:21px;font-size:12px}nav .nav-cta{padding:8px 13px;gap:14px}.brand{font-size:20px}.hero{grid-template-columns:1fr;padding-top:55px;padding-bottom:55px;gap:30px}.hero h1{font-size:67px;letter-spacing:-4px}.hero-copy>p{max-width:510px}.hero-art{width:480px;max-width:100%;margin:auto;height:415px}.hero-art:before{width:370px;height:370px}.sample-hero strong{font-size:31px}.abstract-flower{transform:scale(.9);margin-right:15px}.support-chip{right:0;bottom:22px}.hero-actions{gap:28px}.service-strip{font-size:10px}.service-strip>div{gap:17px}.section{padding-block:65px}.section-heading{gap:35px;margin-bottom:30px;grid-template-columns:1.1fr 1fr}.section-heading>p,.section-heading>div>p{font-size:13px}.services-grid article{padding:23px 18px}.services-grid h3{font-size:21px;letter-spacing:-1px}.services-grid p{font-size:12px}.services-grid ul{font-size:10px}.service-number{right:18px}.featured-grid{grid-template-columns:1fr;gap:32px}.feature-card{display:grid;grid-template-columns:1fr 1fr;gap:23px;align-items:center}.feature-info{padding-top:0}.feature-title{margin:10px 0}.feature-info>p{font-size:12px}.feature-info .text-link{margin-top:6px}.about-grid{gap:35px}.about-monogram>span{font-size:125px;letter-spacing:-15px}.about-monogram>div{font-size:6px;left:20px}.about-grid h2{font-size:32px}.about-grid p.lead{font-size:15px}.about-grid p{font-size:12px}.process-grid{gap:25px}.process-grid h3{font-size:18px}.process-grid p{font-size:12px}.contact-grid{gap:40px}.contact-grid h2{font-size:37px}.contact-grid p{font-size:13px}.email-link{font-size:17px;gap:20px}.case-body{gap:35px}.case-body h2{font-size:24px}.case-meta{gap:20px;flex-wrap:wrap}.case-meta .button{padding:12px 15px;gap:15px}.case-visual .floor-plan{left:15%}.case-visual .estimate-note{right:12%}.project-cta h2{font-size:26px}.project-row{grid-template-columns:30px 1fr 115px;gap:12px}}
@media(max-width:560px){.wrap{width:calc(100% - 40px)}.site-header{height:79px}.brand{font-size:19px;gap:7px}.brand-mark{width:31px;height:31px;font-size:29px;border-radius:8px}nav{gap:17px;font-size:11px}nav>a[href="/#about"]{display:none}nav .nav-cta{border:0;padding:0;gap:6px;font-weight:650}nav .nav-cta>span{display:none}.hero{padding-top:43px;padding-bottom:40px;gap:34px}.hero .eyebrow{font-size:8px;letter-spacing:1.1px}.hero h1{font-size:clamp(42px,11vw,61px);letter-spacing:-3.3px;margin-block:22px}.hero-copy>p{font-size:14px;line-height:1.85;max-width:340px}.hero-actions{gap:22px;margin-top:26px}.hero-actions .button{font-size:11px;gap:14px;padding:13px 15px}.hero-actions .text-link{font-size:11px;gap:11px}.hero-art{height:345px;max-width:97%}.hero-art:before{width:290px;height:290px}.art-label{font-size:7px;top:0;right:5px}.browser-card{width:100%}.browser-top{height:27px}.browser-content{padding:16px}.sample-hero{padding:20px 0 25px}.sample-hero strong{font-size:25px}.abstract-flower{transform:scale(.7);margin-right:0;margin-left:-25px}.sample-nav{font-size:6px}.sample-nav>span{font-size:6px}.support-chip{bottom:8px;right:-4px;padding:12px;gap:8px}.support-chip strong{font-size:9px}.support-chip div span{font-size:8px}.chip-icon{font-size:25px}.chip-check{width:17px;height:17px;margin-left:1px}.art-coordinate{bottom:-16px;left:0;font-size:6px}.service-strip{display:block;text-align:center;padding:19px 0}.service-strip>span{font-size:10px}.service-strip>div{justify-content:center;margin-top:6px;gap:18px;font-size:11px}.section{padding-block:53px}.section-heading{grid-template-columns:1fr;gap:20px;margin-bottom:28px}.section-heading h2{font-size:34px;margin-top:13px}.section-heading>p,.section-heading>div>p{font-size:14px}.eyebrow{font-size:8px;letter-spacing:1.4px}.services-grid{grid-template-columns:1fr}.services-grid article{padding:28px}.services-grid article+article{border-left:0;border-top:1px solid var(--line)}.services-grid h3{font-size:27px;line-height:1.2;margin-top:25px}.services-grid p{font-size:14px}.services-grid ul{font-size:12px}.service-number{right:28px;top:35px}.featured-grid{gap:34px}.feature-card{display:block}.project-art{height:245px}.feature-info{padding-top:18px}.feature-info>p{font-size:14px}.feature-title h3{font-size:28px}.feature-info .text-link{margin-top:12px}.feature-title{flex-wrap:nowrap}.floor-plan{left:23px;top:30px;transform:rotate(-8deg)}.estimate-note{width:190px;right:24px;bottom:25px}.mini-deck{width:87%}.mini-panes>div{height:85px}.mini-panes code{font-size:6px}.mini-site{width:80%}.source-note{font-size:9px}.about-grid{grid-template-columns:1fr;gap:35px}.about-monogram{aspect-ratio:1.45}.about-monogram>span{font-size:160px;padding-bottom:24px}.about-monogram>div{font-size:7px;bottom:18px}.about-grid h2{font-size:35px}.about-grid p.lead{font-size:17px}.about-grid p{font-size:14px}.process-section{padding-bottom:50px}.process-grid{grid-template-columns:1fr;gap:25px}.process-grid h3{font-size:22px;margin:10px 0}.process-grid p{font-size:14px}.contact-section{padding-block:50px}.contact-grid{grid-template-columns:1fr;gap:30px}.contact-grid h2{font-size:39px}.contact-grid p{font-size:14px}.email-link{font-size:21px;margin-top:15px}.contact-grid input,.contact-grid select,.contact-grid textarea{font-size:16px}.contact-grid label{font-size:12px}.contact-grid .form-note{font-size:11px}.footer{flex-wrap:wrap;padding-block:27px;gap:22px}.footer>div{width:100%;justify-content:space-between}.page-intro{padding-block:47px}.page-intro h1{font-size:46px}.page-intro>p{font-size:15px}.project-row{grid-template-columns:24px 1fr;gap:12px;padding:25px 0}.repo-link{grid-column:2;justify-content:flex-start;margin-top:3px}.project-row h3{font-size:25px}.project-row p{font-size:13px}.project-row .eyebrow{font-size:7px}.filters{gap:7px}.filters button{padding:8px 12px;font-size:11px}.project-cta{align-items:flex-start;flex-direction:column;padding:32px 0 45px}.project-cta h2{font-size:29px}.case-intro{padding-top:25px}.case-intro>.eyebrow{margin-top:32px}.case-intro h1{font-size:54px}.case-tagline{font-size:21px}.case-meta{gap:15px;margin-block:25px}.case-meta .tags{width:100%}.case-meta .button{margin-left:0;margin-top:5px}.case-visual>.project-art{height:280px}.case-visual .floor-plan{width:180px;height:160px;left:15px;top:30px;border-width:3px}.case-visual .r1,.case-visual .r2,.case-visual .r3{font-size:7px}.case-visual .room span{font-size:7px}.case-visual .estimate-note{width:195px;right:17px;bottom:25px;padding:17px}.case-visual .estimate-note strong{font-size:18px}.case-visual .estimate-note>span{font-size:5px}.case-visual .mini-deck{max-width:92%;padding:9px}.case-visual .mini-bar{font-size:8px;padding-bottom:10px}.case-visual .mini-bar>span{font-size:6px}.case-visual .mini-panes>div{height:88px;padding:7px}.case-visual .mini-panes label{font-size:7px}.case-visual .mini-panes code{font-size:5px}.case-visual .mini-site{width:83%;padding:13px}.case-visual .mini-site-body{grid-template-columns:55px 1fr}.case-visual .tiny-nav{font-size:7px}.case-visual .tiny-label{font-size:5px}.case-visual .mini-site h3{font-size:26px}.case-visual .little-landscape{height:45px}.case-body{grid-template-columns:1fr;gap:32px}.case-body h2{font-size:25px;letter-spacing:-1px}.case-body p{font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
.hero-copy,.hero-art{min-width:0}
@media(max-width:800px){.hero{grid-template-columns:minmax(0,1fr)}.hero-art{width:min(480px,100%)}}
@media(max-width:560px){.hero-art{width:97%}.orbit-one{width:90%;height:66%}.orbit-two{width:65%;height:94%}}