@import url("https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;600;700;800;900&display=swap");
/* SB PROJECTS / ATELIER EDITION — source-editable, independent static site
   Visual direction: architectural editorial, stone, ink, olive, terracotta.
   No WordPress / Elementor / CSS framework.
*/
:root{--paper:#f7f5f0;--cream:#fffefb;--sand:#eeeadf;--stone:#e4ded1;--line:#dedbd0;--ink:#192821;--olive:#315345;--sage:#7d9183;--muted:#68766d;--clay:#bc7551;--clay-dark:#a35c3c;--white:#fff;--radius:6px;--shadow:0 20px 60px #28392b17}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;font-family:"Heebo","Rubik","Arial",system-ui,sans-serif;background:var(--paper);color:var(--ink);line-height:1.75;-webkit-font-smoothing:antialiased;overflow-x:hidden}img{max-width:100%;display:block;object-fit:cover}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}h1,h2,h3,h4,p,figure{margin-top:0}h1,h2,h3,h4{line-height:1.12;letter-spacing:-.048em}h1{font-size:clamp(3.2rem,6vw,7.1rem);font-weight:800}h2{font-size:clamp(2.4rem,4.5vw,5rem);font-weight:800}h3{font-size:1.45rem}p{line-height:1.9}em{font-style:normal;color:var(--clay)}.shell{width:min(1320px,calc(100% - 100px));margin-inline:auto}.skip{position:absolute;top:-120px;right:15px;z-index:999;background:white;padding:9px 18px}.skip:focus{top:10px}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #db9f73;outline-offset:3px}
.top-strip{background:var(--olive);color:#eaf0e7;font-size:.78rem}.top-strip .shell{min-height:37px;display:flex;justify-content:space-between;align-items:center;gap:18px}.top-strip p{margin:0;font-size:.78rem;font-weight:500;line-height:1.4}.top-strip a{font-size:.82rem;font-weight:700;white-space:nowrap}.tiny-dot{display:inline-block;height:4px;width:4px;background:#e7b790;vertical-align:middle;margin-inline:7px;border-radius:50%}.phone-icon{font-size:1.02rem;margin-inline-end:7px}
.header{position:sticky;z-index:50;top:0;background:rgba(255,254,251,.96);backdrop-filter:blur(16px);border-bottom:1px solid #eae5d9}.head-inner{height:96px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:13px;flex:0 0 auto}.brand-icon{display:grid;place-items:center;height:59px;width:64px;background:var(--ink);color:#fff;font-size:1.72rem;letter-spacing:-.12em;font-weight:900;border-radius:2px}.brand-dot{color:#e3a07e}.brand-text{letter-spacing:.13em;font-size:1rem;font-weight:900;line-height:1.3;display:flex;flex-direction:column}.brand-text small{font-size:.52rem;color:#8b978e;letter-spacing:.12em;font-weight:600;white-space:nowrap}.nav-main{display:flex;gap:30px;align-items:center}.nav-main a{font-size:.9rem;font-weight:600;color:#43564b;padding:11px 0;position:relative}.nav-main a:hover,.nav-main a[aria-current]{color:var(--clay-dark)}.nav-main a[aria-current]:after{content:"";position:absolute;bottom:4px;right:0;left:0;height:2px;background:var(--clay)}.nav-quote{display:flex;justify-content:center;align-items:center;gap:28px;background:var(--olive);color:white;font-size:.86rem;padding:14px 20px;border-radius:2px;font-weight:700;min-width:150px;white-space:nowrap;transition:.2s}.nav-quote:hover{background:var(--ink);transform:translateY(-2px)}.nav-quote span{font-size:1.2rem}.menu-button{display:none;border:0;background:var(--olive);color:white;width:46px;height:46px;border-radius:2px;align-items:center;justify-content:center;flex-direction:column;gap:5px}.menu-button i{width:21px;height:2px;background:white}.nav-mobile{display:none;background:var(--cream);border-top:1px solid var(--line);padding:8px 18px 20px}.nav-mobile[hidden]{display:none}.nav-mobile a{display:block;padding:13px 17px;border-bottom:1px solid var(--line);font-weight:650;font-size:.96rem}
.eyebrow{display:flex;align-items:center;gap:12px;color:var(--clay);font-size:.77rem;font-weight:800;letter-spacing:.05em;margin-bottom:24px}.eyebrow span{font-family:monospace;font-size:.76rem;direction:ltr;letter-spacing:.01em;border-bottom:1px solid var(--clay);padding-bottom:3px}.eyebrow b{font-size:.75rem}.button{min-height:54px;display:inline-flex;align-items:center;gap:26px;justify-content:center;padding:13px 25px;font-size:.95rem;font-weight:750;border-radius:2px;transition:background .2s,transform .2s,color .2s;white-space:nowrap}.button:hover{transform:translateY(-2px)}.button-filled{background:var(--clay);color:white;border:1px solid var(--clay)}.button-filled:hover{background:var(--clay-dark)}.button-outline{border:1px solid #9daaa0;color:var(--olive);background:transparent}.button-outline:hover{background:var(--sand)}.button-white{background:var(--cream);color:var(--olive)}.button-white:hover{background:#eee8da}.button-text{color:var(--olive);background:transparent;border:1px solid #bfc8bc}.icon-arrow{font-size:1.2rem}.inline-link{display:inline-flex;gap:18px;align-items:center;padding-bottom:8px;border-bottom:1px solid var(--clay);color:var(--clay-dark);font-size:.94rem;font-weight:800}.inline-link span{font-size:1.2rem}.inline-link:hover{gap:27px}
.hero{position:relative;min-height:710px;background:#f5f2eb;overflow:hidden;isolation:isolate}.hero-photo{position:absolute;left:0;top:0;bottom:0;width:56.5%;overflow:hidden;z-index:-1}.hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 63%,#f5f2eb 100%)}.hero-photo img{height:100%;width:100%;object-position:center 53%;animation:heroZoom 15s ease-in-out alternate infinite}.hero-photo-note{position:absolute;bottom:23px;left:32px;color:#fff;font-size:.68rem;letter-spacing:.2em;font-weight:800;text-shadow:0 3px 16px #000;direction:ltr}.hero-content{min-height:710px;display:flex;align-items:center;position:relative;padding-block:70px}.hero-text{width:min(610px,53%);padding-block:35px;margin-right:0}.hero h1{font-size:clamp(4rem,6.2vw,7.1rem);letter-spacing:-.079em;line-height:1.05;margin:0 0 27px}.hero h1 em{position:relative;white-space:nowrap}.hero h1 em:after{content:"";position:absolute;right:0;left:0;bottom:0;height:6px;background:#dba38388;transform:skew(-17deg)}.hero-text>p{max-width:530px;color:#53665b;font-size:1.12rem;line-height:1.85}.hero-buttons{display:flex;flex-wrap:wrap;gap:14px;margin-top:35px}.hero-detail{display:flex;align-items:center;gap:15px;margin-top:70px;font-family:monospace;letter-spacing:.05em;font-size:.69rem;color:#7d8c7f;direction:ltr;justify-content:flex-end}.stroke{height:1px;width:44px;background:var(--clay)}.hero-pagination{position:absolute;bottom:27px;right:3%;display:flex;gap:11px;align-items:center;font-size:.66rem;letter-spacing:.15em;color:#53665b;font-family:monospace;direction:ltr}.hero-tick{height:1px;width:45px;background:#cdbdad}
.marquee-strip{height:75px;background:var(--olive);color:#faf9f3;overflow:hidden;display:flex;align-items:center;white-space:nowrap}.marquee-track{display:flex;gap:45px;min-width:max-content;align-items:center;animation:marqueeMove 35s linear infinite;font-size:1rem;font-weight:800;letter-spacing:.04em}.marquee-track span{display:inline-flex;align-items:center}.marquee-track i{color:#e4a17e;font-size:.7rem;font-style:normal}
.section-pad{padding:116px 0}.intro-panel{background:var(--cream)}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:start}.intro-grid h2{margin-bottom:0}.intro-grid>div:last-child{padding-top:20px}.intro-grid p{color:#53665b;font-size:1.02rem;line-height:2;margin-bottom:18px}.intro-grid .inline-link{margin-top:13px}
.services-panel{background:#f4f1e9}.section-title-row{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:48px}.section-title-row h2{margin:0 0 15px}.section-title-row p{max-width:590px;color:#68776e;margin:0}.services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.service-tile{display:block;position:relative;min-width:0;transition:transform .25s}.service-tile:hover{transform:translateY(-7px)}.tile-photo{height:310px;overflow:hidden;position:relative;background:#d7d6d0}.tile-photo img{width:100%;height:100%;filter:saturate(.86);transition:transform .5s ease}.service-tile:hover img{transform:scale(1.07)}.tile-index{position:absolute;top:18px;right:18px;width:39px;height:39px;background:var(--cream);display:grid;place-items:center;color:var(--olive);font-size:.8rem;font-family:monospace;font-weight:800}.tile-label{background:var(--cream);border:1px solid var(--line);border-top:0;display:flex;align-items:center;justify-content:space-between;gap:17px;padding:24px 23px 21px;min-height:166px}.tile-label>div>span{display:block;font-size:.68rem;letter-spacing:.12em;color:var(--clay);margin-bottom:8px;font-family:monospace}.tile-label h3{font-size:1.31rem;margin:0 0 6px}.tile-label p{font-size:.83rem;color:#718075;margin:0}.tile-jump{display:grid;place-items:center;width:43px;height:43px;border:1px solid #c5c4b9;border-radius:50%;flex:none;font-size:1.15rem;color:var(--clay);transition:.25s}.service-tile:hover .tile-jump{background:var(--clay);color:white;border-color:var(--clay)}
.featured-panel{background:var(--cream)}.featured-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:7%;align-items:stretch}.featured-image{min-height:545px;position:relative;overflow:hidden}.featured-photo{width:100%;height:100%;position:absolute;inset:0;transition:opacity .3s}.featured-watermark{position:absolute;left:25px;bottom:20px;font-size:1.1rem;line-height:.98;font-weight:900;color:#fff;text-shadow:0 2px 18px #000b;letter-spacing:-.03em;text-align:left;direction:ltr}.featured-info{display:flex;flex-direction:column;justify-content:center;padding:30px 0}.featured-counter{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:18px;color:#798a7d;font-size:.78rem;letter-spacing:.05em}.featured-counter strong{color:var(--clay);font-size:.95rem;font-family:monospace}.featured-info h3{font-size:clamp(2.5rem,3.5vw,3.95rem);margin:30px 0 15px}.featured-info>p{font-size:1rem;color:#627369;line-height:1.95}.featured-info .inline-link{margin:13px 0 36px;align-self:flex-start}.feature-tabs{display:grid;grid-template-columns:1fr 1fr;gap:9px}.feature-tab{border:1px solid #d8ddcf;background:#f7f8f4;color:#3d5748;padding:12px;font-size:.83rem;font-weight:650;text-align:right;border-radius:3px}.feature-tab:hover{border-color:var(--clay)}.feature-tab.active{background:var(--olive);color:white;border-color:var(--olive)}
.journal-panel{background:#e9e9df}.journey{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.journey-step{border-top:1px solid #a7b5a7;padding-top:17px}.journey-step>span{font-family:monospace;font-size:2.7rem;color:#869b8b;font-weight:300;letter-spacing:-.13em}.journey-step h3{margin:20px 0 10px}.journey-step p{font-size:.93rem;color:#66786d}
.portfolio-promo{background:var(--olive);color:white;overflow:hidden}.portfolio-promo-title{padding:82px 0 44px;position:relative}.portfolio-promo-title .eyebrow{color:#e2b18f}.portfolio-promo-title h2{font-size:clamp(3.1rem,5.4vw,6rem);margin-bottom:26px}.portfolio-promo-title h2 em{color:#e2b18f}.portfolio-promo-title .button-outline{color:white;border-color:#9bb7a1}.portfolio-promo-photos{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:4px;height:390px}.portfolio-promo-photos>a{height:390px;overflow:hidden}.portfolio-promo-photos img{width:100%;height:100%;filter:saturate(.85);transition:.4s}.portfolio-promo-photos a:hover img{transform:scale(1.05)}
.grand-cta{position:relative;overflow:hidden;isolation:isolate;min-height:485px;background:var(--olive);color:#fff;display:flex;align-items:center}.grand-cta-photo{position:absolute;inset:0;z-index:-1}.grand-cta-photo img{width:100%;height:100%;filter:saturate(.55) brightness(.6)}.grand-cta-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(270deg,#21463ee8,#21463eb0 45%,#21463e65)}.grand-cta-inner{padding-block:95px}.grand-cta h2{color:white;font-size:clamp(3.3rem,5.6vw,6rem);margin:0 0 13px}.grand-cta h2 em{color:#f4b98c}.grand-cta p{color:#dbe6dc;max-width:570px;font-size:1.07rem}.grand-cta-inner>div:last-child{display:flex;align-items:center;flex-wrap:wrap;gap:28px;margin-top:26px}.cta-call{color:white;text-decoration:underline;text-underline-offset:6px;font-size:.92rem}
.inner-hero{background:#eee9df;overflow:hidden}.inner-hero-layout{display:grid;grid-template-columns:1fr .82fr;gap:7%;min-height:465px;align-items:center}.inner-hero-layout>div:first-child{padding:65px 0}.inner-hero h1{font-size:clamp(3.2rem,4.7vw,5.7rem);line-height:1.09;margin:0 0 20px}.inner-hero h1 em{color:var(--clay-dark)}.inner-hero-layout p{color:#637269;max-width:600px;font-size:1.06rem}.inner-hero .hero-buttons{margin-top:26px}.inner-hero-photo{height:430px;align-self:end;position:relative;overflow:hidden;border-radius:130px 3px 0 0}.inner-hero-photo img{width:100%;height:100%}.inner-hero-photo span{position:absolute;left:15px;bottom:13px;font-size:.62rem;direction:ltr;letter-spacing:.11em;color:white;text-shadow:0 2px 7px #000}
.gallery-panel{background:var(--paper)}.filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:33px}.filters button{background:var(--cream);border:1px solid #dcdcd1;color:#506457;padding:9px 18px;font-size:.9rem;min-height:42px;border-radius:4px}.filters button:hover{border-color:var(--clay)}.filters button.active{background:var(--olive);color:#fff;border-color:var(--olive)}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.gallery-item{margin:0;background:var(--cream);border:1px solid #e2e0d7;min-width:0}.gallery-item[hidden]{display:none}.lightbox-link{display:block;height:300px;position:relative;overflow:hidden}.lightbox-link img{height:100%;width:100%;transition:.35s}.lightbox-link:hover img{transform:scale(1.05)}.zoom-icon{position:absolute;bottom:15px;left:16px;width:39px;height:39px;border-radius:50%;background:#fff;color:var(--olive);font-size:1.6rem;display:grid;place-items:center;line-height:1}.gallery-item figcaption{padding:18px 22px;display:flex;justify-content:space-between;align-items:center}.gallery-item figcaption span{font-size:.72rem;letter-spacing:.1em;color:var(--clay);font-family:monospace}.gallery-item figcaption b{font-size:.96rem}.lightbox{position:fixed;inset:0;background:#091810e9;z-index:100;display:grid;place-items:center;padding:50px}.lightbox[hidden]{display:none}.lightbox img{max-height:86vh;max-width:88vw;object-fit:contain;box-shadow:0 20px 80px #0009}.lightbox button{position:absolute;top:18px;left:24px;color:white;background:transparent;border:1px solid #ffffffa0;width:42px;height:42px;font-size:1.3rem}
.quote-section{background:var(--paper)}.quote-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:7%;align-items:start}.quote-side{position:sticky;top:130px}.quote-side h2{font-size:clamp(2.7rem,3.8vw,4.6rem);margin:0 0 15px}.quote-side>p{color:#61736a;max-width:430px}.quote-types{margin-top:30px;display:grid;grid-template-columns:1fr;gap:1px;border-top:1px solid var(--line)}.quote-type{display:flex;gap:14px;align-items:center;border-bottom:1px solid var(--line);padding:13px 0;font-size:.87rem;font-weight:700;transition:.2s}.quote-type small{color:var(--clay);font-size:.7rem;font-family:monospace;width:25px}.quote-type b{margin-right:auto;color:var(--clay)}.quote-type:hover,.quote-type.selected{color:var(--clay-dark);padding-right:9px}.quote-form{background:var(--cream);border:1px solid #e7e2d6;padding:clamp(22px,3.5vw,48px);box-shadow:var(--shadow)}.form-intro{padding-bottom:24px;border-bottom:1px solid var(--line);margin-bottom:29px}.form-intro h2{font-size:clamp(2.25rem,3vw,3.4rem);margin:12px 0}.form-intro>p{color:#68786b;max-width:510px;margin-bottom:0}.form-step{font-family:monospace;font-size:.73rem;letter-spacing:.04em;color:var(--clay);font-weight:900}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}.form-field{display:flex;flex-direction:column;gap:8px;min-width:0;font-size:.88rem;color:#445a4a;font-weight:700}.form-field>span b{color:#b66742}.form-field input:not([type=checkbox]),.form-field textarea,.form-field select{width:100%;border-radius:3px;border:1px solid #d8d9cf;background:#fcfbf8;color:#293d2e;min-height:49px;padding:12px 13px;outline-offset:2px;font-size:.92rem}.form-field textarea{resize:vertical;min-height:112px}.form-field input::placeholder,.form-field textarea::placeholder{color:#95a094}.form-field :is(input,select,textarea):focus{border-color:var(--clay);background:white}.form-field.wide{grid-column:1/-1}.form-contact{padding-top:35px;margin-top:30px;border-top:1px solid var(--line)}.form-contact>.form-step{display:block;margin-bottom:18px}.extras{border:0;padding:0;margin:0;grid-column:1/-1;min-width:0}.extras legend{font-size:.91rem;font-weight:800;margin-bottom:15px}.chip-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.chip{display:flex;align-items:center;gap:8px;background:#f5f3eb;border:1px solid #e2e0d5;border-radius:4px;padding:11px;font-size:.85rem;cursor:pointer}.chip input{width:16px;height:16px;accent-color:var(--olive)}.chip:has(input:checked){border-color:var(--olive);background:#e8ede5}.form-consent{display:flex;gap:10px;align-items:flex-start;font-size:.79rem;color:#526459;margin:27px 0 21px}.form-consent input{flex:0 0 17px;height:17px;margin-top:5px;accent-color:var(--olive)}.form-consent a{text-decoration:underline;text-underline-offset:3px}.submit-btn{width:100%;border-radius:3px}.form-message{min-height:22px;color:var(--clay-dark);font-size:.87rem;margin-top:10px}.form-footnote{color:#708174;font-size:.75rem;margin-bottom:0}.file-label small{font-size:.74rem;color:#728374;font-weight:400}.photo-list{font-size:.8rem;color:#526d5a}
.blog-panel{background:var(--paper)}.blog-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}.blog-card{display:grid;grid-template-columns:46% 1fr;min-height:265px;background:#fff;border:1px solid #e3dfd4;overflow:hidden;transition:.25s}.blog-card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.blog-thumb{overflow:hidden;position:relative}.blog-thumb>img{width:100%;height:100%;transition:.35s}.blog-card:hover img{transform:scale(1.05)}.blog-thumb>span{position:absolute;bottom:16px;left:15px;font-size:.68rem;color:white;text-shadow:0 2px 5px #000a}.blog-card>div:last-child{padding:26px 25px;display:flex;flex-direction:column}.blog-card small{color:var(--clay);font-size:.77rem;font-weight:700}.blog-card h3{font-size:1.26rem;line-height:1.3;margin:14px 0 10px}.blog-card p{color:#738075;font-size:.85rem;margin-bottom:18px}.blog-card b{font-size:.82rem;color:var(--clay-dark);margin-top:auto}
.article-section{background:var(--paper)}.article-layout{display:grid;grid-template-columns:1.8fr .85fr;align-items:start;gap:55px}.article-content{background:white;padding:clamp(27px,4vw,58px);border:1px solid var(--line);font-size:1.03rem;line-height:1.9;color:#455a4b}.article-content h2{font-size:2rem;margin-top:28px}.article-content h3{font-size:1.4rem;margin-top:24px}.article-content p{line-height:2}.article-sidebar{background:#e8ece5;padding:30px;position:sticky;top:130px}.article-sidebar h3{font-size:1.5rem;margin-bottom:8px}.article-sidebar p{color:#6b796f}.info-content{max-width:950px;margin:auto}
.footer{background:#182f26;color:#e6eee7;padding-top:90px}.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr;gap:75px;padding-bottom:75px}.footer-overline{font-family:monospace;font-size:.72rem;letter-spacing:.14em;color:#e4b491}.footer-intro h2{font-size:clamp(2.2rem,3.5vw,4rem);margin:14px 0 20px}.footer-intro h2 em{color:#edbc9c}.footer-intro p{font-size:.92rem;color:#bfcec1;max-width:500px}.footer-links{display:flex;flex-direction:column;gap:12px}.footer-links h3{font-size:1rem;color:#efc5a5;margin:0 0 11px}.footer-links a{color:#cbd9cd;font-size:.89rem}.footer-links a:hover{color:white}.footer-bottom{border-top:1px solid #91b39a33;min-height:66px;display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:.76rem;color:#a9c0af}.footer-bottom a{color:#d4e3d5}.wa-float{position:fixed;bottom:22px;left:22px;z-index:60;background:#276e4a;color:white;padding:12px 18px;display:flex;gap:10px;align-items:center;box-shadow:0 8px 26px #15371f55;border-radius:35px;font-size:.85rem}.wa-float:hover{background:#1d583b}.wa-float span{font-size:1.15rem}
@keyframes marqueeMove{to{transform:translateX(50%)}}@keyframes heroZoom{to{transform:scale(1.055)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
@media(max-width:1120px){.shell{width:min(100% - 55px,980px)}.nav-main{gap:17px}.nav-main a{font-size:.85rem}.brand-icon{width:55px;height:55px}.hero-text{width:57%}.hero-photo{width:57%}.hero h1{font-size:clamp(3.7rem,5.7vw,5.5rem)}.services-grid{gap:16px}.tile-photo{height:260px}.tile-label{padding:21px}.featured-layout{gap:5%}}
@media(max-width:940px){.shell{width:min(100% - 38px,770px)}.nav-main,.nav-quote{display:none}.menu-button{display:flex}.header .head-inner{height:78px}.nav-mobile:not([hidden]){display:block}.hero{min-height:760px}.hero-photo{width:100%;height:50%;bottom:0;top:auto}.hero-photo:after{background:linear-gradient(0deg,transparent 45%,#f5f2eb 100%)}.hero-content{min-height:760px;align-items:flex-start;padding-top:75px}.hero-text{width:100%;max-width:620px;padding:0}.hero h1{font-size:clamp(3.9rem,8vw,6.3rem)}.hero-text>p{max-width:620px}.hero-detail{margin-top:25px}.hero-pagination{color:white;bottom:18px;text-shadow:0 2px 8px #000}.intro-grid,.featured-layout,.quote-layout,.article-layout{grid-template-columns:1fr;gap:40px}.intro-grid>div:last-child{padding-top:0}.services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.featured-image{min-height:420px}.featured-info{padding:0}.journey{grid-template-columns:1fr 1fr}.inner-hero-layout{grid-template-columns:1fr;gap:0}.inner-hero-layout>div:first-child{padding:54px 0 30px}.inner-hero-photo{height:300px;margin-top:0;max-height:300px}.quote-side,.article-sidebar{position:static}.quote-types{grid-template-columns:repeat(2,1fr);gap:0 20px}.blog-grid{grid-template-columns:1fr}.footer-top{gap:45px}}
@media(max-width:640px){.shell{width:calc(100% - 34px)}.top-strip .shell{min-height:36px}.top-strip p{font-size:.65rem}.top-strip a{font-size:.73rem}.brand-icon{width:51px;height:51px;font-size:1.5rem}.brand-text{font-size:.83rem;letter-spacing:.07em}.brand-text small{font-size:.48rem}.head-inner{height:70px!important}.hero{min-height:790px}.hero-content{min-height:790px;padding:43px 0 35px}.hero-photo{height:46%}.hero h1{font-size:clamp(3.1rem,10.9vw,4.8rem);line-height:1.08;margin-bottom:18px}.hero-text>p{font-size:.93rem;max-width:490px;line-height:1.8}.hero-buttons{gap:9px;margin-top:22px}.hero-buttons .button{padding:12px 15px;min-height:47px;font-size:.8rem;gap:10px}.hero .hero-detail{margin-top:25px;font-size:.53rem;justify-content:flex-start}.hero-photo-note{left:15px;bottom:15px;font-size:.52rem}.marquee-strip{height:60px}.marquee-track{font-size:.82rem;gap:24px}.section-pad{padding:70px 0}.intro-grid{gap:22px}.intro-grid h2{font-size:clamp(2.6rem,9.6vw,3.9rem)}.intro-grid p{font-size:.91rem}.section-title-row{flex-direction:column;align-items:flex-start;gap:15px;margin-bottom:29px}.section-title-row h2{font-size:clamp(2.45rem,9vw,3.6rem)}.section-title-row p{font-size:.9rem}.services-grid{grid-template-columns:1fr;gap:17px}.tile-photo{height:280px}.tile-label{min-height:140px}.featured-image{min-height:330px}.featured-info h3{font-size:2.8rem}.feature-tabs{grid-template-columns:1fr 1fr;gap:7px}.feature-tab{font-size:.74rem;padding:10px 8px}.journey{gap:15px}.journey-step>span{font-size:2.1rem}.journey-step h3{font-size:1.12rem}.journey-step p{font-size:.84rem}.portfolio-promo-title{padding:64px 0 30px}.portfolio-promo-title h2{font-size:3.5rem}.portfolio-promo-photos{height:320px;grid-template-columns:1.2fr .8fr}.portfolio-promo-photos a{height:320px}.portfolio-promo-photos a:last-child{display:none}.grand-cta{min-height:430px}.grand-cta-inner{padding-block:75px}.grand-cta h2{font-size:3rem}.grand-cta p{font-size:.96rem}.grand-cta-inner>div:last-child{align-items:flex-start;flex-direction:column;gap:13px}.inner-hero h1{font-size:3.3rem}.inner-hero-photo{height:220px}.gallery-grid{grid-template-columns:1fr;gap:20px}.lightbox-link{height:285px}.filters{gap:6px}.filters button{font-size:.76rem;padding:8px 12px}.quote-types{grid-template-columns:1fr}.quote-side h2{font-size:3rem}.form-grid,.chip-grid{grid-template-columns:1fr}.form-field.wide,.extras{grid-column:1}.quote-form{padding:24px}.form-intro h2{font-size:2.5rem}.blog-card{grid-template-columns:1fr}.blog-thumb{height:220px}.blog-card>div:last-child{padding:22px}.article-content{padding:23px}.article-content h2{font-size:1.5rem}.footer{padding-top:64px}.footer-top{grid-template-columns:1fr;gap:24px;padding-bottom:40px}.footer-intro h2{font-size:3rem}.footer-bottom{flex-direction:column;align-items:flex-start;gap:8px;padding:18px 0}.wa-float{padding:11px 15px;bottom:12px;left:12px}.wa-float b{font-size:.78rem}}

/* SB PROJECTS V3 | Authentic identity + Rubik + pricing work breakdown */


html,body,button,input,select,textarea{font-family:"Rubik",Arial,sans-serif}
h1,h2,h3,h4{font-family:"Rubik",Arial,sans-serif;font-weight:850;letter-spacing:-.055em}
.brand-icon.brand-original{display:flex;align-items:center;justify-content:center;width:66px;height:82px;overflow:hidden;background:transparent;letter-spacing:normal;border-radius:0;flex:0 0 66px}
.brand-original img{max-width:100%;width:64px;height:80px;object-fit:contain;display:block}
.brand-text{font-weight:850;letter-spacing:.085em}
.nav-main a,.nav-quote,.button{font-weight:750}
.section-title-row h2,.inner-hero h1{font-weight:900}
.footer-original-logo{height:108px;width:auto;max-width:87px;object-fit:contain;display:block;margin:0 0 18px}
.footer-intro .footer-overline{display:block}
.price-details-link{margin:16px 0 6px;display:flex}
.pricing-promo{background:linear-gradient(135deg,#e4e9df,#f7f5f0)}
.pricing-promo .shell{display:grid;grid-template-columns:1fr .9fr;align-items:center;gap:8%}
.price-promo-content h2{font-size:clamp(2.6rem,4vw,4.75rem);margin:16px 0 18px}
.price-promo-content>p{font-size:1rem;color:#5b7264;max-width:600px}
.price-promo-preview{background:#fffefb;border:1px solid #d2d6c9;box-shadow:0 28px 60px #24362617;padding:28px 35px;transform:rotate(-1deg)}
.price-promo-preview>span{font-size:.76rem;letter-spacing:.12em;direction:ltr;display:block;text-align:left;color:#c67c52;font-weight:800;border-bottom:1px solid #dadcd3;padding:0 0 17px;margin:0 0 8px}
.price-promo-preview>div{border-bottom:1px solid #e5e4dc;padding:17px 0;display:grid;grid-template-columns:45px 1fr auto;gap:10px;align-items:center}
.price-promo-preview b{font:600 1.35rem "Rubik",Arial,sans-serif;color:#b78767}
.price-promo-preview strong{font-size:.96rem;color:#254839}
.price-promo-preview small{font-size:.74rem;color:#79927e}
.price-promo-preview .last{grid-template-columns:45px 1fr;border:none;background:#e9efe9;padding:17px;margin:13px -15px -10px}
.pricing-area{background:#f7f5f0}
.pricing-disclaimer{background:#fff7ec;color:#765339;border:1px solid #dfc9a9;padding:17px 20px;font-size:.88rem;line-height:1.85;border-right:3px solid #c58c57;margin:25px 0 29px}
.pricing-layout{display:grid;grid-template-columns:295px minmax(0,1fr);gap:25px;align-items:start}
.pricing-aside{position:sticky;top:130px;border:1px solid #deded3;background:#fff;padding:15px;max-height:calc(100vh - 160px);overflow:auto;scrollbar-width:thin}
.pricing-aside h3{font-size:1.1rem;margin:6px 8px 15px}
.pricing-tab{display:flex;align-items:center;gap:11px;width:100%;background:transparent;border:1px solid transparent;border-bottom:1px solid #edf0e9;text-align:right;padding:14px 11px;color:#4c6053;font-size:.84rem;font-weight:700;transition:.15s}
.pricing-tab small{font-size:.68rem;font-family:monospace;color:#b97c55;width:24px}
.pricing-tab.active,.pricing-tab:hover{background:#e6ece6;color:#284f3c;border-color:#bbcbbd}
.pricing-panel{background:#fff;border:1px solid #e0e2d9;padding:29px;min-width:0}
.pricing-panel[hidden]{display:none}
.pricing-panel-head{padding-bottom:20px;border-bottom:1px solid #e2e5dc}
.pricing-panel-head small{font-size:.73rem;font-family:monospace;color:#be835d;font-weight:800}
.pricing-panel-head h2{font-size:clamp(1.8rem,2.7vw,3.1rem);margin:10px 0 8px}
.pricing-panel-head p{max-width:680px;font-size:.9rem;color:#6a796e;margin-bottom:0}
.pricing-measure{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:20px 0}
.pricing-measure b{font-size:.8rem;color:#5a7160;margin-left:9px}
.pricing-measure span{background:#eef1e8;color:#45634e;border:1px solid #dde3d4;padding:6px 10px;font-size:.77rem}
.pricing-table-scroll{overflow-x:auto;margin-top:15px}
.pricing-table{width:100%;min-width:610px;border-collapse:collapse;color:#263b2e;text-align:right;font-size:.85rem}
.pricing-table th{padding:13px 10px;background:#365848;color:#fff;font-size:.77rem;font-weight:800}
.pricing-table td{padding:15px 10px;border-bottom:1px solid #e7e8e0;vertical-align:middle}
.pricing-table tbody tr:nth-child(even){background:#f7f9f4}
.pricing-table tr:has(input[name=choose]:not(:checked)){opacity:.48}
.line-check{display:flex;gap:10px;align-items:flex-start;line-height:1.6;font-weight:650}
.line-check input{margin-top:4px;accent-color:#3a7650;flex:0 0 auto;width:17px;height:17px}
.line-quantity{background:#fff;border:1px solid #d6ded2;border-radius:2px;width:90px;max-width:100%;padding:9px;font-size:.84rem}
.price-unknown{color:#a27557;font-size:.78rem;font-weight:750;white-space:nowrap}
.pricing-terms{background:#f3f5ef;padding:17px 22px;margin-top:25px}
.pricing-terms>b{font-size:.86rem;color:#476450}
.pricing-terms ul{padding:0 19px 0 0;margin:10px 0;color:#637563;font-size:.84rem;line-height:1.9}
.pricing-actions{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:27px 0;border-bottom:1px solid #dfdfd5}
.pricing-actions strong{font-size:1.13rem}
.pricing-actions p{margin:5px 0 0;font-size:.85rem;color:#6d7c71}
.pricing-actions .button{border:none;flex:0 0 auto}
.private-manager .shell{background:white;border:1px solid #e3e5d9;padding:clamp(20px,4vw,55px)}
.private-manager h2{font-size:2.3rem}
.private-manager p{max-width:800px;color:#5a6d61}
.private-manager .private-tip{font-size:.9rem;margin-top:22px}
@media(max-width:1100px){.pricing-layout{grid-template-columns:245px minmax(0,1fr)}.pricing-panel{padding:20px}.pricing-promo .shell{gap:5%}}
@media(max-width:940px){.pricing-layout{grid-template-columns:1fr}.pricing-aside{position:static;max-height:none;display:flex;flex-wrap:wrap;gap:4px}.pricing-aside h3{flex:0 0 100%;width:100%}.pricing-tab{width:auto;font-size:.76rem;padding:10px 13px;border:1px solid #eee}.pricing-promo .shell{grid-template-columns:1fr;gap:35px}.brand-icon.brand-original{height:63px;width:51px;flex-basis:51px}.brand-original img{height:62px;width:49px}.footer-original-logo{height:98px}}
@media(max-width:640px){.brand-icon.brand-original{height:61px;width:50px;flex-basis:50px}.brand-original img{height:59px;width:46px}.brand-text{font-size:.77rem}.pricing-tab{max-width:48%;font-size:.72rem}.pricing-panel{padding:14px}.pricing-panel-head h2{font-size:1.7rem}.pricing-actions{flex-direction:column;align-items:stretch}.pricing-actions .button{width:100%;white-space:normal}.price-promo-preview{transform:none;padding:18px}.price-promo-preview>div{grid-template-columns:30px 1fr auto;gap:7px}.price-promo-preview strong{font-size:.82rem}.price-promo-preview small{font-size:.67rem}.footer-original-logo{height:82px}}