/* The collection reads as a design folio: real screens, useful notes, room to look. */
.hero{grid-template-columns:1fr 1fr;padding-block:100px 115px;gap:65px}
.hero h1{font-size:clamp(54px,6.4vw,88px);line-height:1.03;letter-spacing:-.065em}
.hero-bottom{align-items:end;gap:25px}
.hero-bottom p{max-width:345px;font-size:15px}
.contact-sheet{min-height:370px}
.study{margin:0;position:absolute;width:66%;border:1px solid #536071;box-shadow:0 20px 55px #0008;background:#151b25}
.study figcaption{display:flex;gap:16px;align-items:center;padding:9px 12px;font-size:9px;color:#d0d9e6}
.study figcaption span{font-family:monospace;color:#91a8c8}
.study img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:top}
.study-cafe{top:0;left:0;transform:rotate(-5deg)}
.study-iron{top:32%;right:0;transform:rotate(5deg)}
.study-kore{bottom:0;left:6%;transform:rotate(-2deg)}
.contact-sheet .composition-caption{bottom:-34px;right:0;font-size:9px;color:#a2afc3}
.collection{padding-top:50px;border-top:1px solid #303846}
.section-head h2{font-size:35px}
.gallery{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:48px;row-gap:90px;align-items:start}
.project{grid-column:span 6}
.project:nth-child(4n+1){grid-column:span 7}
.project:nth-child(4n+2){grid-column:span 5;padding-top:75px}
.project:nth-child(4n+3){grid-column:span 5}
.project:nth-child(4n+4){grid-column:span 7;padding-top:65px}
.gallery:has(.project[hidden]) .project{grid-column:span 6;padding-top:0}
.project-art.preview{aspect-ratio:16/10;border:1px solid #3b4554;box-shadow:0 12px 40px #0002}
.project-art.preview .open{background:#eef3fa;box-shadow:0 3px 18px #0005;opacity:0;transform:translateY(5px);transition:opacity .2s,transform .2s}
.project-art.preview:hover .open,.project-art.preview:focus-visible .open{opacity:1;transform:none}
.project-art:hover>img{transform:scale(1.025)}
.project-info h3{font-size:29px}
.project-category{font-size:10px;letter-spacing:.09em}
.number{font-family:Georgia,serif;font-style:italic;font-size:32px;color:#718099}
.description{max-width:520px;font-size:14px;line-height:1.85;margin-top:17px;margin-bottom:16px}
.interaction{display:inline-flex;align-items:center;gap:18px;font-size:12px;min-height:38px;border-bottom:1px solid #506482;color:#b1cefa}
.interaction:hover{color:#fff;border-bottom-color:#adc6ed}
.next{margin-top:115px}
@media(max-width:1000px){
 .hero{gap:30px;padding-block:75px 95px}.hero h1{font-size:58px}.contact-sheet{min-height:310px}
 .gallery{column-gap:30px;row-gap:65px}.project-info h3{font-size:25px}.description{font-size:13px}
}
@media(max-width:680px){
 .hero{grid-template-columns:1fr;padding-block:45px 75px;gap:42px}.hero h1{font-size:clamp(44px,12vw,66px)}
 .hero h1 em{white-space:normal}.hero-bottom p{font-size:14px}.contact-sheet{min-height:300px;max-width:390px;width:100%;margin:0 auto}
 .study{width:68%}.study figcaption{font-size:8px;padding:7px 10px}.study-iron{top:30%}.study-kore{bottom:0}
 .contact-sheet .composition-caption{font-size:8px;bottom:-28px}.collection{padding-top:36px}.section-head h2{font-size:29px}
 .gallery{display:block}.project,.project:nth-child(n),.gallery:has(.project[hidden]) .project{padding-top:0;margin-bottom:45px}
 .project[hidden]{display:none}.project-info h3{font-size:25px}.description{font-size:14px}
 .project-art.preview .open{opacity:1;transform:none;width:30px;height:30px;font-size:18px}
 .next{margin-top:55px}.filter-row{margin-bottom:25px}
}
@media(prefers-reduced-motion:reduce){.project-art.preview .open{transition:none}}