/*
Theme Name: Julia Atelier
Template: storefront
Version: 1.0.0
Description: Lightweight jewelry storefront for Julia DIY.
*/
:root{--ink:#283b35;--cream:#f8f5ee;--muted:#706c61;--line:#dedbd0;--gold:#a28249;--peach:#ece1d1}*{box-sizing:border-box}body{background:var(--cream);color:var(--ink);font-family:Arial,"Helvetica Neue",sans-serif;line-height:1.7;margin:0}a{color:inherit}a:focus,button:focus{outline:2px solid var(--gold);outline-offset:4px}.j-announcement{background:var(--ink);color:#fff;text-align:center;padding:8px 20px;font-size:11px;letter-spacing:.15em}.j-header{max-width:1360px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:25px 5%;border-bottom:1px solid var(--line);gap:20px}.j-logo{text-decoration:none;font-family:Georgia,serif;font-size:29px;letter-spacing:.04em;line-height:1.1}.j-logo span{display:block;font-family:Arial,sans-serif;font-size:9px;letter-spacing:.32em;margin-top:7px}.j-nav{display:flex;gap:25px;font-size:12px}.j-nav a{text-decoration:none}.j-nav a:hover{color:var(--gold)}.j-hero{max-width:1360px;margin:auto;display:grid;grid-template-columns:1fr 1fr;min-height:590px;padding:40px 5% 65px;gap:7%;align-items:center}.j-eyebrow{text-transform:uppercase;letter-spacing:.23em;font-size:10px;font-weight:bold;color:var(--muted);margin:0 0 20px}.j-hero h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(48px,5.8vw,82px);line-height:1.04;letter-spacing:-.04em;margin:0 0 25px}.j-hero h1 em{font-weight:400;color:var(--gold)}.j-description{font-size:15px;max-width:345px;color:var(--muted);margin-bottom:30px}.j-button{display:inline-block;background:var(--ink);color:white!important;padding:14px 25px;text-decoration:none;font-size:11px;letter-spacing:.13em;text-transform:uppercase;border:1px solid var(--ink)}.j-button:hover{background:#40564c}.j-caption{font-size:10px;color:var(--muted);letter-spacing:.08em;margin-top:22px}.j-art{position:relative;background:#e8e1d2;border-radius:48% 48% 2px 2px;min-height:470px;display:flex;align-items:center;justify-content:center;overflow:hidden;isolation:isolate}.j-art:before{content:"";position:absolute;width:80%;height:80%;border-radius:50%;background:#f0e9de;right:-30%;top:35%;z-index:-1}.j-art svg{width:90%;height:auto;max-height:450px}.j-art small{position:absolute;bottom:21px;right:25px;color:#84735c;font-size:9px;letter-spacing:.18em;text-transform:uppercase}.j-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:center;gap:65px;padding:16px 25px;font-size:10px;letter-spacing:.13em;text-transform:uppercase}.j-section{max-width:1240px;margin:auto;padding:72px 5%}.j-section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:30px;gap:20px}.j-section h2{font-family:Georgia,serif;font-weight:400;font-size:38px;line-height:1.15;margin:0}.j-section-head a{font-size:11px;text-underline-offset:6px}.j-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.j-card{text-decoration:none}.j-card-art{aspect-ratio:1/.95;background:#ece6db;display:flex;align-items:center;justify-content:center;transition:background .2s}.j-card:nth-child(2) .j-card-art{background:#e6e9df}.j-card:nth-child(3) .j-card-art{background:#ece0d6}.j-card:nth-child(4) .j-card-art{background:#e5e1d8}.j-card:hover .j-card-art{background:#ded5c5}.j-card svg{width:74%;height:74%}.j-card-title{display:flex;justify-content:space-between;font-family:Georgia,serif;font-size:21px;margin:13px 0}.j-story{background:var(--ink);color:var(--cream);display:grid;grid-template-columns:1fr 1fr;gap:65px;padding:65px;align-items:center}.j-story h2{font-size:43px}.j-story .j-eyebrow{color:#c3c5ad}.j-story p{font-size:14px;max-width:380px;color:#d1d5ca}.j-story a{font-size:11px;text-underline-offset:6px}.j-footer{border-top:1px solid var(--line);max-width:1240px;margin:auto;padding:35px 5%;display:flex;justify-content:space-between;gap:25px;font-size:11px;color:var(--muted)}.j-footer p{margin:0}.j-footer a{margin-left:20px}.j-footer .j-logo{font-size:22px;color:var(--ink)}.j-launch-note{padding:16px 20px;border:1px solid var(--line);font-size:13px;margin:25px 0;background:#fffaf2}.site-content{padding-top:35px}.page-template-default .entry-title,.woocommerce-products-header__title{font-family:Georgia,serif;font-weight:400}.site-info,.storefront-handheld-footer-bar{display:none}.woocommerce-store-notice{display:none!important}.j-header+.site-content{min-height:55vh}.j-card:focus{outline-offset:5px}body.admin-bar .j-announcement{margin-top:0}@media(max-width:767px){.j-header{padding:20px 6%;flex-wrap:wrap}.j-logo{font-size:25px}.j-nav{gap:17px;font-size:11px}.j-hero{grid-template-columns:1fr;padding:40px 6%;gap:30px;min-height:0}.j-hero h1{font-size:58px}.j-description{font-size:14px}.j-art{min-height:340px;max-width:480px;width:100%;margin:auto}.j-art svg{max-height:330px}.j-strip{gap:18px;font-size:8px;padding:15px 10px}.j-section{padding:48px 6%}.j-section h2{font-size:31px}.j-grid{grid-template-columns:1fr 1fr;gap:20px 15px}.j-card-title{font-size:20px}.j-story{grid-template-columns:1fr;gap:15px;padding:30px}.j-story h2{font-size:35px}.j-footer{flex-direction:column;padding:30px 6%}.j-footer a{margin-left:0;margin-right:20px}.j-announcement{font-size:9px}.j-section-head{align-items:center}.j-section-head a{font-size:10px}}

.j-story h2{color:var(--cream)}.j-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));text-align:center;gap:15px}.j-strip span{min-width:0;white-space:normal;overflow-wrap:anywhere}.j-hero h1{color:var(--ink)}