.srp-project-detail-page { overflow:clip; }
.srp-project-detail-hero { position:relative; min-height:52svh; overflow:hidden; color:#fff; background:linear-gradient(135deg,#080810,#151022 58%,#2b1a41); }
.srp-project-detail-hero__outline { position:absolute; top:7rem; left:-1vw; color:transparent; -webkit-text-stroke:1px rgba(255,255,255,.1); font-size:clamp(8rem,18vw,20rem); font-weight:900; letter-spacing:-.09em; line-height:.75; text-transform:uppercase; white-space:nowrap; }
.srp-project-detail-hero .srp-shell { position:relative; z-index:2; display:flex; min-height:52svh; flex-direction:column; justify-content:flex-end; padding-top:9rem; padding-bottom:4rem; }
.srp-project-detail-hero p { margin:0 0 .8rem; color:#aeb6ff; font-size:.68rem; font-weight:850; letter-spacing:.08em; text-transform:uppercase; }
.srp-project-detail-hero h1 { margin:0; font-family:var(--srp-font-heavy); font-size:clamp(4rem,8vw,8.5rem); font-weight:900; letter-spacing:-.08em; line-height:.82; text-transform:uppercase; }
.srp-project-detail-hero a { width:fit-content; margin-top:1.5rem; color:rgba(255,255,255,.6); font-size:.76rem; }
.srp-project-detail-page .srp-theme-intro { display:none; }
.srp-project-detail-page .srp-project { padding-top:clamp(4rem,6vw,6rem); }
.srp-project-detail-page .srp-next-theme { display:none; }
.srp-project-next { color:#17151e; background:#aeb6ff; }
.srp-project-next a { display:grid; min-height:36svh; grid-template-columns:minmax(0,1fr) auto; align-content:center; align-items:end; gap:.5rem 2rem; }
.srp-project-next span { grid-column:1/-1; font-size:.66rem; font-weight:850; letter-spacing:.08em; text-transform:uppercase; }
.srp-project-next strong { font-size:clamp(3.4rem,7vw,7rem); font-weight:900; letter-spacing:-.08em; line-height:.82; text-transform:uppercase; }
.srp-project-next i { font-size:clamp(2.5rem,5vw,5rem); font-style:normal; }
@media (max-width:39.9375rem) { .srp-project-detail-hero { min-height:46svh; } .srp-project-detail-hero .srp-shell { min-height:46svh; padding-top:8rem; padding-bottom:3rem; } .srp-project-detail-hero h1 { font-size:clamp(3.3rem,15vw,4.8rem); } .srp-project-next a { min-height:28svh; } }
.srp-project-detail-page .srp-case-head { grid-template-columns:minmax(0,1fr) minmax(18rem,.55fr); margin-bottom:clamp(2.5rem,4vw,4rem); }
.srp-project-detail-page .srp-case-head h2 { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
.srp-project-detail-page .srp-project-number { margin-bottom:.7rem; }
.srp-project-detail-page .srp-case-head__statement { max-width:56rem; margin-top:0; font-size:clamp(1.35rem,1rem + .95vw,2rem); }
.srp-project-detail-page .srp-project-tags { align-self:start; justify-content:flex-end; }
.srp-project-detail-page .srp-project-tags li { padding:.42rem .65rem; font-size:.68rem; }
.srp-project-detail-page .srp-project-stage { margin-bottom:clamp(3rem,6vw,6rem); border-radius:1.6rem; }
.srp-project-detail-page .srp-case-intro { margin-top:0; }
.srp-project-more { margin:clamp(3rem,5vw,5rem) 0; border-top:1px solid rgba(23,21,30,.14); border-bottom:1px solid rgba(23,21,30,.14); }
.srp-project-more summary { display:grid; grid-template-columns:minmax(8rem,.3fr) minmax(0,1fr) auto; align-items:center; gap:1rem 2rem; padding:1.25rem 0; list-style:none; cursor:pointer; }
.srp-project-more summary::-webkit-details-marker { display:none; }
.srp-project-more summary span { color:#6d59cb; font-size:.66rem; font-weight:850; letter-spacing:.08em; text-transform:uppercase; }
.srp-project-more summary strong { font-size:clamp(1rem,.95rem + .25vw,1.2rem); }
.srp-project-more summary i { display:grid; width:2.3rem; height:2.3rem; place-items:center; border:1px solid rgba(23,21,30,.14); border-radius:50%; font-style:normal; transition:transform .3s ease; }
.srp-project-more[open] summary i { transform:rotate(45deg); }
.srp-project-more__content { padding:1rem 0 3rem; }
.srp-project-detail-page .srp-role-panel,.srp-project-detail-page .srp-objectives,.srp-project-detail-page .srp-project-process,.srp-project-detail-page .srp-change-section { margin-top:clamp(3rem,5vw,5rem); }
.srp-project-detail-page .srp-role-panel { padding:0; border:0; background:transparent; box-shadow:none; }
.srp-project-detail-page .srp-role-grid { gap:.6rem; }
.srp-project-detail-page .srp-role-grid article,.srp-project-detail-page .srp-objective-grid article { border:1px solid rgba(23,21,30,.09); background:rgba(255,255,255,.5); box-shadow:none; }
.srp-project-detail-page .srp-process-list { border-top:1px solid rgba(23,21,30,.12); }
.srp-project-detail-page .srp-process-list li { border-bottom:1px solid rgba(23,21,30,.1); border-radius:0; background:transparent; }
.srp-project-detail-page .srp-change-matrix { border-radius:1.2rem; overflow:hidden; }
.srp-project-detail-page .srp-before-after { margin-top:clamp(4rem,6vw,6rem); }
@media (max-width:60rem) { .srp-project-detail-page .srp-case-head { grid-template-columns:1fr; } .srp-project-detail-page .srp-project-tags { justify-content:flex-start; } }
@media (max-width:39.9375rem) { .srp-project-more summary { grid-template-columns:1fr auto; gap:.35rem 1rem; } .srp-project-more summary span { grid-column:1; } .srp-project-more summary strong { grid-column:1; } .srp-project-more summary i { grid-column:2; grid-row:1/span 2; } }

.srp-project-detail-page--darkpads .srp-project-next { color:#faf9ff; background:radial-gradient(circle at 82% 32%,rgba(174,182,255,.14),transparent 28%),linear-gradient(135deg,#090812,#171022 58%,#35214f); border-top:1px solid rgba(255,255,255,.1); }
.srp-project-detail-page--darkpads .srp-project-next span { color:#aeb6ff; }
.srp-project-detail-page--darkpads .srp-project-next i { display:grid; width:clamp(3.2rem,5vw,5.2rem); height:clamp(3.2rem,5vw,5.2rem); place-items:center; border:1px solid rgba(255,255,255,.2); border-radius:50%; color:#aeb6ff; }