/* GÖ.AI Website V3 — GEOFF conversational product showcase */
.geoff-showcase {
  position:relative;
  overflow:hidden;
  background:#080d12;
  color:#f4f1e9;
  border-top:1px solid rgba(238,230,209,.12);
  border-bottom:1px solid rgba(238,230,209,.12);
  padding:clamp(78px,8vw,126px) 0 clamp(65px,7vw,110px);
}
.geoff-showcase::before {
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(ellipse at 89% 28%,rgba(38,57,72,.25),transparent 51%);
}
.geoff-showcase__wrap{width:min(1300px,calc(100% - 2 * clamp(22px,5vw,70px)));margin:0 auto;position:relative}
.geoff-showcase__eyebrow{color:#d8b877;font-size:10px;letter-spacing:.24em;text-transform:uppercase;font-weight:650;margin:0 0 18px}
.geoff-showcase__intro{max-width:900px;margin:0 0 48px}
.geoff-showcase__intro h2{font-family:"Playfair Display",Georgia,serif;font-size:clamp(37px,4.45vw,67px);letter-spacing:-.038em;line-height:1.12;font-weight:500;margin:0 0 19px;color:#f4f1e9}
.geoff-showcase__intro h2 em{font-style:normal;color:#e1bd77}
.geoff-showcase__intro p:not(.geoff-showcase__eyebrow){font-size:clamp(15px,1.3vw,18px);color:#b6bec4;line-height:1.8;max-width:720px}
.geoff-showcase__stage{display:grid;grid-template-columns:minmax(255px,.82fr) minmax(0,1.4fr);align-items:stretch;gap:clamp(20px,3.6vw,55px)}
.geoff-showcase__art{margin:0;border-radius:19px;border:1px solid rgba(230,202,153,.2);background:#020406;overflow:hidden;position:relative;display:flex;flex-direction:column;justify-content:center;min-width:0}
.geoff-showcase__art img{display:block;width:100%;height:100%;max-height:640px;object-fit:contain;object-position:center bottom}
.geoff-showcase__art figcaption{position:absolute;bottom:0;left:0;right:0;padding:28px 16px 15px;background:linear-gradient(transparent,rgba(3,6,10,.94));font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:#d6d1c8;text-align:center}
.geoff-showcase__console{min-width:0;border:1px solid rgba(176,188,198,.28);border-radius:19px;background:#101923;overflow:hidden;box-shadow:0 18px 50px rgba(0,0,0,.22);display:flex;flex-direction:column}
.geoff-showcase__console-top{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid rgba(255,255,255,.09);padding:14px 20px}
.geoff-showcase__console-top strong{font:650 11px Inter,system-ui,sans-serif;letter-spacing:.19em;color:#e5d5b5}
.geoff-showcase__state{display:inline-flex;align-items:center;gap:7px;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#aab5be}
.geoff-showcase__state::before{content:"";height:6px;width:6px;border-radius:50%;background:#a8b4be}
.geoff-showcase.is-playing .geoff-showcase__state::before{background:#c9a864;box-shadow:0 0 0 3px rgba(201,168,100,.12)}
.geoff-showcase__video-wrap{background:#010305;position:relative;width:100%;aspect-ratio:16/9;max-height:425px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.geoff-showcase__video-wrap video{display:block;width:100%;height:100%;object-fit:contain;background:#010305;outline-offset:-5px}
.geoff-showcase__progress{height:3px;background:#25323c;width:100%;overflow:hidden}
.geoff-showcase__progress-bar{height:100%;width:0;background:#d3b276;transition:width .18s linear}
.geoff-showcase__now{padding:19px 22px 10px;min-height:113px}
.geoff-showcase__chapter-label{font-size:10px;color:#d0b479;letter-spacing:.19em;text-transform:uppercase}
.geoff-showcase__now h3{font:500 27px/1.23 "Playfair Display",Georgia,serif;margin:7px 0 8px;color:#f1eee7}
.geoff-showcase__now p{font-size:13px;line-height:1.6;color:#b7c2ca;margin:0;max-width:610px}
.geoff-showcase__actions{padding:10px 22px 22px;display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.geoff-showcase__btn{border-radius:7px;border:1px solid rgba(215,191,145,.65);padding:11px 16px;background:transparent;color:#eddfc8;cursor:pointer;font:600 11px Inter,system-ui,sans-serif;letter-spacing:.06em;min-height:41px}
.geoff-showcase__btn:hover{background:rgba(214,180,116,.1)}
.geoff-showcase__btn:focus-visible,.geoff-showcase__chapter:focus-visible{outline:2px solid #eed39c;outline-offset:3px}
.geoff-showcase__btn--primary{background:#d4b479;color:#10151b;border-color:#d4b479}
.geoff-showcase__btn--primary:hover{background:#edcc92}
.geoff-showcase__play-icon{font-size:12px;margin-right:8px}
.geoff-showcase__actions .geoff-showcase__btn:last-child{margin-left:auto}
.geoff-showcase__chapters{margin-top:25px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.geoff-showcase__chapter{appearance:none;text-align:left;min-width:0;min-height:105px;display:flex;flex-direction:column;align-items:flex-start;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:#0c141b;color:#dddeda;padding:15px 14px;cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease}
.geoff-showcase__chapter:hover{border-color:rgba(214,180,116,.58);transform:translateY(-2px)}
.geoff-showcase__chapter[aria-pressed="true"]{border-color:#d4b479;background:#162029}
.geoff-showcase__chapter-num{font-size:10px;color:#d3b374;letter-spacing:.16em;margin:0 0 13px}
.geoff-showcase__chapter-title{font-size:13px;font-weight:600;line-height:1.3;color:#f1eee7}
.geoff-showcase__chapter-sub{font-size:11px;line-height:1.4;color:#a9b6bf;margin-top:4px}
.geoff-showcase__footnote{font-size:11px;line-height:1.6;color:#97a6b0;margin:16px 0 0}
.geoff-showcase__footnote a{color:#d9bc82;border-bottom:1px solid rgba(217,188,130,.4)}
@media(max-width:1000px){
  .geoff-showcase__stage{grid-template-columns:minmax(220px,.75fr) minmax(0,1.3fr);gap:20px}
  .geoff-showcase__art img{max-height:570px}
  .geoff-showcase__chapters{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:720px){
  .geoff-showcase__stage{grid-template-columns:1fr}
  .geoff-showcase__art{max-width:360px;margin:0 auto;width:100%;max-height:480px}
  .geoff-showcase__art img{max-height:480px}
  .geoff-showcase__intro{margin-bottom:30px}
  .geoff-showcase__chapters{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(175px,62%);grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 0 8px}
  .geoff-showcase__chapter{scroll-snap-align:start}
  .geoff-showcase__actions .geoff-showcase__btn:last-child{margin-left:0}
}
@media(prefers-reduced-motion:reduce){
  .geoff-showcase__chapter,.geoff-showcase__progress-bar{transition:none}
  .geoff-showcase__chapter:hover{transform:none}
}

/* Scroll reveals are decorative and disabled by reduced-motion preference. */
@media(prefers-reduced-motion:no-preference){
  .geoff-showcase.is-animating .geoff-showcase__intro,
  .geoff-showcase.is-animating .geoff-showcase__stage,
  .geoff-showcase.is-animating .geoff-showcase__chapters{
    transition:opacity .7s ease,transform .7s ease;
  }
  .geoff-showcase.is-animating:not(.is-visible) .geoff-showcase__intro,
  .geoff-showcase.is-animating:not(.is-visible) .geoff-showcase__stage,
  .geoff-showcase.is-animating:not(.is-visible) .geoff-showcase__chapters{
    opacity:0;transform:translateY(14px);
  }
  .geoff-showcase.is-visible .geoff-showcase__stage{transition-delay:.1s}
  .geoff-showcase.is-visible .geoff-showcase__chapters{transition-delay:.2s}
}