/* Product archives in the GT Frame. Built by build_pa.py. Palette and width match /shop/. */
main.gpa-page{--canvas:#f5f6f1;--surface:#fff;--well:#eceee6;--ink:#111511;--body:#252a24;--muted:#495047;--hair:#dcdfd4;--hair-strong:#b9c0b1;--accent:#2f8a5b;--accent-strong:#1b6340;--accent-soft:color-mix(in srgb,#2f8a5b 10%,#fff);--sun:#f3c64a;--sun-ink:#2a2306;--btn:#111511;--btn-ink:#fff;--deep:#0f1b14;--deep-2:#15241b;--deep-ink:#f2f6f0;--deep-muted:#b6c4b8;--deep-hair:#2a3b30;--rail:max(12px,calc(50% - 731px));--wide:1366px;--pad:48px;
 position:relative;display:block;box-sizing:border-box;margin:0;padding:0;max-width:none;background-color:var(--canvas);color:var(--body);font-size:1rem;line-height:1.65;isolation:isolate;overflow:clip}
html[data-theme="dark"] main.gpa-page{--canvas:#0b100d;--surface:#131a15;--well:#18211b;--ink:#f2f6f0;--body:#dde4da;--muted:#b0bbae;--hair:#253028;--hair-strong:#3c4a3f;--accent:#5fc28e;--accent-strong:#86d9ad;--accent-soft:color-mix(in srgb,#5fc28e 14%,#131a15);--btn:#f2f6f0;--btn-ink:#0b100d}
@media(prefers-color-scheme:dark){html:not([data-theme]) main.gpa-page,html[data-theme="auto"] main.gpa-page{--canvas:#0b100d;--surface:#131a15;--well:#18211b;--ink:#f2f6f0;--body:#dde4da;--muted:#b0bbae;--hair:#253028;--hair-strong:#3c4a3f;--accent:#5fc28e;--accent-strong:#86d9ad;--accent-soft:color-mix(in srgb,#5fc28e 14%,#131a15);--btn:#f2f6f0;--btn-ink:#0b100d}}
@media(max-width:760px){main.gpa-page{--pad:20px}}
main.gpa-page *,main.gpa-page *::before,main.gpa-page *::after{box-sizing:border-box}
main.gpa-page :is(h1,h2,h3,p,ul,ol,dl,dd,figure){margin:0;padding:0}
main.gpa-page ul{list-style:none}
main.gpa-page a{color:var(--accent-strong);text-decoration:none;transition:color .22s cubic-bezier(.25,1,.5,1),background-color .22s cubic-bezier(.25,1,.5,1),border-color .22s cubic-bezier(.25,1,.5,1),transform .22s cubic-bezier(.25,1,.5,1)}
main.gpa-page :is(a,button):focus-visible{outline:3px solid var(--accent-strong);outline-offset:3px}
main.gpa-page svg{flex:none}
/* frame: rails + ruler ticks */
main.gpa-page::before,main.gpa-page::after{content:"";position:absolute;top:0;bottom:0;width:1px;background:var(--hair);z-index:3;pointer-events:none}
main.gpa-page::before{left:var(--rail)}main.gpa-page::after{right:var(--rail)}
@media(min-width:1530px){main.gpa-page{background-image:repeating-linear-gradient(to bottom,var(--hair-strong) 0 1px,transparent 1px 120px),repeating-linear-gradient(to bottom,var(--hair) 0 1px,transparent 1px 24px),repeating-linear-gradient(to bottom,var(--hair-strong) 0 1px,transparent 1px 120px),repeating-linear-gradient(to bottom,var(--hair) 0 1px,transparent 1px 24px);background-size:12px 100%,7px 100%,12px 100%,7px 100%;background-position:calc(50% - 761px) 0,calc(50% - 756px) 0,calc(50% + 761px) 0,calc(50% + 756px) 0;background-repeat:no-repeat}}
main.gpa-page>section,main.gpa-page>nav{position:relative;padding:88px calc(var(--rail) + var(--pad));border-top:1px solid var(--hair)}
main.gpa-page>section::before,main.gpa-page>section::after{content:"";position:absolute;top:-4px;width:7px;height:7px;border:1px solid var(--hair-strong);background:var(--canvas);border-radius:50%;z-index:4}
main.gpa-page>section::before{left:calc(var(--rail) - 3px)}main.gpa-page>section::after{right:calc(var(--rail) - 3px)}
main.gpa-page .gpa-wrap{max-width:var(--wide);margin-inline:auto}
main.gpa-page h1,main.gpa-page h2{font-weight:600;letter-spacing:0;text-wrap:balance}
main.gpa-page h2{font-size:clamp(1.75rem, 1.4rem + 1.1vw, 2.25rem);line-height:1.15;color:var(--ink)}
main.gpa-page .gpa-sub{display:block;color:var(--muted)}
/* buttons */
main.gpa-page .gpa-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:10px 20px;border-radius:4px;font-size:1rem;font-weight:600;line-height:1.3}
main.gpa-page .gpa-btn--sun{background:var(--sun);color:var(--sun-ink)}
main.gpa-page .gpa-btn--sun:hover{background:#f7d672;color:var(--sun-ink)}
main.gpa-page .gpa-btn--ghost{border:1px solid var(--deep-hair);background:rgba(242,246,240,.04);color:var(--deep-ink)}
main.gpa-page .gpa-btn--ghost:hover{border-color:var(--deep-muted);color:#fff}
main.gpa-page .gpa-btn--ink{background:var(--btn);color:var(--btn-ink)}
/* hero: contrast section, full bleed */
main.gpa-page>.gpa-hero{z-index:4;border-top:0;padding:72px calc(var(--rail) + var(--pad)) 0;background:radial-gradient(ellipse 50% 70% at 80% 40%,rgba(95,194,142,.16),transparent 70%),radial-gradient(circle at 1px 1px,rgba(242,246,240,.08) 1px,transparent 0) 0 0/22px 22px,var(--deep);color:var(--deep-ink)}
main.gpa-page>.gpa-hero::before,main.gpa-page>.gpa-hero::after{top:0;bottom:0;width:1px;height:auto;border:0;border-radius:0;background:var(--deep-hair);z-index:0}
main.gpa-page>.gpa-hero::before{left:var(--rail)}main.gpa-page>.gpa-hero::after{right:var(--rail)}
main.gpa-page .gpa-hero .gpa-wrap{position:relative;z-index:1}
main.gpa-page .gpa-hero :focus-visible{outline-color:var(--sun)}
.gpa-hero__grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:56px;align-items:center}
main.gpa-page .gpa-crumbs{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-bottom:28px;font-size:.875rem;color:var(--deep-muted)}
main.gpa-page .gpa-crumbs a{color:var(--deep-muted)}
main.gpa-page .gpa-crumbs a:hover{color:var(--sun)}
main.gpa-page .gpa-crumbs span{color:var(--deep-ink);font-weight:600}
main.gpa-page .gpa-crumbs svg{color:var(--deep-hair)}
main.gpa-page h1{font-size:clamp(2.75rem, 1.8rem + 3.6vw, 5rem);line-height:1;color:var(--deep-ink)}
main.gpa-page .gpa-dot{color:var(--sun)}
main.gpa-page h1 .gpa-sub{margin-top:14px;font-size:clamp(1.375rem, 1.1rem + .9vw, 1.875rem);line-height:1.2;color:var(--deep-muted)}
main.gpa-page .gpa-hero__lede{margin-top:22px;max-width:600px;font-size:1.1875rem;line-height:1.55;color:var(--deep-muted)}
.gpa-hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.gpa-hero__stack{position:relative;height:340px}
.gpa-hero__cover{position:absolute;top:50%;left:50%;width:210px;aspect-ratio:3/4;border-radius:10px;overflow:hidden;background:var(--deep-2);border:1px solid var(--deep-hair);box-shadow:0 28px 60px rgba(0,0,0,.5)}
.gpa-hero__cover img{display:block;width:100%;height:100%;object-fit:cover}
.gpa-hero__cover .gpa-card__initial{display:grid;place-items:center;width:100%;height:100%;font-size:3rem;font-weight:600;color:var(--sun)}
.gpa-hero__cover--1{z-index:3;transform:translate(-50%,-50%) rotate(-2deg)}
.gpa-hero__cover--2{z-index:2;transform:translate(-112%,-46%) rotate(-10deg) scale(.9)}
.gpa-hero__cover--3{z-index:1;transform:translate(12%,-44%) rotate(9deg) scale(.9)}
.gpa-hero__stack--1 .gpa-hero__cover--1{width:240px;transform:translate(-50%,-50%) rotate(-3deg)}
.gpa-hero__stack--2 .gpa-hero__cover--1{transform:translate(-80%,-50%) rotate(-5deg)}
.gpa-hero__stack--2 .gpa-hero__cover--2{transform:translate(-20%,-46%) rotate(6deg) scale(.92)}
main.gpa-page .gpa-hero__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:64px calc(-1 * var(--pad)) 0;border-top:1px solid var(--deep-hair)}
.gpa-hero__stats>div{padding:22px var(--pad) 26px}
.gpa-hero__stats>div+div{border-left:1px solid var(--deep-hair)}
.gpa-hero__stats dt{display:flex;align-items:center;gap:10px;font-size:.875rem;color:var(--deep-muted)}
.gpa-hero__stats dt svg{color:var(--sun)}
main.gpa-page .gpa-hero__stats dd{margin-top:6px;font-size:1.3125rem;font-weight:600;line-height:1.3;color:var(--deep-ink)}
.gpa-hero__stats dd small{display:block;margin-top:2px;font-size:.875rem;font-weight:400;color:var(--deep-muted)}
/* collection nav: sticky chip row */
main.gpa-page>.gpa-nav{position:sticky;top:var(--gpa-top,64px);z-index:5;padding:12px calc(var(--rail) + var(--pad));border-top:0;border-bottom:1px solid var(--hair);background:color-mix(in srgb,var(--canvas) 92%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.gpa-nav__row{display:flex;align-items:center;gap:8px;overflow-x:auto;scrollbar-width:thin;padding-bottom:2px}
main.gpa-page .gpa-chip{flex:none;display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:6px 14px;border:1px solid var(--hair-strong);border-radius:999px;background:var(--surface);color:var(--body);font-size:.875rem;font-weight:600;white-space:nowrap}
main.gpa-page .gpa-chip span{font-size:.75rem;font-weight:600;padding:1px 7px;border-radius:999px;background:var(--well);color:var(--muted)}
main.gpa-page .gpa-chip:hover{border-color:var(--ink);color:var(--ink)}
main.gpa-page .gpa-chip.is-on{background:var(--btn);border-color:var(--btn);color:var(--btn-ink)}
main.gpa-page .gpa-chip.is-on span{background:rgba(255,255,255,.18);color:var(--btn-ink)}
main.gpa-page .gpa-chip svg{color:var(--accent-strong)}
.gpa-nav__sep{flex:none;width:1px;height:24px;margin:0 6px;background:var(--hair-strong)}
/* catalog */
.gpa-catalog__head{display:flex;justify-content:space-between;align-items:end;gap:16px 32px;flex-wrap:wrap;margin-bottom:32px}
.gpa-filter{display:inline-flex;gap:4px;padding:4px;border:1px solid var(--hair);border-radius:10px;background:var(--well)}
main.gpa-page .gpa-filter button{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:6px 14px;border:0;border-radius:7px;background:none;color:var(--body);font:inherit;font-size:.875rem;font-weight:600;cursor:pointer}
main.gpa-page .gpa-filter button span{font-size:.75rem;color:var(--muted)}
main.gpa-page .gpa-filter button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px rgba(0,0,0,.12)}
.gpa-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.gpa-grid__item{min-width:0;margin:0}
.gpa-grid__item[hidden]{display:none!important}
main.gpa-page .gpa-card{display:flex;flex-direction:column;height:100%;border:1px solid var(--hair);border-radius:14px;background:var(--surface);color:var(--body);overflow:hidden}
main.gpa-page .gpa-card:hover{border-color:var(--ink);transform:translateY(-3px);box-shadow:0 22px 44px -32px rgba(0,0,0,.4);color:var(--body)}
.gpa-card__media{display:grid;place-items:center;aspect-ratio:16/10;background:var(--well);border-bottom:1px solid var(--hair);overflow:hidden}
.gpa-card__media img{display:block;width:100%;height:100%;object-fit:cover}
.gpa-card__initial{font-size:2.5rem;font-weight:600;color:var(--accent-strong)}
.gpa-card__body{display:flex;flex-direction:column;flex:1;padding:18px 20px 20px}
.gpa-card__type{align-self:flex-start;font-size:.75rem;font-weight:600;line-height:1.4;padding:2px 9px;border-radius:999px;background:var(--accent-soft);color:var(--accent-strong)}
.gpa-card--subscription .gpa-card__type{background:var(--sun);color:var(--sun-ink)}
.gpa-card__title{margin-top:10px;font-size:1.1875rem;line-height:1.3;font-weight:600;color:var(--ink);overflow-wrap:anywhere}
.gpa-card__desc{flex:1;margin-top:8px;font-size:.875rem;line-height:1.6;color:var(--muted)}
.gpa-card__foot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:16px;padding-top:14px;border-top:1px solid var(--hair)}
.gpa-card__price{display:inline-flex;align-items:baseline;flex-wrap:wrap;gap:0 2px;font-size:1rem;font-weight:600;color:var(--ink)}
.gpa-card__price *{font-size:inherit;margin:0}
.gpa-card__price>*{display:inline}
.gpa-card__price del{color:var(--muted);font-weight:400}
.gpa-card__go{display:inline-flex;align-items:center;gap:6px;font-size:.875rem;font-weight:600;color:var(--accent-strong)}
.gpa-card__go svg{transition:transform .22s cubic-bezier(.25,1,.5,1)}
main.gpa-page .gpa-card:hover .gpa-card__go svg{transform:translate(2px,-2px)}
main.gpa-page .gpa-catalog__status{margin-top:16px;font-size:.875rem;color:var(--muted)}
.gpa-empty{padding:40px;border:1px dashed var(--hair-strong);border-radius:14px;text-align:center}
main.gpa-page .gpa-empty p{margin-bottom:16px;color:var(--muted)}
.gpa-grid--single{grid-template-columns:minmax(0,880px)}
main.gpa-page .gpa-grid--single .gpa-card{flex-direction:row}
.gpa-grid--single .gpa-card__media{flex:0 0 42%;aspect-ratio:auto;min-height:280px;border-bottom:0;border-right:1px solid var(--hair)}
.gpa-grid--single .gpa-card__body{padding:28px}
.gpa-grid--single .gpa-card__title{font-size:1.5rem}
.gpa-grid--single .gpa-card__desc{font-size:1rem}
.gpa-card__per{margin-left:4px;font-weight:400;color:var(--muted)}
@media(max-width:700px){main.gpa-page .gpa-grid--single .gpa-card{flex-direction:column}.gpa-grid--single .gpa-card__media{flex:none;min-height:0;aspect-ratio:16/10;border-right:0;border-bottom:1px solid var(--hair)}}
/* more collections + help */
main.gpa-page .gpa-more h2{margin-bottom:24px;font-size:1.5rem}
.gpa-more__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.gpa-more__grid li{margin:0;min-width:0}
main.gpa-page .gpa-more__grid a{display:flex;align-items:center;gap:12px;height:100%;padding:16px;border:1px solid var(--hair);border-radius:12px;background:var(--surface);color:var(--body)}
main.gpa-page .gpa-more__grid a:hover{border-color:var(--ink);color:var(--body)}
.gpa-more__ic{display:flex;align-items:center;justify-content:center;flex:none;width:42px;height:42px;border-radius:10px;background:var(--accent-soft);color:var(--accent-strong)}
.gpa-more__grid a>span:nth-child(2){display:grid;gap:1px;flex:1;min-width:0}
.gpa-more__grid b{font-size:.9375rem;font-weight:600;color:var(--ink)}
.gpa-more__grid small,.gpa-help small{font-size:.8125rem;color:var(--muted)}
.gpa-more__grid a>svg{color:var(--muted)}
.gpa-help{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}
main.gpa-page .gpa-help a{display:flex;align-items:center;gap:14px;padding:16px 18px;border:1px dashed var(--hair-strong);border-radius:12px;color:var(--body)}
main.gpa-page .gpa-help a:hover{border-style:solid;border-color:var(--ink);color:var(--body)}
.gpa-help svg{color:var(--accent-strong)}
.gpa-help a>span{display:grid;gap:1px}
.gpa-help b{font-size:.9375rem;font-weight:600;color:var(--ink)}
/* reveal */
main.gpa-page .gpa-reveal .gpa-w{opacity:0;filter:blur(10px);transition:opacity .8s cubic-bezier(.25,1,.5,1),filter .8s cubic-bezier(.25,1,.5,1);transition-delay:calc(var(--i) * 60ms)}
main.gpa-page .gpa-reveal.is-in .gpa-w{opacity:1;filter:none}
/* responsive */
@media(max-width:1100px){.gpa-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gpa-more__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gpa-hero__grid{grid-template-columns:minmax(0,1fr);gap:40px}.gpa-hero__stack{height:300px}}
@media(max-width:700px){main.gpa-page>section{padding-block:64px}main.gpa-page>.gpa-hero{padding-top:48px}.gpa-grid,.gpa-more__grid,.gpa-help{grid-template-columns:minmax(0,1fr)}main.gpa-page .gpa-hero__stats{grid-template-columns:minmax(0,1fr)}.gpa-hero__stats>div+div{border-left:0;border-top:1px solid var(--deep-hair)}.gpa-hero__actions{flex-direction:column}.gpa-hero__stack{height:250px}.gpa-hero__cover{width:150px}.gpa-hero__stack--1 .gpa-hero__cover--1{width:170px}main.gpa-page .gpa-hero__lede{font-size:1rem}.gpa-filter{width:100%;overflow-x:auto}}
@media(prefers-reduced-motion:reduce){main.gpa-page *{transition:none!important}main.gpa-page .gpa-reveal .gpa-w{opacity:1;filter:none}}
