:root{--paper:#eaece7;--ink:#20332e;--dark:#152b28;--line:#c2c9bf;--muted:#627069;--curve:cubic-bezier(.2,.65,.25,1)}
*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:15px;font-weight:400;line-height:1.5;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{border:0;background:none;cursor:pointer}a{color:inherit;text-decoration:none}p,h1,h2,h3,figure{margin:0}h1,h2,h3{font-weight:400}img{display:block;width:100%;height:100%;object-fit:cover}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #987046;outline-offset:5px}::selection{background:#b5c7b9;color:#14251b}.skip-link{position:fixed;top:-60px;left:16px;z-index:99;background:white;color:#14251b;padding:12px}.skip-link:focus{top:16px}.arley-mark{fill:currentColor;flex-shrink:0}.arrow{width:19px;height:19px;flex-shrink:0}.brand{display:inline-flex;align-items:center;gap:15px}.brand .arley-mark{width:60px;height:50px}.brand>span{font-size:27px;line-height:.98;letter-spacing:-1.4px}.hero{position:relative;height:calc(100svh - 32px);min-height:690px;max-height:1100px;margin:16px;border-radius:24px;overflow:hidden;color:#fff;background:#6f736b}.hero-media{position:absolute;inset:0;overflow:hidden}.hero-media img{object-position:50% 56%;transform:scale(1.04)}.hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0e211b78 0%,#18251a38 40%,#0c20195e 65%,#081a16a6 100%)}.site-header{position:absolute;left:3.8%;right:3.8%;top:31px;display:flex;align-items:center;justify-content:space-between;gap:30px;z-index:3}.site-header nav{display:flex;gap:34px;font-size:13px}.site-header nav a{padding:7px 0;position:relative}.site-header nav a:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:#fff;transform:scaleX(0);transform-origin:left;transition:transform .35s}.site-header nav a:hover:after{transform:scaleX(1)}.header-contact{white-space:nowrap;display:flex;align-items:center;gap:30px;border:1px solid #ffffff70;border-radius:40px;padding:13px 22px;font-size:13px;backdrop-filter:blur(8px);background:#ffffff0a;transition:background .3s}.header-contact:hover{background:#ffffff25}.menu-toggle{display:none}.hero-signature{position:absolute;left:4%;right:4%;top:31%;display:flex;align-items:center;justify-content:center;gap:2.5vw}.hero-signature>.arley-mark{width:clamp(100px,12vw,185px);height:auto}.hero-signature h1{font-size:clamp(90px,11.6vw,180px);line-height:.9;letter-spacing:-.075em;white-space:nowrap}.hero-signature h1 span{display:inline-block}.hero-bottom{position:absolute;left:4%;right:4%;bottom:85px;display:flex;justify-content:space-between;align-items:flex-end;gap:40px}.hero-intro h2{font-size:32px;line-height:1.06;letter-spacing:-.04em}.hero-intro p{font-size:13px;line-height:1.5;color:#f1f2ed;margin:18px 0 20px}.scroll-link{display:flex;align-items:center;gap:45px;width:max-content;font-size:12px}.scroll-link>span{font-size:22px}.hero-project{display:flex;align-items:center;gap:17px;padding:12px;background:#edf2e8e8;color:#283d33;border:1px solid #ffffffa1;border-radius:17px;text-align:left;width:315px;backdrop-filter:blur(16px);transition:background .4s,transform .4s}.hero-project:hover{background:#fff;transform:translateY(-4px)}.hero-project>img{width:82px;height:118px;border-radius:10px}.project-card-copy{display:block}.small-label{font-size:8px;letter-spacing:.06em;font-weight:500}.project-card-copy strong{display:block;font-size:18px;line-height:1.15;font-weight:400;letter-spacing:-.025em;margin:10px 0 17px}.card-link{display:flex;align-items:center;gap:12px;font-size:10px}.card-link .arrow{width:14px;height:14px}.hero-foot{position:absolute;bottom:23px;left:4%;right:4%;display:flex;justify-content:space-between;border-top:1px solid #ffffff38;padding-top:13px;font-size:9px;color:#f2f4ed}.hero-foot button{display:flex;align-items:center;gap:8px;padding:0;font-size:9px;min-height:24px}.pause-symbol{display:inline-block;border-inline:2px solid currentColor;width:6px;height:8px}.hero-foot button[aria-pressed=true] .pause-symbol{border:0;width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:6px solid currentColor}.section{padding:100px 5%}.section-label{display:flex;align-items:center;gap:10px;font-size:12px;line-height:1.4}.dot{display:inline-block;width:5px;height:5px;background:currentColor;border-radius:50%;flex-shrink:0}.display{font-size:clamp(48px,5.4vw,82px);line-height:1.03;letter-spacing:-.06em}.about{display:grid;grid-template-columns:30% 70%;padding-top:100px;padding-bottom:55px}.about>.section-label{align-self:start;padding-top:10px}.about-main{max-width:900px}.about-copy{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-top:40px;max-width:790px}.about-copy>p{font-size:20px;line-height:1.4;letter-spacing:-.025em}.about-copy>div>p{font-size:13px;line-height:1.7;color:#5a6a60}.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;border-bottom:1px solid #8b9a8c;padding:12px 0;font-size:12px}.about .text-link{margin-top:22px}.text-link .arrow{width:15px;height:15px;transition:transform .35s}.text-link:hover .arrow{transform:translate(3px,-3px)}.about-foot{grid-column:1/-1;display:flex;justify-content:space-between;margin-top:82px;padding-top:22px;border-top:1px solid var(--line);font-size:11px;color:#586d5d}.spaces{background:var(--dark);color:#eff3e9;padding-top:70px;padding-bottom:65px}.spaces .section-label{color:#b4c6bb}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin:25px 0 40px}.section-heading>p{font-size:13px;color:#bdcfc3;line-height:1.6;max-width:300px}.gallery-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.gallery-tabs{display:flex;gap:8px}.gallery-tabs button{padding:10px 19px;border:1px solid #77908166;border-radius:40px;font-size:12px;color:#dce8df;transition:background .35s,color .35s;min-height:42px}.gallery-tabs button[aria-selected=true]{background:#eff3e9;color:#223d2d;border-color:#eff3e9}.gallery-tabs button:hover{border-color:#eff3e9}.gallery-number{font-size:11px;color:#c6d5cb}.gallery-image{height:clamp(390px,52vw,700px);border-radius:16px;overflow:hidden;position:relative;background:#43594b}.gallery-image>img{object-position:50% 58%}.gallery-image .photo-credit{z-index:3}.photo-credit{position:absolute;bottom:16px;right:18px;font-size:8px;line-height:1.4;background:#12251b80;color:#fff;padding:5px 8px;border-radius:4px}.gallery-description{display:grid;grid-template-columns:1.15fr 1fr 110px;gap:50px;padding-top:25px;align-items:end}.gallery-description>div>span{font-size:10px;color:#b4c9bc}.gallery-description h3{font-size:25px;line-height:1.15;letter-spacing:-.035em;margin-top:9px}.gallery-description>p{font-size:12px;color:#c0d0c5;max-width:350px;line-height:1.6}.gallery-arrows{display:flex;gap:10px}.gallery-arrows button{width:44px;height:44px;border:1px solid #9db4a780;border-radius:50%;font-size:20px;transition:background .3s,color .3s}.gallery-arrows button:hover{background:#eff3e9;color:#183823}.services>.section-label{margin-bottom:35px}.services-layout{display:grid;grid-template-columns:45% 55%;gap:0}.service-intro>p{font-size:13px;line-height:1.8;margin-top:28px;color:#64746b}.brand-sculpture{display:flex;align-items:flex-end;gap:28px;margin-top:65px;color:#798d7d}.brand-sculpture svg{width:105px;height:88px}.brand-sculpture span{font-size:10px;padding-bottom:3px}.service-list{padding-left:20px}.service{border-top:1px solid #b7c3b6}.service:last-of-type{border-bottom:1px solid #b7c3b6}.service summary{display:flex;align-items:center;gap:26px;cursor:pointer;padding:29px 0;list-style:none}.service summary::-webkit-details-marker,.faq-items summary::-webkit-details-marker{display:none}.service-no{font-size:11px;color:#627762;min-width:18px}.service h3{font-size:29px;line-height:1.15;letter-spacing:-.035em}.plus{width:16px;height:16px;position:relative;margin-left:auto;flex-shrink:0}.plus:before,.plus:after{content:"";position:absolute;top:7px;left:1px;width:14px;height:1px;background:currentColor;transition:transform .3s}.plus:after{transform:rotate(90deg)}details[open]>summary .plus:after{transform:rotate(0)}.service-body{padding:0 35px 30px 44px}.service-body>p{font-size:14px;line-height:1.6;max-width:380px;color:#52684f}.service-body ul{list-style:none;margin:22px 0 18px;padding:0;font-size:12px;color:#64775f;line-height:1.9}.service-body li:before{content:"/";margin-right:9px;color:#92a58b}.service-note{font-size:10px;color:#63765c;margin-top:21px}.journey{display:grid;grid-template-columns:50% 50%;background:#f4f5f0;min-height:740px}.journey-image{position:relative;overflow:hidden;min-height:600px}.journey-image>img{position:absolute;inset:0;object-position:46% center}.journey-content{padding:80px 10%}.journey-content .display{font-size:clamp(42px,4.3vw,65px);margin-top:26px}.steps{margin-top:43px}.steps article{display:grid;grid-template-columns:24px 1fr;gap:20px;padding:24px 0;border-top:1px solid #cad1c5}.steps article>span{font-size:10px;color:#78906b;padding-top:3px}.steps h3{font-size:17px;line-height:1.3;letter-spacing:-.025em}.steps p{font-size:12px;line-height:1.6;max-width:320px;margin-top:12px;color:#62765a}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:45px;padding:16px 22px;border-radius:40px;border:1px solid currentColor;font-size:12px;transition:background .3s,transform .3s}.button.dark{color:#f1f4ed;background:#243d2b;border-color:#243d2b}.button:hover{transform:translateY(-2px)}.button.dark:hover{background:#3b5438}.button .arrow,.button>span{width:17px;height:17px;font-size:17px;line-height:1}.journey-content .button{margin-top:15px}.questions{display:grid;grid-template-columns:45% 55%;gap:0}.questions .display{margin-top:27px;font-size:62px}.questions .text-link{margin-top:30px}.faq-items details{border-top:1px solid #b9c5b5}.faq-items details:last-child{border-bottom:1px solid #b9c5b5}.faq-items summary{display:flex;align-items:center;justify-content:space-between;list-style:none;gap:30px;font-size:15px;cursor:pointer;padding:25px 0;line-height:1.4}.faq-items p{font-size:13px;color:#5c7155;max-width:480px;line-height:1.7;padding:0 25px 28px 0}.contact{display:grid;grid-template-columns:35% 65%;background:#d5ddd1;align-items:center;padding-block:100px}.contact-icon{display:flex;justify-content:center;padding-right:15%}.contact-icon>.arley-mark{width:clamp(100px,18vw,270px);height:auto;color:#253e2a}.contact .display{font-size:clamp(49px,6vw,88px);margin:25px 0 35px}.contact-email{display:inline-block;margin-left:22px;font-size:12px;border-bottom:1px solid #8a9f7f;padding-bottom:4px}footer{padding:50px 5% 25px;background:#eaece7}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-bottom:40px}.footer-top .brand .arley-mark{width:66px;height:55px}.footer-top p{font-size:13px;color:#5d7155}.back-top{font-size:12px}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #c0cabb;padding-top:20px;color:#5e7453;font-size:10px}.footer-bottom button{font-size:10px;padding:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}dialog{background:#f0f2eb;color:#243c2b;border:0;border-radius:20px;max-width:980px;width:calc(100% - 48px);max-height:92dvh;padding:0;box-shadow:0 25px 100px #08170c44}dialog::backdrop{background:#0e2418b0;backdrop-filter:blur(8px)}dialog[open]{display:grid;grid-template-columns:34% 66%}.dialog-close{position:absolute;right:16px;top:12px;font-size:30px;padding:5px 10px;line-height:1;z-index:3}.wizard-aside{background:#d8e0d1;padding:40px 30px;display:flex;flex-direction:column}.wizard-aside .brand .arley-mark{width:48px;height:40px}.wizard-aside .brand>span{font-size:22px}.wizard-aside h2{font-size:38px;line-height:1.05;letter-spacing:-.055em;margin:45px 0 30px}.wizard-aside>img{height:240px;border-radius:8px}.wizard-aside>p{font-size:11px;margin-top:22px;color:#566c4e}.wizard-main{padding:58px 42px 30px;min-height:630px;display:flex;flex-direction:column}.progress-label{display:flex;justify-content:space-between;font-size:9px;color:#526d47;letter-spacing:.03em}.progress-track{height:2px;background:#cdd9c6;margin:15px 0 32px}.progress-track>span{display:block;background:#385c2c;height:100%;width:25%;transition:width .4s}#project-form{display:flex;flex-direction:column;flex:1}#wizard-content h2{font-size:35px;line-height:1.1;letter-spacing:-.05em;outline:none;margin-bottom:14px}.step-description{font-size:12px;color:#5c7353;line-height:1.6;margin-bottom:25px}fieldset{border:0;padding:0;margin:0;min-width:0}.choices{display:grid;gap:9px}.choice{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid #c4d0bb;border-radius:7px;cursor:pointer;font-size:12px;transition:background .25s,border-color .25s}.choice:has(input:checked){background:#dce6d3;border-color:#668653}.choice:hover{background:#e6eddf}.choice input{accent-color:#43632e;width:16px;height:16px;margin:0;flex-shrink:0}.field-label{display:block;font-size:11px;margin:17px 0 7px}.field-input{width:100%;background:transparent;border:1px solid #bdceb3;border-radius:6px;padding:10px 12px;font-size:14px;resize:vertical;min-height:44px}.field-input::placeholder{color:#73886a}.error{min-height:18px;margin-top:10px;color:#a1302e;font-size:11px}.wizard-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:12px;margin-top:auto}.back-button{padding:10px 0;font-size:12px}.back-button:disabled{visibility:hidden}.wizard-privacy{font-size:9px;color:#5b7452;line-height:1.7;margin-top:22px}.recommendation{background:#dce5d4;padding:20px;border-radius:8px;margin-bottom:18px}.recommendation .eyebrow{font-size:9px;letter-spacing:.04em}.recommendation h3{font-size:27px;letter-spacing:-.04em;margin-top:8px}.recommendation p{font-size:11px;line-height:1.6;margin-top:11px;color:#526e45}.brief-summary{margin:0}.brief-summary>div{display:grid;grid-template-columns:90px 1fr;gap:16px;padding:8px 0;border-bottom:1px solid #ccd8c2;font-size:11px}.brief-summary dt{color:#567247}.brief-summary dd{margin:0;overflow-wrap:anywhere}.result-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin-top:24px}.result-actions .button{font-size:11px;gap:20px}.download-button{border-bottom:1px solid #7f9a6c;padding:8px 0;font-size:11px}.email-note{font-size:10px;line-height:1.6;color:#557348;margin-top:16px}#privacy-dialog[open]{display:block;max-width:550px;padding:50px 40px}#privacy-dialog h2{font-size:37px;line-height:1.1;letter-spacing:-.04em;margin-bottom:25px}#privacy-dialog p{font-size:13px;line-height:1.65;margin-top:18px}#privacy-dialog a{text-decoration:underline}
@keyframes ambient-room{from{transform:scale(1.04) translateX(-.4%)}to{transform:scale(1.105) translateX(.4%)}}
.motion-on .hero-media>img{animation:ambient-room 28s ease-in-out infinite alternate}
.motion-paused .hero-media>img{animation-play-state:paused}
@media(min-width:1600px){.section{padding-inline:8%}.hero-signature{top:33%}.hero-bottom{bottom:100px}}
@media(max-width:1100px){.hero{min-height:680px}.site-header{gap:20px}.site-header nav{gap:23px}.hero-signature h1{font-size:11.5vw}.hero-signature>.arley-mark{width:12vw}.hero-intro h2{font-size:29px}.hero-project{width:290px}.about{grid-template-columns:25% 75%}.about-copy{gap:30px}.gallery-description{gap:25px;grid-template-columns:1.1fr 1fr 100px}.service h3{font-size:26px}.service summary{gap:19px}.service-body{padding-left:37px}.journey-content{padding:65px 8%}.journey-content .display{font-size:44px}.contact-email{display:block;margin:20px 0 0;width:max-content}}
@media(max-width:760px){html{scroll-padding-top:16px}.hero{margin:8px;height:calc(100svh - 16px);min-height:750px;max-height:1000px;border-radius:17px}.hero-media>img{object-position:47% center}.hero-media:after{background:linear-gradient(180deg,#0b21187d,#15211930 35%,#071a1399)}.site-header{left:6%;right:6%;top:24px;gap:12px}.brand{gap:12px}.brand .arley-mark{width:48px;height:40px}.brand>span{font-size:23px}.header-contact{margin-left:auto;padding:11px 16px;font-size:11px;gap:16px}.header-contact .arrow{width:14px;height:14px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;width:32px;height:44px;padding:5px}.menu-toggle>span{width:22px;height:1px;background:#fff;transition:transform .3s}.menu-toggle[aria-expanded=true]>span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true]>span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.site-header nav{display:none;position:absolute;top:66px;left:-3%;right:-3%;background:#eaf0e4;color:#243f2a;padding:25px;border-radius:14px;box-shadow:0 15px 30px #0c20192b;flex-direction:column;gap:15px;font-size:18px}.site-header nav.open{display:flex}.hero-signature{top:24%;gap:22px;left:7%;right:7%;justify-content:flex-start}.hero-signature>.arley-mark{width:95px}.hero-signature h1{font-size:69px;letter-spacing:-.075em;white-space:normal;line-height:.9}.hero-signature h1>span{display:block}.hero-bottom{left:6%;right:6%;bottom:74px;gap:25px;align-items:stretch;flex-direction:column}.hero-intro h2{font-size:27px}.hero-intro p{font-size:11px;margin:12px 0 16px}.scroll-link{font-size:10px;gap:30px}.scroll-link>span{font-size:17px}.hero-project{width:100%;padding:9px 12px;gap:14px;border-radius:11px}.hero-project>img{width:53px;height:67px;border-radius:6px}.small-label{font-size:7px}.project-card-copy{display:grid;grid-template-columns:1fr 1fr;gap:7px 15px;width:100%;align-items:end}.project-card-copy .small-label{grid-column:1/-1}.project-card-copy strong{font-size:15px;line-height:1.1;margin:0}.card-link{font-size:9px;gap:7px;align-self:end;line-height:1.3;padding-bottom:2px}.hero-foot{left:6%;right:6%;bottom:19px;padding-top:10px;font-size:7px}.hero-foot button{font-size:8px}.section{padding:65px 6%}.display{font-size:46px;letter-spacing:-.055em}.section-label{font-size:11px}.about{display:block;padding-bottom:30px}.about-main{margin-top:30px}.about-copy{grid-template-columns:1fr;gap:22px;margin-top:28px}.about-copy>p{font-size:19px;max-width:340px}.about-copy>div>p{font-size:12px;max-width:400px}.about .text-link{margin-top:15px}.about-foot{margin-top:45px;padding-top:20px;gap:20px;font-size:9px;line-height:1.5}.about-foot>span{max-width:90px}.spaces{padding-block:55px 45px}.section-heading{display:block;margin:26px 0 28px}.section-heading>p{margin-top:22px;font-size:12px}.gallery-tabs{gap:7px}.gallery-tabs button{padding:10px 14px;font-size:10px;min-height:40px}.gallery-number{font-size:9px}.gallery-top{gap:10px;margin-bottom:16px}.gallery-image{height:430px;border-radius:10px}.gallery-image>img{object-position:center}.gallery-description{grid-template-columns:1fr 100px;gap:18px;align-items:start;padding-top:22px}.gallery-description>div:first-child{grid-column:1/-1}.gallery-description h3{font-size:23px}.gallery-description>p{font-size:11px;line-height:1.6}.gallery-description>div>span{font-size:9px}.gallery-arrows{justify-self:end}.gallery-arrows button{width:42px;height:42px}.services>.section-label{margin-bottom:28px}.services-layout{display:block}.service-intro>p{font-size:12px;margin-top:23px}.brand-sculpture{display:none}.service-list{padding:0;margin-top:38px}.service summary{padding:24px 0;gap:17px}.service h3{font-size:25px}.service-no{font-size:10px;min-width:15px}.service-body{padding:0 5px 28px 32px}.service-body>p{font-size:13px}.service-body ul{font-size:11px}.service-note{font-size:9px}.journey{display:flex;flex-direction:column;min-height:0}.journey-image{height:480px;min-height:0}.journey-content{padding:55px 6%}.journey-content .display{font-size:45px}.steps{margin-top:32px}.steps article{gap:16px;padding:23px 0}.steps h3{font-size:17px}.steps p{font-size:12px}.questions{display:block}.questions .display{font-size:47px;margin-top:25px}.questions .text-link{margin-top:23px}.faq-items{margin-top:35px}.faq-items summary{font-size:13px;padding:22px 0}.faq-items p{font-size:12px}.contact{grid-template-columns:1fr;gap:35px;padding-block:60px}.contact-icon{justify-content:flex-start;padding:0}.contact-icon>.arley-mark{width:95px}.contact .display{font-size:47px;margin:23px 0 28px}.contact-email{font-size:12px}.button{font-size:12px;padding:15px 21px;gap:38px}footer{padding:40px 6% 22px}.footer-top{align-items:flex-start;flex-wrap:wrap;gap:28px;padding-bottom:30px}.footer-top .brand .arley-mark{width:51px;height:43px}.footer-top>p{font-size:11px;max-width:120px;text-align:right;margin-left:auto}.footer-top .back-top{font-size:11px;width:100%;text-align:right}.footer-bottom{flex-wrap:wrap;gap:16px;font-size:9px}.footer-bottom>span:nth-child(2){order:3;width:100%;font-size:8px}.footer-bottom button{font-size:9px}dialog{width:calc(100% - 24px);max-height:94dvh;border-radius:14px}dialog[open]{display:block}.wizard-aside{display:none}.wizard-main{padding:50px 25px 27px;min-height:570px}#wizard-content h2{font-size:31px}.step-description{font-size:11px}.choice{padding:14px 12px;font-size:12px}.field-input{font-size:16px}.wizard-privacy{font-size:9px}.wizard-main .button{font-size:11px;gap:20px;padding:14px 18px}.result-actions{gap:16px}.brief-summary>div{grid-template-columns:78px 1fr;font-size:10px}#privacy-dialog[open]{padding:50px 28px}#privacy-dialog p{font-size:12px}}
@media(max-width:360px){.hero-project{gap:12px}.project-card-copy{grid-template-columns:1fr;gap:6px}.project-card-copy strong{font-size:14px}.card-link{justify-content:space-between}.hero-project>img{height:85px}.hero-signature{gap:17px}.hero-signature>.arley-mark{width:82px}.hero-signature h1{font-size:61px}.brand .arley-mark{width:42px}.brand>span{font-size:20px}.header-contact{padding:10px 13px;gap:10px}.card-link{font-size:8px}.display{font-size:42px}.service h3{font-size:22px}.gallery-tabs button{padding:9px 11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-media>img,.journey-image>img{transform:none!important}.reveal{opacity:1!important;transform:none!important}}
@media print{body>main,footer,.wizard-aside,.dialog-close,.wizard-controls,.result-actions,.wizard-privacy{display:none!important}dialog[open]{position:static;display:block;max-height:none;width:100%;box-shadow:none}.wizard-main{padding:0}}

/* A photograph opens from the Arley silhouette. */
.site-header .brand{margin-right:auto}
.site-header .brand>.arley-mark{width:60px;height:50px}
.site-header nav{position:absolute;left:50%;transform:translateX(-50%)}
.about-aside{padding-top:10px;padding-right:45px}
.image-mark{display:block;width:100%;max-width:280px;margin-top:43px;padding:0;text-align:left;color:var(--ink)}
.image-mark-visual{display:block;width:100%;height:auto;overflow:hidden;border-radius:0;transition:border-radius 1.15s cubic-bezier(.22,1,.36,1),transform 1.15s cubic-bezier(.22,1,.36,1)}
.image-mark-left{d:path("M0 100 L80 0 L80 39 L29 100 Z")}
.image-mark-right{d:path("M82 40 C102.987 40 120 57.013 120 78 L120 100 L82 100 Z")}
.image-mark-left,.image-mark-right{transition:d 1.15s cubic-bezier(.22,1,.36,1)}
.image-mark-visual image{transform-origin:60px 50px;transform:scale(1.06);transition:transform 1.5s cubic-bezier(.22,1,.36,1)}
.image-mark-full{opacity:0;transition:opacity 1.15s cubic-bezier(.22,1,.36,1)}
.image-mark-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px;margin-top:22px;color:#64746b}
.image-mark-plus{display:grid;place-items:center;width:28px;height:28px;border:1px solid #b2beb1;border-radius:50%;font-size:18px;font-weight:300;transition:transform .7s}
.image-mark.is-expanded .image-mark-left{d:path("M0 100 L0 0 L61 0 L61 100 Z")}
.image-mark.is-expanded .image-mark-right{d:path("M59 0 C80 0 120 0 120 0 L120 100 L59 100 Z")}
.image-mark.is-expanded .image-mark-visual{border-radius:12px;transform:scale(1.025)}
.image-mark.is-expanded image{transform:scale(1)}
.image-mark.is-expanded .image-mark-plus{transform:rotate(45deg)}
@media(hover:hover) and (pointer:fine){
.image-mark:hover .image-mark-left{d:path("M0 100 L0 0 L61 0 L61 100 Z")}
.image-mark:hover .image-mark-right{d:path("M59 0 C80 0 120 0 120 0 L120 100 L59 100 Z")}
.image-mark:hover .image-mark-visual{border-radius:12px;transform:scale(1.025)}
.image-mark:hover image{transform:scale(1)}
.image-mark:hover .image-mark-plus{transform:rotate(45deg)}
}
@supports not (d:path("M0 0 L1 1 Z")){
.image-mark.is-expanded .image-mark-full{opacity:1}
@media(hover:hover) and (pointer:fine){.image-mark:hover .image-mark-full{opacity:1}}
}
@media(max-width:1000px){.about-aside{padding-right:30px}}
@media(max-width:760px){
.site-header .brand>.arley-mark{width:48px;height:40px}
.site-header nav{left:0;transform:none}
.about{display:grid;grid-template-columns:1fr}
.about-aside{display:contents}
.about-aside>.section-label{order:0}
.about-main{order:1}
.image-mark{order:2;max-width:270px;margin:42px auto 0}
.about-foot{order:3}
}
@media(max-width:360px){.site-header .brand>.arley-mark{width:44px;height:37px}}
@media(prefers-reduced-motion:reduce){.image-mark-visual,.image-mark-visual image{transform:none!important}}

/* User-supplied project renderings. */
.hero-media img{object-position:50% 60%}
.hero-media:after{background:linear-gradient(180deg,rgba(12,20,21,.56) 0%,rgba(13,21,22,.44) 42%,rgba(10,18,19,.68) 100%)}
.hero-project>img{object-position:25% center}
.gallery-image{height:auto;aspect-ratio:4/3}
.gallery-image>img{position:absolute;inset:0;object-position:center 60%}
.journey-image>img{object-position:22% center}
.wizard-aside>img{object-position:center 60%}
@media(max-width:760px){.gallery-top{flex-wrap:wrap}.gallery-tabs{flex-wrap:wrap;gap:6px}.gallery-tabs button{padding:10px 12px}.gallery-number{margin-left:auto}.gallery-image{height:auto;aspect-ratio:4/3}.journey-image{height:430px}.hero-foot>span{max-width:62%;text-align:right}}

/* One place for each project image; a deliberate opening reveal. */
.hero-signature{perspective:none}
.hero-signature>.arley-mark{transform-origin:center;backface-visibility:hidden}
.hero-signature h1{transform-origin:left center}
.hero-project{padding:22px 25px}
.hero-project .project-card-copy{width:100%}
.hero-project .project-card-copy strong{font-size:22px;margin:13px 0 22px}
.hero-project .card-link{justify-content:space-between}
.journey{grid-template-columns:1fr 1fr;gap:8%;padding:90px 6%;min-height:0}
.journey-intro .display{margin-top:28px;font-size:clamp(45px,4.7vw,72px)}
.journey-intro>p{font-size:13px;line-height:1.8;margin-top:28px;color:#64746b}
.journey-content{padding:0}
.journey .steps{margin-top:0}
.journey .steps p{max-width:420px}
.wizard-aside>p{margin-top:auto;padding-top:30px}
@media(max-width:760px){
.hero-project{padding:18px 20px}
.hero-project .project-card-copy strong{font-size:18px;margin:0}
.journey{display:grid;grid-template-columns:1fr;padding:60px 6%;gap:32px}
.journey-intro .display{font-size:45px}
.journey-intro>p{font-size:12px;margin-top:22px}
.journey-content{padding:0}
}
@media(prefers-reduced-motion:reduce){.hero-signature>.arley-mark,.hero-signature h1{transform:none!important;clip-path:none!important;opacity:1!important}}

@media(max-width:760px){.hero-project .project-card-copy{grid-template-columns:1fr;gap:9px}.hero-project .card-link{margin-top:3px}.hero-project .project-card-copy strong{line-height:1.15}}

/* Sculptural opening: a fixed vertical axis, solid white dimensional edges. */
.hero-signature h1{padding-block:.12em .22em;margin-block:-.12em -.22em;overflow:visible}
.intro-emblem{position:absolute;pointer-events:none;perspective:800px;perspective-origin:50% 50%;transform-style:preserve-3d;z-index:1}
.emblem-piece{position:absolute;inset:0;transform-style:preserve-3d}
.emblem-layer{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}

@media(prefers-reduced-motion:reduce){.intro-emblem{display:none}}
/* A more open wordmark, with comfortable spacing on narrow screens. */
.hero-signature h1{letter-spacing:-.025em}
@media(max-width:760px){
.hero-signature{gap:clamp(16px,4vw,22px)}
.hero-signature>.arley-mark{width:clamp(64px,22vw,95px)}
.hero-signature h1{font-size:clamp(50px,15vw,69px);line-height:1.02;letter-spacing:-.025em}
}
/* A small, staggered collection of framed interiors. */
.spaces{padding-block:78px 54px}
.spaces>.section-heading{max-width:1120px;margin:28px auto 46px}
.spaces>.section-label{max-width:1120px;margin-inline:auto}
.room-collection{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:clamp(65px,8vw,120px);max-width:970px;margin:0 auto;align-items:start;padding:8px 8px 26px}
.room-card{min-width:0;margin:0}
.room-card-bedroom{padding-top:112px}
.room-frame{display:block;position:relative;width:100%;padding:9px;border:1px solid #f0eee4;background:#eae7dd;box-shadow:0 18px 42px #07141126;transform:rotate(-1.2deg);transition:transform .85s cubic-bezier(.22,1,.36,1),box-shadow .85s}
.room-card-bedroom .room-frame{transform:rotate(1.3deg)}
.room-frame>img{width:100%;height:auto;aspect-ratio:4/3;object-fit:contain}
.room-open{position:absolute;right:21px;bottom:21px;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#f4f2e9;color:#20332e;box-shadow:0 3px 16px #152b281a;transition:transform .7s}
.room-open svg{width:17px;height:17px}
.room-card figcaption{padding-top:26px}
.room-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#c2d0c7;font-size:10px}
.room-meta>span:last-child{font-size:9px;color:#aabdb1}
.room-card h3{font-size:clamp(23px,2.2vw,30px);font-weight:400;letter-spacing:-.035em;line-height:1.2;margin-top:12px}
.room-card figcaption>p{font-size:12px;line-height:1.6;color:#bbcec0;margin-top:10px;max-width:330px}
.collection-foot{display:flex;justify-content:space-between;gap:25px;max-width:1120px;margin:46px auto 0;border-top:1px solid #92ab9b40;padding-top:20px;font-size:10px;color:#b7cabc}
.collection-foot>span:last-child{display:flex;align-items:center;gap:16px}
.collection-foot>span:last-child>span{font-size:18px}
.room-frame:focus-visible{outline:2px solid #f5f3e9;outline-offset:7px;transform:translateY(-4px)}
@media(hover:hover) and (pointer:fine){
.room-frame:hover{transform:translateY(-6px) rotate(0);box-shadow:0 25px 50px #07141140}
.room-frame:hover .room-open{transform:rotate(45deg)}
}
.room-viewer{width:min(1100px,calc(100% - 64px));max-height:94dvh;padding:48px 28px 22px;border-radius:10px;background:var(--paper)}
.room-viewer[open]{display:block}
.room-viewer-image{height:min(64dvh,700px);display:grid;place-items:center;overflow:hidden}
.room-viewer-image>img{height:100%;width:100%;object-fit:contain}
.room-viewer-caption{display:flex;align-items:center;justify-content:space-between;gap:25px;max-width:930px;margin:20px auto 0}
.room-viewer-caption h2{font-size:27px;line-height:1.2;letter-spacing:-.035em;font-weight:400;margin-top:6px}
.room-viewer-caption>div>span{font-size:10px;color:var(--muted)}
.room-viewer-controls{display:flex;align-items:center;gap:18px;flex-shrink:0}
.room-viewer-controls button{display:grid;place-items:center;width:42px;height:42px;border:1px solid #a9b7a6;border-radius:50%;font-size:20px}
.room-viewer-controls button:hover{background:#d5ddd1}
.room-viewer-controls>span{font-size:10px;min-width:38px;text-align:center}
.room-viewer-note{max-width:930px;margin:14px auto 0;font-size:9px;color:var(--muted)}
@media(max-width:760px){
.spaces{padding-block:60px 36px}
.spaces>.section-heading{margin:26px 0 30px}
.room-collection{display:flex;flex-direction:column;gap:38px;max-width:480px;padding:7px 7px 10px}
.room-card-dining{width:87%;max-width:330px}
.room-card-bedroom{width:78%;max-width:295px;align-self:flex-end;padding-top:0}
.room-frame{padding:7px}
.room-open{width:32px;height:32px;right:17px;bottom:17px}
.room-open svg{width:15px;height:15px}
.room-card figcaption{padding-top:20px}
.room-card h3{font-size:24px;margin-top:10px}
.room-card figcaption>p{font-size:11px;margin-top:8px}
.room-meta{font-size:9px;gap:8px}
.room-meta>span:last-child{font-size:8px}
.collection-foot{margin-top:28px;font-size:9px;gap:15px;align-items:flex-start}
.collection-foot>span:first-child{max-width:150px}
.collection-foot>span:last-child{gap:8px;max-width:140px}
.room-viewer{width:calc(100% - 24px);padding:48px 16px 20px}
.room-viewer-image{height:auto;aspect-ratio:4/3;max-height:60dvh}
.room-viewer-caption{display:block;margin-top:20px}
.room-viewer-caption h2{font-size:25px}
.room-viewer-controls{justify-content:space-between;margin-top:20px}
.room-viewer-note{margin-top:12px}
}
@media(prefers-reduced-motion:reduce){.room-frame,.room-card-bedroom .room-frame{transform:none!important}.room-open{transform:none!important}}

/* Public studio details, kept alongside the project contact. */
.studio-location{display:grid;grid-template-columns:1fr 1fr;gap:28px;border-top:1px solid #b5c3af;margin-top:38px;padding-top:24px;max-width:590px}
.location-label{display:block;font-size:10px;color:#5b7053;margin-bottom:9px}
.studio-location address{font-style:normal;font-size:13px;line-height:1.7}
.studio-location p{font-size:12px;line-height:1.6;color:#53694e}
.studio-location a{display:inline-flex;gap:16px;align-items:center;font-size:11px;margin-top:12px;border-bottom:1px solid #9bad91;padding-bottom:3px}
@media(max-width:760px){.studio-location{grid-template-columns:1fr;gap:20px;margin-top:30px;padding-top:21px}.studio-location address{font-size:13px}.studio-location p br{display:none}}