:root{--primary-color:#ff5a1f;--secondary-color:#000;--helper-color:#fff;--max-width:1440px;}

/* section */
.abcprvwefg{width:100%;position:relative;overflow:hidden;background-color:var(--secondary-color);display:flex;flex-direction:column;}
.abcprvwefginner{position:relative;z-index:2;width:calc(100% - 2em);max-width:var(--max-width);margin-inline:auto;display:flex;flex-direction:column;gap:2em;align-items:center;justify-content:center;text-align:center;}
.abcprvwefghead{display:flex;flex-direction:column;gap:1.1em;align-items:center;max-width:47.5rem;}
.abcprvwefgpill{display:inline-flex;align-items:center;gap:.6em;min-height:2.1rem;padding-inline:.9em 1em;border-radius:999px;font-size:clamp(.75rem,.72rem + .15vw,.85rem);font-weight:600;color:color-mix(in srgb,var(--helper-color) 85%,transparent);background-color:color-mix(in srgb,var(--helper-color) 5%,transparent);border:1px solid color-mix(in srgb,var(--helper-color) 9%,transparent);backdrop-filter:blur(8px);}
.abcprvwefgdot{width:1rem;height:1rem;border-radius:50%;flex:none;background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--primary-color),var(--helper-color) 25%),color-mix(in srgb,var(--primary-color),var(--secondary-color) 40%));box-shadow:0 0 .75rem color-mix(in srgb,var(--primary-color) 70%,transparent);}
.abcprvwefgtitle{font-size:clamp(1.7rem,1.1rem + 2.8vw,3.4rem);font-weight:700;line-height:1.25;}
.abcprvwefglead{max-width:52ch;font-size:clamp(.88rem,.84rem + .3vw,1.06rem);line-height:1.8;color:color-mix(in srgb,var(--helper-color) 58%,transparent);}
.abcprvwefgglow{position:absolute;z-index:0;top:-9rem;left:50%;transform:translateX(-50%);width:min(47.5rem,140%);height:32.5rem;border-radius:50%;background:radial-gradient(ellipse,color-mix(in srgb,var(--primary-color) 20%,transparent),transparent 65%);filter:blur(70px);pointer-events:none;}


/* previous work */
.abcprvwefg{background:linear-gradient(180deg,var(--helper-color) 0%,color-mix(in srgb,var(--secondary-color) 4%,var(--helper-color)) 45%,color-mix(in srgb,var(--secondary-color) 9%,var(--helper-color)) 100%);color:var(--secondary-color);}
.abcprvwefg::before,.abcprvwefg::after{content:'';flex:none;height:clamp(3rem,8vw,6rem);}
.abcprvwefgpill{background-color:var(--secondary-color);border-color:transparent;color:var(--helper-color);}
.abcprvwefglead{color:color-mix(in srgb,var(--secondary-color) 60%,transparent);}
.abcprvwefgbox{width:100%;border-radius:2rem;border:1px solid color-mix(in srgb,var(--secondary-color) 9%,transparent);background:linear-gradient(180deg,var(--helper-color),color-mix(in srgb,var(--secondary-color) 6%,var(--helper-color)));box-shadow:0 3.75rem 6.25rem -4.4rem color-mix(in srgb,var(--secondary-color) 55%,transparent);overflow:hidden;}
.abcprvwefgbar{display:flex;align-items:center;gap:.45em;min-height:2.9rem;padding-inline:1.1em;border-bottom:1px solid color-mix(in srgb,var(--secondary-color) 7%,transparent);}
.abcprvwefgbar i{width:.55rem;height:.55rem;border-radius:50%;background-color:color-mix(in srgb,var(--secondary-color) 14%,transparent);}
.abcprvwefgbar span{margin-inline-start:.6em;font-size:clamp(.7rem,.68rem + .1vw,.76rem);color:color-mix(in srgb,var(--secondary-color) 60%,transparent);}
.abcprvwefgbody{position:relative;display:flex;align-items:center;gap:.5em;padding:clamp(1.25rem,4vw,3rem) .75rem;}
.abcprvwefgbody::before{content:'';position:absolute;left:50%;top:6%;transform:translateX(-50%);width:min(26rem,70%);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--primary-color) 20%,transparent),color-mix(in srgb,var(--primary-color) 6%,transparent) 55%,transparent 72%);filter:blur(6px);pointer-events:none;}
.abcprvwefgtrack{position:relative;flex:1;min-width:0;display:flex;gap:1em;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;}
.abcprvwefgtrack::-webkit-scrollbar{display:none;}
.abcprvwefgcard{flex:0 0 clamp(14rem,70vw,22rem);scroll-snap-align:center;display:flex;flex-direction:column;border-radius:1.25rem;overflow:hidden;border:1px solid color-mix(in srgb,var(--secondary-color) 9%,transparent);background-color:var(--helper-color);box-shadow:0 .9rem 2rem -1.4rem color-mix(in srgb,var(--secondary-color) 60%,transparent);transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s ease;}
.abcprvwefgcard:hover{transform:translateY(-.3rem) rotate(-.4deg);box-shadow:0 1.4rem 2.4rem -1.6rem color-mix(in srgb,var(--secondary-color) 55%,transparent);}
.abcprvwefgimg{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:top;}
.abcprvwefgname{min-height:3rem;display:flex;align-items:center;justify-content:center;font-size:clamp(.82rem,.8rem + .15vw,.92rem);font-weight:700;color:var(--secondary-color);}
.abcprvwefgprev,.abcprvwefgnext{position:relative;display:none;flex:none;width:2.6rem;height:2.6rem;border-radius:50%;place-items:center;font-size:.85rem;color:var(--secondary-color);border:1px solid color-mix(in srgb,var(--secondary-color) 14%,transparent);background-color:var(--helper-color);transition:background-color .3s ease,border-color .3s ease,color .3s ease;}
.abcprvwefgprev:hover,.abcprvwefgnext:hover{background-color:var(--primary-color);border-color:transparent;color:var(--helper-color);}

@media (min-width:768px){
  .abcprvwefgprev,.abcprvwefgnext{display:grid;}
  .abcprvwefgbody{gap:.9em;padding-inline:1.25rem;}
}
@media (min-width:1024px){
  .abcprvwefgcard{flex-basis:clamp(19rem,28vw,24rem);}
}