@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Italiana&display=swap');
:root{--cream:#ffffff;--ink:#3c3c3b;--rust:#745700;--line:#d8d8d5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--cream);color:var(--ink);font-family:"Helvetica Neue","Nimbus Sans",Arial,sans-serif;font-size:15px;line-height:1.7}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--rust);outline-offset:5px}header{position:absolute;top:16px;left:16px;right:16px;z-index:5;color:white;padding:27px 4%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff40}.brand{display:flex;gap:14px;align-items:center;font-size:16px;letter-spacing:2px;line-height:1.4}.brand small{display:block;font-size:9px;letter-spacing:4.4px}.mark{display:block;border:1px solid currentColor;font:34px Georgia,serif;width:48px;height:48px;text-align:center;position:relative;padding-right:9px;line-height:42px}.mark span{position:absolute;font-size:23px;right:5px;bottom:-6px}nav{display:flex;gap:32px}nav a,.header-cta{font-size:12px;letter-spacing:1px}.header-cta{border-bottom:1px solid #ffffff80;padding-bottom:5px}.header-cta span{margin-left:24px}.menu{display:none}.hero{position:relative;margin:16px;height:min(850px,92vh);min-height:600px;overflow:hidden;color:white}.hero>img{width:100%;height:100%;object-fit:cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#141c17a6,#141c1720),linear-gradient(0deg,#19251b65,transparent 40%)}.hero-copy{position:absolute;top:32%;left:7%;max-width:760px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2.8px;line-height:1.5;margin:0 0 26px}h1,h2{font-family:'Italiana',Georgia,serif;font-weight:400;line-height:1.06;margin:0;letter-spacing:-1.5px}h1{font-size:clamp(58px,6.8vw,100px)}h1 em,h2 em{font-family:Georgia,serif;font-weight:400;font-size:.93em}h2{font-size:clamp(40px,4.3vw,64px)}.hero-copy>p:not(.eyebrow){font-size:16px;margin:25px 0 30px}.button{display:inline-flex;justify-content:space-between;gap:40px;padding:16px 23px;border:1px solid transparent;font-size:12px;letter-spacing:.6px;align-items:center;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.light{background:var(--cream);color:var(--ink)}.dark{background:var(--ink);color:var(--cream)}.button span{font-size:19px}.hero-bottom{position:absolute;left:7%;right:7%;bottom:30px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px}.section{padding:110px 8%}.intro{display:grid;grid-template-columns:1.1fr 1fr;gap:90px;align-items:center}.rust{color:var(--rust)}.intro-copy{max-width:445px}.intro-copy p:first-child{font-size:19px}.intro-copy p{color:#626261}.text-link{display:inline-flex;gap:45px;font-size:12px;border-bottom:1px solid #a8a8a5;padding:10px 0}.split{margin:0 16px;display:grid;grid-template-columns:1fr 1fr;background:#f3f3f0}.photo-panel{min-height:640px;position:relative;overflow:hidden}.photo-panel img{height:100%;width:100%;position:absolute;object-fit:cover;object-position:63% center}.photo-caption{position:absolute;bottom:18px;left:25px;font-size:8px;letter-spacing:1.8px;color:white;background:#3c3c3b99;padding:5px 9px}.split-copy{padding:85px 12%;align-self:center}.split-copy>p:not(.eyebrow){color:#626261;margin-top:28px}.space-tabs{display:flex;border-bottom:1px solid #d5d5d2;margin-top:35px;gap:20px}.space-tabs button{border:0;background:none;color:#626261;padding:12px 0;font-size:11px;white-space:nowrap}.space-tabs button[aria-selected=true]{color:var(--ink);border-bottom:2px solid var(--ink)}#space-panel{min-height:80px;font-size:13px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:50px}.section-heading>p{font-size:12px;color:#686867}.material-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.material{background:none;padding:0;text-align:left;border:0;color:var(--ink)}.swatch{display:block;height:280px;transition:transform .35s}.material:hover .swatch{transform:translateY(-7px)}.quartz{background:linear-gradient(121deg,transparent 40%,#c1b9ab66 40.5%,transparent 41%,transparent 68%,#d0c5b770 69%,transparent 70%),linear-gradient(35deg,#e5dfd3,#f8f6ef)}.granite{background:repeating-radial-gradient(ellipse at 25% 50%,#5a5b51 0 1px,transparent 2px 7px),repeating-linear-gradient(110deg,#252e29,#606359 3px,#313c35 5px,#77796d 6px)}.marble{background:linear-gradient(132deg,transparent 30%,#72777480 30.6%,#b5b6ac 31%,transparent 32%,transparent 64%,#696e6577 65%,transparent 66%),repeating-linear-gradient(125deg,#e7e8e1 0 50px,#c4c8be 51px,#e4e5df 54px,#f0efe8 90px)}.quartzite{background:repeating-linear-gradient(152deg,#c7b49b,#e5dac5 27px,#b5a084 28px,#e8dfce 33px,#d7c5ab 44px)}.material-name{display:flex;justify-content:space-between;font:28px 'Italiana',Georgia,serif;margin-top:20px}.material-name i{font:18px Arial}.material small{font-size:8px;letter-spacing:1.9px}.material-note{font-size:10px;color:#686867;margin-top:28px}.craft{background:#3c3c3b;color:var(--cream);padding:95px 8%;display:grid;grid-template-columns:1fr 1.1fr;gap:12%}.craft-title .eyebrow{color:#efb813}.craft-title>p:last-child{color:#e0e0dc;margin-top:30px;font-size:13px}.steps article{display:flex;gap:30px;border-top:1px solid #ffffff30;padding:28px 0}.steps article>span{color:#efb813;font-size:11px;padding-top:5px}.steps h3{font:25px 'Italiana',Georgia,serif;margin:0 0 12px}.steps p{font-size:13px;color:#e0e0dc;margin:0;max-width:390px}.project{text-align:center;padding-top:120px;padding-bottom:115px}.project>p:not(.eyebrow){font-size:14px;color:#686867;margin:28px 0}.coverage{font-size:10px;margin-top:30px;color:#626261;letter-spacing:.4px}.coverage-dot{display:inline-block;background:#efb813;width:6px;height:6px;border-radius:50%;margin-right:7px}footer{background:#f3f3f0;padding:55px 8% 25px;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:35px}footer>p{font:24px 'Italiana',Georgia,serif;margin:0}footer>div:not(.footer-bottom){display:flex;flex-direction:column;gap:12px;font-size:11px}.footer-bottom{grid-column:1/-1;display:flex;justify-content:space-between;padding-top:25px;margin-top:25px;border-top:1px solid #d5d5d2;font-size:9px;letter-spacing:1px}dialog{width:min(540px,calc(100% - 32px));max-height:90vh;overflow:auto;border:0;padding:45px;background:var(--cream);color:var(--ink)}dialog::backdrop{background:#25252599;backdrop-filter:blur(5px)}dialog h2{font-size:43px}dialog>p{font-size:14px}.close{position:absolute;top:8px;right:15px;border:0;background:none;font-size:30px;color:var(--ink)}form{margin-top:25px}label{display:block;font-size:12px;margin:14px 0}input,select,textarea{display:block;width:100%;padding:11px;background:#fff9;border:1px solid var(--line);color:var(--ink);margin-top:6px;font-size:13px}textarea{resize:vertical}form .button{width:100%;margin-top:7px}.form-note{font-size:10px;color:#626261}#form-status{font-size:12px}.skip{position:absolute;top:-100px;z-index:10;background:white;padding:15px}.skip:focus{top:0}
@media(min-width:1600px){body{max-width:1800px;margin:auto}}@media(max-width:1000px){nav{gap:17px}.intro{gap:40px}.split-copy{padding:60px 9%}.swatch{height:220px}.craft{gap:7%}.section{padding:80px 7%}.space-tabs{gap:12px}}@media(max-width:700px){header{padding:20px 5%;top:8px;left:8px;right:8px}.brand{font-size:12px;gap:10px}.brand small{font-size:7px;letter-spacing:3px}.mark{width:38px;height:38px;font-size:27px;line-height:33px}.mark span{font-size:18px;bottom:-5px}.header-cta{display:none}.menu{display:block;background:none;border:0;color:white;font-size:24px}nav{display:none;position:absolute;top:88px;left:0;right:0;background:var(--ink);padding:25px;flex-direction:column}nav.open{display:flex}.hero{margin:8px;min-height:620px;height:87svh}.hero>img{object-position:62%}.hero-copy{left:7%;right:5%;top:32%}h1{font-size:55px}.hero-copy>p:not(.eyebrow){font-size:13px}.eyebrow{font-size:8px;letter-spacing:2px}.hero-bottom{font-size:7px;letter-spacing:1px}.hero-bottom a{display:none}.intro{grid-template-columns:1fr;gap:25px}.section{padding:65px 7%}.intro-copy p:first-child{font-size:17px}.split{margin:0 8px;grid-template-columns:1fr}.photo-panel{min-height:380px}.split-copy{padding:50px 7%}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:22px}.material-grid{grid-template-columns:1fr 1fr;gap:25px 16px}.swatch{height:200px}.material-name{font-size:26px}.craft{grid-template-columns:1fr;padding:65px 7%;gap:35px}.craft-title>p:last-child{margin-top:20px}.steps article{padding:22px 0}.project h2{font-size:45px}footer{grid-template-columns:1fr 1fr;padding:45px 7% 20px}footer>p{font-size:21px}footer>div:not(.footer-bottom){grid-column:1/-1}.footer-bottom{display:block;font-size:8px}.footer-bottom>span{display:block;margin-top:8px}dialog{padding:35px 25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Solid Stone brand identity */
h1,h2,.material-name,.steps h3,footer>p{font-family:"Helvetica Neue","Nimbus Sans",Arial,sans-serif;font-weight:700;letter-spacing:-1.8px}h1 em,h2 em{font-family:inherit;font-size:1em;font-style:normal;font-weight:inherit}h1{font-size:clamp(54px,6.1vw,88px);line-height:1.04;letter-spacing:-3px}h2{font-size:clamp(36px,3.7vw,55px);line-height:1.12}.steps h3{font-size:24px;letter-spacing:-.6px}.material-name{font-size:27px;letter-spacing:-.7px}footer>p{font-size:24px;letter-spacing:-.7px;line-height:1.25}
header{position:relative;top:auto;left:auto;right:auto;margin:0 16px;padding:20px 4%;color:var(--ink);background:white;border-bottom:0;min-height:108px}.brand{display:inline-flex;flex-shrink:0}.brand img{display:block;width:240px;height:auto;max-width:100%}nav a{font-weight:500}.header-cta{background:#efb813;border:0;padding:12px 18px;color:#3c3c3b;font-weight:600;letter-spacing:0}.hero{margin-top:0;height:min(770px,82vh);min-height:580px}.hero-copy{top:27%;max-width:850px}.hero .eyebrow{color:#efb813}.hero-shade{background:linear-gradient(90deg,#1d1d1da6,#1d1d1d12),linear-gradient(0deg,#24242470,transparent 45%)}.hero-copy>p:not(.eyebrow){color:white}.light,.dark{background:#efb813;color:#3c3c3b;font-weight:600}.button:hover,.header-cta:hover{background:#f6c839}.button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:#876800}.rust{color:#3c3c3b}.rust:before{content:"";display:inline-block;width:22px;height:3px;background:#efb813;margin-right:10px;vertical-align:middle}.text-link{border-bottom:2px solid #efb813}.space-tabs button[aria-selected=true]{border-bottom-color:#efb813}.steps article{border-top-color:#ffffff35}.brand-band{height:94px;background-color:#efb813;background-image:url('brand-symbol.svg');background-size:94px 94px;background-repeat:repeat-x;position:relative}.brand-band:before{content:"";position:absolute;inset:0;background-image:url('brand-symbol.svg');background-color:#fff;background-size:94px 94px;background-repeat:repeat-x}.coverage-dot{background:#efb813}.project{position:relative}footer .brand{align-self:start}dialog h2{font-size:38px}.close{color:#3c3c3b}.form-note{color:#626261}
@media(max-width:1050px){header{padding-left:3%;padding-right:3%}.brand img{width:210px}nav{gap:17px}.header-cta span{margin-left:10px}nav a{font-size:11px}}@media(max-width:800px){header{margin:0 8px;min-height:100px;padding:20px 5%}.brand img{width:220px}.header-cta{display:none}.menu{display:block;background:none;border:0;color:#3c3c3b;font-size:24px}nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;padding:25px;flex-direction:column;box-shadow:0 12px 16px #0001}nav.open{display:flex}.hero{height:76svh;min-height:580px}.hero-copy{top:27%}h1{font-size:clamp(43px,7.3vw,64px);letter-spacing:-2px}footer .brand img{width:210px}}
@media(max-width:700px){h2{font-size:36px;letter-spacing:-1.3px}.hero{margin:0 8px 8px}.project h2{font-size:37px}.brand-band{height:68px;background-size:68px 68px}.brand-band:before{background-size:68px 68px}.split-copy{padding-top:50px}.hero .eyebrow{font-size:8px}footer{grid-template-columns:1fr}footer>p{font-size:24px}.material-name{font-size:24px}.steps h3{font-size:22px}}
