/* V5.3 — restrained premium depth for Selected Work only.
   Hero, palette, artwork files and case-study content remain locked. */

/* A quiet gallery light beneath the featured burger — deliberately not another orbit. */
#work .v50-stage .v53-feature-ground{
  position:absolute;z-index:0;left:50%;bottom:8.5%;
  width:min(58%,330px);height:8.5%;
  transform:translateX(-50%) translateZ(-16px);
  border-radius:50%;
  border:1px solid rgba(255,255,255,.48);
  background:
    radial-gradient(ellipse at 50% 42%,rgba(255,255,255,.64),rgba(226,238,231,.25) 42%,rgba(206,185,143,.15) 67%,transparent 78%);
  box-shadow:0 13px 25px rgba(36,66,68,.10),inset 0 1px 0 rgba(255,255,255,.74);
  pointer-events:none;opacity:.86;
}
#work .v50-stage .v53-feature-ground::before{
  content:"";position:absolute;inset:4px 9%;
  border:1px solid rgba(255,255,255,.35);border-radius:50%;
  box-shadow:0 0 17px rgba(238,221,180,.16);
}

/* Keep the Attention / Clarity / Purpose tray visibly glass-like, but calm and readable. */
#work .v51-glass-insights{
  position:relative;isolation:isolate;
  border:1px solid rgba(255,255,255,.92);
  background:
    linear-gradient(132deg,rgba(255,255,255,.91),rgba(231,240,232,.73) 54%,rgba(248,244,232,.83));
  box-shadow:0 18px 38px rgba(36,70,49,.10),inset 0 1px 0 rgba(255,255,255,.98),inset 0 -1px 0 rgba(82,111,85,.08);
  transform:translateZ(0);
}
#work .v51-glass-insights::before{
  content:"";position:absolute;inset:1px 1px auto;height:34%;
  border-radius:inherit;pointer-events:none;z-index:-1;
  background:linear-gradient(180deg,rgba(255,255,255,.34),transparent);
}
#work .v50-story .v51-glass-insights>.v51-insight{
  transform:translateZ(0);
  box-shadow:0 7px 17px rgba(44,72,50,.065),inset 0 1px 0 rgba(255,255,255,.96),0 1px 0 rgba(98,130,102,.08);
}
#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,8px);
  box-shadow:0 13px 25px rgba(29,77,44,.14),inset 0 1px 0 #fff,0 0 0 1px rgba(215,186,142,.24);
}

/* Secondary artwork: near-straight presentation, with only a subtle physical mount. */
#work .v52-project{
  --v52-rz:-.55deg;
  overflow:hidden;
  transform:translateY(0);
  box-shadow:0 8px 24px rgba(35,52,37,.065),0 2px 5px rgba(35,52,37,.025);
}
#work .v52-project.v52-sugi-this-march{--v52-rz:.65deg}
#work .v52-project:hover{
  transform:translateY(-4px);
  box-shadow:0 19px 42px rgba(29,50,32,.12),0 5px 14px rgba(29,50,32,.045);
}
#work .v52-visual{
  isolation:isolate;
  overflow:hidden;
  background-blend-mode:normal;
}
#work .v52-visual::before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(ellipse at 50% 30%,rgba(255,255,255,.42),transparent 62%);
}
#work .v52-visual::after{
  content:"";position:absolute;z-index:0;pointer-events:none;
  left:50%;bottom:5.5%;width:62%;height:11%;
  transform:translateX(-50%);
  border-radius:50%;
  border:1px solid rgba(255,255,255,.35);
  background:radial-gradient(ellipse,rgba(255,255,255,.32),rgba(255,255,255,.10) 48%,transparent 74%);
  box-shadow:0 12px 24px rgba(39,55,42,.08),inset 0 1px 0 rgba(255,255,255,.5);
  opacity:.7;
}
#work .v52-orbit{display:none!important}
#work .v53-orbit{
  position:absolute;z-index:0;inset:0;
  display:block;width:100%;height:100%;
  overflow:visible;pointer-events:none;
  opacity:.72;
  transition:opacity .55s ease,filter .55s ease;
  filter:drop-shadow(0 1px 5px rgba(255,255,255,.12));
}
#work .v53-orbit-track{
  fill:none;vector-effect:non-scaling-stroke;
  stroke-width:1.15;stroke-linecap:round;
}
#work .v53-orbit-outer{
  stroke:var(--v53-orbit-outer,rgba(171,139,91,.58));
  stroke-opacity:.72;
}
#work .v53-orbit-inner{
  stroke:var(--v53-orbit-inner,rgba(100,135,108,.48));
  stroke-opacity:.68;stroke-dasharray:2 7;
}
#work .v52-morning-joy{
  --v53-orbit-outer:rgba(174,135,91,.68);
  --v53-orbit-inner:rgba(105,139,112,.53);
}
#work .v52-sugi-this-march{
  --v53-orbit-outer:rgba(104,139,112,.68);
  --v53-orbit-inner:rgba(178,148,103,.56);
}
#work .v53-orbit-dot{
  stroke:rgba(255,255,255,.95);stroke-width:1;
}
#work .v53-orbit-dot-outer{
  fill:#fff5d8;
  filter:drop-shadow(0 0 3px rgba(255,241,194,.95)) drop-shadow(0 0 8px rgba(197,158,99,.72));
}
#work .v53-orbit-dot-inner{
  fill:#e4f1e2;
  filter:drop-shadow(0 0 3px rgba(233,255,231,.95)) drop-shadow(0 0 7px rgba(112,157,119,.62));
}
#work .v52-poster-back{
  z-index:1;
  transform:translate(-50%,-50%) rotate(1.15deg) translate(7px,6px);
  box-shadow:0 13px 29px rgba(57,70,54,.12),inset 0 1px 0 rgba(255,255,255,.6);
}
#work .v52-sugi-this-march .v52-poster-back{
  transform:translate(-50%,-50%) rotate(-1.15deg) translate(-7px,6px);
}
#work .v52-poster-wrap{
  z-index:2;
  transform:translate3d(calc(-50% + var(--v52-x)),calc(-50% + var(--v52-y)),0)
    rotateZ(var(--v52-rz)) rotateX(var(--v52-rx)) rotateY(var(--v52-ry));
  box-shadow:0 23px 35px rgba(35,42,31,.19),0 7px 13px rgba(35,42,31,.10),inset 0 1px 0 rgba(255,255,255,.96);
}
#work .v52-poster-wrap::after{
  right:-3px;top:4px;bottom:-3px;width:4px;
  background:linear-gradient(180deg,#fffdf6,#c9c8bb 72%,#a4aa9d);
}
#work .v52-poster-wrap img{
  border-radius:4px;
}
#work .v52-project:hover .v53-orbit,
#work .v52-project:focus-visible .v53-orbit{
  opacity:.9;filter:drop-shadow(0 1px 7px rgba(255,255,255,.2));
}
#work .v52-project:hover .v52-poster-wrap,
#work .v52-project:focus-visible .v52-poster-wrap{
  box-shadow:0 27px 40px rgba(35,42,31,.22),0 9px 17px rgba(35,42,31,.12),inset 0 1px 0 #fff;
}
#work .v52-project:hover .v52-poster-back{
  transform:translate(-50%,-50%) rotate(.7deg) translate(9px,7px);
}
#work .v52-sugi-this-march:hover .v52-poster-back{
  transform:translate(-50%,-50%) rotate(-.7deg) translate(-9px,7px);
}

/* A more memorable editorial bridge: a small premium feature card, not a plain text strip. */
#work .v52-bridge{
  position:relative;isolation:isolate;overflow:hidden;
  grid-template-columns:minmax(145px,.82fr) minmax(260px,2fr) auto;
  column-gap:24px;row-gap:12px;
  padding:26px 29px;margin-top:34px;
  border:1px solid rgba(78,103,77,.20);
  border-radius:22px;
  background:
    radial-gradient(ellipse at 96% 8%,rgba(219,196,151,.25),transparent 36%),
    linear-gradient(118deg,#fffdf7 0%,#f4f5ed 58%,#edf1e8 100%);
  box-shadow:0 15px 34px rgba(36,53,38,.075),inset 0 1px 0 rgba(255,255,255,.98),inset 0 -1px 0 rgba(83,111,81,.06);
}
#work .v52-bridge::before{
  content:"";position:absolute;left:0;top:18px;bottom:18px;width:3px;
  border-radius:0 4px 4px 0;
  background:linear-gradient(180deg,#c9a36e,#8ba18a 54%,#d8c39c);
  box-shadow:0 0 12px rgba(189,157,105,.18);
}
#work .v52-bridge::after{
  content:"";position:absolute;right:76px;top:50%;width:118px;height:118px;
  transform:translate(50%,-50%);
  border:1px solid rgba(124,151,119,.13);border-radius:50%;
  box-shadow:0 0 0 12px rgba(255,255,255,.13),0 0 0 25px rgba(124,151,119,.045);
  pointer-events:none;z-index:-1;
}
#work .v52-bridge-label{
  align-self:center;
  color:#98784b;font-size:10px;letter-spacing:.12em;
}
#work .v52-bridge-label i{
  width:27px;height:1px;background:linear-gradient(90deg,#b58f5c,#d8c39d);
}
#work .v52-bridge p{
  font-size:15px;line-height:1.6;color:#637266;
  max-width:610px;
}
#work .v52-bridge p strong{
  display:inline;color:#203d2c;font-weight:820;
}
#work .v52-bridge a{
  position:relative;z-index:1;
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  min-height:43px;padding:0 15px;
  border:1px solid rgba(183,151,101,.43);
  border-radius:12px;
  color:#f9f6ec;
  background:linear-gradient(112deg,#1b3525,#2d5139);
  box-shadow:0 7px 17px rgba(28,55,36,.13),inset 0 1px 0 rgba(255,255,255,.14);
  transition:transform .28s ease,box-shadow .28s ease,background .28s ease;
}
#work .v52-bridge a:hover{
  transform:translateY(-3px);
  box-shadow:0 12px 23px rgba(28,55,36,.19),inset 0 1px 0 rgba(255,255,255,.18);
}
#work .v52-bridge a span{color:#e8c58c;font-size:16px}
#work .v52-bridge.visible{box-shadow:0 18px 38px rgba(36,53,38,.09),inset 0 1px 0 #fff}

/* Responsive: keep the rings circular, artwork upright and touch/scroll movement subtle. */
@media(max-width:920px){
  #work .v52-bridge{grid-template-columns:1fr auto;padding:22px 24px}
  #work .v52-bridge-label{grid-column:1/-1}
}
@media(max-width:650px){
  #work .v52-work-secondary{grid-template-columns:1fr;gap:18px;margin-top:20px}
  #work .v52-visual{height:315px}
  #work .v52-poster-wrap{height:79%;top:52%}
  #work .v52-poster-back{height:78%;top:54%}
  #work .v53-orbit{height:100%;top:0}
  #work .v52-bridge{
    display:flex;flex-direction:column;align-items:flex-start;gap:12px;
    padding:21px 21px 22px;margin-top:25px;border-radius:20px;
  }
  #work .v52-bridge-label{grid-column:auto}
  #work .v52-bridge p{font-size:14px;line-height:1.58}
  #work .v52-bridge a{min-height:42px;padding:0 14px;font-size:12px}
}
@media(max-width:380px){
  #work .v52-visual{height:292px}
  #work .v52-poster-wrap{height:77%}
  #work .v52-poster-back{height:75%}
  #work .v52-bridge{padding:19px 18px}
}
@media(prefers-reduced-motion:reduce){
  #work .v53-feature-ground,#work .v52-project,#work .v52-project *,#work .v52-project *::before,#work .v52-project *::after,
  #work .v52-bridge,#work .v52-bridge *{animation:none!important;transition:none!important}
  #work .v53-orbit-dot{opacity:.9}
  #work .v52-poster-wrap{transform:translate3d(-50%,-50%,0) rotateZ(var(--v52-rz))!important}
}
/* V5.3.1 fix: remove the legacy straight baseline that crossed the featured artwork's oval grounding light. */
#work .v50-stage::after{content:none!important;display:none!important}