.projects{position:relative;padding:128px 0 140px;overflow:hidden;background:#f3f1ee}.projects .container{position:relative;z-index:1}.projects-head{position:relative;display:grid;grid-template-columns:1fr 300px;gap:70px;align-items:end;margin-bottom:48px}.projects-head h2{font-size:clamp(58px,5.5vw,86px);margin:0}.projects-aside{padding-bottom:6px}.projects-aside p{font-size:13px;line-height:1.7;color:#525250;margin:0 0 19px}.projects-aside span{font-size:9px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:#e32119}.project-index-bg{position:absolute;z-index:0;inset:165px 0 auto;display:flex;justify-content:space-around;pointer-events:none;color:transparent;font:800 clamp(270px,27vw,510px) var(--display);line-height:.7;-webkit-text-stroke:1px rgba(8,8,8,.045)}.project-tech{position:absolute;top:44%;font-size:8px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:rgba(8,8,8,.38);writing-mode:vertical-rl}.project-tech-left{left:-28px;transform:rotate(180deg)}.project-tech-right{right:-28px}.case-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px;position:relative}.project-card{position:relative;height:clamp(520px,42vw,585px);overflow:hidden;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px));transition:transform .55s cubic-bezier(.2,.7,.2,1),opacity .45s;isolation:isolate}.project-surface{position:absolute;z-index:-1;inset:0;transition:transform .65s cubic-bezier(.2,.7,.2,1),filter .5s}.project-one{background:#151515}.project-one .project-surface{background:linear-gradient(135deg,rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(45deg,transparent 46%,rgba(255,47,37,.22) 46.3%,transparent 46.6%),radial-gradient(circle at 78% 25%,rgba(232,30,21,.27),transparent 24%),#121212;background-size:14px 14px,100% 100%,100% 100%;}.project-one .project-surface:after{content:"";position:absolute;width:60%;aspect-ratio:1;border:1px solid rgba(255,255,255,.11);right:-10%;top:19%;transform:rotate(28deg)}.project-two{background:linear-gradient(145deg,#ff2a1f,#e71913 58%,#b20b0a)}.project-two .project-surface:before{content:"";position:absolute;width:130%;height:68%;border:1px solid rgba(15,0,0,.45);left:-53%;top:16%;transform:rotate(29deg)}.project-two .project-surface:after{content:"";position:absolute;width:80%;aspect-ratio:1;border:1px solid rgba(255,255,255,.2);right:-38%;bottom:-9%;transform:rotate(-21deg)}.project-three{background:#171717}.project-three .project-surface{background:radial-gradient(circle at 82% 30%,rgba(222,28,20,.18),transparent 24%),linear-gradient(125deg,transparent 49%,rgba(255,255,255,.045) 49.2%,transparent 49.5%),#171717}.project-three .project-surface:after{content:"";position:absolute;width:110%;aspect-ratio:1;border:1px solid rgba(255,255,255,.06);left:-45%;bottom:-24%;transform:rotate(25deg)}.project-body{padding:30px 28px 22px;position:relative;transition:transform .5s cubic-bezier(.2,.7,.2,1)}.project-type{font-size:10px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:#ff443a}.project-body h3{font:800 clamp(32px,3.15vw,56px) var(--display);text-transform:uppercase;letter-spacing:-.045em;line-height:.87;margin:19px 0 15px}.project-body em{font-style:normal;color:#ff3028}.project-two .project-type,.project-two em{color:#fff}.project-tags{margin:0;opacity:0;font-size:8px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;transition:opacity .35s}.project-card footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.15);padding:14px 28px;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:1.2px}.project-card footer b{font-size:23px;color:#ff3028;transition:transform .4s}.project-two footer b{color:#fff}.case-grid:hover .project-card:not(:hover){opacity:.55}.project-card:hover{transform:scale(1.015);z-index:1}.project-card:hover .project-surface{transform:scale(1.055);filter:brightness(1.1)}.project-card:hover .project-body{transform:translateY(-6px)}.project-card:hover .project-tags{opacity:.72}.project-card:hover footer b{transform:translate(4px,-4px)}.project-card:focus-visible{outline:2px solid #ff3028;outline-offset:3px}.project-card:nth-child(1){transition-delay:.06s}.project-card:nth-child(2){transition-delay:.16s}.project-card:nth-child(3){transition-delay:.26s}
@media(max-width:800px){.projects{padding:88px 0}.projects-head{grid-template-columns:1fr;gap:23px;margin-bottom:34px}.projects-aside{max-width:320px}.project-index-bg,.project-tech{display:none}.case-grid{grid-template-columns:1fr;gap:11px}.project-card{height:auto;aspect-ratio:4/5}.project-body{padding:25px 23px 19px}.project-card footer{padding:13px 23px}.project-tags{opacity:.7}.case-grid:hover .project-card:not(:hover){opacity:1}}@media(prefers-reduced-motion:reduce){.project-card,.project-surface,.project-body,.project-tags,.project-card footer b{transition:none}}