:root{--paper:#f3f2ee;--ink:#171717;--muted:#6f6f6b;--dark:#1b1c1b;--line:#cac9c3;--sans:Manrope,Arial,sans-serif;--display:"Space Grotesk",Arial,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 var(--sans);overflow-x:hidden}
a{color:inherit;text-decoration:none}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #5f665e;outline-offset:4px}
h1,h2,h3{text-wrap:balance}
.skip{position:absolute;left:-999px}
.skip:focus{left:1rem;top:1rem;z-index:99;padding:.7rem;background:#fff}
.label,.crumb{font:10px/1.45 var(--sans);font-weight:700;letter-spacing:.11em}
.light{color:#fff}
header{height:86px;padding:0 clamp(20px,4vw,72px);display:grid;grid-template-columns:155px 1fr auto;align-items:center;gap:42px;border-bottom:1px solid var(--line);background:var(--paper);position:relative;z-index:10}
.brand{font:700 16px/.84 var(--display);letter-spacing:-.08em}
header nav{display:flex;gap:28px;font-size:12px}
header nav a{padding:7px 0;border-bottom:1px solid transparent}
header nav a:hover,header nav .current{border-color:var(--ink)}
.request{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em}
.request span{font-size:18px;margin-left:8px}
.menu,.mobile-nav{display:none}
.hero{height:calc(100svh - 86px);min-height:650px;position:relative;background:#232423;color:#fff;overflow:hidden}
.hero-photo{position:absolute;inset:0;background:#232423 url("assets/webp/sesame-black-g654-840.webp") right 8% center/min(58vw,840px) auto no-repeat}
.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#10110fd9 0%,#10110f72 42%,#10110f05 72%),linear-gradient(0deg,#10110f70,transparent 45%)}
.hero-copy{position:absolute;left:clamp(20px,8vw,136px);bottom:clamp(65px,10vw,132px);z-index:1}
.hero h1,.page-hero h1,.material-hero h1{font:500 clamp(49px,5.7vw,90px)/.98 var(--display);letter-spacing:-.075em;margin:23px 0 36px}
.hero-copy>div{display:flex;gap:28px;align-items:center}
.button{min-height:52px;display:inline-flex;align-items:center;gap:30px;padding:0 18px;background:var(--ink);color:#fff;border:1px solid var(--ink);font:700 11px var(--sans);text-transform:uppercase;letter-spacing:.07em;cursor:pointer;transition:transform .2s,background .2s}
.button:hover{transform:translateY(-2px);background:#333}
.button span{font-size:18px}
.quiet-link{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;border-bottom:1px solid currentColor;padding-bottom:5px}
.quiet-link span{font-size:18px;margin-left:9px}
.hero-note{position:absolute;right:clamp(20px,4vw,72px);bottom:27px;z-index:1;margin:0;font:10px/1.6 var(--sans);letter-spacing:.08em;text-align:right}
.intro{padding:clamp(80px,12vw,180px) clamp(20px,8vw,135px);display:grid;grid-template-columns:23% 1fr;gap:50px}
.intro>div{display:grid;grid-template-columns:1.2fr .6fr;gap:70px}
.intro h2,.editorial-material h2,.products h2,.library h2,.scale h2,.closing h2,.specs h2,.surfaces h2,.application h2,.page-hero h1,.service-process h2{font:500 clamp(38px,4.5vw,70px)/.98 var(--display);letter-spacing:-.07em;margin:0}
.intro>div>p{font-size:13px;max-width:340px;margin:0;align-self:end;color:var(--muted)}
.editorial-material{display:grid;grid-template-columns:.8fr 1.2fr;min-height:690px;background:#deded8}
.material-copy{padding:clamp(50px,8vw,125px) clamp(20px,9vw,150px);display:flex;flex-direction:column;align-items:flex-start}
.material-copy h2{margin:28px 0}
.material-copy h2 em,.material-hero h1 em{font-style:normal;color:#74766e}
.material-copy>p:not(.label){font-size:13px;max-width:330px}
.material-copy dl{width:100%;margin:auto 0 35px}
.material-copy dl div,.specs dl div{padding:10px 0;border-top:1px solid #afb0aa;display:flex;justify-content:space-between;gap:20px}
.material-copy dt,.specs dt{font-size:11px;color:var(--muted)}
.material-copy dd,.specs dd{margin:0;font-size:12px;font-weight:700;text-align:right}
.slab{position:relative;background:#232423 url("assets/webp/sesame-black-g654-840.webp") center/min(100%,840px) auto no-repeat}
.slab:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0008,transparent 50%)}
.slab span{position:absolute;z-index:1;bottom:24px;left:24px;color:#fff;font:10px var(--sans);letter-spacing:.09em}
.offer{background:var(--dark);color:#fff;padding:55px clamp(20px,8vw,135px);display:grid;grid-template-columns:1fr 1.5fr 1fr 1fr;align-items:center;gap:30px}
.offer .label{color:#babbb7}
.offer h3{font:500 clamp(25px,2.5vw,38px)/1 var(--display);letter-spacing:-.05em;margin:0}
.offer p:not(.label){font-size:12px;margin:0;color:#d8d8d3}
.offer strong{font:500 20px var(--display)}
.offer-side{display:flex;flex-direction:column;align-items:flex-end;gap:12px;text-align:right}
.offer a{font-size:11px;font-weight:700;text-transform:uppercase}
.offer a span{font-size:19px;margin-left:8px}
.products{display:grid;grid-template-columns:1.1fr .9fr;min-height:720px;background:#e0dfda}
.products-photo{background:#deded8 url("assets/webp/granite-stairs-840.webp") center/min(100%,840px) auto no-repeat}
.products>div:last-child{padding:clamp(55px,8vw,130px);display:flex;flex-direction:column}
.products h2{margin:25px 0}
.products>div:last-child>p:not(.label){font-size:13px;max-width:400px;color:#53534f}
.product-list{margin-top:auto;border-top:1px solid #a7a7a1}
.product-list a{display:grid;grid-template-columns:34px 1fr auto;gap:12px;padding:13px 0;border-bottom:1px solid #a7a7a1;font-size:13px}
.product-list span{font-size:10px;color:var(--muted)}
.product-list b{font:20px var(--sans);font-weight:400}
.library{padding:clamp(80px,10vw,150px) clamp(20px,4vw,72px)}
.library-head{display:grid;grid-template-columns:1fr 1fr auto;gap:35px;align-items:end}
.library-head .label{align-self:start}
.library h2{font-size:clamp(45px,5.3vw,83px)}
.library-grid,.catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:60px;max-width:1200px}
.catalog-item{min-width:0}
.stone-image{display:block;height:350px;overflow:hidden;background:#d9d8d2}
.stone-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s}
.catalog-item:hover .stone-image img{transform:scale(1.025)}
.stone-info{padding:14px 0;display:grid;gap:3px}
.stone-info small,.stone-info u{font-size:10px;color:var(--muted);text-decoration:none}
.stone-info b{font:500 24px/1 var(--display);letter-spacing:-.05em}
.stone-info b em{font-style:normal;color:#7f817a}
.stone-info i{font-size:12px;font-style:normal}
.scale{display:grid;grid-template-columns:1.15fr .85fr;background:var(--dark);color:#fff}
.scale-photo{min-height:700px;background:#20211f url("assets/webp/warehouse-1024.webp") center/min(100%,1024px) auto no-repeat}
.scale-copy{padding:clamp(55px,8vw,125px)}
.scale h2{margin:25px 0;font-size:clamp(45px,5vw,78px)}
.scale-copy>p:not(.label){font-size:13px;color:#d8d8d3;max-width:360px}
.stats{margin-top:70px}
.stats div{padding:12px 0;border-top:1px solid #ffffff55;display:flex;justify-content:space-between;gap:20px}
.stats b{font:500 27px/1 var(--display);letter-spacing:-.05em}
.stats span{font-size:10px;color:#c6c7c1;text-align:right;max-width:170px}
.closing{padding:clamp(75px,10vw,150px) clamp(20px,8vw,135px);background:#73776f;color:#fff}
.closing h2{margin:24px 0 37px;font-size:clamp(45px,5.3vw,82px)}
.inverse{background:#fff;color:var(--ink);border-color:#fff}
.inverse:hover{background:var(--paper)}
footer{padding:50px clamp(20px,4vw,72px);display:grid;grid-template-columns:1.2fr 1fr 1fr .7fr;gap:25px;background:#101110;color:#d8d8d3;font-size:11px}
footer a:not(.brand){display:block;margin-bottom:7px}
footer p{margin:0;color:#a6a7a0}
.legal{text-align:right}
.page-hero{padding:clamp(85px,13vw,190px) clamp(20px,8vw,135px) clamp(70px,10vw,140px);border-bottom:1px solid var(--line)}
.page-hero h1{font-size:clamp(59px,8.2vw,128px);margin:28px 0}
.page-hero>p:not(.label){max-width:380px;color:var(--muted);font-size:14px}
.catalog{padding:55px clamp(20px,4vw,72px) 140px}
.catalog-tools{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:15px}
.catalog-tools>p{font:13px;font-weight:700;margin:0}
.filter-groups{display:grid;gap:7px;justify-items:end}
.filters{display:flex;gap:8px;flex-wrap:wrap;align-items:center;justify-content:flex-end}
.filters span{font:10px var(--sans);color:var(--muted);margin-right:6px}
.filters button{border:0;background:none;padding:8px 0;margin-left:18px;font:11px var(--sans);cursor:pointer;border-bottom:1px solid transparent}
.filters button.active{border-color:var(--ink)}
.catalog-grid{grid-template-columns:repeat(4,1fr);margin-top:45px;max-width:1440px}
.catalog-grid .stone-image{height:300px}
.catalog-cta{padding:90px clamp(20px,8vw,135px);background:#deded8}
.catalog-cta h2{font:500 clamp(38px,4.5vw,67px)/.98 var(--display);letter-spacing:-.07em;margin:24px 0}
.crumb{padding:20px clamp(20px,4vw,72px);border-bottom:1px solid var(--line);margin:0}
.crumb a{text-decoration:underline}
.material-hero{display:grid;grid-template-columns:1.2fr .8fr;min-height:690px}
.material-image{background:#deded8 url("assets/webp/sesame-black-g654-840.webp") center/min(100%,840px) auto no-repeat}
.material-hero-copy{padding:clamp(50px,8vw,130px) clamp(25px,7vw,110px);display:flex;flex-direction:column}
.material-hero h1{font-size:clamp(52px,5.8vw,88px);margin:27px 0 14px}
.material-sub{font:11px var(--sans);letter-spacing:.06em;color:var(--muted)}
.material-hero-copy>p:not(.label):not(.material-sub):not(.from){font-size:13px;max-width:370px}
.from{margin:auto 0 22px;font-size:11px;text-transform:uppercase;letter-spacing:.08em}
.from b{display:block;font:500 25px var(--display);text-transform:none;letter-spacing:-.04em}
.specs{padding:clamp(75px,10vw,150px) clamp(20px,8vw,135px);display:grid;grid-template-columns:23% 1fr;gap:50px;background:#dfded8}
.specs>div{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px}
.specs h2{font-size:clamp(41px,4.7vw,70px)}
.specs dl{margin:0;border-bottom:1px solid #afb0aa}
.surfaces{padding:clamp(80px,10vw,150px) clamp(20px,4vw,72px);display:grid;grid-template-columns:35% 1fr;gap:55px}
.surfaces h2{margin-top:25px}
.surface-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.surface-grid figure{margin:0}
.surface{height:410px;background-position:center;background-size:cover}
.polished{background-image:url("assets/webp/sesame-black-g654-840.webp")}
.flamed{background-color:#deded8;background-image:url("assets/webp/sesame-black-g654-flamed-500.webp");background-size:min(100%,500px) auto;background-repeat:no-repeat}
.surface-grid figcaption{font-size:12px;padding-top:10px}
.application{display:grid;grid-template-columns:1.1fr .9fr;min-height:650px;background:#20211f;color:#fff}
.application-image{background:#20211f url("assets/webp/sesame-black-g654-840.webp") center/min(100%,840px) auto no-repeat}
.application>div:last-child{padding:clamp(55px,8vw,125px);align-self:center}
.application h2{margin:24px 0;font-size:clamp(41px,4.7vw,70px)}
.application p:not(.label){max-width:400px;font-size:13px;color:#d7d8d2}
.material-products{padding:clamp(80px,10vw,150px) clamp(20px,4vw,72px)}
.material-products>div{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--ink);margin-top:48px}
.material-products article{min-height:230px;padding:18px 25px 18px 0;display:flex;flex-direction:column;border-right:1px solid var(--line)}
.material-products article+article{padding-left:25px}
.material-products span{font-size:10px;color:var(--muted)}
.material-products h3{font:500 30px var(--display);letter-spacing:-.05em;margin:auto 0 10px}
.material-products p{font-size:12px;max-width:290px;margin:0 0 14px}
.material-products b{font-size:11px}
.about-hero{background:#deded8}
.stats-wide{padding:clamp(70px,10vw,140px) clamp(20px,8vw,135px);display:grid;grid-template-columns:1fr .7fr;gap:55px;background:var(--dark);color:#fff}
.stats-wide>div{display:grid;grid-template-columns:repeat(2,1fr);gap:30px 25px}
.stats-wide .stats{margin:0}
.stats-wide p{align-self:end;font-size:13px;color:#d5d5cf;margin:0}
.about-image{min-height:650px;background:#deded8 url("assets/webp/warehouse-1024.webp") center/min(100%,1024px) auto no-repeat}
.service-hero{background:#deded8}
.service-process{display:grid;grid-template-columns:1.1fr .9fr;min-height:650px;background:var(--dark);color:#fff}
.process-image{background:#20211f url("assets/webp/sesame-black-g654-flamed-500.webp") center/min(100%,500px) auto no-repeat}
.service-process>div:last-child{padding:clamp(55px,8vw,125px);align-self:center}
.service-process h2{margin:25px 0}
.service-process p:not(.label){font-size:13px;color:#d5d5cf;max-width:390px}
.service-list{padding:clamp(75px,10vw,150px) clamp(20px,8vw,135px);display:grid;grid-template-columns:23% 1fr;gap:50px}
.service-list>div{display:grid;grid-template-columns:1fr 1fr;gap:0 55px;border-top:1px solid var(--ink)}
.service-list article{padding:19px 0;border-bottom:1px solid var(--line)}
.service-list span{font-size:10px;color:var(--muted)}
.service-list h3{font:500 26px var(--display);letter-spacing:-.05em;margin:24px 0 8px}
.service-list p{font-size:12px;margin:0;max-width:320px}
.contacts-hero{background:#deded8}
.contact-page{padding:clamp(75px,10vw,150px) clamp(20px,8vw,135px);display:grid;grid-template-columns:.7fr 1fr;gap:120px}
.contact-info>a{display:block;font:500 clamp(24px,2.6vw,38px)/1.2 var(--display);letter-spacing:-.05em;margin:20px 0}
.contact-info>p:not(.label){font-size:12px;color:var(--muted)}
.contact-note{margin-top:55px!important}
.contact-page form{border-top:1px solid var(--ink);padding-top:18px}
.contact-page label{display:block;margin:22px 0;font-size:12px;font-weight:700}
.contact-page input,.contact-page textarea{display:block;width:100%;margin-top:8px;padding:12px 0;border:0;border-bottom:1px solid var(--line);background:transparent;font:16px var(--sans);outline:none;resize:vertical}
.contact-page input:focus,.contact-page textarea:focus{border-color:var(--ink)}
.form-note{font-size:12px}
.form-legal{font-size:10px;color:var(--muted);margin-top:14px}
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.advantages{background:#e0dfda}
.price-section{padding:clamp(75px,10vw,150px) clamp(20px,4vw,72px)}
.price-section h2{font:500 clamp(38px,4.5vw,66px)/.98 var(--display);letter-spacing:-.07em;margin:24px 0 55px}
.price-scroll{overflow-x:auto;border-top:1px solid var(--ink)}
.price-scroll table{width:100%;min-width:680px;border-collapse:collapse;font-size:13px}
.price-scroll th{font:700 10px var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);text-align:left;padding:14px 24px 12px 0;border-bottom:1px solid var(--line)}
.price-scroll td{padding:19px 24px 19px 0;border-bottom:1px solid var(--line);vertical-align:top}
.price-scroll td b{font:500 21px/1 var(--display);letter-spacing:-.04em}
.price-scroll td em{font-style:normal;color:#7f817a}
.price-scroll td small{display:block;margin-top:5px;font-size:11px;color:var(--muted)}
.price-scroll td:nth-child(3),.price-scroll td:nth-child(4){font-weight:700;font-size:13px;white-space:nowrap}
.price-scroll tr:target{background:#e9e8e1}
.price-notes{margin:40px 0 0;padding:0;list-style:none;font-size:12px;color:var(--muted);max-width:660px;display:grid;gap:9px}
.price-notes li{position:relative;padding-left:20px}
.price-notes li:before{content:"—";position:absolute;left:0}
.contact-blocks{display:grid;gap:24px;margin:36px 0 30px}
.contact-blocks h3{font:500 16px var(--sans);margin:0 0 6px}
.contact-blocks p{font-size:12px;color:var(--muted);margin:0;line-height:1.65}
.map-section{height:460px;border-bottom:1px solid var(--line)}
.map-section iframe{display:block;width:100%;height:100%;border:0}
.light-quiet{color:#fff}
.material-hero-copy>.quiet-link{margin-top:20px}
.sizes-note{font-size:12px;color:var(--muted);margin:16px 0 0;max-width:460px}
.big-notes{font-size:13px;color:var(--ink)}
.price-scroll td a:hover,.catalog-item:hover .stone-info b{opacity:.75}
.price-scroll td a{display:block}

@media(max-width:1180px){header{gap:24px}header nav{gap:17px;font-size:11px}}
@media(max-width:800px){header{height:70px;padding:0 20px;grid-template-columns:1fr auto;gap:15px}
header nav,.request{display:none}
.menu{display:flex;width:44px;height:44px;align-items:center;justify-content:center;gap:5px;flex-direction:column;border:0;background:none}
.menu i{width:23px;height:1px;background:var(--ink)}
.mobile-nav{position:absolute;z-index:9;top:70px;left:0;right:0;background:var(--ink);color:#fff;padding:20px;gap:15px;flex-direction:column;font-size:14px;transform:translateY(-130%);transition:transform .2s}
.mobile-nav.open{display:flex;transform:translateY(0)}
.hero{height:calc(100svh - 70px);min-height:570px}
.hero-photo{background-position:right 8% center;background-size:cover}
.hero-copy{left:20px;bottom:75px}
.hero h1{font-size:46px;margin:19px 0 27px}
.hero-copy>div{gap:22px;flex-wrap:wrap}
.hero-note{right:20px;bottom:18px;font-size:8px}
.intro{display:block;padding:78px 20px}
.intro>div{display:block;margin-top:35px}
.intro h2{font-size:43px}
.intro>div>p{margin-top:25px}
.editorial-material,.products,.scale,.material-hero,.application,.service-process{grid-template-columns:1fr}
.material-copy{min-height:470px;padding:65px 20px}
.material-copy h2{font-size:47px}
.slab{min-height:400px}
.offer{display:block;padding:43px 20px}
.offer h3{margin:22px 0 10px}
.offer-side{align-items:flex-start;text-align:left;margin:20px 0 10px}
.offer strong{display:inline-block;margin-bottom:14px}
.products-photo,.application-image,.process-image{min-height:380px}
.products>div:last-child{padding:70px 20px;min-height:520px}
.products h2{font-size:47px}
.library{padding:80px 20px}
.library-head{display:block}
.library h2{font-size:55px;margin:22px 0}
.library-grid,.catalog-grid{grid-template-columns:1fr 1fr;gap:18px 12px;margin-top:42px;max-width:none}
.stone-image{height:220px}
.stone-info b{font-size:20px}
.stone-info u{display:none}
.scale-photo{min-height:390px}
.scale-copy{padding:70px 20px}
.scale h2{font-size:53px}
.stats{margin-top:45px}
.closing{padding:72px 20px}
.closing h2{font-size:52px}
footer{grid-template-columns:1fr 1fr;padding:38px 20px}
.legal{text-align:left}
.page-hero{padding:80px 20px}
.page-hero h1{font-size:67px}
.catalog{padding:35px 20px 80px}
.catalog-tools{display:block}
.filter-groups{margin-top:15px;justify-items:start}
.filters{justify-content:flex-start}
.filters button{margin:0 17px 0 0}
.catalog-grid .stone-image{height:210px}
.crumb{padding:17px 20px;font-size:9px}
.material-hero-copy{padding:65px 20px;min-height:540px}
.material-hero h1{font-size:60px}
.material-image{min-height:410px;order:2}
.specs{display:block;padding:75px 20px}
.specs>div{display:block;margin-top:38px}
.specs h2{font-size:47px;margin-bottom:38px}
.surfaces{display:block;padding:80px 20px}
.surfaces h2{font-size:43px}
.surface-grid{margin-top:38px}
.surface{height:270px}
.application>div:last-child{padding:70px 20px}
.application h2{font-size:45px}
.material-products{padding:80px 20px}
.material-products>div{display:block;margin-top:35px}
.material-products article,.material-products article+article{padding:18px 0;min-height:190px;border-right:0;border-bottom:1px solid var(--line)}
.about-intro{padding-bottom:75px}
.stats-wide{display:block;padding:70px 20px}
.stats-wide>div{grid-template-columns:1fr}
.stats-wide p{margin-top:35px}
.about-image{min-height:390px}
.service-process>div:last-child{padding:70px 20px}
.service-process h2{font-size:49px}
.service-list{display:block;padding:80px 20px}
.service-list>div{margin-top:40px;grid-template-columns:1fr}
.contact-page{display:block;padding:75px 20px}
.contact-page form{margin-top:60px}
.price-section{padding:75px 20px}
.price-section h2{font-size:47px;margin-bottom:38px}
.map-section{height:320px}
h1,h2{overflow-wrap:anywhere}
}

@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}
}