/*
Theme Name: MARBRELINE
Description: A premium marble and natural stone WordPress theme.
Version: 1.0.0
*/
:root{--ink:#131413;--cream:#f4f0ea;--sand:#d8cdbd;--stone:#867d72;--line:rgba(19,20,19,.18);--serif:"Playfair Display",Georgia,serif;--sans:"DM Sans",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--cream);color:var(--ink);font:16px/1.6 var(--sans);margin:0}img{display:block;max-width:100%}a{color:inherit}.wrap{margin:auto;max-width:1440px;padding-inline:7vw}.eyebrow{font-size:10px;font-weight:600;letter-spacing:.2em;margin:0 0 18px;text-transform:uppercase}.button{align-items:center;background:var(--ink);border:1px solid var(--ink);color:#fff;display:inline-flex;font-size:10px;font-weight:600;justify-content:center;letter-spacing:.12em;min-height:48px;padding:0 23px;text-decoration:none;text-transform:uppercase;transition:.25s}.button:hover{background:transparent;color:var(--ink)}.button.light{background:#fff;border-color:#fff;color:var(--ink)}.button.light:hover{background:transparent;color:#fff}.link{border-bottom:1px solid currentColor;display:inline-flex;font-size:11px;font-weight:600;gap:18px;letter-spacing:.09em;padding-bottom:7px;text-decoration:none;text-transform:uppercase}.site-header{align-items:center;color:#fff;display:flex;height:82px;justify-content:space-between;left:0;padding:0 5vw;position:absolute;right:0;top:0;z-index:10}.brand{align-items:center;display:flex;font-size:13px;font-weight:600;gap:10px;letter-spacing:.16em;text-decoration:none}.brand i{border:1px solid currentColor;border-radius:50%;display:grid;font:21px var(--serif);height:35px;place-items:center;width:35px}.brand span{font-weight:400}.nav{display:flex;gap:26px}.nav a{font-size:11px;letter-spacing:.08em;text-decoration:none}.nav a:hover{opacity:.65}.mobile-toggle{display:none}.hero{background:#20201e;color:#fff;isolation:isolate;min-height:790px;overflow:hidden;position:relative}.hero:before{background:linear-gradient(90deg,rgba(12,12,11,.76),rgba(12,12,11,.1)),url('assets/images/Image%202.jpeg') center/cover;content:"";inset:0;opacity:.8;position:absolute;z-index:-2}.hero:after{background:url('assets/images/image2.jpeg') center/cover;content:"";inset:0;mix-blend-mode:overlay;opacity:.18;position:absolute;z-index:-1}.hero-inner{left:8vw;max-width:670px;position:absolute;top:28%}.hero h1,.display{font:500 clamp(3.2rem,7.5vw,7.8rem)/.92 var(--serif);letter-spacing:-.055em;margin:0}.hero h1 em,.display em{font-weight:500}.hero p{font-size:16px;line-height:1.7;max-width:500px}.hero-actions{align-items:center;display:flex;gap:30px;margin-top:32px}.slabs{height:460px;position:absolute;right:10vw;top:25%;transform:perspective(1000px) rotateY(-13deg);width:330px}.slab{border:1px solid rgba(255,255,255,.3);box-shadow:-25px 25px 50px rgba(0,0,0,.48);height:390px;position:absolute;width:250px}.slab.one{background:url('assets/images/image13.jpeg') center/cover;right:0;transform:translateZ(40px)}.slab.two{background:url('assets/images/image34.jpeg') center/cover;filter:brightness(.65);left:0;top:44px;transform:translateZ(-35px)}.section{padding-block:130px}.intro-grid,.craft,.contact-grid{align-items:center;display:grid;gap:9vw;grid-template-columns:1.1fr .9fr}.intro-grid h2,.section-title{font:500 clamp(2.6rem,5vw,5.3rem)/1 var(--serif);letter-spacing:-.045em;margin:0}.lead{font-size:18px;line-height:1.7}.section-heading{align-items:end;display:flex;justify-content:space-between;margin-bottom:50px}.section-heading>p{font-size:14px;max-width:300px}.collections{padding-bottom:130px}.collection-grid{display:grid;gap:14px;grid-template-columns:1.2fr .9fr .9fr;padding-inline:2vw}.card{height:480px;overflow:hidden;position:relative;text-decoration:none}.card.tall{height:600px}.card img,.project img{height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1);width:100%}.card:after{background:linear-gradient(0deg,rgba(0,0,0,.67),transparent 60%);content:"";inset:0;position:absolute}.card:hover img,.project:hover img{transform:scale(1.06)}.card-content{bottom:23px;color:#fff;left:23px;position:absolute;z-index:1}.card-content small{display:block;font-size:10px;letter-spacing:.18em}.card-content strong{display:block;font:500 34px var(--serif)}.craft{background:#d6cbbc;padding:130px 8vw}.craft-visual{height:620px;position:relative}.craft-visual img{height:100%;object-fit:cover;position:relative;transform:translate(-15px,-15px);width:calc(100% - 25px);z-index:1}.craft-visual:before{border:1px solid #a99f92;content:"";inset:24px;position:absolute}.process{list-style:none;margin:35px 0 0;padding:0}.process li{border-top:1px solid var(--line);display:flex;gap:20px;padding:18px 0}.process span{font-size:10px;letter-spacing:.16em}.process b{display:block;font:500 22px var(--serif)}.process p{font-size:13px;margin:3px 0}.quote{background:#20201e;color:#fff;display:grid;grid-template-columns:1fr 1fr}.quote-image{height:620px}.quote-image img{height:100%;object-fit:cover;width:100%}.quote-copy{align-self:center;padding:9vw}.quote blockquote{font:500 clamp(2.3rem,4.5vw,4.7rem)/1.05 var(--serif);letter-spacing:-.045em;margin:0}.projects{padding-block:130px}.project-grid{display:grid;gap:16px;grid-template-columns:1.25fr .75fr}.project{height:310px;margin:0;overflow:hidden;position:relative}.project.main{grid-row:span 2;height:636px}.project figcaption{background:rgba(244,240,234,.94);bottom:0;left:0;padding:12px 18px;position:absolute;transform:translateY(100%);transition:.3s}.project:hover figcaption{transform:none}.project figcaption span{display:block;font-size:9px;letter-spacing:.14em;text-transform:uppercase}.project figcaption strong{font:500 20px var(--serif)}.page-hero{background:#272724;color:#fff;min-height:500px;position:relative}.page-hero:before{background:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.1)),var(--hero) center/cover;content:"";inset:0;position:absolute}.page-hero .wrap{padding-top:210px;position:relative}.page-hero h1{font:500 clamp(3.2rem,6vw,6.5rem)/1 var(--serif);letter-spacing:-.05em;margin:0}.page-hero p{max-width:520px}.catalog{display:grid;gap:24px;grid-template-columns:repeat(3,1fr)}.product{border-bottom:1px solid var(--line);padding-bottom:18px}.product-image{height:380px;overflow:hidden}.product-image img{height:100%;object-fit:cover;transition:.5s;width:100%}.product:hover img{transform:scale(1.05)}.product h2{font:500 30px var(--serif);margin:17px 0 5px}.product p{font-size:14px;margin:0}.gallery{columns:3;column-gap:16px}.gallery figure{break-inside:avoid;margin:0 0 16px;overflow:hidden}.gallery img{transition:.5s;width:100%}.gallery figure:hover img{transform:scale(1.05)}.about-block{align-items:center;display:grid;gap:8vw;grid-template-columns:1fr 1fr}.about-block img{height:600px;object-fit:cover;width:100%}.contact{background:#958b7f;color:#fff}.contact-photo img{height:610px;object-fit:cover;width:100%}.contact form{display:grid;gap:14px;grid-template-columns:1fr 1fr}.contact input,.contact textarea{background:transparent;border:0;border-bottom:1px solid rgba(255,255,255,.5);color:#fff;font:14px var(--sans);padding:13px 0}.contact textarea{grid-column:1/-1;min-height:90px;resize:vertical}.contact .form-button{grid-column:1/-1;justify-self:start}.contact-details{border-top:1px solid rgba(255,255,255,.4);display:flex;font-size:13px;gap:50px;margin-top:45px;padding-top:20px}.site-footer{background:#151615;color:#ddd7ce;display:grid;gap:30px;grid-template-columns:1fr 1fr 1fr;padding:50px 7vw 23px}.site-footer p{font-size:13px;margin:0}.footer-links{display:flex;gap:18px;justify-content:end}.site-footer small{font-size:9px;grid-column:1/-1;letter-spacing:.07em;opacity:.6}@media(max-width:780px){.site-header{height:70px;padding-inline:6vw}.nav,.site-header>.button{display:none}.mobile-toggle{background:none;border:0;color:#fff;display:block;font-size:22px}.nav.is-open{background:#1e1e1c;display:flex;flex-direction:column;left:0;padding:25px 6vw;position:absolute;right:0;top:70px}.hero{min-height:730px}.hero-inner{left:7vw;right:7vw;top:20%}.hero h1{font-size:clamp(3.3rem,14vw,5.3rem)}.hero p{font-size:14px}.hero-actions{align-items:start;flex-direction:column;gap:20px}.slabs{opacity:.65;right:-50px;top:55%;transform:perspective(800px) rotateY(-13deg) scale(.68)}.section{padding-block:85px}.intro-grid,.craft,.quote,.about-block,.contact-grid{display:block}.section-heading{display:block}.section-heading>p{margin-top:22px}.collection-grid{display:flex;overflow:auto;padding:0 5vw 4px}.card,.card.tall{flex:0 0 76vw;height:460px}.craft{padding:85px 7vw}.craft-visual{height:440px}.craft-copy{padding-top:60px}.quote-image{height:360px}.quote-copy{padding:75px 7vw}.project-grid{display:block}.project,.project.main{height:400px;margin-bottom:15px}.catalog{grid-template-columns:1fr}.gallery{columns:2}.contact-photo img{height:350px}.contact-grid{padding-block:80px}.contact-content{margin-top:50px}.contact form{grid-template-columns:1fr}.contact-details{gap:20px}.site-footer{display:block;padding:40px 7vw}.site-footer p{margin:22px 0}.footer-links{justify-content:start;margin-bottom:35px}.site-footer small{display:block}.page-hero{min-height:430px}.page-hero .wrap{padding-top:180px}}
