*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-snap-type:y mandatory}body{margin:0;background:#f5f5f3;color:#242523;font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid #425b4d;outline-offset:7px}.top{position:fixed;top:34px;left:44px;right:44px;display:flex;justify-content:space-between;align-items:center;z-index:3}.top>a{font-size:22px;letter-spacing:-2px;font-weight:600}.top>a span{font-size:10px;vertical-align:top;letter-spacing:0;margin-left:3px}.top>span,.eyebrow,.bottom,.intro-foot,.project-meta,.tag{font-size:10px;letter-spacing:1.3px}.top>span{color:#92948e}.intro{position:fixed;left:17.7%;top:0;height:100svh;display:flex;flex-direction:column;justify-content:center;width:32%;z-index:2;pointer-events:none}.intro>div,.intro-foot{pointer-events:auto}.eyebrow{color:#868a83;margin:0 0 28px}.intro h1{font-size:32px;letter-spacing:-1.25px;font-weight:500;margin:0 0 6px}.discipline{font-size:28px;line-height:1.18;letter-spacing:-.9px;color:#969b92;margin:0}.actions{display:flex;gap:7px;margin-top:36px}.actions button{border:0;width:47px;height:47px;background:white;border-radius:16px;display:grid;place-items:center;transition:transform .25s,background .25s}.actions svg{width:19px;height:19px}.actions button:hover{transform:translateY(-3px);background:#e7eae3}.intro-foot{position:absolute;bottom:120px;color:#898d85;letter-spacing:.3px;width:220px;display:flex;justify-content:space-between}main{margin-left:51%;width:39%}.project-section{height:100svh;scroll-snap-align:center;display:flex;align-items:center;justify-content:center;perspective:1100px}.project-card{width:min(360px,100%);aspect-ratio:1/1.08;border:0;position:relative;overflow:hidden;border-radius:36px;text-align:left;padding:0;box-shadow:0 10px 40px #22222203;will-change:transform;transition:box-shadow .3s}.project-card:hover{box-shadow:0 20px 55px #22222212}.art{width:100%;height:100%;display:block}.card-caption{position:absolute;left:28px;right:28px;bottom:25px;display:flex;justify-content:space-between;align-items:end}.card-caption strong{display:block;font-size:16px;font-weight:500;letter-spacing:-.3px}.card-caption small{display:block;margin-bottom:8px;font-size:9px;letter-spacing:1.3px;opacity:.6}.card-arrow{font-size:23px;font-weight:300;opacity:0;transform:translate(-6px,6px);transition:.25s}.project-card:hover .card-arrow,.project-card:focus-visible .card-arrow{opacity:1;transform:none}.project-meta{position:absolute;bottom:calc(50% - 235px);font-size:9px;letter-spacing:.6px;color:#999c95}.dots{position:fixed;right:5.7%;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:2px}.dots a{width:22px;height:21px;display:grid;place-items:center}.dots a:after{content:'';width:3px;height:3px;background:#ccd0c8;border-radius:50%;transition:.25s}.dots a[aria-current=true]:after{background:#343b30;transform:scale(1.5)}.bottom{position:fixed;bottom:31px;left:44px;right:44px;display:flex;justify-content:space-between;color:#9a9d96;font-size:9px;pointer-events:none}.hint{position:absolute;left:50%;transform:translateX(-50%);letter-spacing:.2px}.hint span{margin-left:12px}dialog{border:0;border-radius:28px;padding:64px;max-width:850px;width:calc(100% - 40px);max-height:90svh;background:#fafaf7;color:#252823;box-shadow:0 30px 120px #0002}dialog::backdrop{background:#e5e7e0bb;backdrop-filter:blur(12px)}.close{position:absolute;right:23px;top:18px;border:0;background:transparent;font-size:30px;font-weight:300}.tag{color:#838a7b}dialog h2{font-size:40px;font-weight:400;letter-spacing:-1.7px;margin:24px 0}dialog p{font-size:17px;line-height:1.6;color:#747b6f;max-width:580px}.detail-art{height:300px;border-radius:20px;overflow:hidden;margin:30px 0}.detail-art svg{height:100%;width:100%;object-fit:cover}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px}.detail-grid h3{font-weight:500;font-size:13px}.detail-grid p{font-size:14px}.next,.index-link{border:0;border-top:1px solid #dedfd8;background:none;padding:22px 0;width:100%;display:flex;justify-content:space-between;text-align:left}.next{margin-top:30px}.index-link span{color:#90978a}@media(min-width:1500px){.project-card{width:420px}.project-meta{bottom:calc(50% - 270px)}}@media(max-width:700px){.top{top:22px;left:24px;right:24px}.top>span{font-size:8px}.intro{left:28px;top:85px;height:auto;width:85%;justify-content:start}.eyebrow{font-size:8px;margin-bottom:13px}.intro h1{font-size:24px}.discipline{font-size:20px}.actions{position:absolute;right:0;top:38px;gap:5px}.actions button{width:38px;height:38px;border-radius:12px}.intro-foot{display:none}main{margin:0;width:100%}.project-section{padding:180px 48px 42px}.project-card{width:min(320px,100%);border-radius:28px}.project-meta{display:none}.dots{right:12px;top:64%}.bottom{left:24px;right:24px;bottom:20px;font-size:7px}.hint{display:none}dialog{padding:45px 26px 30px}dialog h2{font-size:31px}.detail-grid{grid-template-columns:1fr;gap:5px}.detail-art{height:220px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}.project-card{transform:none!important;opacity:1!important}}

/* Filtered feed and expandable project carousel. */
[hidden]{display:none!important}.filters{display:flex;flex-wrap:wrap;gap:7px;max-width:330px;margin-top:19px}.filters button{border:1px solid transparent;border-radius:13px;padding:12px 14px;background:#fff;font-size:11px;letter-spacing:.05px;transition:background .2s,color .2s,transform .2s}.filters button:hover{background:#e8ebe3;transform:translateY(-2px)}.filters button[aria-pressed=true]{background:#343d36;color:#fff}#filter-status{font-size:10px;color:#899083;letter-spacing:.3px;margin:13px 0 0}.project-section{position:relative}.project-rail{position:fixed;z-index:4;right:3%;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:12px;width:80px}.thumbnails{display:flex;flex-direction:column;gap:16px;max-height:65svh;overflow-y:auto;padding:5px;scrollbar-width:thin}.thumbnail{position:relative;flex-shrink:0;padding:0;width:62px;height:67px;border:0;border-radius:13px;background:none;transition:opacity .2s,transform .2s;opacity:.55}.thumbnail>.art{border-radius:13px}.thumbnail:hover{opacity:1;transform:scale(1.06)}.thumbnail[aria-current=true]{opacity:1;outline:1px solid #56614e;outline-offset:4px}.thumb-label{display:none}.rail-step{border:0;border-radius:50%;height:28px;width:28px;background:transparent;color:#828c7a;font-size:18px}.rail-step:hover{background:#fff}.rail-step:disabled{opacity:.25;cursor:default}#rail-toggle{position:absolute;right:-24px;top:calc(50% - 17px);border:0;border-radius:50%;background:#fff;width:29px;height:34px;font-size:24px;color:#69765e;box-shadow:0 2px 12px #00000005}.rail-caption{font-size:7px;letter-spacing:1.5px;color:#969d8f;margin-top:4px}.project-rail.expanded .thumbnail{width:68px;height:73px}.project-rail.expanded{width:86px}@media(max-width:1000px) and (min-width:701px){.intro{left:10%;width:38%}main{margin-left:48%;width:38%}.project-rail{right:3%;width:52px}.thumbnail,.project-rail.expanded .thumbnail{width:44px;height:48px}.project-rail.expanded{width:52px}#rail-toggle{right:-19px;width:23px}}@media(max-width:700px){.intro{top:75px}.filters{max-width:290px;gap:5px;margin-top:16px}.filters button{font-size:10px;padding:9px 11px;border-radius:10px}#filter-status{margin-top:8px;font-size:9px}.project-section{padding:275px 79px 48px 25px}.project-rail,.project-rail.expanded{right:17px;top:66%;width:42px;gap:6px}.thumbnail,.project-rail.expanded .thumbnail{width:36px;height:39px;border-radius:8px}.thumbnail>.art{border-radius:8px}.thumbnails{gap:12px;max-height:40svh}.rail-caption{display:none}#rail-toggle{right:-15px;width:20px;height:28px;font-size:19px}.rail-step{height:23px;font-size:15px}.card-caption{left:20px;right:20px;bottom:20px}.card-caption strong{font-size:14px}.card-caption small{font-size:8px}.intro .actions{top:34px}}@media(max-height:650px) and (max-width:700px){.intro{top:62px}.intro .eyebrow{display:none}.intro h1{font-size:20px}.discipline{font-size:17px}.filters{margin-top:10px}.project-section{padding-top:220px;padding-bottom:35px}.project-card{max-height:calc(100svh - 255px);width:auto;aspect-ratio:1/1.08}.card-caption small{display:none}}

/* Full-height persistent rail; the arrow changes the main presentation. */
:root{--rail-margin:80px}
.project-rail,.project-rail.expanded{top:var(--rail-margin);bottom:var(--rail-margin);height:auto;transform:none;gap:0;width:80px;justify-content:space-between}
.thumbnails{flex:1;min-height:0;width:100%;max-height:none;justify-content:space-between;align-items:center;gap:16px;padding:6px;overflow-y:auto}
.thumbnails:has(.thumbnail:only-child){justify-content:center}
.thumbnail,.project-rail.expanded .thumbnail{width:62px;height:67px}
.rail-step{flex-shrink:0}.rail-caption{position:absolute;top:calc(100% + 16px);margin:0}
#rail-toggle{top:calc(50% - 17px)}
.grid-view{scroll-snap-type:none}
.grid-view main{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 22px;align-content:center;min-height:100svh;padding:100px 0;margin-left:49%;width:37%}
.grid-view .project-section{height:auto;display:block;perspective:none;scroll-snap-align:none;padding:0}
.grid-view .project-card{width:100%;border-radius:24px;transform:none!important;opacity:1!important}
.grid-view .project-meta{position:static;display:block;text-align:center;font-size:8px;margin-top:14px}
.grid-view .card-caption{left:20px;right:20px;bottom:19px}.grid-view .card-caption strong{font-size:14px}.grid-view .card-caption small{font-size:7px;letter-spacing:.7px}
@media(min-width:1600px){.grid-view main{gap:40px 28px}.grid-view .card-caption strong{font-size:17px}.grid-view .card-caption small{font-size:9px}}
@media(max-width:1000px) and (min-width:701px){.project-rail,.project-rail.expanded{width:52px}.thumbnail,.project-rail.expanded .thumbnail{width:44px;height:48px}.grid-view main{margin-left:49%;width:37%;gap:26px 12px}.grid-view .card-caption{left:13px;bottom:15px}.grid-view .card-caption small{display:none}}
@media(max-width:700px){.project-rail,.project-rail.expanded{top:var(--rail-margin);bottom:var(--rail-margin);width:42px}.thumbnail,.project-rail.expanded .thumbnail{width:36px;height:39px}.thumbnails{max-height:none}.intro{width:calc(100% - 115px)}.intro .actions{position:static;margin-top:14px}.intro .actions button{width:32px;height:32px}.filters{margin-top:12px}.project-section{padding-top:330px}.grid-view main{margin-left:25px;width:calc(100% - 105px);padding:330px 0 60px;gap:25px 12px;align-content:start}.grid-view .card-caption{left:10px;bottom:12px;right:10px}.grid-view .card-caption small{display:none}.grid-view .card-caption strong{font-size:11px}.grid-view .project-card{border-radius:16px;max-height:none;width:100%}.grid-view .project-meta{font-size:6px;letter-spacing:0}.grid-view .intro{position:absolute}}

/* A larger sample collection: compact, consistent spacing. */
.thumbnails{justify-content:flex-start;gap:16px;position:relative;scrollbar-width:none;overscroll-behavior:contain}.thumbnails::-webkit-scrollbar{display:none}.thumbnails:has(.thumbnail:only-child){justify-content:flex-start}
.grid-view main{grid-template-columns:repeat(4,minmax(0,1fr));margin-left:43%;width:44%;gap:22px 14px;align-content:start;padding:100px 0 85px}
.grid-view .project-card{border-radius:17px}.grid-view .card-caption{left:12px;right:10px;bottom:13px}.grid-view .card-caption strong{font-size:11px;letter-spacing:-.2px}.grid-view .card-caption small{display:none}.grid-view .card-arrow{font-size:15px}.grid-view .project-meta{font-size:6px;letter-spacing:.2px;margin-top:9px}
.grid-view .intro{left:12%;width:28%}
.project-card .card-caption{color:#242523}
@media(min-width:1600px){.grid-view main{grid-template-columns:repeat(5,minmax(0,1fr));gap:24px 16px}.grid-view .card-caption strong{font-size:12px}}
@media(max-width:1000px) and (min-width:701px){.grid-view main{grid-template-columns:repeat(3,minmax(0,1fr));margin-left:46%;width:40%;gap:20px 10px}.grid-view .intro{left:8%;width:34%}.grid-view .card-caption{left:9px;bottom:10px}.grid-view .card-caption strong{font-size:10px}}
@media(max-width:700px){.grid-view main{grid-template-columns:repeat(3,minmax(0,1fr));margin-left:25px;width:calc(100% - 105px);gap:18px 9px;padding-top:330px}.grid-view .intro{left:28px;width:calc(100% - 115px)}.grid-view .card-caption{position:static;display:block;padding:8px 0 0}.grid-view .card-caption strong{font-size:9px;line-height:1.2}.grid-view .project-card{overflow:visible;aspect-ratio:auto;background:transparent;border-radius:10px}.grid-view .project-card>.art{border-radius:10px;aspect-ratio:1/1.08}.grid-view .card-arrow,.grid-view .project-meta{display:none}.thumbnails{gap:12px}}

/* Consistent icon controls. */
.filters{flex-wrap:nowrap;gap:7px}.filters button{width:47px;height:47px;padding:0;display:grid;place-items:center;border-radius:16px;flex-shrink:0}.filters svg{width:19px;height:19px}
#rail-toggle{width:28px;height:28px;top:calc(50% - 14px);font-size:18px;background:transparent;color:#828c7a;border:0;border-radius:50%;box-shadow:none;display:grid;place-items:center;padding:0}#rail-toggle:hover{background:#fff}
@media(max-width:700px){.filters button{width:38px;height:38px;border-radius:12px}.filters svg{width:18px;height:18px}#rail-toggle{width:23px;height:23px;top:calc(50% - 11.5px);font-size:15px}}

/* The overview uses exactly the same thumbnail dimensions as the rail. */
:root{--project-thumb-width:62px;--project-thumb-height:67px}
.thumbnail,.project-rail.expanded .thumbnail{width:var(--project-thumb-width);height:var(--project-thumb-height)}
.grid-view main{grid-template-columns:repeat(auto-fill,var(--project-thumb-width));grid-auto-rows:var(--project-thumb-height);gap:16px;align-content:center;justify-content:center;padding:100px 0 85px;min-height:100svh}
.grid-view .project-section{width:var(--project-thumb-width);height:var(--project-thumb-height)}
.grid-view .project-card{width:var(--project-thumb-width);height:var(--project-thumb-height);min-height:0;max-height:none;aspect-ratio:auto;border-radius:13px;overflow:hidden;padding:0;box-shadow:none}
.grid-view .project-card>.art{width:100%;height:100%;border-radius:13px;aspect-ratio:auto}
.grid-view .card-caption,.grid-view .project-meta,.grid-view .art text{display:none}
.grid-view .project-card:hover{outline:1px solid #899681;outline-offset:4px}
@media(max-width:1000px) and (min-width:701px){:root{--project-thumb-width:44px;--project-thumb-height:48px}}
@media(max-width:700px){:root{--project-thumb-width:36px;--project-thumb-height:39px}.grid-view main{padding-top:330px;align-content:start;gap:12px}.grid-view .project-card,.grid-view .project-card>.art{border-radius:8px}}

@media(max-width:700px){.filters{flex-wrap:wrap;max-width:230px}.filters button{width:32px;height:32px}.filters svg{width:17px;height:17px}}

/* Fill the slider's full-height overview area with a continuous icon collection. */
.grid-view main{position:fixed;top:var(--rail-margin);bottom:var(--rail-margin);left:48%;right:10%;width:auto;margin:0;min-height:0;height:auto;padding:6px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;align-content:start;justify-content:end;grid-template-columns:repeat(auto-fill,var(--project-thumb-width));gap:16px}
.grid-view main::-webkit-scrollbar{display:none}
.grid-view .hint{display:none}
@media(max-width:1000px) and (min-width:701px){.grid-view main{left:46%;right:12%;width:auto;margin:0;padding:6px}}
@media(max-width:700px){.grid-view main{position:relative;top:auto;bottom:auto;left:auto;right:auto;margin-left:25px;width:calc(100% - 105px);padding:330px 0 60px;overflow:visible;gap:12px;justify-content:start;min-height:100svh}}
/* Align the overview to the rail's inner thumbnail edge and first row. */
@media(min-width:701px){
 :root{--rail-width:80px;--overview-gap:16px;--overview-inset:6px;--rail-arrow-height:28px}
 .project-rail,.project-rail.expanded{width:var(--rail-width)}
 .grid-view main{top:calc(var(--rail-margin) + var(--rail-arrow-height));bottom:calc(var(--rail-margin) + var(--rail-arrow-height));right:calc(3% + (var(--rail-width) + var(--project-thumb-width))/2 + var(--overview-gap) - var(--overview-inset));padding:var(--overview-inset);gap:var(--overview-gap)}
}
@media(min-width:701px) and (max-width:1000px){:root{--rail-width:52px}}

/* Expanded projects share one scroll viewport, including the former rail column. */
.grid-view{--overview-left:48%;--overview-right:calc(3% + (var(--rail-width) - var(--project-thumb-width))/2 - 6px);overflow:hidden}
.grid-view body{overflow:hidden}
.grid-view main{left:var(--overview-left);right:var(--overview-right)}
.grid-view .project-rail{left:var(--overview-left);right:var(--overview-right);width:auto;pointer-events:none}
.grid-view .project-rail .rail-step,.grid-view #rail-toggle{pointer-events:auto}
.grid-view .thumbnails{display:none}
.grid-view .rail-caption{align-self:center}
.grid-view #rail-toggle{right:-18px}
@media(min-width:701px) and (max-width:1000px){.grid-view{--overview-left:46%}}
@media(max-width:700px){
 .grid-view{--overview-left:25px;--overview-right:28px}
 .grid-view .intro{position:fixed}
 .grid-view main{position:fixed;top:330px;bottom:80px;left:var(--overview-left);right:var(--overview-right);width:auto;margin:0;padding:6px;min-height:0;overflow-y:auto;justify-content:end}
 .grid-view .project-rail{top:302px;bottom:52px;gap:0}
 .grid-view .rail-step{height:28px}
}

/* Reserve space for the side arrow, matching the vertical control clearance. */
.grid-view main,.grid-view .project-rail{left:calc(var(--overview-left) - 24px);right:calc(var(--overview-right) + 24px)}
.grid-view #rail-toggle{right:-42px}
.intro-controls{display:flex;align-items:center;gap:7px;margin-top:36px;width:max-content;max-width:100%}
.intro-controls .actions,.intro-controls .filters{position:static;margin:0;max-width:none;flex-wrap:nowrap;gap:7px}
.intro-controls button{width:47px;height:47px;flex-shrink:0}
.intro-controls .actions{flex-shrink:0}
dialog .close{position:sticky;display:block;margin:-44px -42px 8px auto;top:0;right:auto;width:36px;height:36px;border-radius:50%;background:#fafaf7;z-index:2}
.case-study{border-top:1px solid #dedfd8;margin-top:36px;padding-top:20px}
.case-study .case-note{font-size:12px;color:#899083}
.case-links{display:flex;flex-wrap:wrap;gap:12px 24px;margin:24px 0 42px}
.case-links a,.case-back{font-size:14px;text-decoration:underline;text-underline-offset:5px;color:#425b4d}
.case-study section{margin:42px 0;scroll-margin-top:48px}
.case-study h3{font-size:27px;font-weight:400;letter-spacing:-.6px;margin:14px 0 20px}
.study-facts{display:grid;gap:18px;border-block:1px solid #dedfd8;padding:24px 0;margin:30px 0}
.study-facts span{display:block;font-size:11px;color:#899083;margin-bottom:6px}
.study-facts strong{font-size:15px;font-weight:400}
.project-facts{display:flex;flex-wrap:wrap;gap:24px 48px;margin:28px 0 36px;color:#899083;font-size:11px}
.project-facts strong{display:block;color:#242523;font-size:14px;font-weight:400;margin-top:8px}
.project-gallery figure{margin:0 0 32px}.project-gallery img{display:block;width:100%;height:auto;border-radius:12px}
.project-gallery figcaption{font-size:11px;color:#899083;margin-top:12px;line-height:1.5}
.project-source{border-top:1px solid #dedfd8;padding:28px 0;margin-top:8px}
.project-source a{font-size:14px;color:#425b4d;text-decoration:underline;text-underline-offset:5px}
dialog{overflow:hidden}
dialog #dialog-content{max-height:calc(90svh - 128px);overflow-y:auto;overflow-x:hidden;padding-right:12px;scroll-behavior:smooth}
dialog .close{position:absolute;top:18px;right:23px;margin:0}
@media(max-width:1000px){.intro-controls{gap:5px}.intro-controls .actions,.intro-controls .filters{gap:5px}.intro-controls button{width:32px;height:32px;border-radius:12px}}
@media(max-width:700px){
 .intro-controls{margin-top:14px}.intro-controls .actions button{width:32px;height:32px}
 .grid-view main,.grid-view .project-rail{left:var(--overview-left);right:calc(var(--overview-right) + 24px)}
 dialog #dialog-content{max-height:calc(90svh - 75px)}.case-study h3{font-size:23px}
}

.project-source video{display:block;width:100%;max-height:65vh;background:#e4e8dc;border-radius:12px;margin:24px 0 12px}

.intro-controls button{width:40px;height:40px}.intro-controls .actions,.intro-controls .filters,.intro-controls{gap:6px}
@media(max-width:1000px){.intro-controls button,.intro-controls .actions button{width:28px;height:30px}.intro-controls .actions,.intro-controls .filters,.intro-controls{gap:4px}}

.about-profile .about-lead{font-size:21px;line-height:1.4;color:#687362}.about-profile section{border-top:1px solid #dedfd8;padding-top:27px;margin-top:32px}.about-profile h3{font-size:19px;font-weight:400;letter-spacing:-.3px;margin:0 0 22px}.about-contact{display:flex;flex-wrap:wrap;gap:12px 24px;margin:25px 0}.about-contact a{font-size:14px;text-decoration:underline;text-underline-offset:5px;color:#425b4d}.about-profile .about-source{font-size:12px;color:#899083}.about-timeline{margin:0}.about-timeline>div{display:grid;grid-template-columns:1fr 1.5fr;gap:24px;margin-bottom:23px}.about-timeline dt{font-size:14px;line-height:1.6;color:#30362e}.about-timeline dd{margin:0;font-size:14px;line-height:1.7;color:#75806e}.about-list{list-style:none;padding:0;margin:0}.about-list li{margin-bottom:23px}.about-list strong{display:block;font-size:14px;line-height:1.6;font-weight:400;color:#30362e}.about-list span{display:block;font-size:14px;line-height:1.7;color:#75806e;margin-top:4px}@media(max-width:600px){.about-timeline>div{grid-template-columns:1fr;gap:5px}.about-profile .about-lead{font-size:18px}}

.gallery-section{margin:28px 0 18px;padding-top:24px;border-top:1px solid #dedfd8}.gallery-section h3{font-size:20px;font-weight:400;letter-spacing:-.3px;margin:0 0 12px}.gallery-section p{font-size:15px;line-height:1.65;margin:0}.project-gallery figure img{background:#fff}

.project-subtitle{font-size:22px!important;line-height:1.35!important;color:#49594b!important;margin-top:-10px!important}.review-diagram{display:block;position:relative}.project-gallery .review-diagram .diagram-animation{position:absolute;display:block;max-width:none;border-radius:0;object-fit:fill}

.project-hero-film{margin:24px 0 30px;text-align:center}.project-hero-film video{display:block;width:auto;max-width:100%;height:auto;max-height:68svh;margin:auto;border-radius:14px;background:#171b18}