/* GIN — ABOUT STORY V25
   A single visual narrative, transparent PNG characters, Manrope + Cormorant Garamond.
   Accent used here and sitewide: #00F5A0. Character graphics have zero image backplates. */
:root{--gin-story-green:#00f5a0;--gin-story-black:#0c0d0d;--gin-story-ink:#101111;--gin-story-grey:#646765;--gin-story-line:#dedfdb;--gin-story-gutter:clamp(20px,4.6vw,82px)}
body.gin-subpage .gin-story{font-family:Manrope,Arial,sans-serif;background:#fff;color:var(--gin-story-ink);overflow:clip}
.gin-story *{box-sizing:border-box}
.gin-story img{max-width:100%}
.gin-story .mint,.gin-story .gin-story-green{color:var(--gin-story-green)!important;-webkit-text-fill-color:var(--gin-story-green)}
.gin-story-wrap{max-width:1570px;margin:0 auto;padding-inline:var(--gin-story-gutter)}
.gin-story-overline{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;border-top:1px solid var(--gin-story-line);padding-top:16px;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.gin-story-overline--dark{border-color:#494b49;color:#c6c9c6}
.gin-story a{color:inherit;text-decoration:none}
.gin-story a:focus-visible{outline:3px solid var(--gin-story-green);outline-offset:4px}
.gin-story-hero{padding-top:clamp(105px,10vw,158px);background:#fff}
.gin-story-hero-layout{min-height:clamp(560px,61vw,810px);display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:clamp(8px,3vw,48px);align-items:end}
.gin-story-hero-copy{position:relative;z-index:1;align-self:center;padding:clamp(40px,6vw,95px) 0 clamp(65px,6vw,105px)}
body.gin-subpage .gin-story h1.gin-page-title.gin-story-h1{font:800 clamp(61px,8vw,129px)/.98 Manrope,Arial,sans-serif!important;letter-spacing:-.09em!important;color:#0b0b0b!important;margin:0 0 32px!important;max-width:none!important;text-wrap:balance;text-transform:uppercase!important}
.gin-story-h1 .mint{display:inline}
.gin-story-hero-lede{font-size:clamp(17px,1.75vw,24px);line-height:1.55;font-weight:650;letter-spacing:-.023em;max-width:650px;margin:0 0 24px}
.gin-story-hero-body{font-size:clamp(13px,1.15vw,16px);line-height:1.85;color:#5f6360;max-width:510px;margin:0 0 26px}
.gin-story-hero-links{display:flex;gap:17px;align-items:center;flex-wrap:wrap;margin:32px 0}
.gin-story-link{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:48px;padding:14px 20px;border:1px solid #111;font:800 11px/1.3 Manrope,Arial,sans-serif;letter-spacing:.06em;transition:background-color .2s,color .2s,transform .2s}
.gin-story-link--solid{background:#111;color:#fff!important}
.gin-story-link:hover{background:var(--gin-story-green)!important;border-color:var(--gin-story-green);color:#111!important;transform:translateY(-2px)}
.gin-story-hero-figure{height:100%;min-height:560px;display:flex;align-items:end;justify-content:center;margin:0;overflow:visible;position:relative;z-index:0}
.gin-story-hero-figure img{display:block;width:min(100%,620px);height:auto;max-height:780px;object-fit:contain;object-position:center bottom;filter:none;mix-blend-mode:normal;transform:translateY(8px)}
.gin-story-hero-figure figcaption{position:absolute;bottom:24px;right:4px;font-size:10px;font-weight:800;letter-spacing:.12em}
.gin-story-chapter{padding-block:clamp(82px,11vw,160px)}
.gin-story-chapter--spark{border-top:1px solid var(--gin-story-line);background:#fff}
.gin-story-chapter-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(300px,1.05fr);gap:clamp(30px,8vw,130px);align-items:center}
.gin-story-eyebrow{font-size:10px;font-weight:800;letter-spacing:.13em;color:#777d79;display:block;margin-bottom:clamp(32px,5vw,60px)}
.gin-story h2{font:800 clamp(38px,5vw,78px)/1.09 Manrope,Arial,sans-serif;letter-spacing:-.073em;margin:0 0 28px;text-wrap:balance}
.gin-story-prose{max-width:620px;font-size:clamp(14px,1.17vw,17px);line-height:1.87;color:#565b57}
.gin-story-prose p{margin:0 0 18px}
.gin-story-quote{font:italic 500 clamp(26px,3.4vw,52px)/1.15 "Cormorant Garamond",Georgia,serif;letter-spacing:-.02em;margin:31px 0 0;max-width:650px;color:#232624}
.gin-story-figure{margin:0;display:flex;align-items:center;justify-content:center;min-width:0;min-height:340px;overflow:visible}
.gin-story-figure img{width:min(100%,560px);height:auto;object-fit:contain;filter:none;mix-blend-mode:normal;transition:transform .65s cubic-bezier(.2,.8,.2,1)}
.gin-story-figure:hover img{transform:translateY(-9px) rotate(-1deg)}
.gin-story-facts{background:var(--gin-story-black);color:#f6f7f6;padding-block:clamp(52px,7vw,92px)}
.gin-story-facts-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:clamp(52px,6vw,85px)}
.gin-story-fact{border-top:1px solid #424443;padding-top:25px;min-width:0}
.gin-story-fact strong{display:block;font:800 clamp(50px,7.3vw,105px)/1 Manrope,Arial,sans-serif;letter-spacing:-.085em;color:#f5f6f4}
.gin-story-fact span{display:block;margin-top:18px;font-size:11px;letter-spacing:.12em;font-weight:800;color:#bec2bd}
.gin-story-facts-bottom{display:flex;justify-content:space-between;gap:22px;flex-wrap:wrap;margin-top:clamp(55px,7vw,100px);color:#b9beb9}
.gin-story-facts-bottom p{max-width:710px;font-size:clamp(17px,2vw,25px);line-height:1.53;margin:0}
.gin-story-facts-bottom small{font-size:10px;letter-spacing:.12em}
.gin-story-chapter--maker{padding-bottom:clamp(60px,9vw,115px)}
.gin-story-chapter--maker .gin-story-chapter-grid{grid-template-columns:minmax(300px,.9fr) minmax(0,1.1fr)}
.gin-story-discipline{margin-top:28px;border-top:1px solid var(--gin-story-line)}
.gin-story-discipline a{display:flex;justify-content:space-between;gap:20px;align-items:center;min-height:57px;padding:16px 10px;border-bottom:1px solid var(--gin-story-line);font-size:clamp(14px,1.3vw,18px);font-weight:750;transition:padding .2s,background .2s,color .2s}
.gin-story-discipline a:hover{padding-left:18px;background:#0c0d0d;color:#fff}
.gin-story-cases{padding-bottom:clamp(90px,10vw,145px)}
.gin-story-cases-header{display:flex;justify-content:space-between;align-items:end;gap:35px;flex-wrap:wrap;border-top:1px solid var(--gin-story-line);padding-top:25px;margin-bottom:38px}
.gin-story-cases-header h2{font-size:clamp(30px,4vw,53px);margin:0}
.gin-story-cases-header>a{font-size:11px;letter-spacing:.06em;font-weight:800;padding:14px 0}
.gin-story-case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2.5vw,36px)}
.gin-story-case{display:flex;flex-direction:column;gap:0;min-height:248px;padding:27px;justify-content:space-between;border:1px solid #d9dbd7;background:#fff;transition:background .26s,border-color .26s,color .26s,transform .26s}
.gin-story-case .chapter-num{font-size:10px;letter-spacing:.12em;font-weight:800;color:#686d69}
.gin-story-case strong{display:block;max-width:340px;font-size:clamp(23px,2.65vw,37px);letter-spacing:-.057em;font-weight:800;line-height:1.17;margin:0 0 13px}
.gin-story-case p{margin:0;font-size:12px;color:#626663;line-height:1.65}
.gin-story-case .arrow{font-size:25px;margin-top:22px}
.gin-story-case:hover{background:#0c0d0d;border-color:#0c0d0d;color:#fff;transform:translateY(-6px)}
.gin-story-case:hover p,.gin-story-case:hover .chapter-num{color:#bfc6c0}
.gin-story-lab{background:#101212;color:#f8f8f7;padding-block:clamp(85px,11vw,155px)}
.gin-story-lab-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);align-items:end;gap:clamp(40px,8vw,130px)}
.gin-story-lab .gin-story-eyebrow{color:#adb3ae}
.gin-story-lab h2{max-width:820px;font-size:clamp(44px,6vw,87px)}
.gin-story-lab .gin-story-prose{color:#c0c6c1;max-width:570px}
.gin-story-lab .gin-story-link{border-color:#dedede;color:#fff}
.gin-story-lab aside{border-top:1px solid #555b56;padding-top:23px}
.gin-story-lab aside span{font-size:10px;font-weight:800;letter-spacing:.12em;color:#c0c5bf}
.gin-story-lab aside p{font:italic 500 clamp(28px,4.1vw,60px)/1.09 "Cormorant Garamond",Georgia,serif;margin:23px 0 0;color:white}
.gin-story-runway{position:relative;background:#fff;overflow:hidden;border-bottom:1px solid var(--gin-story-line);height:clamp(260px,33vw,430px)}
.gin-story-runway .gin-story-runway-head{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #c8cbc6;padding-top:16px;position:absolute;top:27px;left:var(--gin-story-gutter);right:var(--gin-story-gutter);font-size:10px;font-weight:800;letter-spacing:.12em;z-index:3}
.gin-story-runway-title{font:800 clamp(57px,10vw,155px)/1 Manrope,Arial,sans-serif;letter-spacing:-.08em;color:#e1e4e0;position:absolute;left:0;right:0;top:40%;transform:translateY(-50%);text-align:center;white-space:nowrap;pointer-events:none}
.gin-story-runner{position:absolute;bottom:0;left:0;width:clamp(190px,24vw,340px);height:auto;object-fit:contain;z-index:2;transform:translate3d(-110%,0,0)}
.gin-story-runway.is-running .gin-story-runner{animation:gin-story-run 6.4s cubic-bezier(.42,.01,.3,1) forwards}
@keyframes gin-story-run{from{transform:translate3d(-110%,0,0)}to{transform:translate3d(calc(100vw + 115%),0,0)}}
.gin-story-values{padding-block:clamp(100px,11vw,165px)}
.gin-story-values h2{max-width:900px}
.gin-story-values-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2.8vw,40px);margin-top:60px}
.gin-story-value{border-top:1px solid var(--gin-story-line);padding-top:25px}
.gin-story-value b{font-size:10px;letter-spacing:.11em;color:#6a706b}
.gin-story-value strong{display:block;font-size:clamp(23px,2.8vw,38px);line-height:1.22;letter-spacing:-.05em;margin:23px 0 12px}
.gin-story-value p{font-size:clamp(13px,1.13vw,16px);line-height:1.76;color:#626862;max-width:340px}
.gin-story-final{border-top:1px solid var(--gin-story-line);padding:clamp(75px,8vw,125px) 0 clamp(55px,7vw,100px)}
.gin-story-final-layout{display:grid;grid-template-columns:minmax(0,1.13fr) minmax(0,.87fr);align-items:center;gap:clamp(25px,5vw,80px)}
.gin-story-final h2{font-size:clamp(43px,5.9vw,90px);margin:18px 0}
.gin-story-final p{max-width:540px;font-size:clamp(14px,1.28vw,18px);line-height:1.75;color:#565b57}
.gin-story-final-figure{margin:0;display:flex;justify-content:center;align-items:end}
.gin-story-final-figure img{width:min(100%,590px);height:auto;object-fit:contain;transform:translateY(10px);transition:transform .6s ease}
.gin-story-final-figure:hover img{transform:translateY(-4px)}
/* Only enhance after JS starts. Reduced motion and JS-off remain fully visible. */
.gin-story.is-enhanced [data-reveal]{opacity:0;transform:translateY(22px);transition:opacity .8s ease,transform .9s cubic-bezier(.2,.8,.2,1)}
.gin-story.is-enhanced [data-reveal].is-visible{opacity:1;transform:none}
@media(max-width:980px){
 .gin-story-hero-layout{grid-template-columns:minmax(0,1fr) minmax(210px,.9fr);min-height:560px}
 body.gin-subpage .gin-story h1.gin-page-title.gin-story-h1{font-size:clamp(47px,7.1vw,85px)!important}
 .gin-story-chapter-grid{gap:40px}
 .gin-story-case{padding:21px;min-height:235px}
}
@media(max-width:720px){
 .gin-story-overline{font-size:9px}
 .gin-story-hero{padding-top:83px}
 .gin-story-hero-layout{display:flex;flex-direction:column;min-height:0;gap:0}
 .gin-story-hero-copy{padding:60px 0 18px;align-self:stretch}
 body.gin-subpage .gin-story h1.gin-page-title.gin-story-h1{font-size:clamp(49px,11vw,76px)!important}
 .gin-story-hero-lede{font-size:18px}
 .gin-story-hero-figure{min-height:unset;height:auto;width:100%;max-height:480px;overflow:hidden}
 .gin-story-hero-figure img{width:min(95%,450px);max-height:480px}
 .gin-story-hero-figure figcaption{bottom:10px}
 .gin-story-chapter-grid,.gin-story-chapter--maker .gin-story-chapter-grid,.gin-story-lab-grid,.gin-story-final-layout{grid-template-columns:1fr;gap:20px}
 .gin-story-chapter-grid .gin-story-figure{order:2}
 .gin-story-chapter--maker .gin-story-figure{order:2}
 .gin-story-figure{min-height:0}
 .gin-story-figure img{width:min(92%,500px)}
 .gin-story-facts-grid,.gin-story-values-grid{grid-template-columns:1fr;gap:30px}
 .gin-story-fact strong{font-size:clamp(65px,18vw,95px)}
 .gin-story-case-grid{grid-template-columns:1fr;gap:14px}
 .gin-story-case{min-height:185px}
 .gin-story-lab-grid{gap:42px}
 .gin-story-lab h2{font-size:clamp(43px,10vw,72px)}
 .gin-story-runway{height:265px}
 .gin-story-runway-title{font-size:clamp(55px,12vw,93px);top:52%}
 .gin-story-runner{width:200px}
 .gin-story-values-grid{margin-top:40px}
 .gin-story-final-figure{order:2}
 .gin-story-final-figure img{width:min(90%,430px)}
 .gin-story-final h2{font-size:clamp(42px,9vw,65px)}
}
@media(prefers-reduced-motion:reduce){
 .gin-story.is-enhanced [data-reveal]{opacity:1!important;transform:none!important;transition:none!important}
 .gin-story-runner{animation:none!important;transform:translate3d(16px,0,0)!important}
 .gin-story-link,.gin-story-case,.gin-story-figure img{transition:none!important}
}

/* V27 / full-body HQ PNG figures — never crop the figure or force cover. */
.gin-story .gin-story-hero-figure,
.gin-story .gin-story-figure,
.gin-story .gin-story-final-figure{overflow:visible}
.gin-story .gin-story-hero-figure img,
.gin-story .gin-story-figure img,
.gin-story .gin-story-final-figure img,
.gin-story .gin-story-runner{
  object-fit:contain;
  object-position:center;
  image-rendering:auto;
}
@media(max-width:720px){
  .gin-story .gin-story-hero-figure{max-height:none;overflow:visible}
  .gin-story .gin-story-hero-figure img{height:auto;max-height:none}
  .gin-story .gin-story-final-figure{overflow:visible}
  .gin-story .gin-story-final-figure img{height:auto;max-height:none}
}