/** Shopify CDN: Minification failed

Line 247:35 Unexpected "30px"

**/
/** Shopify CDN: Minification failed

Line 242:35 Unexpected "30px"

**/
/* GraceYes — the .gy-static layer, carried over from the WordPress build.
   It is a second type scale, so it is loaded only on the content pages whose
   markup asks for it (page.content contains gy-static) and is scoped to that
   wrapper throughout. Nothing here leaks into the --gy-* system. */
.gy-static{--canvas:#FDFCF7;--card:#fff;--subtle:#F6F4EE;--sand:#EFEBE1;--dark:#1C1E1A;--ink:#1A1B18;--body:#5F6358;--quiet:#6F7368;--inverse:#F8F7F2;--wine:#5C2433;--wine-deep:#3F1722;--wine-soft:#F3E8EA;--green:#2B4436;--gold:#C29B38;--gold-text:#7A6122;--gold-soft:#F5EEDC;--hair:#EBE8DE;--rule:#DDD8CB;--border-active:#1A1B18;--dark-ink:#F8F7F2;--dark-body:#A2A69A;--dark-grid:#33362F;--display:var(--gy-display);--text:var(--gy-text);--h1:clamp(40px,2rem + 2.8vw,68px);--h2:clamp(32px,1.6rem + 1.7vw,50px);--h3:clamp(24px,1.2rem + .8vw,30px);--eyebrow:12px;--body-size:clamp(16px,.95rem + .2vw,17px);--pad:clamp(18px,3.5vw,48px);--max:1440px;--rhythm:clamp(56px,7vw,110px);--ease:cubic-bezier(.23,1,.32,1);--fast:.22s;--slow:.6s;--shadow:0 1px 2px rgba(26,27,24,.04),0 12px 32px -12px rgba(26,27,24,.14);--nav-h:72px;font-family:var(--gy-text);color:var(--ink);line-height:1.6}
.gy-static .wrap{max-width:var(--max);margin:0 auto;padding:0 var(--pad)} .gy-static .section{padding:var(--rhythm) 0} .gy-static h1,.gy-static h2,.gy-static h3{font-family:var(--gy-display);text-transform:none;letter-spacing:0;color:var(--ink)}
.gy-static .eyebrow{font-size:var(--eyebrow);letter-spacing:.22em;text-transform:uppercase;color:var(--gold-text);margin:0 0 10px} .gy-static .lede,.gy-static .gy-lede{font-size:clamp(17px,1rem + .4vw,20px);color:var(--body);max-width:60ch} .gy-static .gy-lede{margin:0 auto 34px;text-align:center}
.gy-static .btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border:1px solid var(--ink);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink);text-decoration:none} .gy-static .btn--wine{background:var(--wine);border-color:var(--wine);color:#fff} .gy-static .btn--ghost{background:none}
.gy-static a{color:inherit} .gy-static ul,.gy-static ol{padding-left:1.2em} .gy-static img{max-width:100%;height:auto}
.gy-static .wrap{max-width:var(--max);margin:0 auto;padding-left:var(--pad);padding-right:var(--pad)}
.gy-static .eyebrow{font-size:var(--eyebrow);letter-spacing:.28em;text-transform:uppercase;color:var(--gold-text);font-weight:500;margin:0 0 14px}
.gy-static .lede{color:var(--body);font-size:clamp(17px,1rem + .4vw,20px);line-height:1.6;font-weight:400}
.gy-static .h-section{font-size:var(--h2)}
.gy-static .centered{text-align:center}
.gy-static .sec-head{max-width:640px;margin:0 auto var(--h-gap,44px)}
.gy-static .sec-head.centered .lede{margin-top:12px}
.gy-static .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 32px;font-size:13px;letter-spacing:.18em;text-transform:uppercase;font-weight:500;border:1px solid var(--ink);background:var(--ink);color:#fff;transition:background var(--fast),color var(--fast),border-color var(--fast),transform var(--fast);white-space:nowrap}
.gy-static .btn:hover{background:var(--wine);border-color:var(--wine)}
.gy-static .btn:active{transform:scale(.97);transition-duration:.1s}
.gy-static .btn--wine{background:var(--wine);border-color:var(--wine)}
.gy-static .btn--wine:hover{background:var(--wine-deep);border-color:var(--wine-deep)}
.gy-static .btn--ghost{background:transparent;color:var(--ink)}
.gy-static .btn--ghost:hover{background:var(--ink);color:#fff}
.gy-static .link{font-size:13px;letter-spacing:.16em;text-transform:uppercase;font-weight:500;border-bottom:1px solid var(--gold);padding-bottom:3px;transition:color var(--fast),border-color var(--fast)}
.gy-static .link:hover{color:var(--wine);border-color:var(--wine)}
.gy-static .icon-btn .count.on{transform:scale(1)}
@media(max-width:767px){.gy-static .hero__copy .eyebrow{color:#fff;opacity:.85;margin-bottom:10px}.gy-static .hero__copy .btn{background:var(--wine);border-color:var(--wine);min-height:46px}}
.gy-static .section{padding:var(--rhythm) 0}
.gy-static .section--subtle{background:var(--subtle)}
.gy-static .section--dark{background:var(--dark);color:var(--dark-ink)}
.gy-static .section--dark .eyebrow{color:var(--gold)}
.gy-static .section--dark .lede{color:var(--dark-body)}
.gy-static .card__media img.alt{opacity:0}
@media(hover:hover){.gy-static .card:hover .card__media img.alt{opacity:1}}
.gy-static .card__wish.on{opacity:1;color:var(--wine);transform:none}
.gy-static .card__wish.on svg{fill:var(--wine)}
.gy-static .card__quick .btn{width:100%;min-height:46px;font-size:12px;background:rgba(26,27,24,.92);backdrop-filter:blur(6px)}
.gy-static .ynB{padding:var(--rhythm) 0;background:var(--canvas);border-top:1px solid var(--hair);border-bottom:1px solid var(--hair)}
.gy-static .ynB__head{text-align:center;max-width:640px;margin:0 auto 44px}
.gy-static .ynB__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,64px);max-width:1240px;margin:0 auto;position:relative}
.gy-static .ynB__grid::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:var(--hair)}
.gy-static .ynB__col h3{font-family:var(--display);font-size:clamp(40px,4.4vw,64px);font-weight:500;margin:0 0 6px;line-height:1}
.gy-static .ynB__col--yes h3{color:var(--green)}
.gy-static .ynB__col--no h3{color:var(--wine)}
.gy-static .ynB__col>p{color:var(--body);font-size:15.5px;margin:0 0 26px;max-width:38ch}
.gy-static .ynB__circles{display:grid;grid-template-columns:repeat(3,1fr);gap:18px 14px}
.gy-static .ynB__c{display:grid;justify-items:center;gap:10px;text-align:center;opacity:0;transform:translateY(12px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.gy-static .in .ynB__c{opacity:1;transform:none}
.gy-static .in .ynB__c:nth-child(2){transition-delay:.07s}
.gy-static .in .ynB__c:nth-child(3){transition-delay:.14s}
.gy-static .in .ynB__c:nth-child(4){transition-delay:.21s}
.gy-static .in .ynB__c:nth-child(5){transition-delay:.28s}
.gy-static .in .ynB__c:nth-child(6){transition-delay:.35s}
.gy-static .ynB__c .ring{width:100%;max-width:150px;aspect-ratio:1;border-radius:50%;overflow:hidden;border:1px solid var(--hair);padding:5px;background:var(--card);transition:border-color var(--fast)}
.gy-static .ynB__c .ring img{width:100%;height:100%;border-radius:50%;object-fit:cover;transition:transform 1.2s var(--ease)}
@media(hover:hover) and (pointer:fine){.gy-static .ynB__c:hover .ring{border-color:var(--gold)}.gy-static .ynB__c:hover .ring img{transform:scale(1.08)}}
.gy-static .ynB__c b{font-family:var(--display);font-size:20px;font-weight:500;position:relative}
.gy-static .ynB__c small{font-size: 13px;letter-spacing:.14em;text-transform:uppercase;color:var(--quiet)}
.gy-static .ynB__col--no .ring{border:1px solid var(--rule);background:var(--subtle);position:relative}
.gy-static .ynB__col--no .ring img{filter:grayscale(1) contrast(.95) brightness(1.04);opacity:.9}
.gy-static .ynB__col--no .ring i{position:absolute;right:14px;bottom:14px;width:28px;height:28px;border-radius:50%;background:var(--wine);color:#fff;font-style:normal;font-family:var(--text);font-weight:600;font-size:15px;display:grid;place-items:center;box-shadow:0 0 0 3px var(--canvas)}
@media(hover:hover) and (pointer:fine){.gy-static .ynB__col--no .ynB__c:hover .ring{border-color:var(--wine)}}
.gy-static .ynB__col--no b::after{content:"";position:absolute;left:-3%;right:-3%;top:54%;height:1.5px;background:var(--wine);transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease-io)}
.gy-static .in .ynB__col--no b::after{transform:scaleX(1)}
.gy-static .in .ynB__col--no .ynB__c:nth-child(1) b::after{transition-delay:.4s}
.gy-static .in .ynB__col--no .ynB__c:nth-child(2) b::after{transition-delay:.5s}
.gy-static .in .ynB__col--no .ynB__c:nth-child(3) b::after{transition-delay:.6s}
.gy-static .in .ynB__col--no .ynB__c:nth-child(4) b::after{transition-delay:.7s}
.gy-static .in .ynB__col--no .ynB__c:nth-child(5) b::after{transition-delay:.8s}
.gy-static .in .ynB__col--no .ynB__c:nth-child(6) b::after{transition-delay:.9s}
@media(max-width:800px){.gy-static .ynB__grid{grid-template-columns:1fr;gap:44px}.gy-static .ynB__grid::before{display:none}.gy-static .ynB__circles{gap:14px 8px}.gy-static .ynB__c b{font-size:18px}}
@media(prefers-reduced-motion:reduce){.gy-static .ynB__c,.gy-static .ynB__col--no b::after{transition:none}}
.gy-static .banner__card .eyebrow{color:#fff;opacity:.85}
.gy-static .banner__card .btn{background:var(--wine);border-color:var(--wine)}
.gy-static .banner__card .btn:hover{background:#fff;color:var(--ink);border-color:#fff}
.gy-static .split__txt .lede{margin:18px 0 30px}
.gy-static .news .btn{border:0}
.gy-static .phead .lede{max-width:60ch;margin:14px auto 0}
.gy-static .filters li a.on,.gy-static .filters li button.on{background:var(--ink);color:#fff}
.gy-static .filters li a.on small{color:rgba(255,255,255,.7)}
.gy-static .chips a.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.gy-static .buy .btn{min-height:56px;font-size:14px}
.gy-static .benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media(max-width:800px){.gy-static .benefits{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.gy-static .benefits{grid-template-columns:1fr}}
.gy-static .benefit{border:1px solid var(--hair);background:var(--card);padding:24px 22px;transition:border-color var(--fast),transform .4s var(--ease)}
.gy-static .benefit:hover{border-color:var(--gold);transform:translateY(-2px)}
.gy-static .benefit i{display:block;font-family:var(--display);font-style:italic;color:var(--gold-text);font-size:17px;margin-bottom:10px}
.gy-static .benefit b{display:block;font-family:var(--display);font-size:24px;font-weight:600;margin-bottom:8px;line-height:1.15}
.gy-static .benefit span{color:var(--body);font-size:15px;line-height:1.55;font-weight:400}
.gy-static .pdp-sec--dark .eyebrow{color:var(--gold)}
.gy-static .ff-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--dark-grid)}
@media(max-width:800px){.gy-static .ff-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.gy-static .ff-grid{grid-template-columns:1fr}}
.gy-static .ff{padding:24px 22px;border:1px solid var(--dark-grid);margin:-1px 0 0 -1px}
.gy-static .ff b{display:flex;gap:10px;align-items:center;font-family:var(--display);font-size:22px;font-weight:500;margin-bottom:8px}
.gy-static .ff b::before{content:"×";width:20px;height:20px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;font-size:13px;color:var(--gold);font-family:var(--text)}
.gy-static .ff span{color:#C4C8BC;font-size:15px;line-height:1.55;font-weight:400}
.gy-static .faqs details{border-bottom:1px solid var(--hair)}
.gy-static .faqs summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;padding:20px 0;font-family:var(--display);font-size:24px;font-weight:600}
.gy-static .faqs summary::-webkit-details-marker{display:none}
.gy-static .faqs summary::after{content:"+";font-size:24px;color:var(--gold);flex:none;transition:transform .3s var(--ease);font-family:var(--text)}
.gy-static .faqs details[open] summary::after{transform:rotate(45deg)}
.gy-static .faqs p{color:var(--body);font-weight:400;max-width:68ch;font-size:16.5px;padding-bottom:20px;margin:0;line-height:1.7}
.gy-static .stickybar.on{transform:none}
.gy-static .stickybar .wrap{display:flex;align-items:center;gap:16px;padding-top:10px;padding-bottom:10px}
.gy-static .stickybar .btn{min-height:44px;padding:0 22px}
.gy-static .prose{max-width:720px;margin:0 auto;font-size:17.5px;line-height:1.75;color:var(--ink);font-weight:400}
.gy-static .prose h2{font-size:clamp(26px,1.4rem + 1vw,36px);color:var(--ink);margin:2em 0 .6em;font-weight:500}
.gy-static .prose h2:first-child{margin-top:0}
.gy-static .prose h3{font-size:24px;color:var(--ink);margin:1.6em 0 .5em}
.gy-static .prose ul{padding-left:0;list-style:none;display:grid;gap:10px;margin:0 0 1.4em}
.gy-static .prose li{padding-left:22px;position:relative}
.gy-static .prose li::before{content:"";position:absolute;left:0;top:13px;width:8px;height:1px;background:var(--gold)}
.gy-static .prose a{border-bottom:1px solid var(--gold);color:var(--ink)}
.gy-static .prose .callout{border-left:2px solid var(--gold);padding:14px 22px;background:var(--subtle);margin:1.6em 0;font-size:15px}
.gy-static .prose table{width:100%;border-collapse:collapse;font-size:14px;margin:1.2em 0}
.gy-static .prose th,.gy-static .prose td{text-align:left;padding:12px 10px;border-bottom:1px solid var(--hair);vertical-align:top}
.gy-static .prose th{font-size: 12.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink);font-weight:600}
.gy-static .table-wrap{overflow-x:auto}
.gy-static .story-band{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;gap:0;margin:var(--rhythm) 0}
@media(max-width:800px){.gy-static .story-band{grid-template-columns:1fr}}
.gy-static .story-band img{width:100%;height:100%;min-height:100%;aspect-ratio:auto;object-fit:cover;display:block}
@media(max-width:800px){.gy-static .story-band img{height:auto;aspect-ratio:4/3}}
.gy-static .story-band div{padding:clamp(26px,5vw,70px);background:var(--subtle)}
.gy-static .story-band h2{font-size:var(--h2);font-weight:400;margin-bottom:14px}
.gy-static .story-band.flip img{order:2}
/* wpautop inserts an empty <p> between the img and the text card, which stole a grid cell and pushed the image under the card */
.gy-static .story-band>p:empty,.gy-static .story-band>br{display:none}
.gy-static .contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:50px}
@media(max-width:860px){.gy-static .contact-grid{grid-template-columns:1fr}}
.gy-static .contact-grid dl{display:grid;gap:18px;margin:0}
.gy-static .contact-grid dt{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-text);font-weight:500}
.gy-static .contact-grid dd{margin:4px 0 0;font-size:16px}
.gy-static .search .wrap{padding-top:60px;padding-bottom:60px;max-width:900px}
.gy-static .toast.on{opacity:1;transform:translate(-50%,0)}
.gy-static .story-hero{display:grid;grid-template-columns:minmax(330px,1fr) 1.6fr;gap:clamp(30px,6vw,90px);align-items:start;padding:clamp(40px,6vw,80px) 0}
@media(max-width:860px){.gy-static .story-hero{grid-template-columns:1fr;gap:30px}}
.gy-static .founder{display:grid;justify-items:center;text-align:center;gap:18px;position:sticky;top:calc(var(--nav-h) + 30px)}
@media(max-width:860px){.gy-static .founder{position:static}}
.gy-static .founder__pic{width:min(340px,80vw);aspect-ratio:1;border-radius:50%;padding:10px;border:1px solid var(--rule);background:var(--card);box-shadow:var(--shadow)}
.gy-static .founder__pic img{width:100%;height:100%;border-radius:50%;object-fit:cover}
.gy-static .founder img.sig{width:min(240px,60vw);height:auto;margin-top:6px}
/* name and role on ONE line: the old markup put the role in its own <small> under a 240px
   signature, which is what pushed "Founder & CEO" onto a second line at every width */
.gy-static .founder__name{margin:0;display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:4px 12px;font-family:var(--gy-display);font-size:22px;line-height:1.2;color:var(--ink)}
.gy-static .founder__name span{font-family:var(--gy-text);font-size:11.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--quiet);white-space:nowrap}
/* wpautop wraps the signature image in a bare <p>; promote that one back to a grid child, but
   NOT .founder__name — display:contents on it would spill the name and the role into separate
   grid cells, which is the two-line wrap all over again */
.gy-static .founder>p:not(.founder__name){margin:0;display:contents}
.gy-static .story-hero h1{font-size:clamp(48px,3rem + 2vw,84px);font-weight:400;line-height:1;margin-bottom:18px}
.gy-static .story-hero h1::after{content:"";display:block;width:64px;height:2px;background:var(--green);margin-top:22px}
.gy-static .story-hero .lede--i{font-family:var(--display);font-style:italic;font-size:clamp(22px,1.2rem + .8vw,30px);color:var(--body);line-height:1.45;margin:26px 0 30px;font-weight:400}
.gy-static .story-hero .prose{max-width:66ch;margin:0}
.gy-static .story-hero .prose p{color:var(--ink);font-size:17.5px}
.gy-static .story-hero .sign{margin-top:26px}
.gy-static .story-hero .sign img{width:220px;height:auto}
.gy-static .story-hero .sign small{display:block;font-size: 13px;letter-spacing:.3em;text-transform:uppercase;color:var(--quiet);margin-top:6px}
.gy-static .tl{padding:var(--rhythm) 0;background:var(--sand);border-top:1px solid var(--hair);border-bottom:1px solid var(--hair)}
.gy-static .tl__head{max-width:640px;margin-bottom:44px}
.gy-static .tl__head h2{font-size:var(--h2);font-weight:400}
.gy-static .tl__track{display:grid;grid-template-columns:repeat(5,1fr);position:relative;margin:0 0 30px}
.gy-static .tl__track::before{content:"";position:absolute;left:10%;right:10%;top:9px;height:1px;background:var(--gold);opacity:.6}
.gy-static .tl__step{display:grid;justify-items:center;text-align:center;gap:10px;padding:0 8px;cursor:pointer;background:none;border:0;font:inherit;color:inherit}
.gy-static .tl__dot{width:19px;height:19px;border-radius:50%;border:1.5px solid var(--gold);background:var(--sand);position:relative;z-index:1;transition:background .3s var(--ease),transform .3s var(--ease)}
.gy-static .tl__step[aria-selected=true] .tl__dot{background:var(--green);border-color:var(--green);transform:scale(1.15)}
.gy-static .tl__year{font-family:var(--display);font-size:22px;color:var(--body)}
.gy-static .tl__step[aria-selected=true] .tl__year{color:var(--ink);font-weight:600}
.gy-static .tl__blurb{font-size:13.5px;color:var(--body);max-width:22ch;line-height:1.5}
@media(max-width:860px){.gy-static .tl__track{grid-template-columns:1fr;gap:6px;padding-left:34px}.gy-static .tl__track::before{left:9px;right:auto;top:0;bottom:0;width:1px;height:auto}.gy-static .tl__step{grid-template-columns:auto 1fr;justify-items:start;text-align:left;gap:6px 16px;padding:10px 0}.gy-static .tl__dot{margin-left:-34px;grid-row:span 3}.gy-static .tl__blurb{max-width:none}}
.gy-static .tl__panel{background:var(--card);border:1px solid var(--hair);border-radius:14px;padding:clamp(28px,4vw,48px);display:none;box-shadow:var(--shadow)}
.gy-static .tl__panel.on{display:block;animation:tlin .5s var(--ease)}
.gy-static .tl__panel h3{font-size:clamp(26px,1.4rem + 1vw,36px);font-weight:400;margin-bottom:14px}
.gy-static .tl__panel p{color:var(--body);font-size:17px;line-height:1.7;max-width:74ch;margin:0}
.gy-static .tl__nav{display:flex;justify-content:space-between;margin-top:22px}
.gy-static .tl__nav button{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--body);border-bottom:1px solid var(--gold);padding-bottom:3px}
.gy-static .tl__nav button:hover{color:var(--wine)}
@media(prefers-reduced-motion:reduce){.gy-static .tl__panel.on{animation:none}}
.gy-static .studio{padding:var(--rhythm) 0}
/* the single studio photograph that replaced the two staged ones — 872px wide, so capped at
   its own size rather than stretched across 1400 and going soft */
.gy-static .studio__shot{margin:clamp(30px,4vw,52px) auto 0;max-width:872px}
.gy-static .studio__shot img{width:100%;height:auto;display:block;aspect-ratio:872/470;object-fit:cover}
.gy-static .studio__shot figcaption{margin-top:12px;font-size:14px;color:var(--quiet);max-width:60ch;text-align:left}
.gy-static .studio__grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:40px}
@media(max-width:700px){.gy-static .studio__grid{grid-template-columns:1fr}}
.gy-static .studio figure{margin:0;background:var(--card);border:1px solid var(--hair);border-radius:14px;overflow:hidden}
.gy-static .studio img{width:100%;aspect-ratio:16/10;object-fit:cover}
.gy-static .studio figcaption{padding:16px 20px;font-size:15px;color:var(--body);background:var(--sand)}
.gy-static .trio{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(24px,4vw,60px);padding:var(--rhythm) 0;border-top:1px solid var(--hair)}
@media(max-width:800px){.gy-static .trio{grid-template-columns:1fr;gap:30px}}
.gy-static .trio h3{font-size:clamp(26px,1.4rem + .8vw,34px);font-weight:400;margin-bottom:12px}
.gy-static .trio p{color:var(--body);font-size:16.5px;margin:0}
.gy-static .ing-hero{display:grid;grid-template-columns:repeat(6,1fr);gap:18px 14px;margin:40px 0 0}
@media(max-width:900px){.gy-static .ing-hero{grid-template-columns:repeat(3,1fr)}}
.gy-static .ygroup{padding:clamp(32px,4vw,56px) 0;border-top:1px solid var(--hair)}
.gy-static .ygroup__head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:end;margin-bottom:22px}
.gy-static .ygroup__head h2{font-size:clamp(26px,1.4rem + 1vw,38px);font-weight:400}
.gy-static .ygroup__head p{color:var(--body);margin:6px 0 0;max-width:60ch}
.gy-static .ygroup__count{font-family:var(--display);font-size:44px;line-height:1;color:var(--green);text-align:right}
.gy-static .ygroup__count small{display:block;font-family:var(--text);font-size: 12.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--quiet);margin-top:4px}
.gy-static .chipgrid{display:flex;flex-wrap:wrap;gap:8px}
.gy-static .chipgrid a,.gy-static .chipgrid span{border:1px solid var(--rule);border-radius:999px;padding:8px 14px;font-size:14px;background:var(--card);display:inline-flex;gap:8px;align-items:center;transition:border-color var(--fast),background var(--fast)}
.gy-static .chipgrid a:hover{border-color:var(--green);background:#EDF3EE}
.gy-static .chipgrid i{font-style:normal;font-size: 12.5px;color:var(--quiet)}
.gy-static .nocard{background:var(--card);border:1px solid var(--hair);padding:26px 24px;display:grid;gap:12px;position:relative}
.gy-static .nocard::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--wine)}
.gy-static .nocard h3{font-size:24px;font-weight:500;display:flex;gap:10px;align-items:center}
.gy-static .nocard h3::before{content:"×";width:22px;height:22px;border-radius:50%;background:var(--wine-soft);color:var(--wine);display:grid;place-items:center;font-family:var(--text);font-size:13px;font-weight:600;flex:none}
.gy-static .nocard dl{margin:0;display:grid;gap:9px}
.gy-static .nocard dt{font-size: 12.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--quiet);font-weight:600}
.gy-static .nocard dd{margin:2px 0 0;font-size:14.5px;color:var(--body);line-height:1.55}
.gy-static .nocard dd.alt{color:var(--green)}
.gy-static .nocard .n{font-size:12px;color:var(--quiet);border-top:1px solid var(--hair);padding-top:10px}
.gy-static .nocards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media(max-width:900px){.gy-static .nocards{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.gy-static .nocards{grid-template-columns:1fr}}
.gy-static .vision{background:var(--subtle);border-top:1px solid var(--hair);padding:var(--rhythm) 0}
.gy-static .vision__grid{display:grid;grid-template-columns:1fr 1.25fr;gap:clamp(30px,6vw,90px);align-items:start}
@media(max-width:900px){.gy-static .vision__grid{grid-template-columns:1fr}}
.gy-static .vision h2{font-size:var(--h2);font-weight:400;margin:0 0 22px}
.gy-static .vision__quote{margin:0;padding:26px 0 0 26px;border-left:2px solid var(--green);font-family:var(--display);font-size:clamp(21px,1.15rem + .7vw,27px);line-height:1.45;color:var(--ink);font-style:italic}
.gy-static .vision .prose{max-width:none;margin:0}
.gy-static .vision .prose h2{font-size:clamp(22px,1.2rem + .6vw,28px);margin:1.6em 0 .5em}
.gy-static .vision .prose h2:first-child{margin-top:0}
.gy-static .catband--dark .catband__txt h2,.gy-static .catband--dark .catband__txt .link{color:#FBF7EE}
.gy-static .catband--dark .eyebrow{color:var(--gold)}
.gy-static .catband--dark .catband__txt .link{border-color:var(--gold)}
.gy-static .catband__txt .link{align-self:flex-start}
/* --- WP-side adjustments --- */
.gy-static .tl__nav{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:26px;padding-top:18px;border-top:1px solid var(--hair)}
.gy-static .tl__nav button{appearance:none;background:none;border:0;padding:0;font:inherit;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink);cursor:pointer}
.gy-static .tl__nav button:hover{color:var(--wine)}
.gy-static .tl__nav button[hidden]{visibility:hidden;display:block}
body:has(.gy-static) .l-section--container.l-section--no-sidebar { max-width: none !important; padding-left: 0 !important; padding-right: 0 !important; } so the negative margin has nothing to cancel and every static
   page overflowed its viewport by 30px each side — only visible on narrow screens. */
body:has(.gy-static) article.c-post { margin-left: 0 !important; margin-right: 0 !important; }
body:has(.gy-static) .l-section--top-margin-60 { margin-top: 0 !important; }
.gy-static h1, .gy-static h2, .gy-static h3, .gy-static h4 { text-transform: none !important; letter-spacing: 0 !important; font-family: var(--gy-display) !important; }
.gy-static h2 { font-size: var(--h2) !important; font-weight: 400; line-height: 1.12; }
.gy-static h3 { font-size: var(--h3) !important; font-weight: 500; }
.gy-static p { font-size: var(--body-size); color: var(--body); }
.gy-static .gy-lede { padding: 34px var(--pad) 0; }
/* reveal-on-scroll states the static site set with JS: show everything immediately */
.gy-static .ynB__c, .gy-static .rv, .gy-static .rv-stagger > * { opacity: 1 !important; transform: none !important; }
.gy-static .ynB__col--no b::after { transform: scaleX(1) !important; }
/* timeline steps are <button>s: strip the theme's button chrome */
.gy-static .tl__step, .gy-static .tl__step:hover, .gy-static .tl__step:focus { all: unset; display: grid !important; gap: 6px; padding: 18px 14px 0 !important; cursor: pointer; text-align: left; background: none !important; color: var(--ink) !important; border: 0 !important; box-shadow: none !important; font-size: 14px !important; line-height: 1.4 !important; letter-spacing: 0 !important; text-transform: none !important; min-height: 0 !important; height: auto !important; }
.gy-static .tl__step * { color: inherit; }
.gy-static .tl__year { font-family: var(--gy-display); font-size: 20px; color: var(--ink); }
.gy-static .tl__blurb { font-size: 13px; color: var(--body); text-transform: none; letter-spacing: 0; line-height: 1.45; }
.gy-static .tl__track { display: grid; grid-template-columns: repeat(5, 1fr); gap: 12px; background: none !important; padding: 0 !important; border-top: 1px solid var(--rule); }
.gy-static .tl__dot { display: block; width: 10px; height: 10px; border-radius: 50%; background: var(--rule); margin-top: -6px; transition: background .22s, transform .22s; }
.gy-static .tl__step[aria-selected="true"] .tl__dot { background: var(--green); transform: scale(1.3); }
.gy-static .tl__step[aria-selected="true"] .tl__year { font-weight: 600; }
.gy-static .tl__step[aria-selected="false"] .tl__year, .gy-static .tl__step[aria-selected="false"] .tl__blurb { opacity: .55; }
.gy-static .tl__panel { margin-top: 22px !important; }

/* --- Timeline fix (Sep 2026) ---------------------------------------------
   One line only (the old gold ::before and the later border-top were both
   drawing), dots sit on that line, and each dot belongs to its own year.
   On phones the steps stack vertically so every tap target is a full row. */
.gy-static .tl .tl__track{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0 12px;position:relative;margin:0 0 30px;padding:0 !important;border-top:0 !important;background:none !important}
.gy-static .tl .tl__track::before{content:"";position:absolute;top:5px;left:5px;right:calc((100% - 48px) / 5 - 6px);bottom:auto;width:auto;height:1px;background:var(--gold);opacity:.55}
.gy-static .tl .tl__step,.gy-static .tl .tl__step:hover,.gy-static .tl .tl__step:focus,.gy-static .tl .tl__step:active{position:relative;display:grid !important;grid-template-columns:minmax(0,1fr) !important;justify-items:start;align-content:start;text-align:left;gap:8px;padding:0 !important;min-width:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.gy-static .tl .tl__dot{position:relative;z-index:1;display:block;width:11px;height:11px;margin:0 !important;box-sizing:border-box;border-radius:50%;border:1.5px solid var(--gold);background:var(--sand);grid-row:auto !important;transition:background .22s,border-color .22s,transform .22s}
.gy-static .tl .tl__step[aria-selected="true"] .tl__dot{background:var(--green);border-color:var(--green);transform:scale(1.3)}
.gy-static .tl .tl__year{margin-top:6px;line-height:1.3}
.gy-static .tl .tl__step:active,.gy-static .tl .tl__step:hover{transform:none !important}
.gy-static .tl .tl__step:focus-visible{outline:2px solid var(--gold);outline-offset:6px;border-radius:4px}
@media (max-width:860px){
  .gy-static .tl .tl__track{grid-template-columns:minmax(0,1fr);gap:0}
  .gy-static .tl .tl__track::before{top:26px;bottom:26px;left:5px;right:auto;width:1px;height:auto}
  .gy-static .tl .tl__step,.gy-static .tl .tl__step:hover,.gy-static .tl .tl__step:focus,.gy-static .tl .tl__step:active{padding:12px 0 12px 30px !important;gap:2px}
  .gy-static .tl .tl__dot{position:absolute;left:0;top:19px}
  .gy-static .tl .tl__step[aria-selected="true"] .tl__dot{transform:scale(1.3)}
  .gy-static .tl .tl__year{margin-top:0}
  .gy-static .tl .tl__blurb{max-width:none}
}

/* 26 Sep 2026: stop No-list cards overflowing on phones (1fr kept a min-content width). */
.gy-static .nocards{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:900px){.gy-static .nocards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.gy-static .nocards{grid-template-columns:minmax(0,1fr)}}
.gy-static .nocard{min-width:0}
.gy-static .nocard .alias{white-space:normal;overflow-wrap:anywhere}
.gy-static .nocard .alias span{max-width:100%;white-space:normal}