#projet-collection{width:min(1200px,calc(100% - 48px))}
#projet-collection .modal-content{padding:28px 36px 50px}
#projet-collection .q-header{display:grid;grid-template-columns:1fr 290px;column-gap:38px;align-items:start;margin-bottom:30px}
#projet-collection .q-stamp{font:11px var(--mono);letter-spacing:.1em;color:#d9b77d;margin:4px 0 16px}
#projet-collection .q-header>.project-image-large{grid-column:2;grid-row:1/4;margin:0;align-self:stretch;min-height:165px}
#projet-collection .q-header>.project-image-large img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
#projet-collection .project-title-large{font-size:40px;letter-spacing:-.03em;margin:0 0 16px}
#projet-collection .collection-intro{font-size:14px;line-height:1.7;margin:0;color:#b7c1c8}
#projet-collection .q-nav{display:flex;gap:0;background:#151c22;position:sticky;top:69px;z-index:2;border:1px solid #35414a;margin-bottom:25px}
#projet-collection .q-nav button{flex:1;min-width:0;display:flex;gap:12px;text-align:left;padding:18px;color:#b9c6cf;background:transparent;border:0;border-bottom:3px solid transparent;min-height:72px}
#projet-collection .q-nav button[aria-selected=true],#projet-collection .q-nav button[aria-current=location]{background:#252e35;color:#f4e4c8;border-color:#d9b77d}
#projet-collection .q-index{color:#d9b77d;font:12px var(--mono);padding-top:2px}
#projet-collection small{display:block;font:10px var(--mono);letter-spacing:.06em;color:#acbac5;margin-bottom:7px}
#projet-collection strong{display:block;font-size:16px;font-weight:600}
#projet-collection .q-description{display:block;color:#b7c1c8;font-size:13px;line-height:1.6;margin-top:8px}
#projet-collection .q-nav .q-description,#projet-collection .q-nav .q-symbol{display:none}
#projet-collection .sub-detail-title{font-size:28px;margin:0 0 20px}
#projet-collection .sub-project-details{scroll-margin-top:155px}
#projet-collection .detail-section{margin:24px 0}
#projet-collection .carousel{aspect-ratio:2.25}
#projet-collection .project-video{position:relative;max-height:440px}
#projet-collection .q-play{position:absolute;inset:0;background:#1b252e;border:1px solid #526674;color:#ecd4aa;font-size:18px}
#projet-collection .q-play:hover{background:#26343e}
#projet-collection .q-play[hidden]{display:none}
#projet-collection .q-end{border-top:1px solid #39444e;margin-top:32px;padding:20px 0}
#projet-collection .q-next{border:1px solid #6a7780;background:none;color:#e3c895;padding:14px 20px;min-height:44px;text-align:left}
#projet-collection .q-symbol{margin-left:auto;font-size:26px;color:#d9b77d}
@media(max-width:760px){
 #projet-collection{width:100%;max-height:100dvh;height:100dvh;margin:0}
 #projet-collection .modal-content{padding:20px 18px 40px}
 #projet-collection .q-header{grid-template-columns:1fr;gap:0;margin-bottom:24px}
 #projet-collection .q-header>.project-image-large{grid-column:1;grid-row:auto;height:135px;min-height:0;margin-bottom:20px;order:-1}
 #projet-collection .q-stamp{font-size:9px}.q-header .project-title-large{font-size:32px}
 #projet-collection .q-nav{top:69px}
 #projet-collection .q-nav button{padding:12px 7px;display:block;min-height:90px}
 #projet-collection .q-index{display:block;margin-bottom:6px}
 #projet-collection .q-nav small{display:none}
 #projet-collection .q-nav strong{font-size:12px;line-height:1.45;overflow-wrap:anywhere}
 #projet-collection .carousel{aspect-ratio:1.6}
}