.portfolio-coverflow-section{position:relative;overflow:hidden;padding:clamp(76px,8vw,120px) 0 clamp(70px,7vw,105px);background:radial-gradient(circle at 50% 20%,rgba(176,139,69,0.08),transparent 34%),linear-gradient(180deg,#151513 0%,#0f0f0e 100%);color:#fff;}.portfolio-coverflow-section::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,0.025) 1px,transparent 1px),linear-gradient(rgba(255,255,255,0.018) 1px,transparent 1px);background-size:96px 96px;mask-image:linear-gradient(180deg,rgba(0,0,0,0.65),transparent 88%);}.portfolio-coverflow-section__inner{position:relative;z-index:1;width:min(1500px,calc(100% - 8vw));margin-inline:auto;}.portfolio-coverflow-section__heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,0.42fr);gap:clamp(45px,8vw,130px);align-items:end;margin-bottom:clamp(30px,4vw,58px);}.portfolio-coverflow-kicker{margin:0 0 14px;color:rgba(255,255,255,0.42);font-size:0.64rem;font-weight:800;letter-spacing:0.18em;text-transform:uppercase;}.portfolio-coverflow-section__heading h2{max-width:760px;margin:0;font-size:clamp(2.8rem,5vw,5.6rem);font-weight:590;line-height:0.94;letter-spacing:-0.052em;text-wrap:balance;}.portfolio-coverflow-section__heading>p{max-width:520px;margin:0;padding-top:18px;border-top:1px solid rgba(255,255,255,0.15);color:rgba(255,255,255,0.56);font-size:0.88rem;line-height:1.8;}.portfolio-coverflow{--coverflow-card-width:clamp(290px,27vw,455px);--coverflow-card-height:clamp(410px,39vw,620px);position:relative;}.portfolio-coverflow__viewport{position:relative;min-height:calc(var(--coverflow-card-height) + 82px);overflow:hidden;perspective:1650px;perspective-origin:50% 44%;outline:none;touch-action:pan-y;}.portfolio-coverflow__viewport:focus-visible{box-shadow:inset 0 0 0 1px rgba(196,157,83,0.58);}.portfolio-coverflow__stage{position:absolute;inset:0;transform-style:preserve-3d;}.portfolio-coverflow__item{position:absolute;top:18px;left:50%;width:var(--coverflow-card-width);height:var(--coverflow-card-height);margin-left:calc(var(--coverflow-card-width) / -2);opacity:0;transform:translate3d(0,0,-800px) scale(0.68);transform-style:preserve-3d;pointer-events:none;filter:saturate(0.76) brightness(0.68);transition:transform 620ms cubic-bezier(0.2,0.75,0.2,1),opacity 420ms ease,filter 420ms ease;will-change:transform,opacity;}.portfolio-coverflow__item.is-visible{opacity:1;pointer-events:auto;}.portfolio-coverflow__item.is-active{z-index:10;filter:saturate(1) brightness(1);}.portfolio-coverflow__card{position:relative;width:100%;height:100%;display:block;border-radius:18px;color:#fff;transform-style:preserve-3d;outline:none;}.portfolio-coverflow__card::after{content:"";position:absolute;inset:0;z-index:5;border:1px solid rgba(255,255,255,0.14);border-radius:inherit;pointer-events:none;transition:border-color 0.25s ease;}.portfolio-coverflow__item.is-active .portfolio-coverflow__card::after,.portfolio-coverflow__card:focus-visible::after{border-color:rgba(219,182,112,0.62);}.portfolio-coverflow__media{position:relative;width:100%;height:100%;overflow:hidden;border-radius:inherit;background:#292721;box-shadow:0 35px 70px rgba(0,0,0,0.42),0 10px 24px rgba(0,0,0,0.28);}.portfolio-coverflow__media::after{content:"";position:absolute;left:3%;right:3%;top:calc(100% + 14px);height:95px;border-radius:50%;background:linear-gradient(180deg,rgba(255,255,255,0.11),transparent 75%);filter:blur(16px);opacity:0.24;transform:scaleY(0.48);transform-origin:top;pointer-events:none;}.portfolio-coverflow__media>img{width:100%;height:100%;display:block;object-fit:cover;transform:scale(1.01);transition:transform 620ms cubic-bezier(0.2,0.75,0.2,1);}.portfolio-coverflow__item.is-active .portfolio-coverflow__card:hover img,.portfolio-coverflow__item.is-active .portfolio-coverflow__card:focus-visible img{transform:scale(1.035);}.portfolio-coverflow__shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,6,6,0.06) 15%,rgba(6,6,6,0.15) 46%,rgba(6,6,6,0.9) 100%),linear-gradient(90deg,rgba(0,0,0,0.34),transparent 42%);}.portfolio-coverflow__number{position:absolute;top:20px;right:22px;z-index:2;color:rgba(255,255,255,0.72);font-size:0.66rem;font-weight:800;letter-spacing:0.13em;}.portfolio-coverflow__content{position:absolute;left:26px;right:26px;bottom:72px;z-index:2;}.portfolio-coverflow__category{display:inline-block;margin-bottom:10px;color:rgba(222,188,122,0.92);font-size:0.62rem;font-weight:800;letter-spacing:0.15em;text-transform:uppercase;}.portfolio-coverflow__content h3{max-width:360px;margin:0;color:#fff;font-size:clamp(2rem,3vw,3rem);font-weight:590;line-height:0.98;letter-spacing:-0.045em;text-wrap:balance;}.portfolio-coverflow__meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px 18px;margin-top:18px;color:rgba(255,255,255,0.58);font-size:0.65rem;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;}.portfolio-coverflow__meta span{position:relative;}.portfolio-coverflow__meta span::before{content:"";position:absolute;top:50%;left:-10px;width:3px;height:3px;border-radius:50%;background:rgba(255,255,255,0.35);transform:translateY(-50%);}.portfolio-coverflow__open{position:absolute;left:26px;right:26px;bottom:23px;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:15px;padding-top:14px;border-top:1px solid rgba(255,255,255,0.2);color:rgba(255,255,255,0.78);font-size:0.69rem;font-weight:800;letter-spacing:0.045em;opacity:0.45;transition:opacity 0.22s ease;}.portfolio-coverflow__item.is-active .portfolio-coverflow__open{opacity:1;}.portfolio-coverflow__open>span{font-size:1rem;transition:transform 0.2s ease;}.portfolio-coverflow__item.is-active .portfolio-coverflow__card:hover .portfolio-coverflow__open>span,.portfolio-coverflow__item.is-active .portfolio-coverflow__card:focus-visible .portfolio-coverflow__open>span{transform:translate(3px,-2px);}.portfolio-coverflow__controls{display:grid;grid-template-columns:52px minmax(0,1fr) 52px;align-items:center;gap:18px;width:min(520px,100%);margin:4px auto 0;}.portfolio-coverflow__arrow{width:52px;height:52px;display:grid;place-items:center;border:1px solid rgba(255,255,255,0.17);border-radius:50%;background:transparent;color:#fff;font:inherit;cursor:pointer;transition:border-color 0.2s ease,background 0.2s ease,transform 0.2s ease;}.portfolio-coverflow__arrow:hover,.portfolio-coverflow__arrow:focus-visible{border-color:rgba(213,174,101,0.72);background:rgba(213,174,101,0.08);transform:scale(1.04);outline:none;}.portfolio-coverflow__arrow:disabled{opacity:0.3;cursor:default;transform:none;}.portfolio-coverflow__status{min-width:0;display:grid;grid-template-columns:auto auto auto minmax(0,1fr);align-items:baseline;gap:6px;color:rgba(255,255,255,0.42);}.portfolio-coverflow__status strong{color:#fff;font-size:1.15rem;font-weight:650;}.portfolio-coverflow__status>span{font-size:0.68rem;}.portfolio-coverflow__status small{min-width:0;margin-left:8px;overflow:hidden;color:rgba(255,255,255,0.66);font-size:0.66rem;font-weight:700;letter-spacing:0.03em;text-overflow:ellipsis;white-space:nowrap;}.portfolio-coverflow__hint{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px 18px;margin:16px 0 0;color:rgba(255,255,255,0.32);font-size:0.58rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;}.portfolio-coverflow__hint span + span::before{content:"·";margin-right:18px;}.portfolio-filter-empty{max-width:760px;padding:50px 0 10px;}.portfolio-filter-empty>span{color:#958f86;font-size:0.66rem;font-weight:800;letter-spacing:0.18em;text-transform:uppercase;}.portfolio-filter-empty h2{margin:14px 0 0;font-size:clamp(2.2rem,4vw,4rem);line-height:1;letter-spacing:-0.045em;}.portfolio-filter-empty p{max-width:580px;margin:20px 0 0;color:#77716a;line-height:1.7;}@media (max-width:1100px){.portfolio-coverflow{--coverflow-card-width:clamp(285px,39vw,410px);--coverflow-card-height:clamp(405px,55vw,555px);}.portfolio-coverflow-section__heading{grid-template-columns:1fr;gap:26px;}.portfolio-coverflow-section__heading>p{max-width:680px;}}@media (max-width:760px){.portfolio-coverflow-section{padding:64px 0 62px;}.portfolio-coverflow-section__inner{width:min(100% - 8vw,1500px);}.portfolio-coverflow-section__heading{margin-bottom:28px;}.portfolio-coverflow-section__heading h2{font-size:clamp(2.7rem,12vw,4rem);}.portfolio-coverflow{--coverflow-card-width:min(78vw,360px);--coverflow-card-height:min(112vw,500px);}.portfolio-coverflow__viewport{min-height:calc(var(--coverflow-card-height) + 56px);perspective:1000px;}.portfolio-coverflow__item{top:8px;}.portfolio-coverflow__content{left:22px;right:22px;bottom:68px;}.portfolio-coverflow__content h3{font-size:clamp(2rem,9vw,2.8rem);}.portfolio-coverflow__open{left:22px;right:22px;bottom:20px;}.portfolio-coverflow__controls{grid-template-columns:48px minmax(0,1fr) 48px;gap:12px;}.portfolio-coverflow__arrow{width:48px;height:48px;}.portfolio-coverflow__status small{display:none;}.portfolio-coverflow__status{justify-content:center;grid-template-columns:auto auto auto;text-align:center;}}@media (max-width:460px){.portfolio-coverflow{--coverflow-card-width:min(82vw,330px);--coverflow-card-height:min(118vw,470px);}.portfolio-coverflow__hint span:first-child{display:none;}.portfolio-coverflow__hint span + span::before{display:none;}}@media (hover:none),(pointer:coarse){.portfolio-coverflow__item.is-active .portfolio-coverflow__card:hover img{transform:scale(1.01);}}@media (prefers-reduced-motion:reduce){.portfolio-coverflow__item,.portfolio-coverflow__media>img,.portfolio-coverflow__arrow,.portfolio-coverflow__open,.portfolio-coverflow__open>span{transition:none;}}