.work-intro{padding:60px 6% 55px}.work-intro .eyebrow{font-size:9px;color:#95a7b8;letter-spacing:2px}.work-intro>div{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-top:30px}.work-intro h1{font-family:'DM Sans',Arial,sans-serif;font-size:clamp(46px,5.3vw,88px);font-weight:300;letter-spacing:-.065em;line-height:1.04;margin:0}.work-intro h1 em{color:#8298ab;font-style:normal}.work-intro p{font-size:13px;line-height:1.8;color:#97a8b8}.work-stage{margin:0 3%;height:630px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 55% 35%,#536b7b,#1f303c 55%,#101b23);border:1px solid #a8bed516;isolation:isolate}.work-stage:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(transparent 50%,#080f17dc)}.work-stage>img{position:absolute;inset:3% 0 0 20%;width:80%;height:82%;object-fit:contain;z-index:-2;transition:opacity .35s,transform .65s}.stage-number{position:absolute;left:4%;top:35px;font-size:10px;letter-spacing:2px;color:#a5b8c8}.stage-bottom{position:absolute;bottom:40px;left:4%;right:4%;display:flex;align-items:end;justify-content:space-between;gap:40px}.stage-bottom>div>span{font-size:9px;text-transform:uppercase;letter-spacing:2px;color:#9cb2c5}.stage-bottom h2{font-family:'DM Sans',Arial,sans-serif;font-size:clamp(32px,4vw,66px);font-weight:300;letter-spacing:-.06em;line-height:1.04;max-width:700px;margin:15px 0 24px}.stage-bottom a{font-size:12px;text-decoration:none;border-bottom:1px solid #9aafbf80;padding-bottom:9px}.stage-controls{display:flex;gap:12px}.stage-controls button{border:1px solid #adbfce55;border-radius:50%;color:#cedce7;background:#c0d7ef08;width:52px;height:52px;font-size:24px}.stage-controls button:hover{background:#c0d7ef22}.work-archive{padding:100px 6%}.archive-head{display:flex;justify-content:space-between;gap:40px;align-items:end}.archive-head h2{font-family:'DM Sans',Arial,sans-serif;font-size:clamp(35px,4vw,60px);font-weight:300;letter-spacing:-.05em;margin:25px 0}.work-search{width:300px;font-size:9px;color:#9cabb9;letter-spacing:1px}.work-search input{padding:13px 0;font-size:12px;color:#dae4eb;background:transparent;width:100%;border:0;border-bottom:1px solid #b4c5d63b;margin:12px 0 20px;border-radius:0}.work-filters{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0}.work-filters button{border:1px solid #a4b5c537;border-radius:30px;padding:11px 17px;font-size:10px;background:transparent;color:#a8b8c5;cursor:pointer}.work-filters button[aria-pressed=true]{background:#b1c2d0;color:#101c25;border-color:#b1c2d0}#work-count{font-size:10px;color:#8196a7;margin:30px 0}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px 30px}.work-card{display:block;color:#d1dce5;text-decoration:none;min-width:0}.work-card[hidden]{display:none!important}.work-card .work-art{height:400px;background:radial-gradient(ellipse at 55% 30%,#455b6b,#192a37);position:relative;display:grid;place-items:center;overflow:hidden;border:1px solid #a6bed31a}.work-card:nth-child(4n+2) .work-art{background:radial-gradient(ellipse,#4d5754,#1c292b)}.work-card:nth-child(4n+3) .work-art{background:radial-gradient(ellipse,#504d50,#252734)}.work-art img{height:92%;width:92%;object-fit:contain;mix-blend-mode:normal;transition:transform .7s}.work-card:hover img{transform:scale(1.04)}.work-art b{position:absolute;right:20px;bottom:18px;font-size:28px;font-weight:300}.work-meta{margin-top:22px}.work-meta small{display:block;font-size:8px;letter-spacing:1.4px;text-transform:uppercase;color:#8196a8}.work-meta h2{font-family:'DM Sans',Arial,sans-serif;font-size:clamp(21px,2.2vw,32px);font-weight:300;line-height:1.2;letter-spacing:-.035em;margin:12px 0 0}.all-work-link{display:table;margin:55px auto 0;border:1px solid #a4b9cb55;border-radius:40px;padding:17px 27px;font-size:12px}.case-header{padding:50px 6% 45px}.back-link{display:inline-block;font-size:11px;color:#a6bbcc;text-decoration:none;margin-bottom:40px}.case-header h1{font-family:'DM Sans',Arial,sans-serif;font-size:clamp(45px,6vw,95px);font-weight:300;letter-spacing:-.06em;line-height:1.05;margin-top:25px}.case-header .eyebrow{color:#8199ae}.case-visual{margin:0 3%;height:650px;display:grid;place-items:center;background:radial-gradient(ellipse,#4a6172,#172633);overflow:hidden;border:1px solid #9cb4c81c}.case-visual img{width:94%;height:94%;object-fit:contain;max-height:620px}.case-info{padding:65px 6%;display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:60px;border-bottom:1px solid #b0c3d522}.case-info small{font-size:8px;color:#7c96ad;letter-spacing:1px}.case-info h2{font:300 29px 'DM Sans',Arial,sans-serif;letter-spacing:-1px;margin-top:18px}.case-info p{font-size:14px;line-height:1.9;color:#a6b8c7;margin-top:18px}.case-visit{display:inline-block;margin-top:25px;font-size:12px;border-bottom:1px solid #b1c7d77a;padding-bottom:10px}.next-case{padding:75px 6%}.next-case small{display:block;letter-spacing:2px;font-size:9px;color:#8099af}.next-case>a{display:block;font:300 clamp(28px,4vw,60px) 'DM Sans',Arial,sans-serif;letter-spacing:-.04em;margin-top:25px}.journal-grid{padding:20px 6% 75px;display:grid;grid-template-columns:1fr 1fr;gap:65px 35px}.journal-card>div{height:310px;overflow:hidden;background:#1c2b39}.journal-card img{width:100%;height:100%;object-fit:cover;filter:saturate(.7);transition:transform .6s}.journal-card:hover img{transform:scale(1.04)}.journal-card>small{display:block;font-size:8px;letter-spacing:1.5px;color:#7e97ab;margin:24px 0 18px}.journal-card>h2{font:300 clamp(25px,3vw,40px) 'DM Sans',Arial,sans-serif;letter-spacing:-.04em;line-height:1.1;margin:0}.journal-card>p{font-size:13px;line-height:1.8;color:#94a9ba;margin:20px 0}.journal-card>span{display:inline-block;font-size:11px;border-bottom:1px solid #a5bacd6b;padding-bottom:8px}.article-heading{padding:50px 10% 55px}.article-heading .back-link{display:block}.article-heading h1{font:300 clamp(40px,6vw,85px) 'DM Sans',Arial,sans-serif;line-height:1.06;letter-spacing:-.055em;margin:30px 0}.article-heading>div{display:flex;gap:30px;color:#849cae;font-size:9px;letter-spacing:1px}.article-cover{margin:0 6%;height:430px;overflow:hidden}.article-cover img{width:100%;height:100%;object-fit:cover;filter:saturate(.6)}.journal-copy{max-width:1000px;font-size:16px;line-height:1.95}.journal-copy h2,.journal-copy h3{font-family:'DM Sans',Arial,sans-serif;font-weight:300;font-size:30px;letter-spacing:-.03em;line-height:1.25;margin:40px 0 20px}.article-end{display:flex;justify-content:space-between;gap:25px;padding:40px 10% 65px;border-top:1px solid #93adc02a;font-size:12px}@media(max-width:700px){.work-intro{padding:40px 7%}.work-intro>div{display:block}.work-intro h1{font-size:47px}.work-intro p{margin-top:25px;font-size:12px}.work-stage{height:530px;margin:0 4%}.work-stage>img{inset:4% 0 0;width:100%;height:65%}.stage-bottom{bottom:30px;gap:15px;left:6%;right:6%}.stage-bottom h2{font-size:32px;max-width:230px}.stage-controls{gap:8px}.stage-controls button{width:36px;height:36px;font-size:20px}.stage-bottom>div>span{font-size:7px;letter-spacing:1px}.work-archive{padding:60px 7%}.archive-head{display:block}.work-search{width:100%;margin:25px 0}.work-filters{gap:8px}.work-filters button{padding:10px 13px;font-size:9px}.work-grid{grid-template-columns:1fr;gap:35px}.work-card .work-art{height:330px}.work-meta h2{font-size:25px}.case-header{padding:35px 7%}.case-header h1{font-size:45px}.case-visual{height:390px}.case-info{grid-template-columns:1fr;gap:30px;padding:45px 7%}.next-case{padding:50px 7%}.journal-grid{grid-template-columns:1fr;padding:15px 7% 50px;gap:45px}.journal-card>div{height:260px}.article-heading{padding:35px 7%}.article-heading h1{font-size:45px}.article-heading>div{gap:15px;font-size:8px}.article-cover{margin:0 4%;height:280px}.article-end{padding:30px 7%;font-size:10px}}@media(prefers-reduced-motion:reduce){.work-stage>img,.work-art img,.journal-card img{transition:none}}
.work-card .work-meta{height:auto;display:block;background:none!important;overflow:visible;border:0}
body:has(.work-stage) header{height:100px}
body:has(.work-stage) .work-intro{padding:28px 6% 30px}
body:has(.work-stage) .work-intro>div{margin-top:18px}
body:has(.work-stage) .work-intro h1{font-size:clamp(35px,3.7vw,60px)}
body:has(.work-stage) .work-stage{height:520px}
@media(max-width:700px){body:has(.work-stage) .work-intro h1{font-size:39px}body:has(.work-stage) .work-stage{height:500px}}
.work-stage{touch-action:pan-y}.work-stage>img{user-select:none;-webkit-user-drag:none}header nav{font-family:'DM Sans',Arial,sans-serif;font-size:12px}

.archive-head h1{font-family:"DM Sans",Arial,sans-serif;font-size:clamp(35px,4vw,60px);font-weight:300;letter-spacing:-.05em;line-height:1.1;margin:25px 0}.work-archive{padding-top:50px}

/* CMS card markup alignment — 17 October 2026 */
.journal-grid{align-items:stretch;gap:52px 32px}.journal-card{display:flex;flex-direction:column;min-width:0;text-decoration:none;color:inherit;border-top:1px solid #8596a438;padding-top:20px}.journal-card>figure{margin:0;aspect-ratio:16/10;width:100%;height:auto;overflow:hidden;background:#192833}.journal-card>figure img{display:block;width:100%;height:100%;object-fit:cover}.journal-card>div.journal-content{height:auto;overflow:visible;background:none;display:flex;flex:1;flex-direction:column;padding:24px 0 0}.journal-content .eyebrow{font:10px/1.5 system-ui;color:#94aabc;letter-spacing:1.5px}.journal-content h2{font:400 clamp(24px,2.7vw,38px)/1.16 system-ui;letter-spacing:-1px;margin:16px 0;color:#dbe3ea}.journal-content p{font:14px/1.8 system-ui;color:#9eafbe;margin:0 0 24px}.journal-content .text-link{margin-top:auto;align-self:flex-start;padding:0 0 8px;border-bottom:1px solid #8596a466;font:12px/1.6 system-ui}.journal-card:hover h2{color:white}.work-grid{align-items:start}.work-art img{display:block}.work-filters button{min-height:40px}@media(max-width:700px){.journal-grid{grid-template-columns:1fr;gap:36px;padding-top:0}.journal-content h2{font-size:27px}.journal-card>figure{aspect-ratio:16/10}.journal-content p{font-size:14px}}