:root{--c-bg:#fffaf1;--c-fg:#141414;--c-muted:#5c5853;--c-accent:#1f4bff;--c-line:#141414;--c-panel:#fff1f7;--c-pink:#ff9fca;--c-pink-soft:#ffd6e8;--c-yellow:#ffe24d;--c-blue:#1f4bff;--c-orange:#ff5b24;--c-cream:#fffaf1;--c-on-accent:#ffffff;--c-focus:#ff5b24;--f-display:'Permanent Marker', 'Marker Felt', 'Comic Sans MS', cursive;--f-body:'DM Sans', 'Helvetica Neue', Arial, sans-serif}
.sw-ivory{background:#f3ecdf}
.sw-black{background:#141414}
.sw-yellow{background:#f7e47e}
.sw-cream{background:#f4ecdc}
.sw-pink{background:#ff9fca}
.sw-natural{background:#efe4cc}
/* Girls Love Butts: cream ground, bright pink / sunny yellow / electric blue / orange, black line.
   Permanent Marker for hand-drawn display, DM Sans for reading. Chunky black outlines, stickers, tilt. */
body{font-size:16px}
.g-wrap{max-width:1320px;margin:0 auto;padding:0 32px}
.g-heart{width:.8em;height:.8em;display:inline-block;vertical-align:-.06em;color:currentColor}
a{text-underline-offset:3px}

/* header */
.g-head{background:var(--c-cream);border-bottom:2.5px solid var(--c-fg);position:relative;z-index:20}
.g-head-row{display:flex;align-items:center;justify-content:space-between;height:84px}
.g-logo{display:inline-flex;flex-direction:column;text-decoration:none;color:var(--c-fg);line-height:1}
.g-logo-glb{font:400 40px/0.9 var(--f-display);letter-spacing:-.02em;transform:rotate(-3deg);display:inline-block}
.g-logo-glb .g-heart{width:.5em;height:.5em;vertical-align:.5em;margin-left:2px}
.g-logo-sub{font:700 10px/1 var(--f-body);letter-spacing:.22em;text-transform:uppercase;margin-top:6px}
.g-nav{display:flex;align-items:center;gap:30px;font:700 14px/1 var(--f-body);letter-spacing:.12em;text-transform:uppercase}
.g-nav a{text-decoration:none;padding:8px 0}
.g-nav a:hover,.g-nav a[aria-current="page"]{text-decoration:underline;text-decoration-thickness:3px;text-decoration-color:var(--c-pink)}
.g-nav .seed-bag{background:var(--c-fg);color:var(--c-cream);padding:10px 16px;border-radius:4px}
.g-nav .seed-bag-count{background:var(--c-orange);color:#fff;border-radius:4px;min-width:22px;padding:2px 6px;margin-left:4px}

/* type */
.g-h1{font:400 clamp(64px,9vw,136px)/.86 var(--f-display);margin:0;letter-spacing:-.01em;transform:rotate(-2deg);transform-origin:left}
.g-h1 span{display:block}
.g-h1--shop{font-size:clamp(52px,7vw,96px);transform:rotate(-1.5deg)}
.g-h1--pdp{font-size:clamp(48px,5.5vw,80px);transform:rotate(-1.5deg);margin:6px 0 18px}
.g-h1--pdp .g-heart,.g-h1--shop .g-heart{width:.55em;height:.55em}
.g-under{position:relative;width:max-content}
.g-under::after{content:"";position:absolute;left:4%;right:-2%;bottom:-.06em;height:.12em;background:var(--c-blue);border-radius:0;transform:rotate(-1.5deg)}
.g-h2{font:400 clamp(34px,3.6vw,52px)/1 var(--f-display);margin:0}
.g-h3{font:400 30px/1 var(--f-display);margin:0 0 12px}
.g-eyebrow{font:700 13px/1.2 var(--f-body);letter-spacing:.2em;text-transform:uppercase;margin:0 0 18px}
.g-tag{font:400 clamp(30px,3vw,44px)/1 var(--f-display);margin:34px 0 6px}
.g-sub{font-size:18px;margin:0 0 30px;max-width:40ch}
.g-lede{font-size:18px;line-height:1.55;max-width:44ch}
.g-pill{display:inline-flex;align-items:center;gap:10px;background:var(--c-fg);color:var(--c-cream);padding:16px 28px;border-radius:4px;text-decoration:none;font:700 14px/1 var(--f-body);letter-spacing:.14em;text-transform:uppercase;border:2.5px solid var(--c-fg);transition:transform .15s}
.g-pill:hover{transform:rotate(-2deg) scale(1.03)}
.g-pill--dark{background:var(--c-cream);color:var(--c-fg)}

/* hero */
.g-hero{background:var(--c-pink);border-bottom:2.5px solid var(--c-fg);overflow:hidden}
.g-hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.8fr) minmax(0,1fr);gap:28px;align-items:center;padding-top:56px;padding-bottom:56px}
.g-hero-tee{position:relative}
.g-hero-tee img{width:100%;transform:rotate(3deg);border:2.5px solid var(--c-fg);border-radius:4px;background:#fff}
.g-hero-art img{width:100%;border:2.5px solid var(--c-fg);border-radius:4px;transform:rotate(-2deg)}
.g-hero figcaption{margin-top:14px;color:var(--c-fg);opacity:.7}
.g-sticker{position:absolute;right:-18px;top:-26px;font:400 20px/1.05 var(--f-display);padding:16px 18px;border:2.5px solid var(--c-fg);border-radius:4px;transform:rotate(8deg);max-width:170px;text-align:center}
.g-sticker--yellow{background:var(--c-yellow)}

/* featured row */
.g-featured{padding:64px 0}
.g-sec-head{display:flex;align-items:center;gap:20px;margin-bottom:28px}
.g-rule{flex:1;height:2.5px;background:var(--c-fg);border-radius:2px}
.g-see{font:700 13px/1 var(--f-body);letter-spacing:.14em;text-transform:uppercase;text-decoration:none}
.g-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}
.g-card{display:block;text-decoration:none;color:var(--c-fg)}
.g-card-media{display:block;position:relative;border:2.5px solid var(--c-fg);border-radius:4px;overflow:hidden;background:#fff;transition:transform .2s}
.g-card:hover .g-card-media{transform:rotate(-1.5deg) translateY(-3px)}
.g-card--pink .g-card-media{background:var(--c-pink-soft)}.g-card--yellow .g-card-media{background:#fff6c4}.g-card--blue .g-card-media{background:#dfe6ff}
.g-card-media img{width:100%;aspect-ratio:1;object-fit:cover}
.g-card-tag{position:absolute;left:10px;top:10px;background:var(--c-fg);color:var(--c-cream);font:700 10px/1 var(--f-body);letter-spacing:.12em;text-transform:uppercase;padding:5px 8px;border-radius:4px}
.g-card-name{display:block;font:700 15px/1.2 var(--f-body);letter-spacing:.08em;text-transform:uppercase;margin-top:14px}
.g-card-meta{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:14px;margin-top:4px}
.g-dots{display:flex;gap:6px;margin-top:10px}
.g-dot{width:16px;height:16px;border-radius:50%;border:2px solid var(--c-fg);display:inline-block}
.seed-status{font-weight:700;letter-spacing:.08em;font-size:11px;color:var(--c-muted)}
.seed-status--preorder,.seed-status--available{color:var(--c-blue)}

/* blue band */
.g-band{background:var(--c-blue);color:#fff;border-top:2.5px solid var(--c-fg);border-bottom:2.5px solid var(--c-fg);padding:64px 0}
.g-band-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr) minmax(0,1fr);gap:36px;align-items:center}
.g-band-grid--story{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr)}
.g-band-title{font:400 clamp(38px,4vw,60px)/.95 var(--f-display);margin:0;background:#fff;color:var(--c-fg);padding:24px 26px;border:2.5px solid var(--c-fg);transform:rotate(-3deg);width:max-content;max-width:100%}
.g-band-title span{display:block}
.g-orange{color:var(--c-orange)}
.g-band img{width:100%;border:2.5px solid var(--c-fg);border-radius:4px}
.g-band figcaption{color:rgba(255,255,255,.8)}
.g-band-copy{background:var(--c-cream);color:var(--c-fg);border:2.5px solid var(--c-fg);border-radius:4px;padding:28px}
.g-band-copy p{margin:0 0 22px}

/* sketchbook */
.g-sketch{background:var(--c-yellow);padding:80px 0;border-bottom:2.5px solid var(--c-fg)}
.g-sketch-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:56px;align-items:center}
.g-taped{position:relative;transform:rotate(-2deg)}
.g-taped::before,.g-taped::after{content:"";position:absolute;width:110px;height:30px;background:rgba(255,159,202,.85);border:1.5px solid rgba(20,20,20,.25);top:-12px;z-index:1}
.g-taped::before{left:12%;transform:rotate(-8deg)}.g-taped::after{right:12%;transform:rotate(7deg)}
.g-taped img{width:100%;border:2.5px solid var(--c-fg);background:#fff}
.g-taped--tilt{transform:rotate(2deg)}
.g-focus{display:flex;gap:16px;align-items:center;background:var(--c-cream);border:2.5px solid var(--c-fg);border-radius:4px;padding:14px;margin:8px 0 26px;max-width:440px}
.g-focus-img{width:96px;height:96px;object-fit:cover;border-radius:4px;border:2px solid var(--c-fg)}
.g-focus-name{font:400 26px/1 var(--f-display);margin:0 0 6px}
.g-focus-price{font-size:14px;color:var(--c-muted);margin-left:8px}

/* shop */
.g-shop-hero{background:var(--c-pink);border-bottom:2.5px solid var(--c-fg);padding:56px 0 40px}
.g-chips{display:flex;flex-wrap:wrap;gap:10px}
.g-chip{background:var(--c-cream);border:2.5px solid var(--c-fg);border-radius:4px;padding:10px 18px;text-decoration:none;font:700 13px/1 var(--f-body);letter-spacing:.12em;text-transform:uppercase}
.g-chip:hover{background:var(--c-yellow)}
.g-cat{padding:56px 0 8px;scroll-margin-top:16px}
.g-cat .g-h2{margin-bottom:24px}
.g-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}

/* product */
.g-pdp{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:56px;padding:48px 32px}
.g-pdp-main img{width:100%;border:2.5px solid var(--c-fg);border-radius:4px;background:#fff}
.g-pdp-more{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}
.g-pdp-more img{width:100%;aspect-ratio:1;object-fit:cover;border:2.5px solid var(--c-fg);border-radius:4px;background:#fff}
.g-crumb{font:700 12px/1 var(--f-body);letter-spacing:.14em;text-transform:uppercase;margin:0 0 18px}
.g-crumb a{color:var(--c-muted)}
.g-pdp .seed-price{font:400 32px/1 var(--f-display)}
.g-pdp .seed-price--tba{color:var(--c-fg)}
.g-pdp .seed-status{background:var(--c-yellow);color:var(--c-fg);border:2px solid var(--c-fg);border-radius:4px;padding:6px 12px;transform:rotate(-2deg);display:inline-block}
.g-pdp .seed-size span{border:2.5px solid var(--c-fg);border-radius:4px;font-weight:700}
.g-pdp .seed-add-btn,.g-pdp .seed-notify button,.seed-checkout,.seed-lookup button{border-radius:4px;font-weight:700;border:2.5px solid var(--c-fg)}
.g-pdp .seed-add-btn:hover{background:var(--c-blue)}
.g-pdp .seed-notify-row input{border:2.5px solid var(--c-fg);border-radius:4px;padding:0 18px}
.g-values{list-style:none;padding:0;margin:30px 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.g-values li{border:2.5px solid var(--c-fg);border-radius:4px;padding:14px 10px;text-align:center;font:400 16px/1.1 var(--f-display);background:var(--c-pink-soft)}
.g-values li:nth-child(2){background:#fff6c4}.g-values li:nth-child(3){background:#dfe6ff}
.g-values .g-heart{display:block;margin:0 auto 8px;width:24px;height:24px}
.g-pdp-details .seed-details{border-color:var(--c-fg)}

/* story */
.g-story-hero{background:var(--c-pink-soft);border-bottom:2.5px solid var(--c-fg);padding:72px 0}
.g-story-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center}
.g-story-end{padding:56px 32px 0;text-align:center}

/* shared pages */
.seed-cart,.seed-orders,.seed-prose{padding:56px 32px 20px;max-width:1320px;margin:0 auto}
.seed-orders,.seed-prose{max-width:780px}
.seed-cart-title,.seed-orders h1,.seed-prose h1{font:400 clamp(44px,5vw,72px)/1 var(--f-display);margin:0 0 28px;transform:rotate(-1.5deg);transform-origin:left}
.seed-prose h2,.seed-orders h2{font:400 30px/1 var(--f-display);margin-top:36px}
.seed-cart-summary{border:2.5px solid var(--c-fg);border-radius:4px;background:var(--c-pink-soft)}
.seed-cart-ship{border:2px solid var(--c-fg);border-radius:4px;background:var(--c-yellow)}
.seed-cart-img{border:2px solid var(--c-fg);border-radius:4px}

/* footer */
.g-foot{background:var(--c-fg);color:var(--c-cream);padding:56px 0 40px;margin-top:80px}
.g-foot-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:32px}
.g-logo--foot{color:var(--c-cream)}
.g-foot-line{font:400 28px/1 var(--f-display);margin:22px 0 0;color:var(--c-pink)}
.g-foot nav a{display:block;text-decoration:none;margin-bottom:10px;font-weight:500}
.g-foot nav a:hover{text-decoration:underline;text-decoration-color:var(--c-pink)}
.g-fine{font-size:13px;opacity:.75;margin:0;line-height:1.7}
.page-home .g-foot{margin-top:0}

@media (max-width:1100px){.g-row{grid-template-columns:repeat(3,minmax(0,1fr))}.g-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:820px){
  .g-wrap,.g-pdp,.seed-cart,.seed-orders,.seed-prose{padding-left:16px;padding-right:16px}
  .g-head-row{height:70px}
  .g-logo-glb{font-size:32px}
  .g-nav{position:absolute;left:0;right:0;top:70px;flex-direction:column;align-items:stretch;gap:0;background:var(--c-cream);border-bottom:2.5px solid var(--c-fg);padding:8px 16px 20px}
  .g-nav a{padding:16px 0;border-bottom:2px dashed rgba(20,20,20,.2);font-size:15px}
  .g-nav .seed-bag{margin-top:14px;text-align:center;border-bottom:0}
  .seed-menu-toggle{font:700 13px/1 var(--f-body);letter-spacing:.12em;text-transform:uppercase}
  .g-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding-top:36px;padding-bottom:40px;gap:24px 18px}
  .g-hero-copy{grid-column:1/-1}
  .g-sticker{font-size:15px;right:-8px;top:-18px;padding:10px 12px;max-width:120px}
  .g-row,.g-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
  .g-band-grid,.g-band-grid--story,.g-sketch-grid,.g-pdp,.g-story-grid{grid-template-columns:minmax(0,1fr);gap:32px}
  .g-values{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);gap:6px}
  .g-values li{font-size:13px;padding:10px 6px}
  .g-foot-grid{grid-template-columns:minmax(0,1fr)}
}
.g-sketch .g-taped{max-width:460px;justify-self:center}
.g-story-grid .g-taped{max-width:420px;justify-self:center}
