@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--ink:#1d2b30;--muted:#637176;--paper:#f9faf7;--line:#e0e6e3;--green:#24483f;--teal:#9ac4b1;--orange:#d9b488;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.55 'DM Sans',system-ui,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.shell{width:min(1190px,calc(100% - 48px));margin:auto}.topbar{background:#fbfcf8;border-bottom:1px solid var(--line)}.topbar-inner{height:78px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:12px;align-items:center;font:700 21px 'Space Grotesk',sans-serif;letter-spacing:-.9px}.brand-icon{display:inline-flex;width:35px;height:35px;background:var(--green);color:#c0e0c9;align-items:center;justify-content:center;border-radius:10px;font-size:26px}.topbar nav{display:flex;gap:28px;font-size:13px;font-weight:700}.topbar nav a:hover{color:#347766}.hero{background:#eaf0e9;overflow:hidden}.hero-layout{min-height:455px;display:grid;grid-template-columns:1.07fr 1fr;align-items:center;gap:40px;padding:62px 0}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:800;color:#56796c}.spark{display:inline-block;width:7px;height:7px;margin-right:6px;background:#81a995;border-radius:100%}.hero h1{font:600 clamp(46px,5vw,74px)/1.07 'Space Grotesk',sans-serif;letter-spacing:-4px;margin:22px 0}.hero h1 em{font-style:normal;color:#719b86}.hero p{max-width:445px;font-size:16px;line-height:1.8;color:#546a65}.hero-points{display:flex;flex-wrap:wrap;gap:12px 23px;color:#56726b;font-size:12px;margin:25px 0}.hero-link{display:inline-flex;gap:25px;align-items:center;background:var(--green);padding:15px 23px;color:white;border-radius:7px;font-weight:700;font-size:13px;margin-top:5px}.hero-link:hover,.primary:hover{background:#36685b}.hero-art{height:370px;position:relative}.art-glow{position:absolute;inset:20px 15px 20px 20px;border-radius:50%;background:radial-gradient(circle,#d5e4d4 0%,#e4ece1 65%,transparent 72%)}.art-drive{position:absolute;top:55px;left:25%;width:250px;height:260px;background:linear-gradient(130deg,#355b50,#17352d);transform:rotate(-13deg);box-shadow:30px 30px 0 #b3cabc,40px 40px 35px #baccc0;border-radius:22px;padding:28px;color:#d1ead7;display:flex;flex-direction:column;justify-content:space-between}.drive-label{font-size:11px;font-weight:800;letter-spacing:2.2px}.drive-circle{align-self:center;width:133px;height:133px;border:19px solid #4f7868;border-radius:100%;box-shadow:inset 0 0 0 16px #23463a;background:#91ad9b;position:relative}.drive-circle:after{content:'';width:27px;height:27px;background:#d0e0d2;position:absolute;top:34px;left:34px;border-radius:50%}.drive-bottom{font-size:8px;letter-spacing:1.3px}.art-chip{position:absolute;right:7%;top:190px;width:138px;height:130px;background:#dfc6a2;border:11px solid #ead7ba;box-shadow:14px 16px 28px #b1c4b6;transform:rotate(12deg);padding:11px;color:#5b4e36;display:flex;flex-direction:column;justify-content:space-between;font-size:14px}.art-chip b{font:700 33px 'Space Grotesk'}.art-line{position:absolute;width:140px;height:2px;background:#7ca592;right:-5%;top:75px;transform:rotate(-26deg)}.art-float{position:absolute;top:45px;right:0;font-size:10px;letter-spacing:2px;color:#648879}.collection{padding:65px 0 100px}.collection-heading{display:flex;align-items:end;justify-content:space-between}.collection h2{font:600 clamp(29px,3vw,39px) 'Space Grotesk';letter-spacing:-1.5px;margin:8px 0}.collection-heading p{color:var(--muted);margin:0}.count-pill{white-space:nowrap;background:#eaf0e9;padding:9px 15px;border-radius:100px;font-size:12px;color:#54776a}.filters{display:grid;grid-template-columns:2.3fr 1fr 1fr 1fr;gap:10px;margin:36px 0 30px}.filters select,.search-wrap{width:100%;border:1px solid #dce5df;background:#fff;border-radius:8px;color:#53675d;height:48px;min-width:0}.filters select{padding:0 12px;cursor:pointer}.search-wrap{display:flex;gap:11px;align-items:center;padding:0 14px}.search-wrap span{font-size:25px}.search-wrap input{border:0;outline:0;width:100%;min-width:0;font-size:13px;background:transparent}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.product-card{background:white;border:1px solid #e3e8e2;border-radius:12px;overflow:hidden;transition:transform .2s,box-shadow .2s}.product-card:hover{transform:translateY(-4px);box-shadow:0 13px 30px #19392b12}.card-open{padding:0;border:0;background:transparent;text-align:left;width:100%;color:inherit;display:block}.product-visual{height:245px;background:#e7eeea;position:relative;overflow:hidden}.product-visual>img{height:100%;width:100%;object-fit:contain}.product-placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#7d9d8f;gap:12px;background:radial-gradient(circle at 40% 40%,#edf4ed,#dce7de)}.placeholder-icon{font-size:115px;line-height:1;color:#729687;text-shadow:6px 10px 0 #c3d5c9}.product-placeholder>span:last-child{font-size:10px;letter-spacing:2px;font-weight:700}.status-tag{position:absolute;top:15px;right:15px;background:#e7f4e9;color:#3a7658;padding:5px 10px;font-weight:800;font-size:9px;border-radius:4px;letter-spacing:1px}.status-tag.sold{background:#f5e7e4;color:#9b5a48}.status-tag.pending{background:#fff1d9;color:#92692e}.featured-tag{position:absolute;left:15px;top:15px;background:#254b3f;color:white;padding:5px 10px;font-size:9px;font-weight:700;letter-spacing:1px;border-radius:4px}.product-info{padding:21px 24px 23px}.category-label{font-size:10px;color:#8c9a91;font-weight:800;letter-spacing:1.5px}.product-info h3{font:600 20px/1.32 'Space Grotesk';letter-spacing:-.5px;margin:9px 0;min-height:53px}.condition{font-size:12px;color:#829088;margin:0 0 20px;min-height:20px}.card-bottom{border-top:1px solid var(--line);padding-top:15px;display:flex;justify-content:space-between;align-items:center}.card-bottom strong{font:700 19px 'Space Grotesk'}.view-arrow{font-size:22px;color:#4c816d}.empty{text-align:center;padding:50px 0;color:var(--muted)}.footnote{background:#e7ede6}.footnote-inner{padding:45px 0;display:grid;grid-template-columns:1.1fr 1fr;gap:50px;align-items:center}.footnote h2{font:600 28px 'Space Grotesk';letter-spacing:-1px;margin:7px 0}.footnote p{color:#6d7e74}.site-footer{background:#1f3d34;color:#e0eae3}.footer-inner{min-height:95px;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:12px}.footer-inner span:first-child{font:700 18px 'Space Grotesk'}.modal-overlay{position:fixed;inset:0;background:#10271fcc;z-index:20;display:flex;align-items:center;justify-content:center;padding:20px;overflow-y:auto}.modal-overlay[hidden],.empty[hidden]{display:none}.modal{position:relative;display:grid;grid-template-columns:1fr 1fr;background:white;border-radius:15px;overflow:hidden;width:min(960px,100%);max-height:calc(100vh - 40px);box-shadow:0 30px 80px #0005}.modal-image{min-height:450px;background:#e9f0e9;display:flex;justify-content:center;align-items:center}.modal-image img{width:100%;height:100%;max-height:650px;object-fit:contain}.modal-placeholder{font-size:120px;color:#739786}.modal-info{padding:40px;overflow-y:auto}.modal-info h2{font:600 34px/1.2 'Space Grotesk';letter-spacing:-1.3px;margin:12px 0}.modal-close{position:absolute;right:15px;top:13px;z-index:2;background:#fff;border:1px solid var(--line);width:37px;height:37px;border-radius:100%;font-size:25px}.modal-price{font:700 28px 'Space Grotesk';margin:20px 0 6px}.modal-status{text-transform:uppercase;letter-spacing:1px;font-size:11px;font-weight:800;color:#5f9374;margin-bottom:18px}.modal-info p{color:#61746d;font-size:14px;line-height:1.7}.modal-info .description{border-top:1px solid var(--line);padding-top:16px;white-space:pre-wrap}.photo-dots{display:flex;gap:8px;flex-wrap:wrap}.photo-dots button{width:55px;height:55px;padding:0;border:2px solid transparent;border-radius:6px;overflow:hidden}.photo-dots button.active{border-color:#4e9b73}.photo-dots img{width:100%;height:100%;object-fit:cover}.modal-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.action-link,.secondary,.primary{background:var(--green);color:white;padding:12px 18px;border-radius:7px;font-size:13px;font-weight:700;border:0;display:inline-block}.action-link.alt,.secondary{background:#e8f0e9;color:#295343}.modal-disclaimer{font-size:11px!important;margin-top:22px}.admin-page{padding:45px 0 95px;min-height:75vh}.page-heading,.section-header{display:flex;justify-content:space-between;align-items:center;gap:16px}.page-heading h1{font:600 37px 'Space Grotesk';letter-spacing:-1.5px;margin:6px 0 28px}.admin-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:25px;align-items:start}.panel{background:#fff;border:1px solid var(--line);border-radius:12px;padding:26px;margin-bottom:20px}.panel h2{font:600 23px 'Space Grotesk';margin:0 0 18px}.panel.narrow{max-width:550px}.form-grid{display:grid;gap:16px}.form-grid label{font-size:12px;font-weight:700;color:#51615b;display:grid;gap:7px}.form-grid input:not([type=checkbox],[type=radio]),.form-grid select,.form-grid textarea{border:1px solid #ccd9d0;border-radius:6px;padding:11px;width:100%;background:white;color:var(--ink);outline-color:#5d9d78}.form-grid input[type=file]{padding:10px}.form-grid textarea{resize:vertical}.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.checks{display:flex;flex-wrap:wrap;gap:20px}.form-grid .checkline,.checkline{display:flex;flex-direction:row;align-items:center;gap:7px;font-size:12px;font-weight:600}.subtle,.buttonlike{border:1px solid var(--line);border-radius:6px;background:#f8faf8;padding:8px 10px;font-size:12px}.manage-list{display:grid;gap:8px}.manage-item{display:flex;gap:10px;align-items:center;border-bottom:1px solid #ebefea;padding:10px 0}.mini-thumb{width:47px;height:47px;background:#e5ede7;border-radius:6px;display:grid;place-items:center;flex-shrink:0;font-size:27px;color:#719582}.mini-thumb img{width:100%;height:100%;object-fit:contain}.manage-copy{flex:1;min-width:0}.manage-copy strong{display:block;font-size:12px;line-height:1.3}.manage-copy small{display:block;color:var(--muted);margin-top:5px;font-size:10px}.danger{background:#fff1ed;border:0;color:#a14d3c;border-radius:6px;font-size:20px;width:30px;height:30px}.muted{color:#80918a;font-size:12px}.alert{background:#fff1e7;color:#9c523b;padding:12px;border-radius:6px}.photo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.photo-grid>div{display:grid;gap:5px}.photo-grid img{width:100%;height:90px;object-fit:contain;background:#eef1ed;border-radius:6px}.photo-grid .checkline{font-size:11px}.field-label{font-size:12px;font-weight:700}
@media(max-width:950px){.filters{grid-template-columns:1fr 1fr}.search-wrap{grid-column:span 2}.product-grid{grid-template-columns:repeat(2,1fr)}.admin-layout{grid-template-columns:1fr}.hero h1{letter-spacing:-2px}.hero-art{transform:scale(.87);transform-origin:center}.modal{max-height:90vh}}
@media(max-width:650px){.shell{width:min(100% - 30px,1190px)}.topbar-inner{height:65px}.brand{font-size:17px}.topbar nav{gap:14px}.hero-layout{grid-template-columns:1fr;padding:44px 0 10px;gap:0}.hero h1{font-size:51px}.hero-art{height:265px;width:340px;max-width:100%;justify-self:center;transform:scale(.72);transform-origin:top center;margin-bottom:-60px}.collection{padding:48px 0}.collection-heading{align-items:start}.collection h2{font-size:29px}.count-pill{margin-top:15px}.filters{grid-template-columns:1fr 1fr;gap:8px;margin:24px 0}.search-wrap{grid-column:span 2}.filters select{font-size:12px}.product-grid{gap:12px}.product-visual{height:160px}.product-info{padding:14px}.product-info h3{font-size:16px;min-height:65px}.condition{font-size:11px;margin-bottom:13px;min-height:31px}.card-bottom strong{font-size:15px}.status-tag{top:8px;right:7px;font-size:8px;padding:4px}.featured-tag{left:7px;top:8px;font-size:8px}.placeholder-icon{font-size:75px}.footnote-inner{grid-template-columns:1fr;gap:5px}.footer-inner{flex-direction:column;justify-content:center;align-items:start}.modal{display:block;overflow:auto;max-height:90vh}.modal-image{min-height:280px;height:280px}.modal-info{padding:25px}.modal-info h2{font-size:27px}.two{grid-template-columns:1fr}.panel{padding:18px}.photo-grid{grid-template-columns:repeat(3,1fr)}}
