/* Selected work: a capstone lead and two art-directed print collections. */
.work-showcase { border-top: 1px solid var(--line); }
.work-heading { display: grid; grid-template-columns: 1.4fr 1fr; align-items: end; gap: 32px; margin-bottom: 40px; }
.work-heading h2 { font: 900 clamp(38px, 5.5vw, 80px)/1 var(--f-serif); letter-spacing: -.045em; margin-top: 20px; }
.work-heading h2 em { color: var(--accent); font-weight: 400; }
.work-heading > p { max-width: 39ch; justify-self: end; color: var(--fg-soft); font-size: 14px; line-height: 1.9; padding-bottom: 4px; }
.work-feature { display: grid; grid-template-columns: 1.05fr 1fr; overflow: hidden; position: relative; background: #24326f; color: #fff; border-radius: 12px; border: 1px solid #ffffff20; }
.work-feature-copy { position: relative; z-index: 1; padding: clamp(28px, 4.5vw, 64px); }
.work-kicker, .work-art-label, .work-art-footnote { font: 10px var(--f-mono); text-transform: uppercase; letter-spacing: .12em; line-height: 1.6; }
.work-kicker { color: #fbd117; }
.work-feature h3 { font: 700 clamp(32px, 4vw, 60px)/1.08 var(--f-serif); letter-spacing: -.035em; margin: 26px 0 20px; }
.work-feature h3 em { color: #fbd117; font-weight: 400; }
.work-feature-copy p { max-width: 39ch; font-size: 14px; line-height: 1.8; color: #e0e7ff; }
.work-cta { display: inline-flex; align-items: center; gap: 28px; margin-top: 28px; padding: 12px 20px; color: #24326f; background: #fbd117; border-radius: 100px; font-size: 12px; font-weight: 700; }
.work-cta > span { font-size: 20px; transition: transform .35s; }
.work-feature-art { position: relative; isolation: isolate; display: flex; flex-direction: column; justify-content: center; align-items: center; min-width: 0; padding: clamp(28px, 4vw, 56px); background: radial-gradient(ellipse at 55% 45%, #5d72cc88, transparent 70%), #32418c; }
.work-feature-art > img { width: 100%; height: auto; position: relative; z-index: 1; filter: drop-shadow(0 18px 25px #14205255); transition: transform .6s cubic-bezier(.22,1,.36,1); }
.work-orbit { position: absolute; width: 85%; aspect-ratio: 1; border: 1px solid #d6e1ff26; border-radius: 50%; transform: rotate(-30deg); }
.work-orbit--inner { width: 65%; border-style: dashed; }
.work-orbit--outer::after { content: ''; position: absolute; top: 14%; left: 14%; width: 12px; height: 12px; background: #fbd117; border-radius: 50%; box-shadow: 0 0 24px #fbd11780; }
.work-partner { position: absolute; bottom: 28px; left: 24px; right: 24px; text-align: center; color: #c7d2fa; font-size: 10px; line-height: 1.8; }
.work-partner strong { font-weight: 500; }
.work-creative-grid { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(24px, 3vw, 44px); margin-top: 40px; }
.work-collection { min-width: 0; }
.work-art { position: relative; aspect-ratio: 1.35; overflow: hidden; border-radius: 10px; border: 1px solid var(--line); }
.work-art-label { position: absolute; z-index: 3; top: 20px; left: 24px; }
.work-art-footnote { position: absolute; z-index: 3; bottom: 18px; left: 24px; }
.work-art--nu { background: #e8e3d6; color: #32418c; }
.work-print { position: absolute; top: 21%; width: 50%; padding: 5px; background: #fff; box-shadow: 0 20px 35px #18234930; transition: transform .6s cubic-bezier(.22,1,.36,1); }
.work-print img { width: 100%; height: auto; }
.work-print--back { left: 12%; transform: rotate(-12deg); }
.work-print--front { right: 12%; transform: rotate(10deg) translateY(6%); }
.work-art--sace { background: #10264d; color: #d0e7ff; }
.work-anniversary { position: absolute; left: -3%; top: 10%; font: 900 clamp(180px, 28vw, 440px)/1 var(--f-sans); color: #a9d5ff16; letter-spacing: -.12em; }
.work-anniversary-print { position: absolute; width: 55%; top: 17%; left: 24%; transform: rotate(-6deg); box-shadow: 0 24px 40px #0006; transition: transform .6s cubic-bezier(.22,1,.36,1); }
.work-anniversary-print img { width: 100%; height: auto; }
.work-collection-caption { display: flex; align-items: start; justify-content: space-between; gap: 18px; margin-top: 22px; }
.work-collection-caption h3 { font: 700 clamp(24px, 2.7vw, 38px)/1.1 var(--f-serif); letter-spacing: -.025em; }
.work-collection-caption p { margin-top: 12px; color: var(--fg-soft); font-size: 13px; line-height: 1.7; }
.work-round-arrow { display: grid; place-items: center; width: 44px; height: 44px; flex: 0 0 44px; border: 1px solid var(--line-hard); border-radius: 50%; color: var(--accent); font-size: 23px; transition: background .3s, color .3s, transform .3s; }
.work-text-link { display: inline-block; margin-top: 18px; color: var(--accent); font: 10px var(--f-mono); border-bottom: 1px solid var(--line-hard); padding-bottom: 5px; }
.work-explore { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 20px; margin-top: 44px; padding-top: 24px; border-top: 1px solid var(--line); color: var(--fg-soft); font-size: 12px; }
.work-explore > div { display: flex; flex-wrap: wrap; gap: 24px; }
.work-explore a { color: var(--fg); text-decoration: underline; text-underline-offset: 5px; }
.work-feature:focus-visible, .work-collection:focus-visible { outline: 3px solid var(--accent); outline-offset: 7px; border-radius: 12px; }
@media (hover: hover) and (pointer: fine) {
  html:not([data-motion="off"]) .work-feature:hover .work-feature-art > img { transform: translateY(-6px) scale(1.04); }
  html:not([data-motion="off"]) .work-feature:hover .work-cta > span { transform: translate(3px,-3px); }
  html:not([data-motion="off"]) .work-collection:hover .work-print--back { transform: rotate(-16deg) translate(-3%,-4%); }
  html:not([data-motion="off"]) .work-collection:hover .work-print--front { transform: rotate(6deg) translate(3%,0); }
  html:not([data-motion="off"]) .work-collection:hover .work-anniversary-print { transform: rotate(0) translateY(-3%); }
  .work-collection:hover .work-round-arrow { background: var(--accent); color: var(--bg); }
}
@media (max-width: 800px) {
  .work-heading { grid-template-columns: 1fr; gap: 20px; }
  .work-heading > p { justify-self: start; }
  .work-feature { grid-template-columns: 1fr; }
  .work-feature h3 br { display: none; }
  .work-feature-art { min-height: 250px; }
  .work-feature-art > img { max-width: 380px; margin-bottom: 30px; }
  .work-orbit { width: 280px; }
  .work-orbit--inner { width: 210px; }
}
@media (max-width: 600px) {
  .work-creative-grid { grid-template-columns: 1fr; gap: 36px; }
  .work-anniversary { font-size: 65vw; }
  .work-art-label, .work-art-footnote { font-size: 9px; left: 16px; }
}
@media (prefers-reduced-motion: reduce) {
  .work-showcase *, .work-showcase *::before, .work-showcase *::after { transition: none !important; animation: none !important; }
  html:not([data-motion="off"]) .work-feature:hover .work-feature-art > img,
  html:not([data-motion="off"]) .work-feature:hover .work-cta > span { transform: none; }
  html:not([data-motion="off"]) .work-collection:hover .work-print--back { transform: rotate(-12deg); }
  html:not([data-motion="off"]) .work-collection:hover .work-print--front { transform: rotate(10deg) translateY(6%); }
  html:not([data-motion="off"]) .work-collection:hover .work-anniversary-print { transform: rotate(-6deg); }
}