.elementor-114249 .elementor-element.elementor-element-d6def75{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS *//* WO-006 2026-07-22: legacy pre-foundation port REMOVED (14.2KB — fonts, tokens on body, ff-*/
/* scaffold, qc buttons, pg-hero, bento-tile, prod-card, media-band, cta-band, reveals).        */
/* It fought the current design's DARK hero (.pg-poem forced ink!important, .dot forced cobalt). */
/* Foundation gn2-* + the widget  own this page now. Inventory: backups/109112-legacy-2026-07-22.md */

/* ============================================================
     WO-029 SHOP LANDING — pure-white, film-image-led redesign
     Owner: Elementor HTML widget #c3087f3 inside main.g2main.sh
     Reuses foundation .pg-hero / .pg-word / .pg-eye / .pg-poem /
     .pg-support / .cta-band.cobalt / .qc / .qc-lite verbatim.
     New page-scoped classes: .sh2-*  (bento, cards, plates).
     Real photography: Film, Disposables, Merch (gn2/shop/*.webp).
     Restrained TYPE cards (no image): Darkroom, Books, Frames,
     Accessories — a large faint ghost numeral gives them presence.
     Accent = cobalt (light surface). One H1 (.pg-word).
     ============================================================ */
  main.g2main.sh{
    --gn-ink:var(--ink); --gn-paper:#fff; --gn-line:var(--line); --gn-mut:var(--mut);
    --gn-cobalt:var(--cobalt); --gn-cobalt-700:var(--cobalt-700);
    --gn-grot:var(--grot); --gn-sans:var(--sans); --gn-mono:var(--mono);
    background:#fff; color:var(--gn-ink); font-family:var(--gn-grot);
  }
  .sh *{box-sizing:border-box;}
  .sh .wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--mx);}
  .sh a{color:inherit;text-decoration:none;}

  /* ---------- HERO — pure white, film-image-led ---------- */
  .sh .sh2-hero{background:#fff;overflow:visible;}
  .sh .sh2-hero .pg-hero-top{border-color:var(--gn-line);}
  .sh2-heroGrid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(28px,4vw,72px);align-items:center;}
  .sh2-heroL{min-width:0;}
  .sh2-hero .pg-word{margin-bottom:0;}
  .sh2-hero .pg-poem{margin-top:clamp(18px,2.6vw,30px);}
  .sh2-heroR{margin:0;display:flex;flex-direction:column;gap:12px;min-width:0;}
  .sh2-plate{position:relative;overflow:hidden;background:#f2f0ea;border:1px solid var(--gn-line);}
  .sh2-plate img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;}
  .sh2-plate--hero{aspect-ratio:4/5;width:100%;}
  .sh2-plateCap{display:flex;justify-content:space-between;gap:14px;font-family:var(--gn-mono);font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--gn-mut);}
  .sh2-plateCap span:last-child{color:var(--gn-ink);text-align:right;}

  /* ---------- CATEGORY INDEX ---------- */
  .sh2-index{padding:clamp(44px,7vw,104px) 0 clamp(40px,6vw,90px);background:#fff;}
  .sh2-mast{display:flex;align-items:baseline;gap:16px;border-bottom:1px solid var(--gn-ink);padding-bottom:12px;margin-bottom:clamp(20px,2.6vw,34px);}
  .sh2-mast .lab{font-family:var(--gn-sans);font-weight:700;font-size:12px;letter-spacing:.16em;text-transform:uppercase;}
  .sh2-mast .r{margin-left:auto;font-family:var(--gn-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--gn-mut);}

  .sh2-grid{
    display:grid;grid-template-columns:repeat(12,1fr);gap:14px;
    grid-auto-rows:clamp(150px,15.6vw,206px);
    grid-template-areas:
      "film film film film film film film film disp disp disp disp"
      "film film film film film film film film disp disp disp disp"
      "film film film film film film film film dark dark dark dark"
      "merch merch merch merch books books books books frames frames frames frames"
      "merch merch merch merch acc   acc   acc   acc   acc    acc    acc    acc";
  }
  .a-film{grid-area:film;} .a-disp{grid-area:disp;} .a-dark{grid-area:dark;}
  .a-merch{grid-area:merch;} .a-books{grid-area:books;} .a-frames{grid-area:frames;} .a-acc{grid-area:acc;}

  /* shared card chrome */
  .sh2-card{position:relative;display:flex;flex-direction:column;overflow:hidden;
    background:#fff;border:1px solid var(--gn-line);border-radius:0;color:var(--gn-ink);
    padding:clamp(18px,1.5vw,26px);transition:border-color .18s ease,transform .18s ease;}
  .sh2-card:hover,.sh2-card:focus-visible{border-color:var(--gn-ink);}
  .sh2-card:focus-visible{outline:2px solid var(--gn-cobalt);outline-offset:3px;}
  .sh2-head{position:relative;z-index:3;display:flex;justify-content:space-between;gap:10px;align-items:baseline;}
  .sh2-ix{font-family:var(--gn-mono);font-size:11px;letter-spacing:.12em;color:var(--gn-mut);}
  .sh2-ct{font-family:var(--gn-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--gn-mut);text-align:right;}
  .sh2-body{position:relative;z-index:3;margin-top:auto;max-width:34ch;}
  .sh2-card h2{font-family:var(--gn-grot);font-weight:900;font-size:clamp(21px,2vw,30px);line-height:.96;letter-spacing:-.02em;text-transform:uppercase;margin:0 0 9px;}
  .sh2-card h2 i{font-style:normal;color:var(--gn-cobalt);}
  .sh2-cp{font-family:var(--gn-sans);font-size:13.5px;line-height:1.5;color:#4a4a44;margin:0 0 14px;}
  .sh2-lnk{display:inline-flex;gap:8px;align-items:center;position:relative;padding-bottom:4px;
    font-family:var(--gn-mono);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--gn-ink);}
  .sh2-lnk .arw{transition:transform .22s cubic-bezier(.2,.7,.2,1);}
  .sh2-lnk::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1.5px;background:var(--gn-cobalt);transform:scaleX(0);transform-origin:left;transition:transform .24s cubic-bezier(.2,.7,.2,1);}
  .sh2-card:hover .sh2-lnk,.sh2-card:focus-visible .sh2-lnk{color:var(--gn-cobalt);}
  .sh2-card:hover .sh2-lnk::after,.sh2-card:focus-visible .sh2-lnk::after{transform:scaleX(1);}
  .sh2-card:hover .sh2-lnk .arw,.sh2-card:focus-visible .sh2-lnk .arw{transform:translateX(4px);}

  /* TYPE cards — faint ghost numeral fills the empty field */
  .sh2-card--txt .sh2-ghost{position:absolute;right:-.04em;bottom:-.28em;z-index:1;
    font-family:var(--gn-grot);font-weight:900;line-height:.7;letter-spacing:-.04em;
    font-size:clamp(120px,15vw,230px);color:#f0eee7;pointer-events:none;user-select:none;}

  /* IMAGE cards — framed plate */
  .sh2-card--img .sh2-plate{margin-top:14px;flex:1 1 auto;min-height:0;}
  .sh2-card--img:hover .sh2-plate img,.sh2-card--img:focus-visible .sh2-plate img{transform:scale(1.035);}
  .sh2-card--img .sh2-plate img{transition:transform .6s cubic-bezier(.16,1,.3,1);}
  /* film feature — text left / tall plate right */
  .a-film.sh2-card--img{display:grid;grid-template-columns:minmax(0,1fr) 46%;grid-template-rows:auto 1fr;
    column-gap:clamp(20px,2.4vw,40px);align-items:stretch;}
  .a-film .sh2-head{grid-column:1;}
  .a-film .sh2-body{grid-column:1;align-self:end;max-width:30ch;}
  .a-film .sh2-plate{grid-column:2;grid-row:1 / span 2;margin-top:0;height:100%;}
  .a-film h2{font-size:clamp(30px,3.4vw,52px);}
  .a-film .sh2-cp{font-size:clamp(13.5px,1vw,15px);max-width:32ch;}

  @media(prefers-reduced-motion:reduce){
    .sh2-lnk .arw,.sh2-lnk::after,.sh2-card,.sh2-card--img .sh2-plate img{transition:none;}
  }

  /* ---------- RESPONSIVE ---------- */
  /* laptop — keep the magazine grid, ease the film split */
  @media(max-width:1180px){
    .a-film.sh2-card--img{grid-template-columns:minmax(0,1fr) 42%;}
    .a-film h2{font-size:clamp(28px,3.4vw,42px);}
  }
  /* tablet — hero stacks, bento simplifies to two clean columns */
  @media(max-width:900px){
    .sh2-heroGrid{grid-template-columns:1fr;gap:clamp(24px,5vw,40px);align-items:start;}
    .sh2-plate--hero{aspect-ratio:16/10;}
    .sh2-grid{
      grid-auto-rows:clamp(150px,24vw,220px);
      grid-template-areas:
        "film  film  film  film  film  film  film  film  film  film  film  film"
        "film  film  film  film  film  film  film  film  film  film  film  film"
        "disp  disp  disp  disp  disp  disp  dark  dark  dark  dark  dark  dark"
        "merch merch merch merch merch merch books books books books books books"
        "frames frames frames frames frames frames acc acc acc acc acc acc";
    }
    .a-film.sh2-card--img{grid-template-columns:minmax(0,1fr) 44%;}
  }
  /* phone — single column, honest stack */
  @media(max-width:600px){
    .sh2-grid{grid-template-columns:1fr;grid-auto-rows:auto;gap:12px;
      grid-template-areas:"film" "disp" "dark" "merch" "books" "frames" "acc";}
    .sh2-card{min-height:clamp(210px,58vw,270px);padding:20px;}
    .a-film.sh2-card--img{display:flex;flex-direction:column;min-height:clamp(360px,96vw,440px);}
    .a-film .sh2-plate,.sh2-card--img .sh2-plate{margin-top:14px;min-height:clamp(150px,44vw,220px);}
    .a-film .sh2-body{max-width:34ch;}
    .sh2-card--txt{min-height:clamp(190px,52vw,240px);}
    .sh2-card--txt .sh2-ghost{font-size:clamp(120px,40vw,200px);}
    .sh2-card h2,.a-film h2{font-size:clamp(24px,7.2vw,34px);}
  }
  @media(max-width:360px){
    .sh .wrap{padding:0 18px;}
    .sh2-card{padding:17px;}
  }/* End custom CSS */