/* V5.2: Natural premium Selected Work cards. Scoped: no hero or featured burger changes. */
#work .v52-work-secondary { gap:24px; margin-top:26px; }
#work .v52-project {
  --v52-rz:-2deg;
  --v52-orbit-color:#bb9466;
  --v52-dot-color:#f1d7a4;
  --v52-x:0px;--v52-y:0px;--v52-rx:0deg;--v52-ry:0deg;
  display:block; color:#20392b; text-decoration:none;
  border-radius:24px; background:#fffdf8;
  border:1px solid rgba(45,69,48,.14);
  overflow:hidden;
  box-shadow:0 6px 20px rgba(35,52,37,.055),0 2px 5px rgba(35,52,37,.02);
  transition:box-shadow .45s ease, border-color .45s ease, transform .65s cubic-bezier(.2,.75,.2,1);
}
#work .v52-project.v52-sugi-this-march {--v52-rz:2deg;--v52-orbit-color:#698c76;--v52-dot-color:#e1e5cb}
#work .v52-project:hover {
  border-color:rgba(86,116,91,.34);
  box-shadow:0 20px 45px rgba(29,50,32,.13),0 4px 14px rgba(29,50,32,.035);
}
#work .v52-visual {
  display:block; position:relative;
  height:380px; isolation:isolate; overflow:hidden;
  perspective:1050px; transform-style:preserve-3d;
}
#work .v52-visual.mini-morning {background:radial-gradient(ellipse at 55% 28%,rgba(255,251,236,.66),transparent 58%),linear-gradient(150deg,#dcc6b0,#efe3d5 72%)}
#work .v52-visual.mini-sugi {background:radial-gradient(ellipse at 45% 25%,rgba(250,255,239,.58),transparent 56%),linear-gradient(160deg,#c6d9c7,#dce8d8 78%)}
#work .v52-orbit {
  position:absolute;z-index:0;pointer-events:none;
  width:105%;height:94%;top:2%;left:-2.5%;overflow:visible;
  opacity:.62;filter:none;transition:opacity .55s ease,transform .8s ease;
  transform:scale(.965);
}
#work .v52-orbit-track {fill:none;stroke:var(--v52-orbit-color);stroke-width:1.2;stroke-opacity:.56;stroke-linecap:round}
#work .v52-orbit-track-secondary {stroke-opacity:.30;stroke-dasharray:4 8}
#work .v52-orbit-dot {fill:var(--v52-dot-color);stroke:#f7f2e3;stroke-width:.7;filter:drop-shadow(0 0 3px rgba(250,237,193,.43))}
#work .v52-orbit-dot-quiet {opacity:.72}
#work .v52-poster-back {
  position:absolute;z-index:1;pointer-events:none;
  left:50.8%;top:54%;height:80%;aspect-ratio:.8;
  transform:translate(-50%,-50%) rotate(4deg) translate(12px,9px);
  border:1px solid rgba(255,255,255,.55);border-radius:9px;
  background:linear-gradient(145deg,rgba(255,255,255,.24),rgba(79,117,87,.10));
  box-shadow:0 11px 27px rgba(57,70,54,.10);
  transition:transform .72s cubic-bezier(.18,.75,.2,1);
}
#work .v52-sugi-this-march .v52-poster-back {aspect-ratio:.747; transform:translate(-50%,-50%) rotate(-3.8deg) translate(-11px,9px)}
#work .v52-poster-wrap {
  position:absolute;z-index:2;left:50%;top:51%;height:81%;aspect-ratio:.8;pointer-events:none;
  display:block;padding:4px;border-radius:8px;
  background:linear-gradient(135deg,#fffdf5,#eae5da);
  box-shadow:0 20px 31px rgba(35,42,31,.20),0 6px 12px rgba(35,42,31,.11),inset 0 1px rgba(255,255,255,.80);
  transform-origin:50% 50%;
  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));
  transition:transform .7s cubic-bezier(.2,.74,.2,1),box-shadow .5s ease;
  will-change:transform;
  backface-visibility:hidden;
}
#work .v52-sugi-this-march .v52-poster-wrap {aspect-ratio:.747}
#work .v52-poster-wrap::after {
  content:"";position:absolute;z-index:-1;right:-4px;top:5px;bottom:-4px;width:5px;
  background:linear-gradient(180deg,rgba(255,254,246,.89),#b8b5a5 70%,#8f988a);border-radius:0 3px 3px 0;
}
#work .v52-poster-wrap img {
  display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;
  border-radius:4px;transform:none!important;filter:none!important;
  box-shadow:none!important;transition:none!important;
}
#work .v52-project:hover .v52-orbit {opacity:.87;transform:scale(1)}
#work .v52-project:hover .v52-poster-back {transform:translate(-50%,-50%) rotate(2deg) translate(14px,11px)}
#work .v52-project.v52-sugi-this-march:hover .v52-poster-back {transform:translate(-50%,-50%) rotate(-2deg) translate(-14px,11px)}
#work .v52-project:hover .v52-poster-wrap {box-shadow:0 26px 40px rgba(35,42,31,.24),0 8px 17px rgba(35,42,31,.12)}
#work .v52-project-badge {
  position:absolute;z-index:5;top:16px;left:17px;
  display:inline-flex;align-items:center;gap:5px;
  max-width:calc(100% - 34px);padding:7px 10px;
  border-radius:7px;border:1px solid rgba(255,255,255,.65);
  background:rgba(255,252,243,.80);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);
  font-size:10px;font-weight:720;letter-spacing:.11em;color:#325343;
  box-shadow:0 2px 10px rgba(35,49,37,.04);
}
#work .v52-project-badge b {font-weight:850}
#work .v52-copy {display:block;padding:24px 27px 25px;background:#fffdf8}
#work .v52-copy-main {width:100%;min-width:0}
#work .v52-copy h3 {font-size:26px;margin:0 0 8px;line-height:1.2;letter-spacing:-.04em}
#work .v52-copy p {color:#667568;line-height:1.6;font-size:13.5px;margin:0 0 15px;max-width:510px}
#work .v52-benefit {
  display:flex;align-items:flex-start;gap:9px;
  min-height:32px;padding:11px 0 13px;border-top:1px solid rgba(41,76,48,.11);
  font-size:12px;font-weight:640;color:#375e44;line-height:1.55;
}
#work .v52-benefit-dot {height:6px;width:6px;flex:none;margin-top:6px;border-radius:50%;background:#b89a6b}
#work .v52-sugi-this-march .v52-benefit-dot {background:#86a18a}
#work .v52-case-link {
  display:flex;align-items:center;justify-content:space-between;min-height:44px;
  padding:9px 0 0;border-top:1px solid rgba(41,76,48,.11);
  color:#214835;font-size:12px;font-weight:780;letter-spacing:.015em;
}
#work .v52-link-icon {
  display:grid;place-items:center;width:35px;height:35px;
  border-radius:50%;border:1px solid rgba(45,80,53,.26);
  background:linear-gradient(145deg,#fffdf8,#edf0e8);
  font-size:18px;transition:transform .3s ease,background .3s ease,border-color .3s ease;
}
#work .v52-project:hover .v52-link-icon {transform:translate(2px,-2px);border-color:#c59d68;background:#f5ebd8}
#work .v52-project:focus-visible {outline:3px solid #bd9763;outline-offset:3px}
/* Transition: compact purposeful editorial strip instead of a long redundant section. */
#work .v52-bridge {
  display:grid;grid-template-columns:minmax(140px,.8fr) minmax(260px,2fr) auto;
  align-items:center;column-gap:22px;row-gap:10px;
  padding:24px 28px;margin:32px 0 0;
  border:1px solid rgba(53,83,54,.14);border-radius:19px;
  background:linear-gradient(118deg,#f0f0e7,#f8f6ef 46%,#edf1e8);
  box-shadow:0 10px 28px rgba(39,51,37,.045);
}
#work .v52-bridge-label {
  display:flex;gap:9px;align-items:center;color:#97794f;font-size:10px;
  font-weight:790;letter-spacing:.11em;line-height:1.5;
}
#work .v52-bridge-label i {width:23px;height:1px;flex:none;background:#b59565;transform-origin:left;transition:transform .9s ease}
#work .v52-bridge.visible .v52-bridge-label i {transform:scaleX(1)}
#work .v52-bridge p {font-size:14px;line-height:1.55;margin:0;color:#617063;flex:none}
#work .v52-bridge p strong {color:#254632;font-weight:800}
#work .v52-bridge a {
  font-size:12px;display:inline-flex;align-items:center;gap:8px;white-space:nowrap;
  font-weight:790;color:#28503a;text-decoration:none;margin:0;padding:9px 0;
  border:0;border-bottom:1px solid rgba(70,109,75,.32);
}
#work .v52-bridge a span {display:inline-block;transition:transform .3s ease}
#work .v52-bridge a:hover span {transform:translateY(3px)}
#the-challenge {scroll-margin-top:100px}
@media(max-width:920px){
  #work .v52-bridge {grid-template-columns:1fr auto;padding:20px 22px}
  #work .v52-bridge-label {grid-column:1/-1}
}
@media(max-width:650px){
  #work .v52-work-secondary {grid-template-columns:1fr;gap:16px;margin-top:18px}
  #work .v52-project {border-radius:22px}
  #work .v52-visual {height:315px}
  #work .v52-poster-wrap {height:79%;top:52%}
  #work .v52-poster-back {height:78%;top:54%}
  #work .v52-orbit {height:98%;top:1%;}
  #work .v52-project-badge {top:14px;left:15px;font-size:9px;padding:7px 9px}
  #work .v52-copy {padding:19px 20px 20px}
  #work .v52-copy h3 {font-size:23px}
  #work .v52-copy p {font-size:13px;margin-bottom:12px;line-height:1.5}
  #work .v52-benefit {font-size:11.5px;padding:9px 0 11px}
  #work .v52-bridge {display:flex;flex-direction:column;align-items:flex-start;gap:11px;margin:24px 0 0;padding:20px 22px}
  #work .v52-bridge p {font-size:13.5px;line-height:1.55}
  #work .v52-bridge a {font-size:12px;padding:6px 0}
}
@media(max-width:360px){
  #work .v52-visual {height:283px}
  #work .v52-poster-wrap{height:77%}
  #work .v52-poster-back{height:75%}
  #work .v52-copy {padding:18px}
  #work .v52-project-badge {font-size:8px}
  #work .v52-bridge {padding:18px}
}
@media(prefers-reduced-motion:reduce){
  #work .v52-project,#work .v52-project *,#work .v52-project *::before,#work .v52-project *::after,#work .v52-bridge * {animation:none!important;transition:none!important}
  #work .v52-orbit-dot {opacity:0}
  #work .v52-poster-wrap {--v52-x:0px!important;--v52-y:0px!important;--v52-rx:0deg!important;--v52-ry:0deg!important}
}