:root{--bg:#191b1a;--cream:#f1e9db;--muted:#b9b6ad;--copper:#d29b78;--line:#45453e;--serif:Georgia,'Times New Roman',serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--cream);font:16px/1.65 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--copper);outline-offset:6px}button{cursor:pointer}.wrap{width:min(1240px,calc(100% - 100px));margin:auto}.header{display:flex;align-items:center;justify-content:space-between;padding:30px 0;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;font-family:var(--serif);font-size:44px;font-weight:bold;letter-spacing:-3px;line-height:1}.brand-dot{color:var(--copper)}.descriptor{font:11px/1.4 Arial,sans-serif;text-transform:uppercase;letter-spacing:1.4px;max-width:130px;margin-left:23px;padding-left:22px;border-left:1px solid var(--line)}nav{display:flex;gap:32px;font-size:12px}nav a:hover{color:var(--copper)}.nav-contact{color:var(--copper)}.nav-contact span{margin-left:24px}.hero{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;min-height:710px;padding-top:60px;padding-bottom:65px;gap:25px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600;text-transform:uppercase;color:var(--copper);margin:0 0 27px}.line{display:inline-block;width:25px;height:1px;background:var(--copper);vertical-align:middle;margin-right:12px}h1,h2,h3,p{margin-top:0}h1{font:clamp(42px,4.4vw,65px)/1.12 var(--serif);letter-spacing:-2.5px;margin-bottom:26px}em{font-weight:normal;color:var(--copper)}.lead{max-width:440px;color:var(--muted);font-size:15px;line-height:1.9;margin-bottom:30px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:38px;background:var(--copper);color:#211c18;font-size:12px;font-weight:600;padding:17px 23px;transition:background .2s,transform .2s}.button:hover{background:#e6b99a;transform:translateY(-2px)}.micro{font-size:10px;color:var(--muted);margin:14px 0 0}.hero-art{position:relative;height:530px;background:radial-gradient(ellipse at 65% 47%,#704f3838,transparent 66%);isolation:isolate}.orbit{position:absolute;border:1px solid #b48a6220;border-radius:50%;width:430px;height:430px;left:0;top:50px;transform:rotate(-28deg) scaleX(.85)}.orbit-two{width:340px;height:340px;left:55px;top:92px}.sheet{border:1px solid #777569;background:#272b27;box-shadow:0 30px 60px #0005}.old-sheet{width:245px;height:300px;position:absolute;left:0;top:60px;transform:rotate(-12deg);background:#34342f;color:#aaa89a;opacity:.65}.window-bar{height:30px;border-bottom:1px solid #ffffff20;display:flex;align-items:center;padding:0 13px;gap:4px}.window-bar i{width:4px;height:4px;border-radius:50%;background:currentColor;opacity:.55}.window-bar>span{font-size:7px;margin-left:auto;letter-spacing:.5px}.old-lines{padding:35px 24px;display:grid;gap:15px}.old-lines b{background:#62625a;height:18px;width:70%}.old-lines b:nth-child(2){width:95%;height:60px}.old-lines b:nth-child(3){width:45%}.old-label{font:20px var(--serif);padding:24px}.new-sheet{width:330px;height:398px;position:absolute;right:5px;top:89px;transform:rotate(7deg);background:#eee6d6;color:#343b31}.new-sheet .window-bar{border-color:#0002}.sample-mark{font:22px var(--serif);margin:23px 27px 15px}.sample-mark span{color:#927253}.sample-kicker{font-size:6px;letter-spacing:1.5px;margin-left:27px}.new-sheet strong{display:block;font:35px/1.05 var(--serif);padding:10px 27px}.new-sheet em{color:#7d5d43}.sample-landscape{height:92px;margin:5px 27px 10px;background:#aeb5a1;position:relative;overflow:hidden}.sample-landscape span{position:absolute;background:#78856e;width:220px;height:110px;border-radius:50%;left:-40px;top:30px;transform:rotate(-15deg)}.sample-landscape span:nth-child(2){background:#4e624f;left:90px;top:50px}.sample-landscape span:nth-child(3){width:20px;height:20px;background:#e9d0a0;left:220px;top:15px}.sample-button{font-size:7px;padding:8px 12px;background:#344538;color:#fff;margin-left:27px}.sample-footer{font-size:6px;margin:17px 27px}.sample-footer span{margin:0 8px}.art-note{position:absolute;left:0;bottom:12px;border-left:1px solid var(--copper);padding-left:17px}.art-note>span{color:var(--copper);font-size:8px;letter-spacing:2px}.art-note p{font:20px/1.3 var(--serif);margin:8px 0}.concept-tag{position:absolute;right:0;bottom:0;font-size:8px;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}.manifesto{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:32px 0}.manifesto p{font:27px/1.2 var(--serif);margin:0}.manifesto>span{font-size:12px;color:var(--muted)}.manifesto>a{font-size:27px;color:var(--copper)}.section{padding-top:105px;padding-bottom:105px}.section-heading{display:grid;grid-template-columns:.65fr 1.1fr 1fr;gap:40px;align-items:start}h2{font:45px/1.13 var(--serif);letter-spacing:-1.5px;margin-bottom:30px}.section-heading>p:last-child{font-size:13px;color:var(--muted);max-width:290px;margin-top:6px}.services{display:grid;grid-template-columns:repeat(3,1fr);margin-top:36px}.services article{border-top:1px solid var(--line);padding:28px 32px 0 0}.services article+article{padding-left:32px;border-left:1px solid var(--line)}.number{font:12px var(--serif);color:var(--copper)}h3{font:29px/1.2 var(--serif);margin:25px 0 12px}.services p{font-size:12px;color:var(--muted);max-width:310px}.services .service-sub{color:var(--cream);margin-bottom:15px}.service-foot{display:block;margin-top:35px;font-size:10px;color:var(--copper)}.example-section{background:#e9e1d3;color:#30372f;padding:90px 0 52px}.example-section em{color:#866044}.example-section .eyebrow{color:#78573d}.example-intro{display:grid;grid-template-columns:1.4fr 1fr;gap:80px}.example-intro>div:last-child{max-width:350px;padding-top:15px}.pill{display:inline-block;border:1px solid #7a7c6c;padding:4px 11px;font-size:9px;text-transform:uppercase;letter-spacing:1px}.example-intro p:not(.eyebrow){font-size:12px;margin-top:15px}.demo-toolbar{display:flex;justify-content:space-between;align-items:center;margin:20px 0 15px;gap:16px}.demo-toolbar p{font-size:10px;margin:0}.switch{display:flex;border:1px solid #7b7d6d;padding:3px}.switch button{padding:8px 17px;background:transparent;border:0;font-size:10px;color:#343b31}.switch button[aria-pressed=true]{background:#344538;color:#f1eadc}.example-section :focus-visible{outline-color:#6c4a30}.demo{background:#f8f4ec;border:1px solid #8c8d7d;min-height:400px}.demo-nav{padding:22px 34px;display:flex;justify-content:space-between;border-bottom:1px solid #dadacc;align-items:center}.demo-nav strong{font:13px var(--serif);letter-spacing:2px}.demo-nav i{color:#896b4f}.demo-nav>span{font-size:9px}.demo-content{display:grid;grid-template-columns:1.2fr 1fr;gap:35px;padding:45px 40px}.demo-content .eyebrow{font-size:8px;margin-bottom:14px}.demo-content h3{font:40px/1.05 var(--serif);margin:0 0 17px;letter-spacing:-1px}.demo-content p:not(.eyebrow){font-size:11px;max-width:300px}.demo-cta{display:inline-block;background:#344538;color:#f5edde;font-size:9px;padding:12px 18px;margin:6px 0 15px}.demo-content small{display:block;font-size:8px}.house-art{position:relative;background:#d8d7c2;overflow:hidden;min-height:260px}.sun{position:absolute;width:65px;height:65px;background:#c99a6f;border-radius:50%;right:35px;top:27px}.house{position:absolute;background:#eae1cb;width:150px;height:115px;bottom:37px;left:calc(50% - 75px);border:1px solid #958d72}.roof{position:absolute;border-left:100px solid transparent;border-right:100px solid transparent;border-bottom:78px solid #65705d;bottom:150px;left:calc(50% - 100px)}.door{position:absolute;width:33px;height:69px;background:#6a715c;bottom:0;left:29px}.house-window{position:absolute;width:37px;height:37px;background:#bb9c72;right:25px;top:23px;border:5px solid #f6eedc}.ground{position:absolute;height:38px;background:#939d7d;width:100%;bottom:0}.drawing-label{position:absolute;bottom:10px;left:16px;font:11px var(--serif);color:#263622}.demo-before{min-height:400px;text-align:center;padding:20px;background:#dddacc;color:#303030}.before-banner{background:#6d3831;color:#fff;padding:10px;font:bold 15px Arial}.demo-before h3{font:bold 36px Georgia;margin:20px}.demo-before>p{font-size:13px}.before-nav{background:#aaa88b;font:bold 12px Arial;padding:13px}.demo-before .before-body{max-width:500px;margin:25px auto}.before-link{font:12px Arial;text-decoration:underline;color:#373c72}.example-notes{display:flex;justify-content:space-between;gap:18px;margin-top:23px}.example-notes p{font-size:10px}.example-notes span{color:#866044;margin-right:10px}.fine{font-size:9px;color:#5d6257;margin:4px 0 0}.process{display:grid;grid-template-columns:1fr 1.2fr;gap:100px}.process-summary{max-width:300px;color:var(--muted);font-size:13px}.process ol{margin:0;padding:0;list-style:none;counter-reset:steps}.process li{border-top:1px solid var(--line);padding:23px 0 24px 44px;position:relative;counter-increment:steps}.process li:before{content:'0' counter(steps);position:absolute;left:0;top:27px;color:var(--copper);font:12px var(--serif)}.process li h3{font-size:23px;margin:0 0 10px}.process li p{font-size:12px;color:var(--muted);max-width:400px;margin:0}.faq{display:grid;grid-template-columns:1fr 1.2fr;gap:100px;border-top:1px solid var(--line);padding:65px 0 95px}.faq h2{font-size:36px}details{border-bottom:1px solid var(--line)}summary{cursor:pointer;font-size:13px;padding:17px 24px 17px 0;position:relative;list-style:none}summary::-webkit-details-marker{display:none}summary:after{content:'+';position:absolute;right:0;color:var(--copper)}details[open] summary:after{content:'−'}details p{font-size:12px;color:var(--muted);padding-right:24px}.contact-section{padding:80px 0;background:radial-gradient(ellipse at 0 100%,#49382c99,transparent 70%),#22251f;border-top:1px solid #62503f}.contact-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:100px;align-items:center}.contact-layout h2{font-size:55px}.contact-layout>div>p:not(.eyebrow):not(.micro){font-size:13px;color:var(--muted);max-width:360px;margin-bottom:26px}.contact-card{padding:30px;border:1px solid #6c6250;background:#191b1a55;transform:rotate(2deg)}.contact-card p{font:19px/1.8 var(--serif);margin-bottom:25px}.contact-card .eyebrow{font-size:8px}.contact-card button{background:none;border:0;border-bottom:1px solid var(--copper);color:var(--copper);padding:0 0 7px;font-size:10px}.contact-card button span{margin-left:35px}.contact-card .copy-status{font:10px Arial;margin:10px 0 0;min-height:13px}.footer{padding:35px 0;display:flex;align-items:center;justify-content:space-between;gap:25px}.footer p{font-size:10px;margin:0}.footer p span,.footer>span,.footer>a:last-child{font-size:9px;color:var(--muted)}.skip{position:fixed;top:-100px;left:20px;z-index:10;padding:15px;background:var(--cream);color:var(--bg)}.skip:focus{top:15px}[hidden]{display:none!important}@media(min-width:1500px){.hero{min-height:770px}}@media(max-width:1050px){.wrap{width:calc(100% - 60px)}nav{gap:20px}.hero{gap:10px}.hero-art{transform:scale(.85);transform-origin:right center;margin-left:-50px}.section-heading{grid-template-columns:.6fr 1fr 1fr;gap:20px}.contact-layout,.process,.faq{gap:50px}.demo-content h3{font-size:32px}}@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header{padding:22px 0}.brand{font-size:37px}.descriptor{font-size:8px;max-width:100px;margin-left:15px;padding-left:15px}nav a:not(.nav-contact){display:none}nav{font-size:11px}.nav-contact span{margin-left:6px}.hero{grid-template-columns:1fr;padding:45px 0 25px;gap:0;min-height:0}h1{font-size:clamp(38px,8.3vw,59px);letter-spacing:-1.8px}.lead{font-size:14px;max-width:470px}.hero-art{width:min(460px,100%);height:475px;margin:10px auto 0;transform:scale(.9);transform-origin:center}.new-sheet{width:290px;height:385px;right:10px}.old-sheet{left:15px;width:210px}.orbit{max-width:100%;left:0}.orbit-two{max-width:75%;left:10%}.art-note{left:0;bottom:-5px}.concept-tag{bottom:-23px}.manifesto{margin-top:25px;padding:25px 0;gap:20px}.manifesto p{font-size:22px}.manifesto>span{font-size:9px}.section{padding:65px 0}.section-heading{grid-template-columns:1fr;gap:0}.section-heading>p:last-child{max-width:430px}h2{font-size:39px}.eyebrow{margin-bottom:20px}.services{grid-template-columns:1fr;margin-top:20px}.services article,.services article+article{border-left:0;padding:25px 0 30px;display:grid;grid-template-columns:32px 1fr}.services h3{margin:0 0 14px;font-size:28px}.services p,.service-foot{grid-column:2;max-width:470px}.number{padding-top:7px}.service-foot{margin-top:12px}.example-section{padding:60px 0 35px}.example-intro{grid-template-columns:1fr;gap:0}.example-intro>div:last-child{padding:0;max-width:430px}.demo-toolbar{align-items:flex-start;flex-direction:column}.demo-content{padding:25px;grid-template-columns:1fr;gap:25px}.demo-content h3{font-size:34px}.demo-nav{padding:18px 23px}.demo-nav>span{display:none}.house-art{min-height:240px}.example-notes{flex-direction:column;gap:0;margin-bottom:15px}.example-notes p{margin-bottom:7px}.process,.faq,.contact-layout{grid-template-columns:1fr;gap:30px}.process-summary{max-width:430px}.faq{padding:50px 0 65px}.contact-section{padding:55px 0}.contact-layout h2{font-size:46px}.contact-card{transform:none}.footer{flex-wrap:wrap;justify-content:flex-start}.footer p{flex:1;min-width:200px}.footer>span{margin-right:auto}.hero-art .sample-footer{margin-top:13px}}@media(max-width:380px){.hero-art{transform:scale(.82);margin-left:-12px;width:calc(100% + 24px);margin-top:-5px;margin-bottom:-25px}.manifesto>span{display:none}.button{gap:18px;padding:16px 18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
:root{color-scheme:dark}.example-section{color-scheme:light}.services p,.process li p,details p{font-size:14px}.section-heading>p:last-child,.process-summary,.contact-layout>div>p:not(.eyebrow):not(.micro){font-size:14px}.micro{font-size:11px}.switch button{min-height:40px}.contact-card button{min-height:32px}@media(max-width:760px){.orbit-one{width:85%;height:350px;left:5%}.hero-art .new-sheet strong{font-size:32px}.services p,.process li p,details p{font-size:14px}.example-intro p:not(.eyebrow){font-size:13px}.demo-toolbar p,.example-notes p{font-size:12px}.demo-content p:not(.eyebrow){font-size:13px}.demo-content small,.fine{font-size:10px}}