/* Project cooperation: parallel service columns and case reserve, cases-20261021. */
.page-cooperation .cooperation-hero{height:54svh;min-height:400px;max-height:580px;padding-bottom:80px}
.page-cooperation .cooperation-hero .scene-image{object-position:center 54%;opacity:.88}
.page-cooperation .cooperation-hero .scene-shade{background:linear-gradient(90deg,#0009,transparent 80%),linear-gradient(0deg,#000a,transparent 65%)}
.page-cooperation .cooperation-hero h1{font-size:clamp(48px,5.3vw,76px);line-height:1.2;letter-spacing:.025em}
.page-cooperation .cooperation-hero .hero-subtitle{margin-top:18px;font-size:clamp(17px,1.6vw,22px);line-height:1.8;letter-spacing:.035em}
.page-cooperation .page-scroll{bottom:24px}
.cooperation-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,2.5vw,44px);max-width:1800px;margin:auto;padding:64px var(--gutter) 56px}
.cooperation-service{display:flex;flex-direction:column;gap:24px;min-width:0;scroll-margin-top:calc(var(--header) + 24px)}
.service-image{flex-shrink:0;overflow:hidden;background:#0b1013;aspect-ratio:3/2}
.service-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:65% center}
.service-copy{flex:1;min-width:0}
.service-index{display:flex;align-items:center;gap:16px;color:#aaa;font:500 12px/1.5 var(--latin);letter-spacing:.15em;margin-bottom:13px}
.service-index>span{color:#92adb3}
.service-copy h2{font-size:clamp(25px,2.1vw,34px);font-weight:550;line-height:1.4;letter-spacing:-.025em;margin-bottom:16px}
.service-copy>p:not(.service-index){max-width:38em;color:#bcbcbc;font-size:16px;line-height:1.85}
.cooperation-cases{max-width:1800px;margin:auto;padding:16px var(--gutter) 32px;scroll-margin-top:calc(var(--header) + 24px)}
.cooperation-cases h2{font-size:clamp(26px,2.2vw,34px);font-weight:550;line-height:1.4;letter-spacing:-.025em;margin-bottom:20px}
.case-placeholder{display:flex;align-items:center;justify-content:center;min-height:116px;padding:24px;border:1px solid #ffffff26}
.case-placeholder p{color:#a0a0a0;font-size:15px;line-height:1.8;letter-spacing:.06em}
.cooperation-contact{max-width:1800px;margin:auto;padding:40px var(--gutter) 66px}
.cooperation-contact>.eyebrow{font-size:12px;color:#aaa;margin-bottom:18px}
.cooperation-contact-row{display:flex;justify-content:space-between;align-items:center;gap:36px;padding-top:26px;border-top:1px solid #ffffff26}
.cooperation-contact h2{font-size:clamp(28px,2.7vw,40px);font-weight:550;line-height:1.4;letter-spacing:-.03em}
.cooperation-contact-row p{max-width:660px;color:#bcbcbc;font-size:16px;line-height:1.9;margin-top:12px}
.cooperation-contact .outline-button{flex-shrink:0;margin-top:0;min-width:220px;min-height:64px;font-size:16px;font-weight:600;padding:18px 24px}
.cooperation-email{display:inline-flex;align-items:center;gap:16px;font-size:15px;border-bottom:1px solid #ffffff70;padding:8px 0;margin-top:18px;max-width:100%;overflow-wrap:anywhere}
.cooperation-email:hover{color:#b9dadd}
@media(max-width:1000px){
 .cooperation-services{gap:24px;padding-top:48px;padding-bottom:40px}
 .service-copy h2{font-size:24px}
 .service-copy>p:not(.service-index){font-size:15px;line-height:1.85}
 .cooperation-contact-row{align-items:flex-start;gap:24px}
 .cooperation-contact .outline-button{min-width:190px}
}
@media(max-width:760px){
 .page-cooperation .cooperation-hero{height:49svh;min-height:360px;max-height:480px;padding:calc(var(--header) + 35px) var(--gutter) 76px}
 .page-cooperation .cooperation-hero .scene-image{object-position:61% center}
 .page-cooperation .cooperation-hero .scene-shade{background:linear-gradient(90deg,#0006,#0002),linear-gradient(0deg,#000d,transparent 78%)}
 .page-cooperation .cooperation-hero h1{font-size:clamp(40px,9vw,56px)}
 .page-cooperation .cooperation-hero .hero-subtitle{font-size:16px;line-height:1.8;letter-spacing:.02em;margin-top:14px;max-width:23em}
 .page-cooperation .cooperation-hero .eyebrow{font-size:11px}
 .page-cooperation .page-scroll{font-size:12px;gap:14px;bottom:22px}
 .cooperation-services{grid-template-columns:1fr;gap:34px;padding-top:36px;padding-bottom:32px}
 .cooperation-service{gap:22px}
 .service-image{aspect-ratio:4/3}
 .service-index{font-size:11px;margin-bottom:10px;gap:12px}
 .service-copy h2{font-size:24px;margin-bottom:12px}
 .cooperation-cases{padding-top:8px;padding-bottom:26px}
 .cooperation-cases h2{font-size:28px;margin-bottom:16px}
 .case-placeholder{min-height:92px;padding:20px}
 .case-placeholder p{font-size:14px}
 .cooperation-contact{padding-top:25px;padding-bottom:50px}
 .cooperation-contact>.eyebrow{font-size:11px;margin-bottom:16px}
 .cooperation-contact h2{font-size:28px}
 .cooperation-contact-row{flex-direction:column;gap:22px;padding-top:22px}
 .cooperation-contact-row p{font-size:15px;line-height:1.85;margin-top:12px}
 .cooperation-contact .outline-button{font-size:15px;min-height:58px;min-width:205px;padding:16px 22px}
 .cooperation-email{gap:12px;font-size:14px;margin-top:18px}
}
@media(max-width:520px){
 .cooperation-services{gap:36px}
 .cooperation-service{gap:19px}
 .service-image{aspect-ratio:16/9}
 .service-copy h2{font-size:25px;margin-bottom:12px}
 .service-copy>p:not(.service-index){font-size:15px;line-height:1.85}
}