@font-face{font-family:Manrope;src:url('assets/manrope-regular.ttf')}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#f5f2eb;color:#171817;font-family:Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #bf6135;outline-offset:5px}.skip{position:fixed;top:-80px;z-index:99;padding:15px;background:white}.skip:focus{top:0}header{height:100px;display:flex;align-items:center;gap:35px;padding:0 4%;position:absolute;inset:0 0 auto;z-index:20}header nav{display:flex;gap:32px;margin:auto}header nav a{font-size:14px}.brand{font-size:37px;letter-spacing:-2.8px;position:relative;line-height:1.3}.brand span{position:absolute;width:90px;height:38px;border-top:1px solid #ab4925;border-radius:50%;left:78%;top:0;transform:rotate(20deg)}.locale{font-size:13px}.header-cta{background:#a74720;color:white;padding:12px 21px;font-size:14px}.hero{height: min(900px,100svh);min-height:760px;position:relative;overflow:hidden;background:#ece7dc;isolation:isolate}.hero-art{position:absolute;inset:-3%;z-index:-3;will-change:transform}.hero-art img{width:100%;height:100%;object-fit:cover;object-position:center;animation:camera 22s ease-in-out infinite alternate}.sunlight{position:absolute;inset:0;background:linear-gradient(110deg,transparent 40%,#fff4d745 52%,transparent 67%);mix-blend-mode:soft-light;animation:sunlight 15s ease-in-out infinite alternate;pointer-events:none}.hero-wash{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#f5f2ebef 0%,#f5f2ebc9 28%,#f5f2eb00 57%)}.hero-copy{padding:170px 0 100px 4%;max-width:790px;position:relative;will-change:transform}.eyebrow{font-size:12px;letter-spacing:.21em;line-height:1.7;margin:0 0 25px;font-weight:400}.hero h1{font-size:clamp(52px,6.1vw,94px);line-height:1.035;letter-spacing:-.07em;font-weight:400;margin:0 0 32px}h1 span,h2 span{color:#ad4d28}.lead{max-width:470px;font-size:20px;line-height:1.6;color:#50524f;margin-bottom:32px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;background:#a74720;color:#fff;padding:19px 25px;border:0;font-size:16px;transition:background .25s,transform .25s}.button:hover{background:#813516;transform:translateY(-3px)}.button span{transition:transform .25s}.button:hover span{transform:translate(3px,-3px)}.availability{font-size:12px;color:#595b57;display:flex;align-items:center;gap:16px;margin-top:40px}.availability i{width:38px;height:1px;background:#8a7968}.hero-foot{position:absolute;bottom:25px;left:4%;right:4%;display:flex;justify-content:space-between;font-size:12px}.hero-foot a{display:flex;gap:20px;align-items:center}.hero-foot a span{font-size:22px;animation:nudge 2s ease-in-out infinite}.dark{background:#232522;color:#f7f3e9}.opportunity{padding:95px 6% 70px;position:relative;overflow:hidden}.section-top{display:grid;grid-template-columns:1.3fr 1fr;gap:0 10%}.section-top .eyebrow{grid-column:1/-1;color:#d88e66}h2{font-size:clamp(35px,4.2vw,66px);font-weight:400;line-height:1.13;letter-spacing:-.055em;margin:0 0 35px}.section-top>p:last-child{font-size:19px;line-height:1.7;max-width:420px;align-self:center;color:#c1c5ba}.value-chain{display:grid;grid-template-columns:repeat(3,1fr);gap:65px;margin-top:55px}.value-chain article{border-top:1px solid #65675b;padding-top:25px}.value-chain article>span{color:#d28a64;font-size:13px}h3{font-size:30px;font-weight:400;letter-spacing:-.035em;line-height:1.2;margin:22px 0 18px}.value-chain p{color:#b8beb1;font-size:16px;line-height:1.7;max-width:310px}.copper-track{height:2px;background:#564431;margin-top:45px;position:relative;overflow:hidden}.copper-track span{position:absolute;width:30%;height:100%;background:linear-gradient(90deg,transparent,#e9a372,transparent);animation:travel 5s linear infinite;box-shadow:0 0 15px #dc8147}.offer{padding:100px 6%;display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.offer-copy>p:not(.eyebrow){font-size:17px;line-height:1.75;color:#5e6157;max-width:440px}.offer-controls{display:flex;gap:9px;margin:30px 0 20px}.offer-controls button{border:1px solid #bbb4a7;background:none;padding:12px 15px;color:#47483f}.offer-controls button.active{background:#a74720;color:white;border-color:#a74720}.fine{font-size:12px!important;line-height:1.7!important;color:#73786b}.plan{padding:30px;background:#eae5da;border:1px solid #d0c6b5;transform:perspective(1200px) rotateY(-6deg);box-shadow:20px 25px 45px #4f382817}.plan-heading,.plan-caption{display:flex;justify-content:space-between;gap:20px;font-size:12px;line-height:1.6}.plan-heading{letter-spacing:.08em}.plots{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:42px 15px}.plot{aspect-ratio:1.1;background:repeating-linear-gradient(90deg,#d8d0bf 0 9px,#ccc3b2 10px 11px);border:1px solid #bdb3a1;box-shadow:8px 10px 0 #c5bba9;display:flex;align-items:center;justify-content:center;transition:background .8s,box-shadow .8s,transform .8s}.plot span{background:#eae5dad9;padding:5px 8px;font-size:12px}.plot.lit{border:2px solid #c66c3b;box-shadow:8px 10px 0 #c5bba9,0 0 25px #cf792753;transform:translateY(-5px)}.plot.lit span{background:#a74720;color:white}.road{grid-column:1/-1;height:22px;border-top:1px solid #c5bba9;border-bottom:1px solid #c5bba9;position:relative;overflow:hidden}.road i{position:absolute;top:9px;height:2px;width:32%;background:linear-gradient(90deg,transparent,#c76a35,transparent);animation:travel 4s linear infinite}.products{padding:80px 6% 100px;background:#eae6de}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-top:45px}.product-grid article{border-top:1px solid #b4ad9e;padding-top:26px}.product-number{font-size:12px;letter-spacing:.1em;color:#98502e}.product-grid h3{font-size:38px}.product-grid p{max-width:475px;font-size:17px;line-height:1.75;color:#606355}.contact{padding:80px 6%}.contact>.eyebrow{color:#d88e66}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:center}.contact-layout p{font-size:18px;line-height:1.7;color:#c1c5ba}.contact h2{margin:0}footer{padding:35px 4%;display:flex;align-items:center;gap:40px}footer .brand{margin-right:auto}footer p,footer>a:last-child{font-size:12px;color:#5e6157}dialog{border:0;background:#f5f2eb;color:#171817;padding:50px;width:min(540px,calc(100% - 30px));max-height:90svh}dialog::backdrop{background:#111b;backdrop-filter:blur(7px)}dialog h2{font-size:40px}dialog p{font-size:15px;line-height:1.7}.close{position:absolute;right:15px;top:10px;background:none;border:0;font-size:30px}label{display:block;font-size:14px;margin-bottom:20px}input{width:100%;display:block;background:transparent;border:0;border-bottom:1px solid #aaa28f;padding:9px 0}.intro{animation:enter 1.15s both}.intro:nth-child(2){animation-delay:.12s}.intro:nth-child(3){animation-delay:.25s}.intro:nth-child(4){animation-delay:.38s}.intro:nth-child(5){animation-delay:.5s}.js .reveal{opacity:0;transform:translateY(35px);transition:opacity .85s,transform 1s}.js .reveal.visible{opacity:1;transform:none}@keyframes enter{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes camera{from{transform:scale(1)}to{transform:scale(1.045)}}@keyframes sunlight{from{transform:translateX(-13%);opacity:.25}to{transform:translateX(12%);opacity:.8}}@keyframes travel{from{left:-35%}to{left:105%}}@keyframes nudge{50%{transform:translateY(5px)}}.paused *{animation-play-state:paused!important}.paused .hero-art,.paused .hero-copy{transform:none!important}.paused .reveal{opacity:1!important;transform:none!important}@media(max-width:1000px){header nav{gap:16px}.locale{display:none}.hero-copy{padding-top:160px}.hero h1{font-size:7vw}.hero-wash{background:linear-gradient(90deg,#f5f2ebf2,#f5f2ebc7 38%,transparent 80%)}.hero-art img{object-position:58%}.hero-copy{max-width:680px}.plan{padding:20px}.plots{gap:18px;margin:35px 0}.value-chain{gap:30px}}@media(max-width:700px){header{height:80px;padding:0 6%;gap:20px}.brand{font-size:31px}.brand span{width:65px}.header-cta{margin-left:auto;padding:10px 12px}header nav{display:none}.hero{min-height:870px;height:100svh;max-height:1050px}.hero-art{inset:35% -25% -2% -35%}.hero-art img{object-position:72% center}.hero-wash{background:linear-gradient(180deg,#f5f2eb 0%,#f5f2eb 30%,#f5f2eb00 69%)}.hero-copy{padding:120px 6% 0}.hero h1{font-size:clamp(39px,9.2vw,63px);margin-bottom:23px}.hero .eyebrow{font-size:10px;letter-spacing:.13em}.lead{font-size:17px;max-width:370px}.button{font-size:14px;padding:15px 20px}.availability{font-size:11px;margin-top:24px}.hero-foot{left:6%;right:6%;background:#f5f2ebcc;padding:8px;bottom:16px}.hero-foot a{font-size:11px;gap:10px}.opportunity,.offer,.products,.contact{padding:60px 6%}.section-top,.offer,.contact-layout{display:block}.section-top>p:last-child{font-size:17px}.value-chain{grid-template-columns:1fr;gap:20px;margin-top:30px}.value-chain h3 br{display:none}.value-chain h3{font-size:27px;margin-top:15px}.value-chain p{max-width:none}.offer-copy h2{font-size:40px}.offer .plan{margin-top:35px}.plots{gap:24px}.product-grid{grid-template-columns:1fr;gap:40px}.product-grid h3{font-size:32px}.contact-layout>div{margin-top:30px}footer{flex-wrap:wrap;padding:30px 6%;gap:15px 30px}footer .brand{width:100%}footer .brand span{left:85px}footer p{margin:0}dialog{padding:40px 25px}.plan{transform:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-art,.hero-copy{transform:none!important}.js .reveal{opacity:1;transform:none}}

.page-link{display:inline-block;color:#943e1e;border-bottom:1px solid #b67e60;padding-bottom:7px;font-size:15px;margin-top:12px}

.product-grid .product-small-print{font-size:12px;line-height:1.65;color:#73786b;max-width:465px}
/* Clickable house symbols form the functional development selection diagram. */
.plot-instruction{font-size:13px;line-height:1.6;color:#606254;margin:24px 0 0}.plots{margin-top:25px;gap:20px}.plot{appearance:none;aspect-ratio:auto;min-width:0;padding:10px 5px 12px;flex-direction:column;background:#e5dfd2;border:1px solid #c6bdad;border-radius:4px;box-shadow:4px 6px 0 #c5bba9;transition:transform .25s,background .25s,box-shadow .25s}.plot:hover{background:#f5efe3;transform:translateY(-3px)}.plot .house-diagram{display:block;width:100%;max-width:100px;height:auto;overflow:visible}.house-wall{fill:#f4ecdc;stroke:#8a7c64;stroke-width:1.5}.house-roof{fill:#766e61;stroke:#615a4e;stroke-width:1.5}.house-door{fill:#968971;stroke:#766c59;stroke-width:1.5}.house-window{fill:#fdfaf1;stroke:#9c8b70;stroke-width:1.5}.house-chimney{fill:#a69982;stroke:#766e61;stroke-width:1.5}.plot.lit{background:#f4e4d1;box-shadow:4px 6px 0 #c5bba9,0 0 20px #cf792735;transform:translateY(-4px)}.plot.lit .house-roof{fill:#a74720;stroke:#873815}.plot.lit .house-window{fill:#f5b34f;stroke:#b16a2b}.plot>span{margin-top:3px;font-size:12px}.plot:focus-visible{outline:3px solid #a74720;outline-offset:5px}.plan-caption{min-height:42px}@media(max-width:400px){.plots{gap:13px}.plan{padding:18px 14px}.plot{padding-inline:2px}.plot>span{font-size:11px;padding:5px}}

.portfolio-intro{max-width:820px;font-size:18px;line-height:1.75;color:#606355;margin:0 0 20px}@media(max-width:700px){.portfolio-intro{font-size:17px}}

[hidden]{display:none!important}textarea{font:inherit;width:100%;display:block;background:transparent;color:inherit;border:1px solid #aaa28f;padding:9px;margin-top:8px;resize:vertical}textarea:focus-visible{outline:3px solid #bf6135;outline-offset:5px}button:disabled{opacity:.6;cursor:wait}

[hidden]{display:none!important}.uk-menu-toggle{display:none}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #a74720;outline-offset:4px}header{z-index:30}#uk-mobile-nav{display:none}@media(max-width:700px){header{gap:12px}.uk-menu-toggle{display:block;background:transparent;border:1px solid #c2b9a9;padding:10px;font:inherit;font-size:13px;color:#171817}header .header-cta{font-size:12px}header #uk-mobile-nav:not([hidden]){display:flex;position:absolute;top:100%;left:0;right:0;padding:22px 6%;background:#f5f2eb;border-bottom:1px solid #c2b9a9;flex-direction:column;gap:18px}header .brand{flex-shrink:0}}
