.results-showcase{
  --gold:#DB9A21;
  --deep-gold:#C57A0A;
  --antique-gold:#AE6B0D;
  --champagne:#EAD6A2;
  position:relative;
  overflow:hidden;
  isolation:isolate;
  padding:clamp(78px,10vw,148px) 18px clamp(92px,12vw,172px);
  background:
    radial-gradient(circle at 8% 12%,rgba(234,214,162,.23),transparent 24rem),
    linear-gradient(180deg,#fbf5f4 0%,#fffaf7 48%,#fbf5f4 100%);
}
.results-showcase::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(197,122,10,.22),transparent);
}
.results-orbit{
  position:absolute;
  z-index:-1;
  width:430px;
  height:430px;
  top:4%;
  left:-250px;
  border:1px solid rgba(197,122,10,.1);
  border-radius:50%;
}
.results-orbit::after{
  content:"";
  position:absolute;
  inset:42px;
  border:1px solid rgba(197,122,10,.08);
  border-radius:50%;
}
.results-inner{width:min(1240px,100%);margin-inline:auto}
.results-heading{margin-bottom:clamp(46px,8vw,96px)}
.results-kicker{
  display:flex;
  align-items:center;
  gap:12px;
  margin:0 0 18px;
  color:var(--deep-gold);
  font-size:.76rem;
  font-weight:800;
  letter-spacing:.18em;
}
.results-kicker span{width:32px;height:1px;background:currentColor}
.results-heading-copy h2{
  margin:0;
  max-width:780px;
  color:var(--gold);
  background:linear-gradient(118deg,#F1CE59 0%,#DB9A21 45%,#C57A0A 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  font-size:clamp(2.35rem,9.5vw,4.9rem);
  line-height:1.08;
  letter-spacing:-.045em;
  text-shadow:0 8px 30px rgba(174,107,13,.08);
}
.results-heading-copy>p{
  max-width:590px;
  margin:24px 0 0;
  color:#8c641f;
  font-size:clamp(1rem,2.7vw,1.18rem);
  line-height:1.95;
}
.results-composition{display:flex;flex-direction:column;gap:34px}
.results-lead,.results-lead-stack,.results-pair{display:flex;flex-direction:column;gap:34px}
.result-case{
  position:relative;
  display:block;
  width:100%;
  padding:0;
  overflow:visible;
  border:0;
  color:#47372d;
  background:none;
  text-align:inherit;
  cursor:zoom-in;
  outline:none;
}
.result-case:focus-visible .result-image-frame{outline:2px solid rgba(197,122,10,.7);outline-offset:5px}
.result-image-frame{
  position:relative;
  display:flex;
  width:100%;
  min-height:250px;
  overflow:hidden;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(196,146,133,.2);
  border-radius:30px 10px 30px 10px;
  background:#fff;
  box-shadow:0 18px 52px rgba(71,55,45,.07);
  transition:transform .45s cubic-bezier(.22,.61,.36,1),box-shadow .45s ease,border-color .45s ease;
}
.result-case:nth-child(even) .result-image-frame{border-radius:10px 30px 10px 30px;background:#f6eeea}
.result-case img{
  display:block;
  width:100%;
  height:auto;
  max-height:none;
  object-fit:contain;
  transition:transform .55s cubic-bezier(.22,.61,.36,1);
}
.result-number{
  position:absolute;
  z-index:2;
  right:14px;
  bottom:14px;
  display:flex;
  align-items:baseline;
  gap:5px;
  min-width:62px;
  padding:9px 11px;
  border:1px solid rgba(234,214,162,.55);
  border-radius:999px;
  color:#fff8e8;
  background:rgba(7,16,36,.7);
  box-shadow:0 8px 22px rgba(7,16,36,.12);
  backdrop-filter:blur(8px);
  font-family:ui-serif,Georgia,serif;
  font-size:.88rem;
  line-height:1;
  direction:ltr;
}
.result-number small{color:#ead6a2;font-size:.62rem}
.result-landscape .result-image-frame{background:#fffaf7}
.result-final{width:92%;align-self:flex-start}
.result-final-secondary{align-self:flex-end}
@media (max-width:359px){
  .results-showcase{padding-inline:14px}
  .results-composition,.results-lead,.results-lead-stack,.results-pair{gap:25px}
  .result-number{right:10px;bottom:10px}
}
@media (min-width:600px) and (max-width:899px){
  .results-showcase{padding-inline:30px}
  .results-heading-copy h2{font-size:4.2rem}
  .result-case{width:92%}
  .result-case:nth-child(even){align-self:flex-end}
  .result-landscape,.result-featured{width:100%}
  .result-final{width:88%;align-self:center}
}
@media (min-width:900px){
  .results-showcase{padding-inline:42px}
  .results-heading{display:grid;grid-template-columns:minmax(420px,1.12fr) minmax(300px,.7fr);align-items:end;gap:70px}
  .results-kicker{grid-column:1/-1;margin-bottom:-28px}
  .results-heading-copy{display:contents}
  .results-heading-copy h2{grid-column:1}
  .results-heading-copy>p{grid-column:2;margin:0 0 8px;padding-right:30px;border-right:1px solid rgba(197,122,10,.24)}
  .results-composition{gap:86px}
  .results-lead{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.82fr);gap:34px;align-items:start}
  .results-lead-stack{gap:34px;padding-top:74px}
  .results-pair{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(300px,.82fr);gap:42px;align-items:center}
  .results-pair-reverse{grid-template-columns:minmax(300px,.82fr) minmax(0,1.18fr)}
  .results-pair-reverse>.result-case:first-child{order:2}
  .results-pair-reverse>.result-case:last-child{order:1}
  .results-pair-wide{grid-template-columns:minmax(320px,.72fr) minmax(0,1.28fr)}
  .results-pair-wide>.result-case:last-child{margin-top:92px}
  .result-image-frame{border-radius:38px 12px 38px 12px}
  .result-case:nth-child(even) .result-image-frame{border-radius:12px 38px 12px 38px}
  .result-featured .result-image-frame{min-height:720px}
  .result-featured img{height:720px;object-fit:contain}
  .results-lead-stack .result-case:first-child img{height:510px;object-fit:contain}
  .results-lead-stack .result-landscape img{height:230px;object-fit:contain}
  .results-pair .result-case:not(.result-landscape) img{height:650px;object-fit:contain}
  .results-pair .result-tall img{height:760px}
  .results-pair .result-landscape img{height:390px;object-fit:contain}
  .result-final{width:62%;align-self:center}
  .result-final-secondary{width:52%;align-self:flex-end;margin-top:-34px}
  .result-final img{height:720px;object-fit:contain}
  .result-number{right:20px;bottom:20px;padding:11px 14px;font-size:1rem}
  .result-case:hover .result-image-frame{transform:translateY(-3px);border-color:rgba(197,122,10,.35);box-shadow:0 24px 65px rgba(71,55,45,.105)}
  .result-case:hover img{transform:scale(1.012)}
}
.results-animate .results-kicker,.results-animate .results-heading-copy h2,.results-animate .results-heading-copy>p,.results-animate .result-case{opacity:0;transform:translateY(18px)}
.results-animate.is-visible .results-kicker,.results-animate.is-visible .results-heading-copy h2,.results-animate.is-visible .results-heading-copy>p,.results-animate.is-visible .result-case{opacity:1;transform:none;transition:opacity .72s ease,transform .72s cubic-bezier(.22,.61,.36,1)}
.results-animate.is-visible .results-heading-copy h2{transition-delay:.08s}
.results-animate.is-visible .results-heading-copy>p{transition-delay:.16s}
.results-animate.is-visible .result-case{transition-delay:calc(.12s + var(--result-order,0) * .035s)}
.results-lightbox{
  width:100vw;
  max-width:none;
  height:100dvh;
  max-height:none;
  margin:0;
  padding:74px 16px 24px;
  overflow:hidden;
  border:0;
  color:#fff;
  background:rgba(7,16,36,.94);
}
.results-lightbox[open]{display:grid;grid-template-rows:minmax(0,1fr) auto;align-items:center}
.results-lightbox::backdrop{background:rgba(7,16,36,.72);backdrop-filter:blur(10px)}
.results-lightbox figure{display:flex;min-height:0;height:100%;margin:0;flex-direction:column;align-items:center;justify-content:center;gap:12px}
.results-lightbox figure img{display:block;max-width:min(1200px,94vw);max-height:calc(100dvh - 170px);width:auto;height:auto;object-fit:contain;border-radius:18px;box-shadow:0 26px 80px rgba(0,0,0,.36)}
.results-lightbox figcaption{color:#ead6a2;font-size:.78rem;letter-spacing:.08em}
.results-lightbox-close{
  position:absolute;
  z-index:3;
  top:max(16px,env(safe-area-inset-top));
  left:18px;
  width:44px;
  height:44px;
  border:1px solid rgba(234,214,162,.44);
  border-radius:50%;
  color:#fdfdfd;
  background:rgba(255,255,255,.08);
  font-size:1.65rem;
  cursor:pointer;
}
.results-lightbox-controls{display:flex;align-items:center;justify-content:center;gap:12px;padding-top:10px;direction:rtl}
.results-lightbox-controls button{
  min-width:86px;
  min-height:44px;
  padding:10px 16px;
  border:1px solid rgba(219,154,33,.5);
  border-radius:999px;
  color:#f1ce59;
  background:rgba(255,255,255,.055);
  font:inherit;
  cursor:pointer;
}
.results-lightbox-controls span{min-width:62px;color:#ead6a2;text-align:center;font-family:ui-serif,Georgia,serif;font-size:.8rem;direction:ltr}
.lightbox-open{overflow:hidden}
@media (prefers-reduced-motion:reduce){
  .result-case,.result-case img,.result-image-frame{transition:none!important}
}