/* V5.1 — Only Selected Work. Hero is deliberately untouched.
   Natural green/cream/gold glass, usable mobile gestures, less decorative clutter. */
#work .v50-gesture-hint { display:none!important; }
#work .v50-stage {
  --v50-rx:5deg;--v50-ry:-11deg;--v50-lift:9px;--v50-shadow-x:15px;
  background:radial-gradient(ellipse at 42% 22%,#e8f4f8 0%,#d5e6ee 47%,#bed6e1 100%);
}
#work .v50-stage .v49-backplate {
  background:linear-gradient(145deg,rgba(55,111,97,.23),rgba(244,252,250,.15) 58%,rgba(37,95,83,.20));
  box-shadow:0 20px 39px rgba(35,74,76,.15),inset 0 1px 0 rgba(255,255,255,.64);
}
#work .v51-glass-insights {
  box-sizing:border-box;
  margin-top:16px;
  padding:10px;
  display:grid;gap:8px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.86);
  background:linear-gradient(138deg,rgba(255,255,255,.88),rgba(230,239,231,.68) 58%,rgba(250,247,239,.82));
  -webkit-backdrop-filter:blur(16px) saturate(125%);
  backdrop-filter:blur(16px) saturate(125%);
  box-shadow:0 15px 34px rgba(36,70,49,.09),inset 0 2px 0 rgba(255,255,255,.9),inset 0 -1px 0 rgba(73,101,76,.08);
  border-top:1px solid rgba(255,255,255,.98)!important;
}
#work .v50-story .v51-glass-insights>.v51-insight {
  width:100%;min-height:64px;
  box-sizing:border-box;
  border-radius:12px;
  appearance:none;-webkit-appearance:none;
  display:grid;grid-template-columns:40px minmax(0,1fr) 18px;align-items:center;
  gap:12px; padding:12px 13px;
  text-align:left;cursor:pointer;
  background:linear-gradient(118deg,rgba(255,255,255,.81),rgba(246,249,244,.63) 60%,rgba(226,238,226,.68));
  border:1px solid rgba(255,255,255,.97);
  box-shadow:0 5px 15px rgba(44,72,50,.055),inset 0 1px 0 rgba(255,255,255,.92),0 1px 0 rgba(98,130,102,.09);
  transition:transform .34s cubic-bezier(.18,.78,.26,1),box-shadow .34s ease,border-color .3s ease,background .3s ease;
  -webkit-tap-highlight-color:transparent;
}
#work .v51-insight .v51-number {
  color:#9a703c;font-size:12px;font-weight:850;
  display:grid;place-items:center;width:39px;height:39px;border-radius:10px;
  border:1px solid rgba(203,175,131,.27);
  background:linear-gradient(150deg,#fff8e8,#efe7d5);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95);
}
#work .v51-insight p {font-size:13px!important;line-height:1.47!important;color:#52665a;margin:0!important;}
#work .v51-insight strong {color:#21392b;font-weight:800;}
#work .v51-indicator {font-size:15px;color:#a37a43;opacity:.72;transition:transform .3s,opacity .3s;}
#work .v50-story .v51-glass-insights>.v51-insight:hover,
#work .v50-story .v51-glass-insights>.v51-insight:focus-visible,
#work .v50-story .v51-glass-insights>.v51-insight.is-selected {
  transform:translate3d(0,-3px,0);
  background:linear-gradient(112deg,rgba(255,255,255,.97),rgba(229,241,232,.91));
  border-color:rgba(174,198,175,.78);
  box-shadow:0 11px 25px rgba(29,77,44,.14),inset 0 1px 0 #fff,0 0 0 1px rgba(215,186,142,.20);
}
#work .v51-insight:hover .v51-indicator,#work .v51-insight.is-selected .v51-indicator{transform:translate(2px,-2px);opacity:1;}
#work .v51-insight:active {transform:translateY(1px) scale(.99)!important;transition-duration:.12s!important;}
#work .v50-story {
  position:relative;
  background:radial-gradient(ellipse at 100% 0%,rgba(229,240,229,.38),transparent 49%),#fffcf8;
}
#work .v50-story .feature-link {
  border:1px solid rgba(211,175,115,.53);
  background:linear-gradient(105deg,#172f21 0%,#244832 58%,#305941 100%);
  box-shadow:0 8px 18px rgba(35,66,45,.11),inset 0 1px 0 rgba(255,255,255,.15),inset 0 -1px 0 rgba(211,175,115,.28);
  transition:transform .3s cubic-bezier(.18,.8,.25,1),box-shadow .3s ease,background .3s ease;
}
#work .v50-story .feature-link:hover{transform:translateY(-3px);box-shadow:0 14px 27px rgba(35,66,45,.17),0 0 0 1px rgba(214,177,115,.38),inset 0 1px 0 rgba(255,255,255,.17);}
/* A brief, perceivable arrival motion on mobile and desktop, never hides content until JS is ready. */
#work .v51-motion-ready .v50-poster {transition:transform .48s cubic-bezier(.22,.83,.28,1),box-shadow .38s ease;}
#work .v51-motion-ready.v51-arrived .v50-poster{box-shadow:0 24px 40px rgba(20,59,75,.24),0 5px 12px rgba(30,58,71,.12);}
#work .v50-stage.v51-is-dragging .v50-poster {transition:none!important;}
#work .v50-stage.v51-is-dragging .v49-backplate {transition:none!important;}
#work .v50-stage.v51-is-dragging .v49-cast-shadow {transition:none!important;}
@media(max-width:900px){
 #work .v51-glass-insights{margin-top:12px;}
 #work .v50-story{padding:30px 25px;}
}
@media(max-width:600px){
 #work .v51-glass-insights{border-radius:16px;padding:8px;gap:7px;}
 #work .v50-story .v51-glass-insights>.v51-insight{min-height:66px;padding:10px 9px;grid-template-columns:36px minmax(0,1fr) 14px;gap:9px;}
 #work .v51-insight .v51-number{width:34px;height:34px;font-size:11px;border-radius:9px;}
 #work .v51-insight p{font-size:12.2px!important;line-height:1.4!important;}
 #work .v51-indicator{font-size:12px;}
 #work .v50-story{padding:23px 20px 25px;}
}
@media(max-width:360px){
 #work .v50-story .v51-glass-insights>.v51-insight{grid-template-columns:31px minmax(0,1fr) 13px;gap:7px;}
 #work .v51-insight .v51-number{width:30px;height:32px;}
 #work .v51-insight p{font-size:11.5px!important;}
}
@media(prefers-reduced-motion:reduce){
 #work .v51-insight,#work .v51-indicator,#work .v50-poster{transition:none!important;}
}