.case-study{padding:clamp(2.1rem,4vw,4.4rem) var(--pad) 0}.case-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(22rem,1fr) minmax(18rem,.62fr);gap:clamp(2.5rem,7vw,9rem);min-height:clamp(19rem,28vw,25rem);align-content:center;padding:clamp(1.5rem,3vw,2.7rem) 0 clamp(2.8rem,5vw,4.5rem);border-bottom:var(--hairline)}.case-hero>div,.case-hero>aside{position:relative;z-index:1}.case-hero h1{margin:clamp(1.2rem,2vw,1.8rem) 0 clamp(1.4rem,2.3vw,2rem);font:400 clamp(4.2rem,7.2vw,8.3rem)/.9 var(--serif);letter-spacing:-.052em}.case-hero h1 span{color:var(--amber-soft)}.case-summary{max-width:42rem;color:var(--text-soft);font:.78rem/2.05 var(--mono);letter-spacing:.13em;text-transform:uppercase}.case-actions{display:flex;gap:clamp(1.05rem,2vw,1.75rem);align-items:center;margin-top:clamp(2.1rem,3vw,2.8rem)}.case-meta{align-self:end;padding:0;border-top:1px solid rgba(147,194,210,.45)}.case-meta div{display:grid;grid-template-columns:6.25rem 1fr;gap:1rem;padding:1rem .2rem;border-bottom:var(--hairline)}.case-meta span{display:block;margin:0;color:var(--amber-soft);font:.53rem/1.7 var(--mono);letter-spacing:.17em;text-transform:uppercase}.case-meta strong{color:var(--text-soft);font:400 .65rem/1.7 var(--mono);letter-spacing:.1em;text-transform:uppercase}.case-media{margin:clamp(2.5rem,5vw,4.6rem) 0 clamp(2rem,4vw,3.6rem)}.case-media__frame{overflow:hidden;border:var(--hairline);background:var(--bg-soft)}.case-media img{display:block;width:100%;max-height:min(56vw,50rem);object-fit:cover;object-position:top center;opacity:.97;filter:saturate(.98) contrast(1.05)}.case-media figcaption{display:flex;justify-content:space-between;align-items:start;gap:2.2rem;padding:1rem 1.1rem;border:var(--hairline);border-top:0}.case-media figcaption span{flex:none;color:var(--amber-soft);font:.54rem/1.4 var(--mono);letter-spacing:.19em;text-transform:uppercase}.case-media figcaption p{max-width:57rem;color:var(--text-muted);font:.68rem/1.75 var(--mono);letter-spacing:.06em;text-align:right;text-transform:uppercase}.architecture-flow{display:grid;grid-template-columns:repeat(7,auto);gap:clamp(.55rem,1.4vw,1.5rem);align-items:center;padding:clamp(1.6rem,3.2vw,2.6rem);margin:clamp(2rem,3.5vw,3.2rem) 0;border:var(--hairline);background:#090e1247}.architecture-flow article{min-height:8.1rem;padding:1.1rem;border:var(--hairline);border-left:2px solid rgba(102,169,196,.45);transition:border-color .22s ease,background .22s ease,box-shadow .22s ease,transform .22s ease}.architecture-flow article:hover{border-left-color:var(--blue-soft);background:#5696b012;box-shadow:0 14px 36px -22px #5696b099;transform:translateY(-2px)}.architecture-flow article span{color:var(--amber-soft);font:.55rem var(--mono);letter-spacing:.13em}.architecture-flow h3{margin:1.15rem 0 .78rem;font:.67rem/1 var(--mono);letter-spacing:.12em;text-transform:uppercase}.architecture-flow p{color:var(--text-muted);font-size:.68rem;line-height:1.7}.architecture-flow>i{color:var(--blue-soft);font-style:normal}@media(prefers-reduced-motion:no-preference){.architecture-flow>i{animation:flow-pulse 2.6s ease-in-out infinite}.architecture-flow>i:nth-of-type(2){animation-delay:.35s}.architecture-flow>i:nth-of-type(3){animation-delay:.7s}}@keyframes flow-pulse{0%,to{opacity:.32;text-shadow:none}50%{opacity:1;text-shadow:0 0 10px rgba(102,169,196,.85)}}.case-content{display:grid;max-width:76rem;grid-template-columns:repeat(2,minmax(17rem,1fr));gap:clamp(2.5rem,5vw,5.6rem);padding:clamp(2.8rem,5vw,4.5rem) 0}.case-content h2{margin:0 0 1.15rem;color:var(--text);font:400 clamp(2rem,2.6vw,2.65rem)/1 var(--serif)}.case-content p{margin:0 0 2.6rem;color:var(--text-muted);font-size:.84rem;line-height:1.95}.case-end{display:flex;justify-content:space-between;border-top:var(--hairline);padding:1.75rem 0 2.9rem;color:var(--text-muted);font:.62rem var(--mono);letter-spacing:.15em;text-transform:uppercase}.case-end a{color:var(--text-soft);transition:color .18s ease}.case-end a:hover{color:var(--amber-soft)}@media(max-width:920px){.case-hero,.case-content,.architecture-flow{grid-template-columns:1fr}.architecture-flow>i{transform:rotate(90deg);justify-self:center}}@media(max-width:600px){.case-actions{display:grid;justify-items:start}.case-hero h1{font-size:clamp(3.35rem,16vw,4.4rem)}.case-meta div{grid-template-columns:1fr;gap:.5rem}.case-media figcaption{display:block}.case-media figcaption p{margin-top:.75rem;text-align:left}}