.citystone-home{--ink:#26221c;--muted:#6d6353;--gold:#9c845b;--line:#d7cdbb;margin:0;color:var(--ink);background:#fff;font-family:Manrope,Arial,sans-serif;font-size:clamp(14px,1.094vw,21px)}
.citystone-home *{box-sizing:border-box}.citystone-home a{color:inherit;text-decoration:none}.citystone-home a:hover{color:var(--gold)}.citystone-home a:focus-visible,.citystone-home summary:focus-visible{outline:2px solid var(--gold);outline-offset:6px}.citystone-home h1,.citystone-home h2,.citystone-home h3,.citystone-home p{margin:0}.citystone-home h1,.citystone-home h2,.citystone-home h3,.brand{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400}.citystone-home h2{font-size:clamp(40px,3.65vw,70px);line-height:1.06}.wrap{padding-left:4.6667%;padding-right:4.6667%}.eyebrow{font-size:clamp(10px,.78125vw,15px);letter-spacing:.1em;color:var(--gold)}
.topline{height:2.578125vw;min-height:32px;background:var(--ink);display:flex;align-items:center;padding:0 4.6667%;font-size:clamp(10px,.8333vw,16px);letter-spacing:.0575em;color:#a89e8b}.topline>div{display:flex;gap:1.6667vw;margin-left:auto;margin-right:10.9vw;color:#c2a878}.site-header{height:7.890625vw;min-height:110px;border-bottom:1px solid #e3dccb;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;padding:0 4.6667%;gap:20px}.site-header nav{display:flex;gap:2.5vw;font-size:clamp(11px,.9375vw,18px);letter-spacing:1px}.brand{text-align:center;font-size:clamp(28px,2.1875vw,42px);letter-spacing:3px;white-space:nowrap}.brand small{display:block;margin-top:8px;font:400 clamp(8px,.677vw,13px) Manrope,Arial,sans-serif;letter-spacing:3.23px;color:#a3906c}.header-contact{display:flex;justify-content:flex-end;align-items:center;gap:2.45vw;font-size:clamp(12px,.9375vw,18px)}.button{display:inline-flex;align-items:center;justify-content:center;background:var(--ink);color:#f7f4ee!important;border:1px solid var(--ink);height:3.671875vw;min-height:48px;padding:0 2.2vw;font-size:clamp(11px,.8333vw,16px);letter-spacing:.086em;transition:background .2s}.button:hover{background:#514838}.button.outline{background:transparent;color:var(--ink)!important}.button.outline:hover{background:#f5f2eb}.header-contact .button{height:3.203125vw;min-height:45px}
.hero{position:relative;height:36.40625vw;min-height:510px;text-align:center;padding-top:1.09375vw}.hero>.eyebrow{color:#6e5a36;letter-spacing:.14em}.hero h1{font-size:clamp(48px,4.6875vw,90px);line-height:1.0444;margin:1.5vw auto 0;position:relative}.hero-description{max-width:40.5%;margin:3.45vw auto 0!important;line-height:1.636;color:var(--muted);font-size:clamp(15px,1.146vw,22px)}.hero-actions{display:flex;justify-content:center;gap:1.2vw;margin-top:1.9vw}.hero-actions .button{width:17.33vw}.features{display:flex;justify-content:center;align-items:center;gap:2.25vw;list-style:none;padding:0;margin:1.65vw 0 0;color:#a3906c;font-size:clamp(10px,.9375vw,18px);font-weight:600;letter-spacing:.08em}.features li+li:before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:#8a7248;margin-right:2.7vw;vertical-align:middle}.features li:last-child{font-size:.833em}.hero>img{position:absolute;object-fit:contain;height:auto}.hero-vase{left:2.76%;top:.78125vw;width:20.8333%;aspect-ratio:400/650}.hero-column{right:2.6%;top:1.77vw;width:19.2708%;aspect-ratio:370/620}
.catalog{padding-top:1.25vw;padding-bottom:3.75vw}.section-heading{display:flex;justify-content:space-between;align-items:center;height:5vw}.section-heading h2{font-size:clamp(38px,3.0729vw,59px)}.text-link{font-size:clamp(11px,.9375vw,18px);letter-spacing:.076em;color:#6e5a36!important}.catalog-grid{position:relative;height:84.21875vw;margin-top:0}.catalog-card{position:absolute;display:block}.catalog-card img{width:100%;object-fit:cover;display:block}.card-caption{display:flex;align-items:center;justify-content:space-between;padding-top:.4167vw;min-height:3.0729vw;gap:8px}.card-caption h3{font-size:clamp(24px,1.6146vw,31px);line-height:1.3}.card-caption span{color:#8a7248;font-size:clamp(11px,.78125vw,15px);letter-spacing:1.1px;white-space:nowrap}.card-0,.card-1{left:0;width:37.5%}.card-2,.card-3{left:39.70588%;width:25.7353%}.card-4,.card-5{right:0;width:32.35294%}.card-0,.card-4{top:2.5vw}.card-1{top:48.28125vw}.card-2{top:0}.card-3{top:32.5vw}.card-5{top:40.46875vw}.card-0 img{aspect-ratio:652.8/795}.card-1 img{aspect-ratio:652.8/591}.card-2 img{aspect-ratio:448/540}.card-3 img{aspect-ratio:448/744}.card-4 img{aspect-ratio:563.2/645}.card-5 img{aspect-ratio:563.2/720}
.architecture{position:relative;height:48.4375vw;color:#f7f2e5}.architecture>img,.project-contact>img{position:absolute;width:100%;height:100%;object-fit:cover;inset:0}.architecture:after{content:'';position:absolute;inset:0;background:linear-gradient(rgba(20,20,17,.83),rgba(20,20,17,.22) 55%,rgba(20,20,17,.04))}.architecture-copy{position:relative;z-index:1;padding-top:3.4375vw}.architecture .eyebrow{color:inherit}.architecture h2{font-size:clamp(42px,3.802vw,73px);margin:1.4vw 0 2vw}.architecture-copy>p:last-child{font-size:clamp(15px,1.146vw,22px)}
.workshop{display:grid;grid-template-columns:38.7868% 56.4338%;gap:4.7794%;padding-top:3.4375vw;padding-bottom:3.75vw;min-height:45.3125vw}.workshop-picture{position:relative;height:35.625vw}.workshop-picture:before{content:'';position:absolute;border:1px solid #9f8b65;inset:1.25vw -1.333vw -1.25vw 1.333vw}.workshop-picture>img{position:relative;width:100%;height:100%;object-fit:cover}.workshop-caption{position:absolute;left:52.13%;top:87.28%;width:56.87%;background:#c6b792;padding:1.40625vw 1.8333vw;font:400 clamp(22px,1.51vw,29px)/1.07 'Cormorant Garamond',Georgia,serif}.workshop-caption small{display:block;margin-top:1vw;font:400 clamp(8px,.677vw,13px) Manrope,Arial,sans-serif;color:#625b49}.workshop-copy{padding-top:.3125vw}.workshop h2{margin:1.71875vw 0 2vw}.workshop-copy>p:not(.eyebrow){color:#756e60;line-height:1.2}.steps{counter-reset:step;display:grid;grid-template-columns:1fr 1fr;gap:1.71875vw 2vw;margin:1.72vw 0 2.35vw;padding:0;list-style:none}.steps li{counter-increment:step;border-top:1px solid var(--line);min-height:6.094vw;position:relative;padding:1vw 0 0 5.1667vw}.steps li:before{content:'0' counter(step);position:absolute;left:0;top:.78125vw;font:400 clamp(40px,3.0729vw,59px)/1.15 'Cormorant Garamond',Georgia,serif;color:var(--gold)}.steps h3{font-size:clamp(23px,1.4583vw,28px)}.steps p{font-size:clamp(12px,.8854vw,17px);line-height:1.2;color:#756e60;margin-top:1.2vw}
.faq{background:#f5f2eb;padding:2.8125vw 0}.faq-grid{display:grid;grid-template-columns:33.088% 62.5%;gap:4.412%}.faq h2{margin:1.40625vw 0 2.5vw;font-size:clamp(40px,3.594vw,69px)}.faq p:not(.eyebrow){font-size:clamp(13px,.8854vw,17px);color:#82765f}.questions details{border-top:1px solid #cec8bb}.questions summary{min-height:5.390625vw;display:flex;align-items:center;gap:1.667vw;cursor:pointer;list-style:none;font-size:clamp(14px,1.094vw,21px)}.questions summary::-webkit-details-marker{display:none}.questions summary>span{font:400 clamp(24px,1.771vw,34px) 'Cormorant Garamond',Georgia,serif;color:#aa9570;width:3.333vw;flex-shrink:0}.questions summary:after{content:'+';margin-left:auto;font-size:29px;color:#82765f}.questions details[open] summary:after{content:'−'}.questions details>p{padding:0 3vw 1.5vw 5vw;line-height:1.6}
.project-contact{position:relative;color:#f5f0e0;min-height:25.78125vw}.project-contact:before{content:'';position:absolute;z-index:1;inset:0;background:rgba(26,26,20,.76)}.contact-grid{position:relative;z-index:2;display:grid;grid-template-columns:59.9265% 34.1912%;gap:5.8823%;padding-top:3.75vw;padding-bottom:3.75vw}.project-contact .eyebrow{color:inherit}.project-contact h2{font-size:clamp(44px,3.958vw,76px);margin:1.40625vw 0}.project-contact p:not(.eyebrow){line-height:1.2}.contact-links{display:flex;flex-direction:column;gap:1.71875vw;padding-top:2.969vw}.button.gold{background:#c9b88f;color:#26261f!important;border:0;justify-content:space-between;height:5vw;width:100%;font-size:clamp(12px,.8854vw,17px)}.button.gold:hover{background:#decca3}.contact-links>a:not(.button){font-size:clamp(13px,.9375vw,18px)}.site-footer{background:var(--ink);color:#a89e8b;min-height:9.296875vw;display:flex;justify-content:space-between;align-items:center;gap:30px;font-size:clamp(12px,.8854vw,17px)}.site-footer .brand{color:#e9e3d6}.site-footer p{color:#8d7f66;margin-top:4px}.site-footer nav{display:flex;gap:2vw}.footer-pdf{color:#c2a878!important}
@media(min-width:1921px){.citystone-home{font-size:21px}}
@media(max-width:380px){.citystone-home .site-header{grid-template-columns:minmax(0,1fr) auto;gap:12px}.citystone-home .site-header .brand{font-size:21px;letter-spacing:1px}.citystone-home .site-header .brand small{font-size:6px;letter-spacing:.7px}.citystone-home .header-contact .button{font-size:8px;padding:0 8px}.citystone-home .site-header nav{font-size:9px}}
@media(max-width:1100px){.site-header{grid-template-columns:1fr auto}.site-header .brand{grid-column:1;grid-row:1;text-align:left}.site-header nav{grid-column:1;grid-row:2}.header-contact{grid-column:2;grid-row:1/3}.hero{min-height:490px;padding-top:24px}.hero h1{margin-top:24px;font-size:54px}.hero-description{margin-top:35px!important}.hero-actions{margin-top:28px}.hero-actions .button{width:auto}.features{margin-top:25px;gap:15px}.features li+li:before{margin-right:15px}.hero>img{top:65px}.workshop{padding-bottom:70px}.workshop h2{font-size:42px}.steps li{padding-left:45px;min-height:95px}.steps p{margin-top:10px}.questions summary{min-height:76px}.faq{padding:40px 0}.contact-grid{padding-top:40px;padding-bottom:40px}.contact-links{gap:22px}.site-footer{padding-top:30px;padding-bottom:30px}}
@media(max-width:700px){.topline{height:auto;min-height:48px;padding:8px 5%;font-size:9px;gap:12px}.topline>span{max-width:65%;line-height:1.5}.topline>div{margin:0 0 0 auto;flex-direction:column;gap:3px}.site-header{min-height:140px;padding:20px 5%;gap:20px}.brand{font-size:27px;letter-spacing:2px}.brand small{font-size:7px;letter-spacing:1.5px}.header-contact>a:not(.button){display:none}.header-contact .button{font-size:9px;padding:0 12px;min-height:38px}.site-header nav{grid-column:1/-1;grid-row:2;justify-content:space-between;gap:12px;font-size:10px}.hero{height:auto;min-height:700px;padding:30px 5% 265px}.hero>.eyebrow{font-size:9px;line-height:1.6}.hero h1{font-size:43px;margin-top:20px}.hero-description{max-width:100%;font-size:14px;margin-top:25px!important}.hero-actions{gap:10px;margin-top:22px}.hero-actions .button{font-size:9px;padding:0 12px;flex:1}.features{flex-wrap:wrap;font-size:9px;gap:10px;margin-top:20px}.features li+li:before{width:4px;height:4px;margin-right:10px}.hero>img{top:auto;bottom:8px;width:auto;height:235px}.hero-vase{left:8%}.hero-column{right:8%}.catalog{padding-top:25px;padding-bottom:40px}.section-heading{height:auto;gap:10px;margin-bottom:25px}.section-heading h2{font-size:34px}.section-heading .text-link{font-size:9px;white-space:nowrap}.catalog-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px 16px;height:auto}.catalog-card{position:static;width:100%}.card-0{order:0}.card-2{order:1}.card-4{order:2}.card-1{order:3}.card-3{order:4}.card-5{order:5}.catalog-card img{aspect-ratio:3/4}.card-caption{align-items:flex-start;padding-top:9px;gap:6px}.card-caption h3{font-size:23px;line-height:1.1}.card-caption span{font-size:10px;padding-top:5px}.architecture{height:430px}.architecture-copy{padding-top:35px}.architecture h2{font-size:44px;margin:22px 0}.architecture-copy>p:last-child{font-size:14px;max-width:240px;line-height:1.6}.workshop{display:flex;flex-direction:column;padding-top:40px;padding-bottom:40px;gap:65px}.workshop-picture{height:auto;aspect-ratio:675.2/684;width:90%}.workshop-picture:before{inset:12px -12px -12px 12px}.workshop-caption{padding:18px;font-size:25px;left:45%;width:65%;top:85%}.workshop-caption small{font-size:8px;margin-top:10px}.workshop h2{margin:20px 0;font-size:46px}.workshop-copy>p:not(.eyebrow){font-size:14px;line-height:1.5}.workshop-copy>p br{display:none}.steps{gap:20px 14px;margin:25px 0}.steps li{padding-left:40px;padding-top:15px;min-height:115px}.steps li:before{font-size:35px;top:10px}.steps h3{font-size:22px}.steps p{font-size:11px;line-height:1.5}.faq-grid,.contact-grid{grid-template-columns:1fr;gap:30px}.faq h2{margin:20px 0}.questions summary{gap:12px;font-size:14px;min-height:90px;line-height:1.5}.questions summary>span{width:27px}.questions summary:after{padding-left:5px}.questions details>p{padding:0 15px 20px 39px}.contact-grid{padding-top:40px;padding-bottom:40px}.project-contact h2{margin:20px 0;font-size:52px}.project-contact p:not(.eyebrow){font-size:15px;line-height:1.5}.contact-links{padding-top:0;gap:20px}.button.gold{height:64px;padding:0 22px}.site-footer{flex-wrap:wrap;gap:25px;padding-top:35px;padding-bottom:35px}.site-footer .brand{font-size:30px}.site-footer nav{order:3;flex-wrap:wrap;gap:20px;width:100%;font-size:12px}}
@media(max-width:380px){.citystone-home .site-header{grid-template-columns:minmax(0,1fr);gap:15px}.citystone-home .site-header .brand{font-size:25px;grid-column:1;grid-row:1}.citystone-home .header-contact{grid-column:1;grid-row:3;justify-content:flex-start}.citystone-home .site-header nav{grid-column:1;grid-row:2;min-width:0;width:100%;font-size:9px}.citystone-home .site-header{padding-top:20px;padding-bottom:20px}.citystone-home .header-contact .button{min-height:32px;font-size:9px}}

.citystone-home .site-header{position:sticky;top:0;z-index:100;background:#fff;box-shadow:0 4px 16px rgba(38,34,28,.04)}


.citystone-home .site-footer{display:block;padding-top:64px;padding-bottom:26px;background:#26221c;font-size:14px}
.footer-main{display:grid;grid-template-columns:1.2fr .8fr 1fr;gap:64px;padding-bottom:48px}
.footer-identity .brand{font-size:38px;text-align:left;letter-spacing:2px;display:inline-block}
.citystone-home .footer-identity .footer-tagline{font-size:15px;line-height:1.8;color:#b4aa97;margin-top:22px}
.footer-founded{display:block;font-size:10px;letter-spacing:.13em;color:#9d8967;margin-top:24px;line-height:1.7}
.footer-label{display:block;color:#9d8967;font-size:10px;letter-spacing:.13em;margin-bottom:24px;line-height:1.7}
.citystone-home .site-footer .footer-navigation{display:flex;flex-direction:column;gap:16px;font-size:15px;align-items:flex-start}
.footer-navigation .footer-label{margin-bottom:8px}
.citystone-home .footer-consultation p{font-size:15px;line-height:1.8;color:#b4aa97;margin:0 0 22px}
.citystone-home .footer-consultation .button{border-color:#9d8967;color:#e9e3d6!important;min-height:50px;width:100%;max-width:330px;justify-content:space-between;padding:16px 22px;height:auto;font-size:11px}
.citystone-home .footer-consultation .button:hover{background:#3b3428}
.footer-hours{display:block;color:#9a8f7c;font-size:11px;margin-top:14px}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid #494135;padding-top:24px;font-size:11px;color:#9a8f7c}
.citystone-home .footer-bottom p{margin:0;color:inherit}.footer-bottom a{color:#c2a878}
@media(max-width:1000px){.footer-main{gap:32px;grid-template-columns:1fr 1fr}.footer-identity{grid-column:1/-1}.citystone-home .site-footer{padding-top:44px}.footer-main{padding-bottom:36px}}
@media(max-width:600px){.footer-main{grid-template-columns:1fr;gap:32px}.footer-identity{grid-column:auto}.footer-identity .brand{font-size:32px}.footer-label{margin-bottom:16px}.citystone-home .site-footer .footer-navigation{width:auto;gap:14px}.footer-bottom{flex-wrap:wrap;gap:16px;font-size:10px}.footer-bottom p{width:100%}.footer-bottom>a{margin-left:auto}.citystone-home .site-footer{padding-top:38px;padding-bottom:24px}}
.citystone-home .site-footer.footer-minimal{padding-top:32px;padding-bottom:28px;min-height:0}
.footer-minimal-top{display:flex;align-items:center;justify-content:space-between;gap:24px}
.footer-minimal-top .brand{font-size:30px;letter-spacing:2px;text-align:left}
.footer-minimal-top p{font-size:11px!important;color:#9a8f7c!important;margin-top:6px!important}
.footer-office{font-size:13px;color:#b4aa97;line-height:1.6}
.footer-back-top{font-size:11px;color:#c2a878!important;white-space:nowrap}
.citystone-home .site-footer .footer-legal{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:10px 14px;border-top:1px solid #494135;padding-top:20px;margin-top:24px;font-size:10px;letter-spacing:.035em;line-height:1.7;order:initial;width:100%;color:#9a8f7c}
.footer-legal a:hover{color:#c2a878}
@media(max-width:700px){.footer-minimal-top{flex-wrap:wrap;gap:18px}.footer-minimal-top>div{width:100%}.footer-office{font-size:11px;max-width:78%}.footer-back-top{margin-left:auto}.citystone-home .site-footer .footer-legal{align-items:flex-start;flex-direction:column;gap:12px;font-size:9px}.footer-legal>span{display:none}.footer-minimal-top .brand{font-size:28px}}
.social-links{display:flex;align-items:center;flex-wrap:wrap;gap:22px}
.social-links a{display:inline-flex;align-items:center;gap:8px;font-size:11px;white-space:nowrap}
.social-links img{display:block;width:20px;height:20px;object-fit:contain;filter:brightness(0) invert(.72)}
.social-links a:hover img{filter:brightness(0) invert(.9)}
.footer-minimal>.social-links{margin-top:24px;color:#b4aa97}
.topline>.social-links{margin-right:0;flex-direction:row;gap:18px}
.topline .social-links img{width:14px;height:14px}
.topline .social-links a{font-size:9px}
@media(max-width:700px){.topline>.social-links{flex-wrap:nowrap;gap:12px}.topline .social-links a span{display:none}.topline .social-links img{width:18px;height:18px}.topline>span{max-width:55%}.footer-minimal>.social-links{display:grid;grid-template-columns:1fr 1fr;gap:16px}}
.social-links img{filter:brightness(0) saturate(100%) invert(75%) sepia(12%) saturate(436%) hue-rotate(3deg) brightness(91%) contrast(89%)}
.social-links a:hover img{filter:brightness(0) saturate(100%) invert(75%) sepia(19%) saturate(607%) hue-rotate(359deg) brightness(92%) contrast(88%)}
:root .catalog-grid-flex{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;height:auto}
:root .catalog-grid-flex .catalog-card{position:static;width:100%}
:root .catalog-grid-flex .catalog-card img{aspect-ratio:3/4}
@media(max-width:700px){:root .catalog-grid-flex{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}}