/* Five original, code-built design directions. No external fonts or stock dependencies. */
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;font-family:Arial,"Helvetica Neue",sans-serif;font-size:18px;line-height:1.6;color:#122f3a;background:#f8f4ea}h1,h2,h3,p,figure{margin:0}a{color:inherit;text-underline-offset:5px}img{max-width:100%}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #a04120;outline-offset:4px}.skip-link{position:fixed;top:10px;left:10px;transform:translateY(-200%);background:white;color:#122f3a;z-index:20;padding:12px}.skip-link:focus{transform:translateY(0)}.demo-note{background:#122f3a;color:#fffdf8;text-align:center;padding:8px 5%;font-size:12px;line-height:1.4}.demo-note a{margin-left:10px}.container{width:min(1390px,90%);margin-inline:auto}.masthead{display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:100px;border-bottom:1px solid #c3c7bd}.demo-brand{display:flex;gap:14px;align-items:center;max-width:430px;line-height:1.15;font-size:25px;font-weight:bold;letter-spacing:-.045em;text-decoration:none}.mark{display:inline-grid;place-items:center;width:48px;height:48px;border:1.5px solid currentColor;border-radius:50%;font-size:27px;flex-shrink:0}.nav{display:flex;gap:30px;align-items:center;font-size:15px;font-weight:bold}.nav a{text-decoration:none;min-height:44px;display:flex;align-items:center}.nav a:hover{text-decoration:underline}.cta{display:inline-flex;gap:24px;align-items:center;justify-content:space-between;background:#ef8a54;color:#102d3b;padding:16px 24px;border-radius:3px;font-size:16px;font-weight:700;text-decoration:none;min-height:52px}.nav .cta{min-height:44px;padding:10px 19px;font-size:14px}.cta:hover{filter:brightness(1.08)}.menu{display:none;background:transparent;border:1px solid currentColor;padding:10px 14px;min-height:44px}.hero-demo{display:grid;grid-template-columns:1.04fr 1fr;gap:80px;align-items:center;padding:46px 0 56px;min-height:580px}.kicker{font-size:12px;letter-spacing:.16em;font-weight:bold;line-height:1.5;margin-bottom:24px}.kicker:before{content:'';display:inline-block;vertical-align:middle;width:22px;height:2px;margin-right:10px;background:currentColor}h1{font-size:clamp(48px,5vw,80px);font-weight:500;line-height:1.04;letter-spacing:-.057em;max-width:14ch;text-wrap:balance}.intro{font-size:20px;max-width:43ch;margin:26px 0;line-height:1.65}.micro{font-size:13px;margin-top:16px;line-height:1.5}.visual{min-height:475px;padding:25px 28px;position:relative;overflow:hidden;background:#ee8955;color:#102d3b;border-radius:3px}.art-caption{font-size:12px;font-weight:bold;letter-spacing:.14em;position:relative;z-index:3;border-bottom:1px solid currentColor;padding-bottom:12px}.art-bottom{position:absolute;bottom:22px;left:28px;right:28px;display:flex;justify-content:space-between;gap:18px;font-size:12px;line-height:1.4;z-index:4}.flow-grid{position:relative;height:340px;background-image:linear-gradient(#102d3b13 1px,transparent 1px),linear-gradient(90deg,#102d3b13 1px,transparent 1px);background-size:38px 38px}.flow-dot{width:88px;height:88px;position:absolute;top:28px;left:14px;border-radius:50%;border:20px solid #102d3b}.flow-a{position:absolute;width:57%;height:125px;border:34px solid #102d3b;border-left:0;border-bottom:0;border-radius:0 80px 0 0;top:72px;left:55px}.flow-b{position:absolute;width:52%;height:118px;border:34px solid #102d3b;border-right:0;border-top:0;border-radius:0 0 0 85px;top:170px;left:29%}.flow-c{position:absolute;left:0;top:238px;width:34%;height:64px;border-top:34px solid #102d3b;border-radius:50px 0 0 0}.water-label{position:absolute;right:10px;top:15px;font-size:46px;font-weight:bold;letter-spacing:-.07em;line-height:.95}.flow-plus{position:absolute;left:8%;top:157px;font-size:45px;font-weight:300}.service-band{border-top:1px solid #bac3ba;padding:30px 0 36px}.service-band .container{display:grid;grid-template-columns:1.05fr repeat(3,1fr);gap:32px}.service-band h2{font-family:Georgia,serif;font-size:31px;line-height:1.1;letter-spacing:-.04em;font-weight:400}.service-band article{border-left:1px solid #bac3ba;padding-left:26px}.service-band h3{font-size:20px;letter-spacing:-.03em;line-height:1.3}.service-band p{font-size:15px;line-height:1.6;margin:12px 0}.service-band a{font-size:14px;min-height:44px;display:inline-flex;align-items:center}.detail{padding:65px 0;border-top:1px solid #bcc5bb}.detail h2{font-family:Georgia,serif;font-size:42px;font-weight:400;line-height:1.15;letter-spacing:-.035em}.detail p{max-width:62ch;margin:20px 0}.contact-demo{padding:40px;background:#e8dfcf;color:#172f37}.contact-demo .cta{margin-top:15px}.demo-footer{font-size:13px;text-align:center;padding:25px 5%;border-top:1px solid #bcc5bb}.accounting{background:#f8f6ee;color:#34473b}.accounting h1,.accounting h2,.accounting .demo-brand{font-family:Georgia,serif;font-weight:400}.accounting h1{font-size:clamp(50px,5.4vw,86px)}.accounting .mark{border-radius:0}.accounting .cta{background:#344b3c;color:#fffdf5}.accounting .visual{background:#cbd3c1;color:#344b3c;padding:24px 30px}.ledger{position:relative;z-index:2;margin:26px 27px 45px 12px;padding:27px 30px;background:#fcfaf2;box-shadow:14px 14px 0 #9eae9855;transform:rotate(-3deg);border:1px solid #b0b9a4}.ledger-index{font-size:12px;letter-spacing:.12em}.ledger-title{font-family:Georgia,serif;font-size:42px;letter-spacing:-.045em;line-height:1.03;margin:16px 0 22px}.ledger-line{display:flex;align-items:center;gap:16px;border-top:1px solid #bdc5b4;padding:12px 0;font-size:13px}.ledger-line strong{font-size:15px;margin-right:auto}.ledger-line>span:last-child{font-size:12px;max-width:115px;line-height:1.35}.paper-stamp{position:absolute;right:14px;top:72px;transform:rotate(9deg);border:1px solid #344b3c;border-radius:50%;width:89px;height:89px;display:grid;place-content:center;text-align:center;line-height:1.15;font-size:13px;z-index:3;background:#d9dfce}.landscaping{color:#203b2a;background:#f3efdf}.landscaping .demo-brand,.landscaping h1{font-family:Georgia,serif;font-weight:400}.landscaping .hero-zone{background:#233e2d;color:#f9f2df}.landscaping .cta{background:#e5bc85;color:#203b2a}.landscaping .visual{background:#c9c0a4;color:#203b2a;border-radius:80px 0 0 0;padding-top:30px}.landscaping .art-caption{margin-left:24px}.garden-board{height:334px;position:relative;margin:18px 0 38px;overflow:hidden;background-image:linear-gradient(#294d3114 1px,transparent 1px),linear-gradient(90deg,#294d3114 1px,transparent 1px);background-size:24px 24px}.garden-ground{position:absolute;inset:15px 30px;background:#718465;border-radius:70px 0 70px 0;border:8px solid #455c40}.garden-path{position:absolute;left:44%;width:26%;top:15px;bottom:16px;background:#daceb3;transform:skew(-14deg);border-inline:6px solid #f2e6cb}.garden-deck{position:absolute;bottom:24px;left:47px;width:40%;height:97px;background:repeating-linear-gradient(0deg,#ae895d 0px,#ae895d 12px,#795b3a 13px,#795b3a 14px);border:5px solid #c7aa7f;border-radius:4px}.tree{position:absolute;border-radius:50%;background:repeating-radial-gradient(ellipse at 45% 40%,#587444 0 12px,#38573c 14px 28px);border:2px solid #27422b;box-shadow:7px 9px 0 #10271422}.tree-a{width:120px;height:120px;left:8%;top:8%}.tree-b{width:155px;height:155px;right:7%;top:5%}.tree-c{width:105px;height:105px;right:11%;bottom:8%}.garden-table{position:absolute;bottom:42px;left:16%;width:55px;height:55px;border-radius:50%;background:#e9dabc;box-shadow:-18px 0 0 -9px #354933,18px 0 0 -9px #354933,0 18px 0 -9px #354933,0 -18px 0 -9px #354933}.plant{width:35px;height:35px;position:absolute;border-radius:50%;background:#adc08b;border:5px dotted #365c3d}.plant-a{left:15%;top:49%}.plant-b{left:25%;top:49%}.plan-north{position:absolute;right:5px;top:5px;font-size:12px}.plan-label{position:absolute;bottom:0;left:32px;background:#c9c0a4;font-size:12px;letter-spacing:.1em}.cafe{background:#f6ebd8;color:#6f2d20}.cafe .demo-brand{font-family:Georgia,serif;font-size:30px}.cafe h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(48px,5.2vw,83px)}.cafe .mark{border-radius:50% 50% 5px 5px;font-family:Georgia,serif;font-size:21px}.cafe .cta{background:#73301f;color:#fff7df;border-radius:30px}.cafe .hero-zone{border-bottom:1px solid #c9b99d}.cafe .visual{background:#e4bd70;color:#672b20;border:1px solid #c49b50;border-radius:150px 150px 4px 4px;padding-top:26px}.cafe .art-caption{border:none;text-align:center}.coffee-scene{height:347px;position:relative}.napkin{position:absolute;background:repeating-linear-gradient(0deg,#fff2d4 0 26px,#dfb288 27px 29px),repeating-linear-gradient(90deg,#fff2d4 0 26px,#dfb288 27px 29px);width:260px;height:240px;top:65px;left:23%;transform:rotate(-18deg);box-shadow:10px 10px 20px #6c30201a}.saucer{position:absolute;top:70px;left:20%;height:243px;width:243px;background:#f8ecce;border:12px solid #e7d5b4;border-radius:50%;box-shadow:14px 18px 0 #823c2020}.cup{position:absolute;inset:27px;background:#fef5db;border:10px solid #faefcd;border-radius:50%;box-shadow:4px 7px 9px #7e442d36}.cup:after{content:'';position:absolute;right:-44px;top:43px;border:12px solid #f6e8c9;border-left:0;border-radius:0 20px 20px 0;width:36px;height:56px;transform:rotate(-12deg)}.coffee{position:absolute;inset:0;border-radius:50%;background:radial-gradient(ellipse at 50% 42%,#8d4c2b 0 43%,#be874f 45% 53%,#74411f 57%);display:grid;place-items:center;color:#f4e4b8;font-size:92px;line-height:1;transform:rotate(-18deg)}.spoon{position:absolute;width:14px;height:139px;background:linear-gradient(90deg,#d0b794,#fff1c5,#b59872);border-radius:10px;right:11%;top:135px;transform:rotate(21deg);box-shadow:5px 5px 0 #58261922}.spoon:before{content:'';position:absolute;width:32px;height:49px;left:-9px;top:-13px;background:linear-gradient(90deg,#bda780,#f8e7c6,#c4ae84);border-radius:50%}.coffee-note{position:absolute;top:10px;left:0;font-family:Georgia,serif;font-size:38px;line-height:1.02;transform:rotate(-8deg)}.little-star{font-size:57px;position:absolute;right:12%;top:10px}.interiors{background:#ece7dc;color:#282820}.interiors .mark{border:0;border-radius:0;font-size:21px;font-weight:400;border-right:1px solid #777b6d;width:60px}.interiors .demo-brand{font-weight:400;font-size:28px;letter-spacing:-.055em}.interiors .cta{background:#31362d;color:#f9f4e9;border-radius:0}.interiors h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(48px,5.2vw,83px)}.interiors .visual{background:#c4baa4;border-radius:0;color:#353a2c;min-height:492px}.material-board{position:relative;height:342px;margin-top:16px}.swatch-stone{position:absolute;left:0;top:8px;width:43%;height:83%;background:repeating-linear-gradient(110deg,#ddd5bd 0 42px,#d3c9af 44px,#e3d9c0 47px,#dbd2b8 58px);box-shadow:10px 10px 0 #393c2420}.swatch-clay{position:absolute;left:24%;top:87px;width:35%;height:245px;background:#a76044;transform:rotate(-8deg);box-shadow:12px 12px 0 #393c2430}.swatch-arch{position:absolute;right:0;top:10px;width:40%;height:282px;background:#454f3c;border-radius:100px 100px 0 0}.swatch-arch:after{content:'';position:absolute;inset:24px 28px 0;background:#d2c7a9;border-radius:75px 75px 0 0;box-shadow:inset 11px 5px 0 #14281725}.swatch-timber{position:absolute;right:0;bottom:0;width:38%;height:80px;background:repeating-linear-gradient(90deg,#946b42 0 7px,#b38b5d 8px 12px,#715333 13px 15px);box-shadow:5px 6px 0 #393c2420}.material-rule{position:absolute;left:0;top:0;width:58%;height:100%;border:1px solid #3e4b3366;transform:rotate(7deg)}.material-word{position:absolute;left:8px;top:36px;font-size:49px;line-height:.97;font-family:Georgia,serif;letter-spacing:-.06em}.material-index{position:absolute;left:4px;bottom:0;font-size:12px;letter-spacing:.1em}.plain{background:#e5eaed;color:#1c252c;font-family:Verdana,Arial,sans-serif}.old-shell{max-width:970px;min-height:758px;margin:28px auto;background:white;border:1px solid #b3bdc5;padding:26px}.old-brand{font-family:Georgia,serif;color:#284b65;font-size:30px}.old-slogan{font-size:14px;margin:9px 0 20px;color:#515c65}.old-nav{display:flex;gap:28px;padding:12px;background:#d0dee6;font-size:14px}.old-nav a{min-height:28px;display:flex;align-items:center}.old-columns{display:grid;grid-template-columns:175px 1fr;gap:32px;margin:28px 0}.old-side{background:#eef2f4;padding:16px;font-size:14px;height:fit-content}.old-side h2{font-size:16px;margin-bottom:15px}.old-side a{display:block;padding:9px 0}.old-content h1{font-family:Georgia,serif;font-size:27px;line-height:1.3;letter-spacing:0;font-weight:bold;max-width:none;margin-bottom:20px}.old-content p{font-size:15px;line-height:1.8;margin-bottom:17px}.old-box{border:1px solid #c4cdd1;background:#f4f6f8;padding:22px;margin:24px 0;font-size:15px}.old-content h2{font-family:Georgia,serif;font-size:22px;margin:25px 0 14px}.old-content li{font-size:14px;margin:10px 0}.old-footer{border-top:1px solid #ccd0d2;font-size:12px;padding-top:16px}.old-accounting{background:#edeae2}.old-accounting .old-nav{background:#e4e4da}.old-landscaping{background:#e6ebdf}.old-landscaping .old-nav{background:#d9e6d3}.old-cafe{background:#eee1d0}.old-cafe .old-nav{background:#e5d3b4}.old-cafe .old-brand{color:#773c20}.old-interiors{background:#e9e6e0}.old-interiors .old-nav{background:#dedbd3}.old-interiors .old-brand{color:#4b4b40}.sample-menu{margin-top:22px}.sample-menu summary{font-size:18px;font-weight:bold;cursor:pointer;min-height:44px}.sample-menu p{font-size:16px}.js .menu{display:none}
@media(max-width:1000px){.hero-demo{gap:36px}.nav{gap:18px}.demo-brand{font-size:22px}.service-band .container{gap:20px}.service-band article{padding-left:20px}.ledger{padding:24px 18px;margin-left:0}.ledger-line{gap:8px}.ledger-line>span:last-child{max-width:95px}.coffee-scene{transform:scale(.9);transform-origin:50% 50%}.water-label{font-size:39px}.flow-dot{width:72px;height:72px}.old-shell{margin:24px}}
@media(max-width:650px){body{font-size:16px}.container{width:88%}.demo-note{font-size:12px;padding:8px 12px;line-height:1.4}.demo-note a{display:inline;margin-left:5px}.masthead{min-height:82px;gap:10px;position:relative}.demo-brand{max-width:246px;gap:10px;font-size:20px}.mark{width:34px;height:34px;font-size:21px}.cafe .demo-brand{font-size:23px}.cafe .mark{font-size:15px}.interiors .demo-brand{font-size:22px}.interiors .mark{width:39px;font-size:15px}.js .menu{display:block;font-size:14px;flex-shrink:0;color:inherit}.js .nav{display:none}.nav{flex-wrap:wrap;gap:12px}.masthead:has(.nav):not(.js .masthead){flex-wrap:wrap}.js .nav.is-open{display:flex;position:absolute;top:100%;left:-6.9%;right:-6.9%;z-index:12;background:#f7f0df;color:#193228;padding:20px 6%;box-shadow:0 10px 20px #15261122;flex-direction:column;align-items:stretch}.nav a{min-height:44px;font-size:15px}.hero-demo{grid-template-columns:1fr;gap:27px;padding:29px 0 35px;min-height:0}h1,.accounting h1,.cafe h1,.interiors h1{font-size:49px;line-height:1.04;letter-spacing:-.06em;max-width:14ch}.kicker{font-size:12px;letter-spacing:.08em;margin-bottom:17px;line-height:1.5}.intro{font-size:17px;line-height:1.6;margin:19px 0 22px}.cta{font-size:15px;padding:14px 18px;min-height:50px;gap:15px}.micro{font-size:12px;max-width:35ch;margin-top:12px}.visual,.interiors .visual{min-height:358px;padding:20px}.art-caption{font-size:12px;letter-spacing:.07em}.art-bottom{left:20px;right:20px;bottom:16px;font-size:12px;gap:10px}.flow-grid{height:250px}.flow-dot{top:27px;left:4px;width:60px;height:60px;border-width:16px}.flow-a{border-width:25px;height:91px;top:56px;left:36px}.flow-b{border-width:25px;height:95px;top:121px;left:30%}.flow-c{border-top-width:25px;top:180px}.flow-plus{top:115px;font-size:34px;left:4%}.water-label{font-size:33px;right:0}.accounting .visual{min-height:430px;padding:20px}.ledger{padding:24px 16px;margin:23px 11px 30px 0;transform:rotate(-2deg)}.ledger-title{font-size:35px;margin:17px 0}.ledger-index{font-size:12px}.ledger-line{font-size:12px;padding:12px 0}.ledger-line strong{font-size:14px}.paper-stamp{width:69px;height:69px;font-size:12px;top:64px;right:3px}.garden-board{height:265px;margin-top:16px}.garden-ground{inset:10px 9px}.garden-path{top:10px;bottom:10px}.tree-a{width:92px;height:92px;left:6%;top:8%}.tree-b{width:103px;height:103px;right:6%;top:10%}.tree-c{width:74px;height:74px;right:8%;bottom:11%}.garden-deck{left:21px;bottom:20px;height:75px}.garden-table{left:14%;bottom:36px;width:43px;height:43px}.plan-label{font-size:12px;left:13px}.landscaping .art-caption{margin-left:13px}.landscaping .visual{padding-top:24px;border-radius:65px 0 0 0}.cafe .visual{padding-top:21px;min-height:353px;border-radius:110px 110px 3px 3px}.coffee-scene{height:252px;transform:none}.napkin{width:178px;height:173px;left:21%;top:62px}.saucer{width:175px;height:175px;left:17%;top:59px;border-width:9px}.cup{inset:20px;border-width:8px}.cup:after{right:-29px;top:25px;width:23px;height:36px;border-width:9px}.coffee{font-size:66px}.coffee-note{font-size:29px;top:10px}.little-star{font-size:40px;top:5px;right:11%}.spoon{right:7%;top:110px;height:102px;width:11px}.material-board{height:260px}.swatch-arch{height:210px}.swatch-arch:after{inset:18px 19px 0}.swatch-clay{height:170px;top:65px}.swatch-timber{height:68px}.material-word{font-size:35px;top:40px}.material-index{font-size:12px}.service-band{padding:28px 0}.service-band .container{grid-template-columns:1fr;gap:20px}.service-band h2{font-size:32px}.service-band article{border-left:0;border-top:1px solid #bbc4b5;padding:20px 0 0}.service-band h3{font-size:21px}.detail{padding:43px 0}.detail h2{font-size:34px}.contact-demo{padding:24px}.demo-footer{font-size:12px}.old-shell{margin:13px;padding:17px;min-height:0}.old-brand{font-size:25px}.old-slogan{font-size:13px}.old-nav{gap:8px 18px;flex-wrap:wrap;padding:10px;font-size:13px}.old-columns{grid-template-columns:1fr;gap:15px}.old-side{display:none}.old-content h1{font-size:26px}.old-content p{font-size:14px}.old-box{font-size:14px;padding:17px}.old-content li{font-size:14px}.old-content h2{font-size:22px}.old-footer{font-size:12px}.plain .detail{width:88%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}