@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;450;500;600&display=swap');
:root{--paper:#f1f0ef;--ink:#2c2b2a;--muted:#767471;--line:#d6d4d2;--accent:#c8c5c1}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-weight:400}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button{border:0;background:none}button:focus-visible,a:focus-visible{outline:2px solid #757370;outline-offset:5px}img{display:block;width:100%;height:100%;object-fit:cover}p{line-height:1.6}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:400;letter-spacing:-.055em}h1{font-size:clamp(64px,7.6vw,118px);line-height:.96;margin:0}h2{font-size:clamp(44px,5vw,78px);line-height:1.02;margin-bottom:30px}h3{font-size:30px;line-height:1.12}small{font-size:11px;line-height:1.5}.preview-note{height:27px;background:#dedcda;text-align:center;font-size:9px;letter-spacing:.11em;display:flex;gap:20px;align-items:center;justify-content:center}.preview-note span{letter-spacing:.02em;text-transform:none;color:#615f5d}header{padding:23px 4%;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line)}.wordmark{font-size:39px;letter-spacing:.025em;font-weight:300;line-height:1}nav{display:flex;gap:30px;font-size:12px}.button{border-radius:3px;display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:17px 22px;font-size:12px;transition:.2s}.button:hover{transform:translateY(-2px);filter:brightness(1.12)}.dark{background:var(--ink);color:#fff}.light{background:var(--paper);color:var(--ink)}.text-link{font-size:13px;padding:10px 0;border-bottom:1px solid currentColor;display:inline-block;line-height:1.2}.hero{padding:0 3%}.hero-head{position:relative;padding:46px 1% 42px}.eyebrow{font-size:10px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:28px;font-weight:500}.hero-aside{position:absolute;right:5%;bottom:44px;font-size:16px}.hero-aside p{margin-bottom:15px}.hero-photo{position:relative;overflow:hidden;aspect-ratio:1.98;background:#d8d6d4}.hero-photo>img{height:auto;margin-top:-5.65%}.image-caption{position:absolute;bottom:22px;left:25px;right:25px;color:#fff;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.04em;text-shadow:0 1px 3px #000}.film-trigger{position:absolute;right:30px;top:22px;background:#f1f0efec;backdrop-filter:blur(10px);padding:12px 18px;display:flex;gap:12px;align-items:center;border-radius:30px;font-size:12px}.film-trigger span{font-size:22px}.film-trigger small{font-size:8px;letter-spacing:.08em;border-left:1px solid #aaa;padding-left:12px}.hero-bottom{display:flex;justify-content:space-between;padding:18px 1%;font-size:9px;letter-spacing:.08em}.section{padding:110px 7%}.intro{padding-top:125px}.intro-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:12%}.intro-grid>div{max-width:450px}.lead{font-size:23px;line-height:1.4;letter-spacing:-.02em}.intro-grid p:not(.lead){font-size:15px;color:#6a6865}.ways-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:38px;margin-top:80px}.way{padding:25px 0 15px;text-align:left;border-top:1px solid #8c867e;display:flex;flex-direction:column;align-items:flex-start}.index{font-size:9px;letter-spacing:.1em;margin-bottom:28px}.way h3{font-size:32px;min-height:72px}.way p{font-size:14px;color:#6b6966;max-width:290px;min-height:65px}.route-link{font-size:11px;margin-top:12px;border-bottom:1px solid #8e8981;padding-bottom:8px}.spaces{background:#e6e5e3}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:50px}.section-heading h2{margin-bottom:0}.section-heading>p{font-size:14px;color:#6a6764;max-width:350px}.space-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.space-image{height:380px;overflow:hidden}.space-grid article:nth-child(2){padding-top:55px}.space-grid article:nth-child(3){padding-top:110px}.space-image img{transition:transform .7s}.space-grid article:hover img{transform:scale(1.035)}.space-grid article:nth-child(3) img{object-position:70% center}.space-title{display:flex;justify-content:space-between;align-items:center;margin-top:25px}.space-title h3{margin-bottom:10px;font-size:31px}.space-title span{font-size:10px}.space-grid p{font-size:13px;color:#6a6764}.portal-section{background:#323130;color:#f6f4eb;display:grid;grid-template-columns:1.2fr 1fr;min-height:750px}.portal-image{overflow:hidden}.portal-image img{object-position:55% center}.portal-copy{padding:90px 13%}.portal-copy h2{font-size:68px}.portal-copy p:not(.eyebrow){font-size:14px;color:#c5c2be}.portal-copy .lead{font-size:23px!important;color:#f1f0ef!important}.portal-copy .button{margin-top:20px}.portal-copy small{display:block;color:#a9a49e;margin-top:22px}.finish{display:grid;grid-template-columns:.8fr 1.3fr;align-items:center;gap:8%;padding-right:3%}.finish-copy p:not(.eyebrow){font-size:14px}.finish-buttons{display:flex;gap:12px;margin:30px 0}.finish-buttons button{display:flex;align-items:center;gap:9px;padding:10px 14px;border:1px solid var(--line);font-size:12px;border-radius:3px}.finish-buttons .active{border-color:var(--ink)}.swatch{display:inline-block;width:20px;height:20px;border:1px solid #0002;border-radius:50%;vertical-align:middle;flex-shrink:0}.obsidian{background:#373634}.pumice{background:#e7e2d8}.finish-image{position:relative;aspect-ratio:1.2;overflow:hidden}.finish-image img{object-position:65% 50%}.finish-image>span{position:absolute;bottom:20px;left:20px;background:#f1f0efdb;padding:9px 14px;font-size:9px;letter-spacing:.1em}.connected{padding-top:30px}.connected-photo{height:540px;overflow:hidden}.connected-photo img{object-position:center 68%}.process{background:#e6e5e3;display:grid;grid-template-columns:1fr 1fr;gap:14%}.process>div>p:not(.eyebrow){max-width:360px;font-size:15px;color:#6a6764;margin-bottom:30px}.process-list article{display:flex;gap:28px;padding:26px 0;border-top:1px solid #bbb8b3}.process-list article>span{font-size:11px;padding-top:5px}.process-list h3{font-size:27px;margin-bottom:12px}.process-list p{font-size:13px;color:#6a6764;max-width:360px}.questions{max-width:1000px;margin:auto}.questions h2{margin-bottom:55px}details{border-top:1px solid var(--line);padding:22px 0}details:last-child{border-bottom:1px solid var(--line)}summary{list-style:none;display:flex;justify-content:space-between;gap:20px;font-size:16px;cursor:pointer}summary::-webkit-details-marker{display:none}details p{font-size:14px;color:#6a6764;max-width:700px;margin:22px 0 8px}details[open] summary span{transform:rotate(45deg)}.story{border-top:1px solid var(--line)}.final-cta{background:#383736;color:#f6f3e9;padding:95px 7%;position:relative}.final-cta h2{font-size:clamp(52px,7vw,100px)}.final-cta .button{position:absolute;right:10%;bottom:115px}footer{padding:60px 7% 25px;display:grid;grid-template-columns:1fr 1fr;gap:28px}footer p{font-size:13px;text-align:right}footer>div{display:flex;gap:30px;font-size:12px;align-items:center}footer small{text-align:right;color:#817e7a}.skip{position:absolute;top:-100px}.skip:focus{top:10px;background:#fff;z-index:1000;padding:20px}
[hidden]{display:none!important}.designer{position:fixed;inset:0;background:var(--paper);z-index:100;display:flex;flex-direction:column}.designer-top{height:80px;display:flex;justify-content:space-between;align-items:center;padding:20px 3%;border-bottom:1px solid var(--line);flex-shrink:0}.designer-top>span{font-size:9px;letter-spacing:.13em}.designer-top>button{font-size:12px}.designer-body{display:grid;grid-template-columns:1.25fr 1fr;flex:1;min-height:0}.viewer{position:relative;background:#e5e3e1;min-height:400px;overflow:hidden}.viewer-top{position:absolute;top:25px;left:30px;right:30px;display:flex;justify-content:space-between;font-size:10px;z-index:2;pointer-events:none}.viewer-top span:last-child{font-size:8px;letter-spacing:.12em}.viewer-controls{position:absolute;bottom:70px;left:0;right:0;display:flex;justify-content:center;gap:4px;z-index:3}.viewer-controls button{padding:9px 15px;font-size:10px;border:1px solid #b9b6b1;background:#edeceaaa}.viewer-controls button.active{background:#373634;color:white}.viewer-help{position:absolute;bottom:47px;left:0;right:0;text-align:center;font-size:9px;color:#676562;pointer-events:none}.model-note{position:absolute;bottom:15px;text-align:center;width:100%;font-size:9px;color:#726f6c}#canvas-wrap{position:absolute;inset:0}#canvas-wrap canvas{width:100%;height:100%;touch-action:none}#model-loading{position:absolute;top:45%;text-align:center;width:100%;font-size:13px}#plan-image{position:absolute;inset:75px 6% 110px;width:88%;height:calc(100% - 185px);object-fit:contain;background:#f9f9f8;z-index:2}.design-panel{padding:38px 9% 25px;overflow-y:auto;display:flex;flex-direction:column}.progress{display:flex;align-items:center;gap:20px;margin-bottom:35px;font-size:10px}.progress>div{display:flex;gap:5px;flex:1}.progress i{height:2px;background:#d3d0cd;flex:1}.progress i.done{background:#42403e}#step-content{flex:1}#step-content h2{font-size:45px;line-height:1.05;margin-bottom:12px}#step-content>.sub{font-size:13px;color:#6f6c69;max-width:350px;margin-bottom:24px}.option{width:100%;display:flex;align-items:center;gap:14px;padding:17px 15px;border:1px solid #d1cecb;margin:9px 0;text-align:left;border-radius:3px;position:relative}.option.selected{border-color:#464442;background:#e7e6e4}.option .option-main{flex:1}.option strong{display:block;font-size:15px;font-weight:500}.option small{display:block;font-size:11px;color:#6a6764;margin-top:5px}.option .price{font-size:10px;max-width:92px;text-align:right;line-height:1.4}.option:before{content:'';border:1px solid #9f9a94;border-radius:50%;width:13px;height:13px;flex-shrink:0}.option.selected:before{background:#494846;box-shadow:inset 0 0 0 3px #ecebea}.design-navigation{display:flex;justify-content:space-between;align-items:center;padding-top:25px;gap:20px}.design-summary{display:flex;justify-content:space-between;align-items:center;padding:18px 3%;border-top:1px solid var(--line);font-size:12px;background:#fff}.design-summary small{font-size:8px;letter-spacing:.1em;margin-right:15px;color:#7f7c78}.design-summary b{font-weight:500}.info-note{font-size:11px;line-height:1.6;background:#e6e5e3;padding:14px 16px;margin-top:18px;color:#696663}.field{display:block;margin:15px 0;font-size:12px}.field input,.field select,.field textarea{width:100%;border:1px solid #c8c5c1;background:#fff9;padding:12px;margin-top:7px;border-radius:2px;color:var(--ink)}.field textarea{height:80px;resize:vertical}.check-field{display:flex;align-items:flex-start;gap:9px;font-size:11px;line-height:1.5;margin:16px 0}.check-field input{margin:3px 0}.review-list{margin:20px 0}.review-row{padding:12px 0;display:flex;gap:18px;justify-content:space-between;border-bottom:1px solid var(--line);font-size:12px}.review-row span{color:#73716e}.review-row b{font-weight:400;text-align:right}.review-price{padding:18px;background:#e4e3e1;margin:20px 0}.review-price>strong{font-weight:400;font-size:26px;display:block;margin-bottom:8px}.review-price p{font-size:11px;margin-bottom:0}#film-dialog{border:0;background:#2b2a28;color:#fff;max-width:1100px;width:92%;padding:25px}#film-dialog::backdrop{background:#1b1a19df}#film-dialog video{width:100%;max-height:65vh}#film-dialog>button{display:block;margin-left:auto;color:#fff;font-size:30px}#film-dialog p{margin:20px 0 8px}#film-dialog small{color:#bebbb6}.toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:#333230;color:#fff;padding:18px 25px;z-index:200;font-size:12px;max-width:90vw}.demo-notice{font-size:10px;color:#726f6c;margin:20px 0 0}
@media(min-width:1600px){body>header,main,body>footer{max-width:1800px;margin:auto}}
@media(max-width:950px){nav{gap:18px}.section{padding:80px 5%}.hero-aside{right:2%}.space-image{height:290px}.portal-copy{padding:65px 10%}.portal-copy h2{font-size:53px}.portal-section{min-height:620px}.design-panel{padding:30px 6%}.designer-body{grid-template-columns:1.1fr 1fr}#step-content h2{font-size:37px}.process{gap:8%}.way h3{font-size:27px}.finish{gap:5%}}
@media(max-width:680px){.preview-note{font-size:8px;gap:8px}.preview-note span{font-size:8px}header{padding:20px 5%}.wordmark{font-size:31px}nav{display:none}header .button{padding:13px 14px;font-size:10px;gap:15px}.hero{padding:0 4%}.hero-head{padding:35px 1% 25px}.eyebrow{font-size:8px;margin-bottom:20px}h1{font-size:59px}h2{font-size:43px}.hero-aside{position:static;display:flex;justify-content:space-between;align-items:end;margin-top:25px;font-size:13px}.hero-aside p{margin:0}.hero-aside .text-link{font-size:11px}.hero-photo{aspect-ratio:.95}.hero-photo>img{height:100%;width:156%;max-width:none;margin-top:0;transform:translateX(-25%);object-fit:cover;object-position:65% center}.film-trigger{top:12px;right:12px;padding:8px 12px;font-size:10px}.film-trigger small{display:none}.image-caption{bottom:15px;left:12px;right:12px;font-size:8px}.hero-bottom{font-size:7px;gap:15px;line-height:1.5;padding-top:14px}.hero-bottom span:last-child{display:none}.section{padding:65px 6%}.intro-grid{grid-template-columns:1fr;gap:12px}.lead{font-size:22px}.intro-grid p:not(.lead){font-size:14px}.ways-grid{grid-template-columns:1fr;gap:15px;margin-top:45px}.way{position:relative;padding:20px 0}.way .index{margin-bottom:15px}.way h3{font-size:31px;min-height:0;margin-bottom:12px}.way p{min-height:0;max-width:80%}.route-link{margin-top:0}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin:25px 0 0}.space-grid{grid-template-columns:1fr;gap:40px}.space-grid article:nth-child(n){padding-top:0}.space-image{height:420px}.space-title h3{font-size:31px}.space-grid p{font-size:14px}.portal-section{display:flex;flex-direction:column}.portal-image{height:400px}.portal-copy{padding:55px 7%}.portal-copy h2{font-size:57px}.finish{display:flex;flex-direction:column;gap:35px;align-items:stretch}.finish-image{aspect-ratio:1.15}.connected-photo{height:360px}.connected-photo img{object-position:55% center}.process{display:block}.process-list{margin-top:45px}.questions h2{margin-bottom:35px}summary{font-size:14px}.final-cta{padding:65px 7%}.final-cta h2{font-size:54px}.final-cta .button{position:static}footer{display:block;padding:45px 7% 30px}footer p{text-align:left;margin-top:22px}footer>div{margin:28px 0;gap:25px}footer small{text-align:left;font-size:9px}.designer-top{height:62px;padding:15px 5%}.designer-top>span{display:none}.designer-body{display:flex;flex-direction:column;overflow-y:auto}.viewer{min-height:300px;height:300px;flex-shrink:0}.viewer-top{top:16px;left:18px;right:18px;font-size:9px}.viewer-controls{bottom:49px}.viewer-controls button{font-size:9px;padding:7px 13px}.viewer-help{bottom:30px;font-size:8px}.model-note{bottom:7px;font-size:7px}.design-panel{padding:24px 7%;overflow:visible;flex:1}.progress{margin-bottom:23px}#step-content h2{font-size:36px}#step-content>.sub{margin-bottom:17px}.option{padding:14px 12px}.design-navigation{padding:22px 0 6px}.design-summary{padding:12px 5%;font-size:10px;gap:12px;flex-shrink:0}.design-summary small{display:block;margin:0 0 4px;font-size:7px}.design-summary>span:last-child{text-align:right}.design-summary b{font-size:11px}#plan-image{inset:42px 7% 80px;height:calc(100% - 122px);width:86%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}

.start:after,.text-link:not(#step-back):after,#step-next:after,.route-link:after{content:'';display:inline-block;width:7px;height:7px;border-top:1px solid currentColor;border-right:1px solid currentColor;flex-shrink:0;margin-left:10px}.start>span:empty{display:none}
