/* gc-v1.2 → gc-v1.5 · home (sections kept from gc-v1.2; gc15.css restyles them). Loaded after style.css, v3.css, home32.css (its card frames are reused) and gc-vars.css.
   Sections: 1 hero · bridge · 2 Series (four columns) · 3 all pieces (grid) · 4 Carry/Give · 5 how a piece begins · 6 before you choose. */

.gc-home{background:var(--paper)}

/* ═══ 1 hero ═══════════════════════════════════════════════════════ */
.gh{position:relative;height:100vh;min-height:700px;max-height:1060px;overflow:hidden;background:var(--paper)}
.gh>.var{height:100%}
.hs,.hx,.hpx{position:relative;height:100%}
.gh-eb{display:inline-flex;align-items:center;gap:12px;color:var(--mute);font-size:10px;opacity:0;animation:gh-fade .9s .85s forwards}
.gh-eb i{flex:none;width:7px;height:7px;border-radius:50%;background:var(--verm)}
.gh-eb:hover{color:var(--ink)}
.gh-sub{max-width:23em;font-family:"Sentient",serif;font-weight:300;font-size:clamp(17px,1.32vw,20px);line-height:1.5;color:var(--ink2);
  opacity:0;transform:translateY(12px);animation:gh-in 1s .95s var(--ease) forwards}
.gh-cta{display:flex;align-items:center;gap:28px;opacity:0;transform:translateY(12px);animation:gh-in 1s 1.1s var(--ease) forwards}
.gh-photo{position:absolute;top:0;right:0;bottom:0;width:57vw;margin:0;overflow:hidden;background:#0b0a09;
  clip-path:inset(0 0 0 100%);animation:gh-wipe 1.5s cubic-bezier(.77,0,.18,1) .05s forwards}
.gh-ph{position:absolute;inset:0;display:block}
.gh-ph img{width:100%;height:100%;object-fit:cover;transform:scale(1.14);animation:gh-zoom 2.6s cubic-bezier(.2,.7,.1,1) .05s forwards}
.gh-photo::before{content:"";position:absolute;z-index:1;inset:0 0 auto 0;height:150px;background:linear-gradient(180deg,rgba(11,10,9,.55),transparent);pointer-events:none}
.gh-photo::after{content:"";position:absolute;z-index:1;inset:auto 0 0 0;height:26%;background:linear-gradient(0deg,rgba(11,10,9,.5),transparent);pointer-events:none}
.gh-photo figcaption{position:absolute;z-index:2;right:2.4vw;bottom:4.6vh;color:#e9e1d3;font-size:9px;opacity:0;animation:gh-fade 1s 1.5s forwards}
.gh .ln{display:block;overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em}
.gh .ln>span{display:block;transform:translateY(110%);animation:gh-up 1.2s cubic-bezier(.2,.75,.1,1) .3s forwards}
.gh .ln+.ln>span{animation-delay:.42s}
.gh h1 em{color:var(--em)}
@keyframes gh-fade{to{opacity:1}}
@keyframes gh-in{to{opacity:1;transform:none}}
@keyframes gh-up{to{transform:none}}
@keyframes gh-wipe{to{clip-path:inset(0)}}
@keyframes gh-zoom{to{transform:scale(1)}}

/* A · split, two lines, quieter */
.hs-rules{position:absolute;left:0;top:0;bottom:0;width:43vw;pointer-events:none;opacity:0;
  background:repeating-linear-gradient(to right,transparent 0,transparent calc(var(--col) - 1px),var(--rule) calc(var(--col) - 1px),var(--rule) var(--col));
  -webkit-mask-image:linear-gradient(180deg,transparent,#000 18%,#000 82%,transparent);mask-image:linear-gradient(180deg,transparent,#000 18%,#000 82%,transparent);
  animation:gh-fade 1.8s .3s forwards}
.hs-text{position:absolute;z-index:3;left:var(--col);top:53%;transform:translateY(-50%);width:calc(43vw - var(--col) - 4vw)}
.hs-h{margin-top:26px;font-size:clamp(48px,4.9vw,84px);line-height:1.02;letter-spacing:-.034em}
.hs-h .ln>span{white-space:nowrap}
.hs-text .gh-sub{margin-top:28px}
.hs-text .gh-cta{margin-top:36px}
.hs-down{position:absolute;z-index:3;left:var(--col);bottom:5vh;display:block;width:1px;height:56px;background:rgba(29,25,21,.16);overflow:hidden}
.hs-down i{position:absolute;left:0;top:0;width:1px;height:20px;background:var(--ink);animation:gh-drop 2.4s 1.8s cubic-bezier(.65,0,.2,1) infinite}
@keyframes gh-drop{0%{transform:translateY(-22px)}70%,100%{transform:translateY(62px)}}

/* B · one line across the photograph: ink on paper, paper on the photograph */
.hx-photo::after{height:46%;background:linear-gradient(0deg,rgba(11,10,9,.72),transparent)}
.hx-top{position:absolute;z-index:3;left:var(--col);top:24vh;width:calc(43vw - var(--col) - 5vw)}
.hx-top .gh-sub{margin-top:22px}
.hx-top .gh-cta{margin-top:30px}
.hx-h{position:absolute;z-index:3;left:var(--col);bottom:9vh;margin:0;font-size:clamp(58px,6.4vw,116px);line-height:1;letter-spacing:-.035em;white-space:nowrap}
.hx-l{display:block;opacity:0;transform:translateY(24px);animation:gh-in 1.3s .35s cubic-bezier(.2,.75,.1,1) forwards}
.hx-l.ink{color:var(--ink);clip-path:inset(-30% calc(100% - (43vw - var(--col))) -30% 0)}
.hx-l.lt{position:absolute;left:0;top:0;color:#f6f0e6;clip-path:inset(-30% 0 -30% calc(43vw - var(--col)))}
.hx-l.lt em{color:#f0bfae}

/* C · a framed print on the paper */
.hp-text{position:absolute;z-index:3;left:var(--col);top:52%;transform:translateY(-50%);width:44vw}
.hp-h{margin-top:26px;font-size:clamp(56px,5.8vw,98px);line-height:1.02;letter-spacing:-.036em}
.hp-text .gh-sub{margin-top:28px}
.hp-text .gh-cta{margin-top:36px}
.hp-print{position:absolute;z-index:2;right:var(--col);top:13vh;bottom:12vh;width:min(34vw,560px);margin:0;
  opacity:0;transform:translateY(30px);animation:gh-in 1.5s .1s cubic-bezier(.2,.75,.1,1) forwards}
.hp-frame{position:absolute;inset:0;display:block;overflow:hidden;background:#0b0a09;box-shadow:0 0 0 14px #fbf7ef,0 0 0 15px rgba(29,25,21,.08),0 70px 90px -40px rgba(40,26,14,.5)}
.hp-print figcaption{position:absolute;left:-15px;top:calc(100% + 30px);display:flex;gap:16px;color:var(--mute);font-size:9px}
.hp-print figcaption b{font-weight:400;color:var(--ink)}

/* ═══ bridge ═══════════════════════════════════════════════════════ */
.gb{padding:15vh var(--col) 12vh;background:var(--paper)}
.gb-c{max-width:880px;margin:0 auto;text-align:center}
.gb-eb{display:inline-flex;align-items:center;gap:12px;color:var(--mute);font-size:10px}
.gb-eb i{width:7px;height:7px;border-radius:50%;background:var(--verm)}
.gb-h{margin-top:22px;font-size:clamp(38px,3.9vw,62px);line-height:1.08;letter-spacing:-.025em}
.gb-h em{color:var(--em)}
.gb-h .w{display:inline-block;opacity:0;transform:translateY(.42em);filter:blur(7px);
  transition:opacity .9s var(--ease) calc(var(--i) * 55ms),transform 1.1s var(--ease) calc(var(--i) * 55ms),filter 1.1s var(--ease) calc(var(--i) * 55ms)}
.gb-c.in .gb-h .w{opacity:1;transform:none;filter:none}
.gb-t{max-width:31em;margin:26px auto 0;font-family:"Sentient",serif;font-weight:300;font-size:clamp(18px,1.4vw,21px);line-height:1.55;color:var(--ink2);
  opacity:0;transform:translateY(12px);transition:opacity 1s var(--ease) .7s,transform 1s var(--ease) .7s}
.gb-c.in .gb-t{opacity:1;transform:none}
.gb-line{display:block;width:1px;height:58px;margin:42px auto 0;background:var(--ink);opacity:.35;transform:scaleY(0);transform-origin:top;
  transition:transform 1.3s var(--ease-io) 1.05s}
.gb-c.in .gb-line{transform:none}

/* ═══ 2 Series · four columns ══════════════════════════════════════ */
.fc{--sa:#a8402c;--sa-soft:#f1e3d8;padding:15vh var(--col) 13vh;background:color-mix(in srgb,var(--sa-soft) 58%,var(--paper));transition:background .6s}
.fc .gf-no,.fc .gf-path .mono{color:var(--sa)}
.fc .gf-title{font-size:clamp(44px,4.3vw,72px);line-height:.98;letter-spacing:-.028em;margin-top:20px}
.fc .gf-title em{color:color-mix(in srgb,var(--sa) 82%,#1d1915)}
.fc-head{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:6vw;align-items:end;margin-bottom:9vh}
.fc-side{display:flex;flex-direction:column;align-items:flex-end;text-align:right}
.fc-begins{display:flex;flex-direction:column;align-items:flex-end;gap:6px;margin-bottom:26px}
.fc-begins span{font-size:9.5px;color:var(--mute)}
.fc-begins b{font:italic 300 clamp(24px,2vw,32px)/1 "Sentient",serif;letter-spacing:-.01em;text-transform:none;color:var(--sa)}
.fc-side .gf-cta{justify-content:flex-end;margin-top:0}
.fc-side .gf-path{margin-top:18px}
.fc-cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.fc-col{position:relative;padding:4px 26px 12px;opacity:0;transform:translateY(26px);
  transition:opacity 1s var(--ease) calc(var(--d) * .13s),transform 1s var(--ease) calc(var(--d) * .13s)}
.fc-col::before{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background:rgba(29,25,21,.14);transform:scaleY(0);transform-origin:top;
  transition:transform 1.4s var(--ease-io) calc(var(--d) * .13s)}
.fc-col:last-child::after{content:"";position:absolute;right:0;top:0;bottom:0;width:1px;background:rgba(29,25,21,.14);transform:scaleY(0);transform-origin:top;transition:transform 1.4s var(--ease-io) .45s}
.fc.in .fc-col{opacity:1;transform:none}
.fc.in .fc-col::before,.fc.in .fc-col::after{transform:none}
.fc-k{display:flex;align-items:center;gap:10px;color:var(--mute);font-size:9.5px}
.fc-k i{width:7px;height:7px;border-radius:50%;background:var(--sa)}
.fc-col h3{margin-top:20px;font-size:clamp(21px,1.6vw,26px);line-height:1.15;letter-spacing:-.01em}
.fc-poem{writing-mode:vertical-rl;height:206px;margin-top:28px;font-size:18px;line-height:2.15;letter-spacing:.22em;color:var(--ink)}
.fc-src{margin-top:12px;font-size:9px;line-height:1.5;color:var(--mute);text-transform:none;letter-spacing:.06em}
.fc-t{margin-top:18px;font-size:14px;line-height:1.6;color:var(--ink2)}
.fc-big{margin-top:26px;font-family:"Sentient",serif;font-weight:300;font-size:clamp(20px,1.55vw,24px);line-height:1.42;color:var(--ink)}
.fc-thought{margin-top:28px;padding-left:18px;border-left:2px solid var(--sa);font:italic 300 clamp(23px,1.95vw,31px)/1.22 "Sentient",serif;color:var(--ink)}
.fc-img{position:relative;margin-top:24px;overflow:hidden;background:#0b0a09}
.fc-img img{width:100%;height:100%;object-fit:cover;transition:transform 1.6s var(--ease)}
.fc-col:hover .fc-img img{transform:scale(1.035)}
.fc-img.wide{aspect-ratio:3/2;background:#efe8dc}
.fc-img.sq{aspect-ratio:1;background:#efe8dc}
.fc-fig{margin:0}
.fc-fig+.fc-fig{margin-top:-6px}
.fc-fig figcaption{margin-top:8px;font-size:11.5px;line-height:1.45;color:var(--mute)}
.fc-pin{position:absolute;z-index:2;display:grid;place-items:center;width:26px;height:26px;margin:-13px 0 0 -13px;border-radius:50%;
  background:rgba(251,247,239,.95);color:var(--ink);font:500 11px "Switzer",sans-serif;box-shadow:0 6px 16px rgba(0,0,0,.3);transition:background .3s,color .3s,transform .4s}
.fc-pin::before{content:"";position:absolute;inset:-7px;border-radius:50%;border:1px solid rgba(251,247,239,.7);animation:pin-pulse 2.8s ease-out infinite}
.fc-pin.hot{background:var(--sa);color:#fff;transform:scale(1.12)}
@keyframes pin-pulse{0%{transform:scale(.7);opacity:1}100%{transform:scale(1.5);opacity:0}}
.fc-notes{margin-top:14px}
.fc-notes li{display:grid;grid-template-columns:24px 1fr;gap:8px;padding:8px 0;border-top:1px solid rgba(29,25,21,.12);font-size:13px;line-height:1.45;color:var(--ink2);transition:color .3s}
.fc-notes li span{display:grid;place-items:center;width:18px;height:18px;border:1px solid currentColor;border-radius:50%;font-size:10px}
.fc-notes li.hot{color:var(--ink)}
.fc-notes li.hot span{background:var(--sa);border-color:var(--sa);color:#fff}
.fc-q{margin-top:26px;font:italic 300 clamp(28px,2.3vw,36px)/1.12 "Sentient",serif;color:var(--ink)}
.fc-zh{display:block;margin-top:12px;font-style:normal;font-size:16px;letter-spacing:.32em;color:var(--mute)}
.fc .gf-sample{margin-top:6vh}

/* the one-piece note */
.gf-onewrap{position:relative;display:inline-block}
.gf-one{position:absolute;right:0;top:calc(100% + 12px);z-index:6;width:310px;padding:16px 18px;background:var(--card);text-align:left;
  box-shadow:0 26px 56px -22px rgba(40,26,14,.45);font-size:13.5px;line-height:1.5;color:var(--ink2);opacity:0;transform:translateY(-6px);transition:opacity .35s,transform .35s var(--ease)}
.gf-one.open{opacity:1;transform:none}
.gf-one b.mono{display:block;margin-bottom:6px;font-weight:400;font-size:9.5px;color:var(--sa,var(--verm))}
.gf-one em{display:flex;gap:8px;align-items:flex-start;margin-top:10px;font-style:normal;font-size:11.5px;line-height:1.45;color:var(--mute)}
.gf-one em .chip{flex:none}

/* ═══ 3 all pieces · grid ══════════════════════════════════════════ */
.gpcs{padding:16vh 0 15vh;background:var(--paper)}
.gpcs .gp-head{padding:0 var(--col);margin-bottom:8vh}
.gc-ph{position:absolute;z-index:3;left:12px;top:12px;padding:5px 9px;background:rgba(251,247,239,.92);color:var(--ink2);font-size:8.5px}
.gc-series{position:absolute;z-index:3;right:12px;top:12px;padding:5px 9px;background:var(--verm);color:#fff;font-size:8.5px}
.pg{padding:0 var(--col)}
.pg-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:58px 26px}
.pg-c{opacity:0;transform:translateY(34px);transition:opacity 1s var(--ease) calc(var(--d) * .09s),transform 1s var(--ease) calc(var(--d) * .09s)}
.pg-c.in{opacity:1;transform:none}
.pg-c.pg-x{display:none}
.pg.open .pg-c.pg-x{display:block}
.pg .gc-frame{height:auto}
.pg-c>a{display:block}
.pg-foot{display:flex;justify-content:center;align-items:center;gap:30px;margin-top:70px}

/* ═══ 4 Carry / Give · two columns ═════════════════════════════════ */
.gw{padding:17vh var(--col) 15vh;background:var(--paper2)}
.gw-head{max-width:860px;margin:0 auto 9vh;text-align:center}
html[data-wh="left"] .gw-head{margin-left:0;text-align:left}
.gw-head .mono{color:var(--mute)}
.gw-head h2{margin-top:22px;font-size:clamp(44px,4.6vw,78px);line-height:.98;letter-spacing:-.028em}
.gw-lead{margin:22px auto 0;max-width:26em;font-family:"Sentient",serif;font-weight:300;font-size:clamp(18px,1.45vw,22px);line-height:1.4;color:var(--ink2)}
html[data-wh="left"] .gw-lead{margin-left:0}
.gw-lab{color:var(--mute)}
.gw-line{margin-top:16px;max-width:27em;font-size:16px;line-height:1.6;color:var(--ink2)}
.gw-foot{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:28px}
.gw-wk{color:var(--mute);font-size:9px}
.gw-a{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(6,auto);column-gap:var(--col)}
.gw-side{display:grid;grid-row:span 6;grid-template-rows:subgrid}
.gw-side figure{margin:0 0 30px;aspect-ratio:5/4;overflow:hidden;background:#0b0a09}
.gw-side figure img{width:100%;height:100%;object-fit:cover;transition:transform 1.8s var(--ease)}
.gw-side:hover figure img{transform:scale(1.035)}
.gw-side h3{margin-top:14px;font-size:clamp(34px,3vw,50px);line-height:1.02;letter-spacing:-.02em}
.gw-themes{margin-top:30px;border-top:1px solid var(--ink)}
.gw-themes a{display:flex;align-items:center;min-height:66px;padding:12px 0;border-bottom:1px solid var(--line);font-family:"Sentient",serif;font-weight:300;font-size:20px}
.gw-th{flex:none;width:0;height:38px;margin-right:0;overflow:hidden;border-radius:50%;transition:width .5s var(--ease),margin .5s var(--ease)}
.gw-th img{width:38px;height:38px;border-radius:50%;object-fit:cover}
.gw-themes a:hover .gw-th{width:38px;margin-right:16px}
.gw-tt{flex:1}
.gw-themes a i{font-style:normal;font-size:15px;opacity:.4;transition:opacity .4s,transform .4s}
.gw-themes a:hover i{opacity:1;transform:translateX(5px)}

/* ═══ 5 how a piece begins ═════════════════════════════════════════ */
.gm{padding:17vh var(--col) 15vh;background:var(--paper)}
.gm-head2{max-width:900px;margin:0 auto;text-align:center}
.gm-title{font-size:clamp(52px,5.4vw,92px);line-height:.98;letter-spacing:-.032em}
.gm-title em{color:var(--em)}
.gm-lead{max-width:27em;margin:26px auto 0;font-family:"Sentient",serif;font-weight:300;font-size:clamp(19px,1.6vw,24px);line-height:1.42;color:var(--ink2)}
.gm-head2>.lnk{display:inline-block;margin-top:28px}
.gm-steps2{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 3.2vw;margin-top:10vh;text-align:center}
.gm-step2{opacity:0;transform:translateY(24px);transition:opacity 1s var(--ease) calc(var(--d) * .14s),transform 1s var(--ease) calc(var(--d) * .14s)}
.gm-step2.in{opacity:1;transform:none}
.gm-step2>.mono{margin-top:28px;color:var(--verm)}
.gm-step2 h3{margin-top:12px;font-size:clamp(22px,1.8vw,29px);line-height:1.14;letter-spacing:-.01em}
.gm-st{max-width:23em;margin:12px auto 0;font-size:14px;line-height:1.55;color:var(--mute)}
html[data-mi="none"] .gm-step2>.mono{margin-top:0}
.gm-pic{position:relative;aspect-ratio:4/3;overflow:hidden;background:#0b0a09}
.gm-pic>img{width:100%;height:100%;object-fit:cover;transform:scale(1.06);transition:transform 1.8s var(--ease)}
.gm-step2.in .gm-pic>img{transform:none}
.gm-pic em,.gm-tile em{position:absolute;left:0;right:0;bottom:0;padding:26px 12px 9px;background:linear-gradient(0deg,rgba(11,10,9,.55),transparent);
  color:#efe7d8;font:400 8.5px "FragmentMono",monospace;letter-spacing:.12em;text-transform:uppercase;text-align:left}
.gm-pic.mosaic{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:6px;background:transparent}
.gm-tile{position:relative;min-height:0;overflow:hidden;background:#0b0a09}
.gm-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease)}
.gm-tile:hover img{transform:scale(1.05)}
.gm-tile.gm-tpoem{display:grid;place-items:center;background:var(--card);box-shadow:inset 0 0 0 1px var(--line)}
.gm-tile.gm-tpoem .zh{writing-mode:vertical-rl;font-size:15px;letter-spacing:.24em;line-height:2}
.gm-tile.gm-tpoem em{background:none;color:var(--mute)}
.gm-pic.art{background:transparent;box-shadow:inset 0 0 0 1px var(--line)}
.gm-pic.art svg{display:block;width:100%;height:100%}
.la-d,.la-c,.la-cord,.la-gap,.la-wave,.la-tick{fill:none;stroke:var(--ink);stroke-width:1.1;stroke-linecap:round}
.la-b{fill:var(--paper);stroke:var(--ink);stroke-width:1.1}
.la-hot{fill:var(--verm)}
.la-ring{fill:none;stroke:var(--verm);stroke-width:1.1;stroke-dasharray:4 5}
.la-lens{fill:rgba(182,61,41,.16)}
.gm-a{margin-top:11vh;padding-top:7vh;border-top:1px solid var(--line)}
.gm-tabs{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px}
.gm-tabs>.mono{margin-right:14px;color:var(--mute);font-size:9.5px}
.gm-tabs button{position:relative;overflow:hidden;padding:11px 22px;border:1px solid rgba(29,25,21,.2);border-radius:999px;background:transparent;
  font:300 17px "Sentient",serif;cursor:pointer;transition:background .35s,color .35s,border-color .35s}
.gm-tabs button:hover{border-color:var(--ink)}
.gm-tabs button[aria-selected="true"]{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.gm-tabs button i{position:absolute;left:0;bottom:0;width:100%;height:2px;background:var(--em-n);transform:scaleX(0);transform-origin:left}
.gm-a.auto .gm-tabs button[aria-selected="true"] i{animation:gm-prog 8s linear forwards}
.gm-a.hold .gm-tabs button[aria-selected="true"] i{animation-play-state:paused}
@keyframes gm-prog{to{transform:scaleX(1)}}
.gm-cases{position:relative;margin-top:6vh}
.gm-case{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 3.2vw;align-items:start}
.gm-case:not(.on){position:absolute;inset:0 0 auto;visibility:hidden}
.gm-case.on .gm-col{animation:gw-up .9s var(--ease) both}
.gm-case.on .gm-col:nth-child(2){animation-delay:.1s}.gm-case.on .gm-col:nth-child(3){animation-delay:.2s}
.gm-col figure{margin:0}
.gm-src{aspect-ratio:4/3;overflow:hidden;background:#0b0a09}
.gm-src img{width:100%;height:100%;object-fit:cover}
.gm-poem{display:grid;place-items:center;background:var(--card);box-shadow:inset 0 0 0 1px var(--line)}
.gm-poem p{writing-mode:vertical-rl;font-size:19px;line-height:2.1;letter-spacing:.24em}
.gm-quote{display:grid;place-items:center;padding:34px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line)}
.gm-quote p{font:italic 300 clamp(19px,1.6vw,24px)/1.35 "Sentient",serif;text-align:center}
.gm-col figcaption{margin-top:12px;font-size:12px;line-height:1.5;color:var(--mute)}
.gm-und{padding-top:4px}
.gm-und::before{content:"";display:block;width:48px;height:1px;margin-bottom:22px;background:var(--verm);transform:scaleX(0);transform-origin:left}
.gm-case.on .gm-und::before{animation:gm-line 1s .35s var(--ease-io) forwards}
@keyframes gm-line{to{transform:scaleX(1)}}
.gm-und p{font:300 clamp(22px,1.95vw,31px)/1.28 "Sentient",serif;letter-spacing:-.01em}
.gm-und .gm-note{margin-top:18px;font:400 13px/1.5 "Switzer",sans-serif;color:var(--mute);letter-spacing:0}
.gm-col>.lnk{display:inline-block;margin-top:16px}
@keyframes gw-up{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}

/* ═══ 6 before you choose ══════════════════════════════════════════ */
.gpr{padding:15vh var(--col) 13vh;background:var(--paper2)}
.gpr-head{text-align:center}
.gpr-head .mono{color:var(--mute)}
.gpr-head h2{margin-top:16px;font-size:clamp(34px,3.2vw,52px);line-height:1.04;letter-spacing:-.022em}
.gpr .gpr-col>.mono{margin-bottom:14px;color:var(--mute);font-size:9.5px}
.gpr-col li{padding:13px 0;border-top:1px solid var(--line);font-size:15px;line-height:1.5;color:var(--ink2)}
.gpr-col li:first-child{border-top-color:rgba(29,25,21,.5)}
.gpr-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 4vw;max-width:1140px;margin:8vh auto 0}
.gpr-now li{display:grid;grid-template-columns:52px 1fr;gap:10px}
.gpr-now li .mono,.gpr-tl .mono{padding-top:3px;color:var(--mute);font-size:9px}
.gpr-now li.here .mono,.gpr-tl li.here .mono{color:var(--verm)}
.gpr-m{display:grid;grid-template-columns:minmax(0,1fr) 1px minmax(0,1fr);gap:0 4vw;max-width:940px;margin:8vh auto 0}
.gpr-col.r{text-align:right}
.gpr-axis{background:rgba(29,25,21,.22)}
.gpr-tl{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:940px;margin:8vh auto 0;text-align:center}
.gpr-tl::before{content:"";position:absolute;left:16.6%;right:16.6%;top:5px;height:1px;background:rgba(29,25,21,.2)}
.gpr-tl li{position:relative;padding:26px 16px 0;font-size:14px;line-height:1.5;color:var(--ink2)}
.gpr-tl li::before{content:"";position:absolute;left:50%;top:0;width:11px;height:11px;margin-left:-5.5px;border-radius:50%;background:var(--paper2);box-shadow:inset 0 0 0 1px var(--ink)}
.gpr-tl li.here::before{background:var(--verm);box-shadow:none}
.gpr-tl li p{margin-top:8px}
.gpr-join{max-width:640px;margin:10vh auto 0;padding-top:7vh;border-top:1px solid var(--line);text-align:center}
.gpr-jt .mono{color:var(--mute);font-size:9.5px}
.gpr-jh{margin-top:10px;font-family:"Sentient",serif;font-weight:300;font-size:clamp(24px,2vw,30px);line-height:1.2}
.gpr-join .gmail{max-width:520px;margin:24px auto 0}
.gpr-join .fine{margin-top:12px;font-size:12px;color:var(--mute)}

/* ═══ narrow screens: readable, not yet designed ═══════════════════ */
@media (max-width:900px){
  .gh{height:auto;min-height:0;max-height:none}
  .gh>.var{height:auto}
  .hs,.hx,.hpx{display:flex;flex-direction:column-reverse;height:auto}
  .gh-photo,.hp-print{position:relative;inset:auto;width:100%;height:58vh}
  .hs-text,.hx-top,.hp-text{position:relative;left:auto;top:auto;transform:none;width:auto;padding:36px 22px 50px}
  .hx-h{position:relative;left:auto;bottom:auto;padding:0 22px;font-size:46px;white-space:normal}
  .hx-l.ink{clip-path:none}.hx-l.lt{display:none}
  .hp-frame{box-shadow:none}.hp-print figcaption{display:none}
  .hs-rules,.hs-down{display:none}
  .gb{padding:11vh 22px}
  .fc{padding:11vh 22px}
  .fc-head{grid-template-columns:1fr}.fc-side{align-items:flex-start;text-align:left}.fc-begins{align-items:flex-start}
  .fc-side .gf-cta{justify-content:flex-start}
  .fc-cols{grid-template-columns:1fr 1fr;row-gap:40px}
  .gf-one{right:auto;left:0;width:280px}
  .gpcs .gp-head,.pg{padding-left:22px;padding-right:22px}
  .pg-list{grid-template-columns:1fr 1fr;gap:34px 14px}
  .gw,.gm,.gpr{padding:11vh 22px}
  .gw-a{grid-template-columns:1fr;grid-template-rows:none;row-gap:60px}.gw-side{grid-row:auto;display:block}
  .gm-steps2,.gm-case{grid-template-columns:1fr}.gm-step2+.gm-step2{margin-top:40px}.gm-case{row-gap:30px}
  .gpr-3,.gpr-m,.gpr-tl{grid-template-columns:1fr}.gpr-col+.gpr-col{margin-top:30px}.gpr-axis{display:none}.gpr-col.r{text-align:left}
  .gpr-tl::before{display:none}.gpr-tl li{padding-top:20px}
}
@media (prefers-reduced-motion:reduce){
  .gh-eb,.gh-sub,.gh-cta,.gh-photo figcaption,.hs-rules,.hx-l,.hp-print{animation:none;opacity:1;transform:none}
  .gh .ln>span{animation:none;transform:none}
  .gh-photo{animation:none;clip-path:none}.gh-ph img{animation:none;transform:none}
  .hs-down i,.fc-pin::before{animation:none}
  .gb-h .w,.gb-t,.gb-line,.fc-col,.fc-col::before,.pg-c,.gm-step2{transition:none;opacity:1;transform:none;filter:none}
  .fc-col::after{transform:none}
  .gm-case.on .gm-col,.gm-case.on .gm-und::before{animation:none}.gm-und::before{transform:none}
}