/*
Theme Name: Aristode Editorial
Description: Custom editorial WooCommerce-ready theme for Aristode Seed Co.
Version: 3.1.0
*/
:root{--paper:#efede6;--ink:#070707;--white:#f3eee5;--line:rgba(255,255,255,.18);--max:1480px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--white);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}
.site-header{height:100px;background:var(--paper);color:var(--ink);display:flex;align-items:center}.header-inner{width:100%;max-width:none;margin:auto;padding:0 30px;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;flex-direction:column;line-height:1}.brand-name{font:29px/1 Georgia,serif;letter-spacing:-.04em}.brand-sub{margin-top:8px;font-size:10px;letter-spacing:.3em}.main-nav ul{display:flex;gap:34px;list-style:none;margin:0;padding:0}.main-nav a{font-size:12px;letter-spacing:.17em;text-transform:uppercase}.menu-toggle{display:none;background:none;border:0;font-size:24px}
.hero{min-height:calc(100vh - 100px);height:calc(100vh - 100px);position:relative;display:flex;align-items:center;justify-content:center;text-align:center;background:#050505;overflow:hidden}.hero-inner{width:min(1240px,92vw);margin:0 auto;padding-top:4px}.hero-meta{display:flex;justify-content:center;gap:56px;flex-wrap:wrap;margin-bottom:67px;font-size:12px;letter-spacing:.34em;text-transform:uppercase}.hero-title{margin:0 auto;color:#f4efe6;font:400 clamp(90px,10.2vw,172px)/.78 Georgia,serif;letter-spacing:-.065em;white-space:nowrap}.hero-sub{margin-top:38px;font-size:15px;letter-spacing:.48em;text-transform:uppercase}.hero-tagline{margin:78px 0 48px;font-size:13px;letter-spacing:.36em;text-transform:uppercase}.outline{display:inline-flex;min-width:326px;min-height:74px;padding:0 28px;align-items:center;justify-content:center;gap:28px;border:1px solid var(--line);font-size:12px;letter-spacing:.23em;text-transform:uppercase;transition:.25s}.outline:hover{background:var(--white);color:var(--ink)}.hero-index{position:absolute;left:40px;bottom:20px;font-size:11px;letter-spacing:.25em}.hero-side{display:none}
.section{padding:120px 34px;background:var(--paper);color:var(--ink)}.section.dark{background:#050505;color:var(--white)}.section-inner{max-width:var(--max);margin:auto}.kicker{font-size:11px;letter-spacing:.3em;text-transform:uppercase;margin-bottom:22px}.title{margin:0;font:400 clamp(48px,6vw,92px)/.95 Georgia,serif;letter-spacing:-.05em}.editorial{display:grid;grid-template-columns:1.15fr .85fr;gap:2px;margin-top:80px}.editorial-card{min-height:520px;background:#111;position:relative;overflow:hidden}.editorial-card:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 45%,rgba(0,0,0,.8))}.editorial-content{position:absolute;z-index:2;left:35px;right:35px;bottom:35px}.editorial-content h3{margin:0 0 8px;font:400 45px Georgia,serif}.editorial-content p{max-width:540px;opacity:.8}
.shop-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:55px}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product{background:#0e0e0e;border:1px solid rgba(255,255,255,.09)}.product-image{aspect-ratio:1/1.12;background:#171717;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:cover;transition:.5s}.product:hover img{transform:scale(1.035)}.product-info{padding:22px}.product-meta{font-size:10px;letter-spacing:.18em;text-transform:uppercase;opacity:.55}.product-name{margin:8px 0;font:400 25px Georgia,serif}.product-price{margin-top:14px}.product-link{display:inline-block;margin-top:18px;border-bottom:1px solid rgba(255,255,255,.4);font-size:10px;letter-spacing:.18em;text-transform:uppercase}
.site-footer{background:#050505;color:var(--white);padding:65px 34px 30px;border-top:1px solid rgba(255,255,255,.12)}.footer-grid{max-width:var(--max);margin:auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:50px}.footer-brand{font:45px Georgia,serif}.footer-heading{font-size:10px;letter-spacing:.25em;text-transform:uppercase;margin-bottom:18px}.footer-links{display:grid;gap:8px;font-size:13px;opacity:.75}.footer-bottom{max-width:var(--max);margin:60px auto 0;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;font-size:10px;letter-spacing:.15em;text-transform:uppercase;opacity:.5}
.content-wrap{max-width:var(--max);margin:auto;padding:100px 34px;background:var(--paper);color:var(--ink);min-height:60vh}.content-wrap h1{font:400 clamp(50px,7vw,100px)/.95 Georgia,serif;letter-spacing:-.05em}.content-wrap h2,.content-wrap h3{font-family:Georgia,serif;font-weight:400}.content-wrap p{max-width:780px;font-size:17px}
.woocommerce .content-wrap{padding-top:80px}.woocommerce ul.products{display:grid!important;grid-template-columns:repeat(4,1fr);gap:18px}.woocommerce ul.products:before,.woocommerce ul.products:after{display:none!important}.woocommerce ul.products li.product{width:auto!important;margin:0!important;background:#fff;padding:0 0 22px!important}.woocommerce ul.products li.product img{margin:0!important;width:100%!important}.woocommerce ul.products li.product .woocommerce-loop-product__title{font:400 24px Georgia,serif;padding:18px 20px 3px!important}.woocommerce ul.products li.product .price{padding:0 20px!important;color:#111!important}.button,.woocommerce a.button,.woocommerce button.button{border-radius:0!important;background:#090909!important;color:#fff!important;padding:14px 22px!important;text-transform:uppercase;letter-spacing:.12em;font-size:11px!important}
@media(max-width:900px){.site-header{height:78px}.header-inner{padding:0 20px}.main-nav{display:none}.menu-toggle{display:block}.hero{min-height:calc(100vh - 78px)}.hero-meta{gap:20px;font-size:9px;margin-bottom:38px}.hero-title{font-size:clamp(58px,17vw,145px);white-space:nowrap}.hero-sub{font-size:11px;margin-top:22px}.hero-tagline{margin:50px 0 30px;font-size:9px}.hero-side{display:none}.editorial{grid-template-columns:1fr}.products,.woocommerce ul.products{grid-template-columns:repeat(2,1fr)!important}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.section,.site-footer,.content-wrap{padding-left:20px;padding-right:20px}.products,.woocommerce ul.products{grid-template-columns:1fr!important}.footer-grid{grid-template-columns:1fr}.footer-bottom{display:grid;gap:10px}.brand-name{font-size:23px}.brand-sub{font-size:8px}}
