.projects-page{background:#f5f6f7;color:var(--ink);color-scheme:light}.projects-page .site-header{background:var(--ink);color:#fff}.projects-page .site-footer{color:#fff}.projects-wrap{max-width:1600px;margin:auto;padding:0 var(--page-gutter)}.projects-intro{padding:32px 0 30px}.project-breadcrumb{display:flex;gap:12px;color:#566573;font-size:14px;margin-bottom:36px}.project-breadcrumb a:hover{color:#bb171d}.projects-intro .section-kicker{color:#ad2027;font-size:12px;letter-spacing:.15em}.projects-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:8%;align-items:end}.projects-heading h1{font-size:clamp(32px,3.7vw,56px);line-height:1.12;letter-spacing:-.045em;margin:0;max-width:700px}.projects-heading>p{color:#52616e;line-height:1.7;font-size:16px;margin:0;max-width:490px}.project-index{display:flex;gap:8px;flex-wrap:wrap;padding:0 0 32px;border-bottom:1px solid #cfd6db}.project-index a{display:flex;align-items:center;gap:10px;background:white;border:1px solid #d6dde2;padding:12px 15px;font-size:14px;font-weight:600;transition:background .2s}.project-index a span{font-size:12px;color:#ae242a}.project-index a:hover{background:#e9edf0}.project-case{padding:44px 0 52px;border-bottom:1px solid #cfd6db;scroll-margin-top:24px}.project-case:last-child{border-bottom:0}.project-case-heading{display:flex;align-items:start;gap:22px;margin-bottom:26px}.project-number{font-size:18px;color:#b2252a;border-top:2px solid #cf252c;padding-top:9px;min-width:38px}.project-category{margin:0 0 8px;color:#52616e;font-size:13px}.project-case h2{font-size:clamp(24px,2.5vw,35px);line-height:1.25;letter-spacing:-.03em;margin:0;max-width:950px}.project-case-grid{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,1fr);gap:clamp(26px,4vw,64px)}.project-gallery{min-width:0}.project-cover{display:block;position:relative;aspect-ratio:4/3;background:#dbe2e8;overflow:hidden}.project-cover>img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}.project-cover:hover>img{transform:scale(1.025)}.cover-caption{position:absolute;bottom:16px;left:16px;right:16px;background:#101f2ce8;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 18px;font-size:14px}.gallery-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:18px 0 12px}.gallery-heading h3{font-size:14px;margin:0}.gallery-heading>span{color:#53616d;font-size:13px;white-space:nowrap}.project-thumbs{display:flex;gap:8px;overflow-x:auto;padding:3px 3px 13px;scrollbar-width:thin;scrollbar-color:#86939d transparent;scroll-snap-type:x proximity}.project-thumb{position:relative;flex:0 0 88px;height:70px;background:#dde2e5;scroll-snap-align:start}.project-thumb img{width:100%;height:100%;object-fit:cover}.thumb-play{position:absolute;inset:0;display:grid;place-items:center;background:#00132633;color:#fff}.thumb-play svg{background:#101f2cd9;padding:7px;width:34px;height:34px;border-radius:50%}.project-facts{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:16px;margin:0 0 24px;padding:0 0 22px;border-bottom:1px solid #d0d8de}.project-facts dt{font-size:12px;color:#54616c;min-height:34px}.project-facts dd{font-size:clamp(22px,2.2vw,32px);font-weight:650;letter-spacing:-.045em;margin:7px 0 0;white-space:nowrap}.project-facts small{font-size:14px;letter-spacing:0;margin-left:5px;font-weight:500}.project-client{font-size:13px;color:#596570;margin:0 0 20px;display:flex;flex-wrap:wrap;gap:8px 14px}.project-client strong{color:var(--ink);font-size:14px}.project-text{font-size:16px;line-height:1.75;margin:0 0 16px}.project-note{font-size:14px;line-height:1.75;color:#53616d;margin:0 0 20px}.project-status{font-size:13px;line-height:1.6;border-left:2px solid var(--red);padding:2px 0 2px 12px;margin:18px 0 24px}.project-stages{border-top:1px solid #cfd6db;border-bottom:1px solid #cfd6db}.project-stages summary{display:flex;justify-content:space-between;align-items:center;gap:14px;font-size:14px;font-weight:650;cursor:pointer;min-height:58px;list-style:none}.project-stages summary::-webkit-details-marker{display:none}.project-stages summary svg{width:18px;transition:transform .2s}.project-stages[open] summary svg{transform:rotate(180deg)}.project-stages dl{margin:4px 0 14px}.project-stages dl>div{display:flex;gap:16px;justify-content:space-between;padding:9px 0;border-top:1px solid #dde2e6;font-size:14px;line-height:1.5}.project-stages dd{margin:0;white-space:nowrap;font-weight:650}.project-stages>p{font-size:12px;color:#60707d;line-height:1.7;margin:0 0 20px}.projects-page main :focus-visible{outline:2px solid #b51f27;outline-offset:4px}
.project-lightbox{position:fixed;inset:0;margin:auto;border:0;padding:0;width:100vw;max-width:none;height:100dvh;max-height:none;background:#0a121bee;color:#fff;overscroll-behavior:contain}.project-lightbox[open]{display:flex;flex-direction:column}.project-lightbox::backdrop{background:#080e15}.lightbox-top{padding:18px 28px;display:flex;justify-content:space-between;align-items:start;gap:20px;flex-shrink:0}.lightbox-top p{margin:0 0 7px;font-size:16px;font-weight:600}.lightbox-top span{font-size:13px;color:#b4c1ca}.lightbox-close,.lightbox-prev,.lightbox-next{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;background:#ffffff15;color:#fff;border:1px solid #ffffff25}.lightbox-close:hover,.lightbox-prev:hover,.lightbox-next:hover{background:#ffffff30}.lightbox-main{display:flex;gap:20px;align-items:center;min-height:0;flex:1;padding:0 28px}.lightbox-prev svg{transform:rotate(180deg)}.lightbox-stage{flex:1;min-width:0;height:100%;display:flex;align-items:center;justify-content:center;position:relative;touch-action:pan-y}.lightbox-stage img,.lightbox-stage video{width:100%;height:100%;object-fit:contain;display:block}.lightbox-thumbs{display:flex;gap:8px;padding:18px 28px 24px;overflow:auto;flex:0 0 auto;scrollbar-width:thin}.lightbox-thumbs button{padding:0;width:80px;height:60px;flex:0 0 80px;position:relative;background:#1c2d3c;opacity:.55;border:2px solid transparent}.lightbox-thumbs button[aria-current=true]{opacity:1;border-color:#fff}.lightbox-thumbs img{width:100%;height:100%;object-fit:cover}.lightbox-thumbs button:hover{opacity:1}.lightbox-error{position:absolute;background:#172b3c;padding:22px;text-align:center}.lightbox-error a{text-decoration:underline;display:block;margin-top:12px}.gallery-is-open{overflow:hidden}
@media(min-width:1600px){.project-cover{aspect-ratio:1.5}.projects-wrap{padding:0 70px}}@media(max-width:1000px){.projects-heading{gap:40px}.project-case-grid{gap:28px}.project-facts{gap:8px}.project-facts dd{font-size:23px}.project-facts small{font-size:12px}.project-cover{aspect-ratio:1}.projects-wrap{padding:0 32px}}
@media(max-width:760px){.projects-wrap{padding:0 22px}.projects-intro{padding-top:24px}.project-breadcrumb{margin-bottom:28px}.projects-heading{grid-template-columns:1fr;gap:18px}.projects-heading h1{max-width:520px}.projects-heading>p{max-width:none}.project-index{flex-wrap:nowrap;overflow-x:auto;padding-bottom:20px;scrollbar-width:thin}.project-index a{flex-shrink:0}.project-case{padding:32px 0 38px}.project-case-heading{gap:14px;margin-bottom:22px}.project-number{font-size:15px;min-width:26px}.project-case-grid{grid-template-columns:1fr;gap:22px}.project-cover{aspect-ratio:4/3}.project-facts{gap:14px}.project-facts dd{font-size:28px}.project-facts small{font-size:13px}.project-facts dt{min-height:32px}.project-thumb{flex-basis:78px;height:62px}.lightbox-top{padding:16px}.lightbox-top p{font-size:14px}.lightbox-main{padding:0 8px;gap:4px}.lightbox-prev,.lightbox-next{width:36px;height:44px;flex-basis:36px}.lightbox-thumbs{padding:16px 14px}.lightbox-thumbs button{width:68px;height:54px;flex-basis:68px}}@media(max-width:360px){.projects-wrap{padding:0 16px}.project-facts dd{font-size:23px}.gallery-heading{flex-wrap:wrap}.project-facts{gap:8px}.project-case h2{font-size:23px}.lightbox-main{padding:0;gap:0}.lightbox-prev,.lightbox-next{flex-basis:30px;width:30px}}@media(prefers-reduced-motion:reduce){.project-cover>img,.project-stages summary svg{transition:none}}