@import url('../../assets/interiors-demo.css');
:root{--paper:#f5f3ed;--ink:#252d28;--muted:#5f665e;--accent:#d8dfba;--on-accent:#252d28;--line:#c9ccc0;--wash:#e9e8de;--focus:#956a36}.stone-hero{height:min(850px,calc(100svh - 54px));min-height:650px;position:relative;color:#fff;background:#232c26;isolation:isolate}.stone-hero>img{position:absolute;inset:0;z-index:-2;object-position:center 60%}.stone-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#111b16d4 0%,#111b1680 38%,#111b1600 77%),linear-gradient(0deg,#111b1699,transparent 25%);z-index:-1}.stone-hero .wrap{height:100%;display:flex;flex-direction:column;justify-content:center;position:relative;padding-block:80px 110px}.stone-hero .eyebrow{color:#e2e8d1;margin-bottom:26px}.stone-hero h1{max-width:12ch;font-size:clamp(4rem,6.5vw,6.5rem);font-weight:400;line-height:.98}.stone-hero h1 em{font-weight:400;color:#e2e8d1}.stone-hero .hero-intro{max-width:36ch;font-size:1rem;color:#f3f2e8;line-height:1.7;margin:26px 0 34px}.hero-index{position:absolute;bottom:30px;left:0;right:0;display:flex;justify-content:space-between;align-items:end;border-top:1px solid #ffffff45;padding-top:18px}.hero-index p{font-size:.7rem;letter-spacing:.08em}.hero-index span{font:italic 2rem/1 'Cormorant Garamond',serif}.stone-intro{padding-block:48px;display:grid;grid-template-columns:1fr 2fr;gap:60px;border-bottom:1px solid var(--line)}.stone-intro p:last-child{max-width:60ch;font-size:1.12rem}.materials-section{padding-bottom:110px}.material-showcase{display:grid;grid-template-columns:1.2fr 1fr;min-height:490px;background:var(--wash)}.material-photo{min-height:350px}.material-copy{display:flex;flex-direction:column;justify-content:center;padding:50px}.material-copy h3{font:3rem/1.1 'Cormorant Garamond',serif;margin:14px 0 18px}.material-copy p:not(.eyebrow){font-size:.95rem;color:var(--muted);margin-bottom:24px}.material-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);margin-top:25px}.material-tab{background:transparent;color:var(--ink);text-align:left;padding:20px 8px 20px 0;min-height:80px;border-bottom:2px solid transparent;display:flex;align-items:center;gap:12px;font-size:.9rem}.material-tab[aria-pressed=true]{border-bottom-color:var(--ink)}.material-swatch{width:32px;height:32px;border:1px solid #77777740;flex:none;background:repeating-linear-gradient(135deg,#b9b6ab 0 2px,#d8d6ca 3px 5px,#a6a496 6px 7px)}.material-tab:nth-child(2) .material-swatch{background:linear-gradient(132deg,#eee7dc 25%,#a8a49a 27%,#e2ded4 29%,#f8f4ec 62%,#aaa79e 64%,#eee7dc 67%)}.material-tab:nth-child(3) .material-swatch{background:linear-gradient(120deg,#3b5141 20%,#c2bf91 22%,#445c46 26%,#274335 70%,#aab38b 72%,#48634c 77%)}.material-tab:nth-child(4) .material-swatch{background:#dedacb}.stone-gallery{background:#eaece3}.stone-gallery .gallery-grid .project:nth-child(even){padding-top:70px}.stone-gallery .gallery-grid .project:nth-child(even)[hidden]{padding:0}.stone-process{background:#252f28;color:#f6f4e9;--muted:#d2d7c8;--line:#65725f}.stone-process .section-head h2{max-width:19ch}.stone-process .eyebrow{color:#d8dfba}.quote-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px}.quote-aside{position:sticky;top:125px;align-self:start}.quote-aside h2{max-width:11ch;margin:18px 0 24px}.quote-aside>.intro{margin-bottom:30px}.quote-detail{width:100%;aspect-ratio:4/3;max-width:400px;margin-top:35px}.quote-panel{padding:34px;background:#e9ece1}.quote-panel .eyebrow{margin-bottom:22px}.area-estimator{margin-block:28px;padding-block:25px;border-block:1px solid var(--line)}.estimator-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:14px}.estimator-head h3{font-size:1rem}.estimator-head span{font-size:.7rem;color:var(--muted)}.piece-row{display:grid;grid-template-columns:1fr 1fr 46px;gap:10px;align-items:end;margin-top:15px}.piece-row .field{font-size:.72rem}.remove-piece{min-width:46px;min-height:50px;background:transparent;border:1px solid var(--line);color:var(--ink);font-size:1.2rem}.add-piece{min-height:46px;background:transparent;color:var(--ink);font-size:.82rem;padding:10px 0;text-decoration:underline;text-underline-offset:4px}.area-total{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line);font-size:.85rem}.area-total output{font:2rem 'Cormorant Garamond',serif;white-space:nowrap}.stone-faq{max-width:900px}.stone-faq .section-head h2{max-width:18ch}.material-guide-note{font-size:.74rem;color:var(--muted);margin-top:16px}@media(min-width:1450px){.stone-hero{max-height:900px}.stone-hero>img{object-position:center 60%}}@media(max-width:1000px){.quote-section{gap:40px}.quote-panel{padding:26px}.material-copy{padding:35px}}@media(max-width:760px){.stone-hero{height:720px;min-height:0;max-height:none}.stone-hero .wrap{padding-block:75px 105px}.stone-hero h1{font-size:clamp(4rem,13vw,5.8rem);max-width:10ch}.stone-hero>img{object-position:62% center}.stone-hero:after{background:linear-gradient(90deg,#111b16c9,#111b1660 80%),linear-gradient(0deg,#111b1699,transparent 40%)}.stone-hero .hero-intro{max-width:32ch;font-size:.95rem;margin:25px 0}.hero-index{bottom:22px}.hero-index p{font-size:.6rem;max-width:27ch}.stone-intro{grid-template-columns:1fr;gap:20px;padding-block:35px}.stone-intro p:last-child{font-size:1rem}.materials-section{padding-bottom:66px}.material-showcase{grid-template-columns:1fr}.material-photo{min-height:0;aspect-ratio:4/3}.material-copy{padding:28px}.material-copy h3{font-size:2.5rem}.material-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 15px}.material-tab{font-size:.82rem;min-height:70px;padding-block:15px}.material-swatch{width:25px;height:25px}.stone-gallery .gallery-grid .project:nth-child(even){padding-top:0}.quote-section{grid-template-columns:1fr;gap:35px}.quote-aside{position:static}.quote-aside h2{max-width:15ch}.quote-detail{display:none}.quote-panel{padding:25px 20px}.quote-aside>.intro{margin-bottom:0}.stone-process .section-head h2{max-width:15ch}}@media(max-width:440px){.stone-hero{height:650px}.stone-hero h1{font-size:3.95rem}.stone-hero .wrap{padding-top:35px}.piece-row{gap:8px}.piece-row .field input{padding:10px 8px}.estimator-head{align-items:start;flex-direction:column;gap:3px}.quote-panel .form-grid{grid-template-columns:1fr}.quote-panel .field.full{grid-column:auto}}