/*
Theme Name: Surreal Canvas
Template: storefront
Version: 0.1.0
Description: Minimal gallery storefront for surreal canvas wall art.
*/
:root{--ink:#141414;--paper:#f4f1ea;--muted:#77736b;--line:#d9d4ca}
html{scroll-behavior:smooth}
body{background:var(--paper);color:var(--ink);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.site-header{background:rgba(244,241,234,.96);border-bottom:1px solid var(--line);padding:1.25rem 0}
.site-branding .site-title a{font-family:Georgia,serif;letter-spacing:.04em;color:var(--ink);font-size:1.35rem}
.main-navigation ul li a,.site-header-cart .cart-contents{color:var(--ink)}
.home .site-content .col-full{max-width:none;margin:0;padding:0}
.sc-hero{min-height:76vh;display:grid;place-items:end start;background-size:cover;background-position:center;position:relative}
.sc-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.62),rgba(0,0,0,.1) 62%)}
.sc-hero__inner{position:relative;max-width:740px;padding:8vw;color:#fff}
.sc-kicker{text-transform:uppercase;letter-spacing:.22em;font-size:.72rem;margin-bottom:1rem}
.sc-hero h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(3rem,7vw,6.5rem);line-height:.95;margin:0 0 1.5rem;color:#fff}
.sc-hero p{font-size:1.1rem;line-height:1.7;max-width:560px}
.sc-btn{display:inline-block;background:#fff;color:#111!important;padding:.9rem 1.35rem;text-decoration:none;text-transform:uppercase;letter-spacing:.12em;font-size:.76rem;margin-top:1rem}
.sc-section{max-width:1320px;margin:auto;padding:6rem 5vw}
.sc-section__head{display:flex;justify-content:space-between;gap:2rem;align-items:end;margin-bottom:2.5rem}
.sc-section h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(2.2rem,4vw,4rem);margin:0}
.sc-section__head p{max-width:520px;color:var(--muted);margin:0;line-height:1.7}
.sc-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.sc-feature{border:1px solid var(--line);padding:2.2rem;background:rgba(255,255,255,.22)}
.sc-feature h3{font-family:Georgia,serif;font-weight:400;font-size:1.55rem}
.sc-feature p{color:var(--muted);line-height:1.7}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-family:Georgia,serif;font-size:1.25rem}
.woocommerce ul.products li.product img{aspect-ratio:4/3;object-fit:cover}
.site-footer{background:#151515;color:#bbb}
.site-footer a{color:#fff}
@media(max-width:800px){.sc-feature-grid{grid-template-columns:1fr}.sc-section__head{display:block}.sc-section__head p{margin-top:1rem}.sc-hero{min-height:68vh}}