@font-face{font-family:Space;src:url(/examples/_astro/space-grotesk.BhU9QXUp.woff2)format("woff2");font-style:normal;font-weight:300 700;font-display:swap}:root{--paper:#f4f0e7;--ink:#262b24;--muted:#65695f;--line:#d8d9ce;--accent:#ef6338;--bar:44px;--pad:clamp(20px,4.6vw,82px);color:var(--ink);background:var(--paper);font-synthesis:none;font-family:Space,Arial,sans-serif}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:140px}body{margin:0;overflow-x:clip}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button:disabled{cursor:default}a{color:inherit;text-decoration:none}img{object-fit:cover;width:100%;height:100%;display:block}h1,h2,h3,p{margin:0}h1,h2{letter-spacing:-.064em;font-weight:500;line-height:1.04}h2{font-size:clamp(40px,5.1vw,80px)}h3{letter-spacing:-.045em;font-weight:500}h1 em,h2 em{letter-spacing:-.065em;font-family:Georgia,Times New Roman,serif;font-weight:400}p{line-height:1.7}fieldset{border:0;margin:0;padding:0}button{border:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}::selection{background:var(--accent);color:var(--ink)}[hidden]{display:none!important}.section-wrap{padding-inline:var(--pad);max-width:1800px;margin-inline:auto}.section-space{padding-block:clamp(72px,9vw,145px)}.eyebrow{letter-spacing:.13em;text-transform:uppercase;font-size:11px;font-weight:500;line-height:1.5}.small-dot{background:var(--accent);border-radius:100%;width:7px;height:7px;margin-right:9px;display:inline-block}.action{background:var(--accent);color:var(--ink);border:1px solid #0000;border-radius:3px;justify-content:space-between;align-items:center;gap:25px;max-width:100%;padding:19px 23px;font-size:13px;font-weight:600;transition:background .25s,color .25s,box-shadow .25s;display:inline-flex}.action span{font-size:23px;line-height:.8;transition:transform .25s}.action:hover span{transform:translate(3px,-3px)}.action:hover{box-shadow:0 5px 0 color-mix(in srgb,var(--ink),transparent 90%)}.action.secondary{border-color:var(--line);background:0 0}.text-link{border-bottom:1px solid;align-items:center;gap:24px;padding-block:10px;font-size:13px;font-weight:500;line-height:1.5;display:inline-flex}.text-link span{transition:transform .25s}.text-link:hover span{transform:translate(3px,-3px)}.section-heading{justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:45px;display:flex}.section-heading .eyebrow{margin-bottom:24px}.section-heading>p{max-width:310px;color:var(--muted);font-size:14px}.skip-link{z-index:200;background:var(--accent);color:var(--ink);padding:15px;position:fixed;top:-100px;left:15px}.skip-link:focus{top:10px}.demo-bar{height:var(--bar);padding-inline:var(--pad);color:#f4f0e7;letter-spacing:.025em;z-index:80;background:#1f211e;border-bottom:1px solid #383b34;justify-content:space-between;align-items:center;gap:18px;font-size:10px;display:flex;position:sticky;top:0}.demo-home{align-items:center;gap:9px;display:flex}.demo-label{align-items:center;gap:8px;display:flex}.demo-dot{background:#c7ef81;border-radius:50%;width:5px;height:5px}.demo-actions{align-items:center;gap:20px;display:flex}.demo-choose{font-weight:500}.motion-toggle{color:#f4f0e7;background:0 0;border-left:1px solid #5a6053;min-height:30px;padding:5px 10px;font-size:15px}.demo-switch{backdrop-filter:blur(16px);color:#f4f0e7;z-index:65;background:#1f211eee;border:1px solid #55594e;border-radius:50px;align-items:center;gap:4px;padding:5px;display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 10px 40px #0002}.demo-switch a{white-space:nowrap;border-radius:50px;padding:10px 15px;font-size:10px;transition:background .2s}.demo-switch a[aria-current=page]{color:#262b24;background:#f4f0e7}.demo-switch a:hover{color:#f4f0e7;background:#464b40}.demo-switch span{opacity:.65;margin-right:8px}.demo-switch b{font-weight:500}.brand-nav{height:94px;padding-inline:var(--pad);top:var(--bar);z-index:70;background:color-mix(in srgb,var(--paper),transparent 4%);backdrop-filter:blur(20px);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:30px;display:flex;position:sticky}.brand{letter-spacing:-.06em;white-space:nowrap;align-items:center;gap:10px;font-size:25px;font-weight:600;display:flex}.brand-symbol{color:var(--accent);font-size:33px;font-weight:400}.desktop-links{align-items:center;gap:28px;font-size:12px;display:flex}.desktop-links a{position:relative}.desktop-links a:after{content:"";background:currentColor;height:1px;transition:right .3s;position:absolute;bottom:-6px;left:0;right:100%}.desktop-links a:hover:after{right:0}.nav-actions{align-items:center;gap:15px;display:flex}.nav-cta{border-bottom:1px solid;align-items:center;gap:22px;padding-block:10px;font-size:12px;display:inline-flex}.nav-cta span{font-size:20px}.nav-toggle{background:0 0;padding:10px;font-size:12px;display:none}.mobile-links{background:var(--paper);padding:20px var(--pad);border-bottom:1px solid var(--line);position:absolute;top:100%;left:0;right:0;box-shadow:0 20px 30px #0001}.mobile-links a{border-bottom:1px solid var(--line);padding:15px 0;font-size:18px;display:block}.ribbon-track{align-items:center;gap:38px;width:max-content;animation:35s linear infinite ribbon;display:flex}.ribbon-track b{font-size:40px;font-weight:400}@keyframes ribbon{to{transform:translate(-50%)}}.scroll-progress{background:var(--accent);transform-origin:0;z-index:90;height:2px;position:fixed;bottom:0;left:0;right:0;transform:scaleX(0)}.footer-bottom{letter-spacing:.035em;border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:18px;padding-block:30px 85px;font-size:10px;display:flex}.enquiry-section{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:8vw;padding-block:100px;display:grid}.enquiry-intro .eyebrow{margin-bottom:26px}.enquiry-intro h2{max-width:600px;margin-bottom:30px;font-size:clamp(48px,5.8vw,88px)}.enquiry-intro>p:not(.eyebrow){max-width:390px;color:var(--muted);font-size:14px}.enquiry-intro .text-link{margin-block:26px}.demo-disclosure{opacity:.75;max-width:380px;line-height:1.65;font-size:10px!important}.enquiry-form{border:1px solid var(--line);border-radius:3px;align-self:start;padding:30px}.form-heading{justify-content:space-between;align-items:center;margin-bottom:16px;font-size:13px;font-weight:500;display:flex}.form-notice{color:var(--muted);font-size:10px;line-height:1.7}.form-fields{grid-template-columns:1fr 1fr;gap:23px 20px;margin-block:28px;display:grid}.form-fields label{flex-direction:column;gap:10px;font-size:11px;display:flex}.form-fields .full{grid-column:1/-1}.form-fields input,.form-fields textarea{border:0;border-bottom:1px solid var(--line);width:100%;color:var(--ink);background:0 0;border-radius:0;padding:12px 0;font-size:13px}.form-fields textarea{resize:vertical}.form-fields input::placeholder,.form-fields textarea::placeholder{color:var(--muted);opacity:.8}.enquiry-form .action{width:100%;margin-top:5px}.form-selection{background:color-mix(in srgb,var(--accent),transparent 87%);border-left:2px solid var(--accent);margin-bottom:18px;padding:13px;font-size:12px}.brief-dialog,.project-dialog{background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:6px;width:calc(100% - 36px);max-width:650px;max-height:85dvh;padding:42px;overflow:auto}.brief-dialog::backdrop,.project-dialog::backdrop{backdrop-filter:blur(9px);background:#10120eb8}.dialog-close{background:0 0;width:36px;height:36px;font-size:30px;position:absolute;top:12px;right:15px}.brief-dialog h2{margin-block:18px;font-size:42px}.brief-dialog>p{font-size:12px}.brief-dialog pre{white-space:pre-wrap;overflow-wrap:anywhere;background:color-mix(in srgb,var(--ink),transparent 95%);border:1px solid var(--line);margin-block:22px;padding:20px;font:12px/1.8 Space,Arial,sans-serif}.dialog-actions{gap:10px;margin-bottom:18px;display:flex}.dialog-status{color:var(--muted);margin-top:15px}.project-dialog{width:calc(100% - 40px);max-width:980px;padding:0}.project-dialog .dialog-close{background:var(--paper);z-index:2;border-radius:100%}.dialog-project-art{height:400px;position:relative;overflow:hidden}.dialog-project-art>img{object-fit:cover;width:100%;height:100%}.dialog-project-copy{padding:35px}.dialog-project-copy h2{margin-block:20px;font-size:50px}.dialog-project-copy>p{max-width:600px;margin-bottom:20px;font-size:14px}.dialog-project-copy .demo-disclosure{margin-top:18px}.faq-layout{grid-template-columns:1fr 1.4fr;gap:10vw;margin-top:30px;display:grid}.faq-layout details{border-bottom:1px solid var(--line)}.faq-layout summary{cursor:pointer;justify-content:space-between;align-items:center;gap:20px;padding:24px 0;font-size:15px;list-style:none;display:flex}.faq-layout summary::-webkit-details-marker{display:none}.faq-layout summary span{font-size:22px}.faq-layout details[open] summary span{transform:rotate(45deg)}.faq-layout details p{color:var(--muted);max-width:600px;padding-bottom:25px;font-size:13px}.motion-paused *,.motion-paused :before,.motion-paused :after{animation-play-state:paused!important}.motion-paused [data-depth]{transform:none!important}.motion-paused{scroll-behavior:auto}.motion-paused [data-reveal]{opacity:1!important;transform:none!important}@view-transition{navigation:auto}::view-transition-old(root){animation:.2s both page-out}::view-transition-new(root){animation:.4s both page-in}@keyframes page-out{to{opacity:0;transform:translateY(-10px)}}@keyframes page-in{0%{opacity:0;transform:translateY(15px)}}@media (width>=1800px){.brand-nav,.demo-bar{padding-inline:max(var(--pad),calc((100vw - 1636px)/2))}}@media (width<=1050px){.desktop-links{gap:17px}.brand-nav{gap:15px}.brand{font-size:22px}.enquiry-section{gap:40px}.enquiry-form{padding:23px}}@media (width<=800px){.desktop-links{display:none}.brand-nav{height:78px}.nav-toggle{display:block}.nav-cta{gap:15px;font-size:10px}.section-heading{flex-direction:column;align-items:flex-start;gap:25px}.section-heading>p{max-width:420px}.enquiry-section{grid-template-columns:1fr;padding-block:70px}.enquiry-intro>p:not(.eyebrow){max-width:500px}.enquiry-intro h2{max-width:600px}.faq-layout{grid-template-columns:1fr;gap:30px}.demo-label{display:none}.demo-switch a{padding:10px 13px}.demo-switch span{margin-right:6px}.demo-switch b{font-size:9px}.dialog-project-art{height:280px}}@media (width<=500px){:root{--bar:42px}.demo-bar{gap:10px;padding-inline:16px;font-size:9px}.demo-actions{gap:12px}.brand{font-size:22px}.brand-symbol{font-size:26px}.nav-cta{display:none}.demo-switch{gap:1px;max-width:calc(100% - 20px);bottom:12px}.demo-switch a{padding:9px 12px}.demo-switch a b{display:none}.demo-switch a:after{content:"Local"}.demo-switch a:nth-child(2):after{content:"Luxury"}.demo-switch a:nth-child(3):after{content:"Modern"}.demo-switch span{font-size:9px;display:inline-block}.footer-bottom{flex-direction:column;gap:15px}.dialog-actions{flex-direction:column}.brief-dialog{padding:38px 22px 25px}.brief-dialog h2{font-size:35px}.dialog-project-copy{padding:25px}.dialog-project-copy h2{font-size:37px}.form-fields{grid-template-columns:1fr}.section-heading .eyebrow{margin-bottom:20px}.enquiry-form{padding:23px}.enquiry-intro h2{font-size:50px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation:none!important}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}[data-reveal]{opacity:1!important;transform:none!important}[data-depth]{transform:none!important}}body{background:var(--paper);color:var(--ink)}.text-link{background:0 0}.no-js-nav{padding:18px var(--pad);border-bottom:1px solid var(--line);flex-wrap:wrap;gap:20px;font-size:11px;display:flex}[data-depth]{transition:transform .4s cubic-bezier(.2,.8,.2,1)}.shift .shift-ribbon{margin-inline:0;transform:none}.shift .shift-hero-scene{z-index:0}.shift .shift-hero-copy{z-index:2}.shift .scene-foot{z-index:3;pointer-events:none;position:relative}.shift .scene-foot a{pointer-events:auto}.shift .scene-trigger{bottom:95px}.brief-example-choice{background:#e9ecd9;margin-top:18px;padding:12px;font-size:11px}.fit-options input,.planner-options input{width:1px;height:1px;inset:20px auto auto 20px}html:has(dialog[open]){overflow:hidden}@media (prefers-reduced-motion:reduce){[data-depth]{transition:none}}@media (width<=800px){.shift .scene-trigger{bottom:25px}}@media (width<=500px){.still .still-hero-foot{padding-bottom:65px}}