/* ARX collection: shared card and detail components, EN + RU. */
.project-stack{display:block;position:relative;isolation:isolate}
.project-card{position:sticky;top:96px;height:calc(100svh - 128px);min-height:570px;max-height:880px;margin-bottom:clamp(88px,10vh,132px);z-index:calc(1 + var(--i));border-radius:28px;overflow:hidden;background:var(--blue);color:var(--ink)}
.project-card:last-child{margin-bottom:0}
.project-card-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.project-card::after,.project-detail-hero::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(9,17,24,.38),rgba(9,17,24,.03) 32%,rgba(9,17,24,.45) 58%,rgba(9,17,24,.91) 100%)}
.project-card-content{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:space-between;gap:32px;height:100%;padding:clamp(28px,3.6vw,64px)}
.project-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}
.project-location{max-width:55%;padding-top:10px;font-size:11px;font-weight:500;line-height:1.6;letter-spacing:.13em;text-transform:uppercase;color:#FAF9F6;text-shadow:0 1px 10px #111318}
.project-logo{width:180px;height:68px;flex:0 0 180px;display:flex;justify-content:center;align-items:center}
.project-logo img{width:100%;height:100%;object-fit:contain;filter:brightness(0) invert(1);opacity:.96}
.project-card-bottom{width:100%;min-width:0}
.project-card-headline,.project-detail-title{hyphens:none;overflow-wrap:normal;word-break:normal}
.project-card-headline{font-family:var(--serif);font-size:clamp(36px,4.25vw,72px);font-weight:400;line-height:1.02;letter-spacing:-.025em;max-width:1000px;min-height:3.06em;margin:0 0 30px;text-wrap:balance}
.project-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;width:min(100%,840px);margin:0}
.project-facts>div{min-width:0}
.project-facts dt{font-size:10px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;line-height:1.5;color:#b8c6d1;margin-bottom:7px}
.project-facts dd{font-size:clamp(14px,1.2vw,19px);font-weight:400;line-height:1.45;margin:0}
.project-card-actions{display:flex;gap:32px;align-items:center;margin-top:28px}
.project-action{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:44px;border-bottom:1px solid rgba(250,249,246,.45);font:500 10px/1.5 var(--sans);text-transform:uppercase;letter-spacing:.14em;color:inherit;transition:border-color .2s,color .2s}
.project-action:hover{border-color:#FAF9F6;color:#FAF9F6}
.project-action:focus-visible,.project-detail-close:focus-visible,.project-plan-image:focus-visible{outline:2px solid #a6cbe7;outline-offset:5px}
.project-detail{position:fixed;inset:0;z-index:100;background:rgba(5,10,15,.8);visibility:hidden;opacity:0;pointer-events:none}
.project-detail.open{visibility:visible;opacity:1;pointer-events:auto}
.project-detail-panel{position:absolute;inset:0;overflow:auto;overscroll-behavior:contain;background:var(--bg);color:var(--ink);scroll-behavior:auto}
body.detail-open{overflow:hidden}
.project-detail-close{position:fixed;right:24px;top:18px;z-index:4;display:flex;gap:24px;align-items:center;min-height:44px;padding:10px 20px;background:rgba(17,19,24,.85);border:1px solid rgba(250,249,246,.25);border-radius:24px;color:#FAF9F6;font:500 10px var(--sans);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;backdrop-filter:blur(12px)}
.project-detail-close span{font-size:22px;font-weight:300}
.project-detail-hero{height:min(840px,90svh);min-height:560px;position:relative;overflow:hidden;background:var(--blue)}
.project-detail-hero .project-card-content{padding-top:96px;max-width:1600px;margin:auto}
.project-detail-title{font:400 clamp(54px,7vw,112px)/.98 var(--serif);letter-spacing:-.025em;margin:0 0 20px;max-width:1000px}
.project-detail-caption{font-size:clamp(16px,1.7vw,24px);line-height:1.5;max-width:800px;margin:0 0 32px}
.project-detail-body{max-width:1600px;margin:auto;padding:0 clamp(24px,5vw,88px)}
.project-detail-section{padding:64px 0;border-bottom:1px solid var(--line)}
.project-detail-section:last-child{border-bottom:0}
.project-detail-section h3{font:400 clamp(32px,3.2vw,50px)/1.08 var(--serif);letter-spacing:-.02em;margin:0 0 24px}
.project-detail-section p,.project-detail-highlights{font-size:15px;line-height:1.75;color:#c1cbd2}
.project-detail-section p+p{margin-top:14px}
.project-detail-story{display:grid;grid-template-columns:1fr 1.5fr;gap:clamp(30px,6vw,90px)}
.project-detail-highlights{list-style:none}
.project-detail-highlights li{padding:12px 0;border-bottom:1px solid var(--line)}
.project-detail-highlights li:first-child{padding-top:0}
.project-detail-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.project-detail-gallery figure{margin:0;overflow:hidden;border-radius:12px}
.project-detail-gallery img{width:100%;height:100%;aspect-ratio:16/10;object-fit:cover}
.project-detail-gallery figure:last-child:nth-child(odd){grid-column:1/-1;max-height:560px}
.project-detail-layouts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px}
.project-detail-layouts article{min-width:0}
.project-plan-image{display:block;position:relative;height:260px;padding:16px;background:#141A22;border:1px solid rgba(250,249,246,.08);border-radius:12px;overflow:hidden;margin-bottom:18px}
.project-plan-image img{position:relative;width:100%;height:100%;object-fit:contain;object-position:center}
.project-detail-layouts h4{font:400 26px/1.2 var(--serif);margin:0 0 8px}
.project-detail-layouts p{max-width:54ch;font-size:14px;line-height:1.6;margin:0}
.project-detail-layouts .project-layout-area{color:#B7C0C8;margin:0 0 10px}
.project-detail-section:has(>.project-detail-layouts){padding-bottom:96px}
.project-detail-layouts p+p{margin:4px 0 0}
.project-detail-request{display:grid;grid-template-columns:1fr 1.2fr;gap:clamp(32px,6vw,90px)}
.project-detail-request .project-action{margin-top:24px}
.project-detail-form{display:grid;gap:18px}
.project-detail-form>label{display:grid;gap:9px;color:#c1cbd2;font-size:11px;letter-spacing:.07em}
.project-detail-form input:not([type=checkbox]),.project-detail-form textarea,.project-detail-form select{width:100%;padding:12px 0;background:transparent;color:var(--ink);border:0;border-bottom:1px solid var(--line);border-radius:0;font:14px/1.5 var(--sans)}
.project-detail-form textarea{resize:vertical}
.project-detail-form .privacy-consent{display:flex;align-items:flex-start;letter-spacing:0;font-size:12px}
.project-detail-form .privacy-consent input{margin-top:3px}
.project-detail-form .privacy-consent a{text-decoration:underline}
.project-detail-form .form-actions{display:flex;flex-wrap:wrap;gap:12px}
.project-detail-form .contact-button{min-height:44px;font-size:10px}
@media(max-width:1024px){
 .project-card{min-height:540px}
 .project-card-headline{font-size:clamp(36px,5vw,52px)}
 .project-detail-story,.project-detail-request{grid-template-columns:1fr 1.3fr;gap:32px}
}
@media(max-width:768px){
 .project-card{top:90px;height:calc(100svh - 114px);min-height:540px;max-height:800px;border-radius:22px;margin-bottom:88px}
 .project-card-content{padding:28px;gap:24px}
 .project-logo{width:140px;height:54px;flex-basis:140px}
 .project-location{font-size:10px}
 .project-card-headline{font-size:clamp(34px,5.5vw,44px);margin-bottom:28px}
 .project-detail-story,.project-detail-request{grid-template-columns:1fr;gap:12px}
 .project-detail-section{padding:44px 0}
 .project-detail-gallery,.project-detail-layouts{gap:20px}
 .project-plan-image{height:240px}
 .project-detail-section:has(>.project-detail-layouts){padding-bottom:72px}
}
@media(max-width:480px){
 .project-card{top:86px;height:calc(100svh - 106px);min-height:530px;border-radius:18px;margin-bottom:72px}
 .project-card-content{padding:22px;gap:28px}
 .project-card-top{gap:12px}
 .project-logo{width:110px;height:44px;flex-basis:110px}
 .project-location{max-width:55%;font-size:9px;letter-spacing:.09em;padding-top:2px}
 .project-card-headline{font-size:34px;line-height:1.06;min-height:5.3em;margin-bottom:26px;text-wrap:pretty}
 .project-facts{gap:12px}
 .project-facts dt{font-size:8px;letter-spacing:.1em}
 .project-facts dd{font-size:12px;line-height:1.5;min-height:3em}
 .project-card-actions{gap:24px;margin-top:20px}
 .project-action{font-size:9px;letter-spacing:.08em;gap:14px}
 .project-detail-hero{height:82svh;min-height:540px}
 .project-detail-title{font-size:50px}
 .project-detail-caption{font-size:16px;margin-bottom:24px}
 .project-detail-gallery,.project-detail-layouts{grid-template-columns:1fr}
 .project-detail-gallery figure:last-child:nth-child(odd){grid-column:auto}
 .project-detail-body{padding:0 22px}
 .project-detail-close{right:16px;top:14px}
 .project-detail-form .form-actions{flex-direction:column}
}
@media(max-height:660px){
 .project-card{top:82px;height:calc(100svh - 96px);min-height:410px}
 .project-card-content{padding:20px}
 .project-card-headline{font-size:30px;min-height:0;margin-bottom:18px}
 .project-card-actions{margin-top:12px}
}