:root{--paper:#f7faff;--white:#fff;--ink:#183041;--cobalt:#2356c8;--mist:#e6edf3;--slate:#546675;--line:#cedae4}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:26px}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.6 "Segoe UI",Arial,sans-serif}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Bahnschrift,Arial,sans-serif;line-height:1.08;font-weight:500}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:5px}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:wait}button:focus-visible,a:focus-visible,video:focus-visible{outline:3px solid var(--cobalt);outline-offset:5px}button{border:0;background:none}img{display:block;width:100%}button,a{touch-action:manipulation}.skip{position:fixed;left:18px;top:-70px;z-index:20;background:white;padding:10px 20px}.skip:focus{top:10px}.site-header,main,footer{max-width:1480px;margin:auto;padding-left:5vw;padding-right:5vw}.site-header{display:flex;justify-content:space-between;align-items:center;padding-top:30px;padding-bottom:28px}.wordmark{display:flex;gap:12px;align-items:center;text-decoration:none;font-size:16px;line-height:1.2;font-weight:600}.monogram{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--ink);color:white;font:24px Georgia,serif;letter-spacing:-3px;padding-right:3px}.site-header nav{display:flex;gap:34px;font-size:15px}.site-header nav a{text-decoration:none}.site-header nav a:hover{color:var(--cobalt)}.intro{display:grid;grid-template-columns:1.35fr .65fr;gap:7%;align-items:end;padding:62px 0 43px}.intro h1{font-size:clamp(42px,4.6vw,70px);letter-spacing:-2.5px;max-width:820px}.intro p{color:var(--slate);max-width:410px;padding-bottom:5px}.showcase{display:grid;grid-template-columns:minmax(0,1fr) 260px;border-radius:18px;overflow:hidden;background:var(--mist)}.stage{position:relative;min-width:0;background:#e1e9ee;height:560px}.stage img{height:100%;object-fit:cover;object-position:center 23%}.play-over{position:absolute;bottom:25px;left:25px;background:var(--ink);color:white;border-radius:100px;padding:12px 22px;font-size:14px;display:flex;align-items:center;gap:12px;box-shadow:0 3px 20px #18304118}.play-over:hover{background:var(--cobalt)}.play-over span{font-size:12px}.stage-note{position:absolute;top:20px;left:25px;font-size:12px;background:#fffE;padding:5px 10px;border-radius:4px}.project-picker{padding:30px 22px;display:flex;flex-direction:column;background:#edf2f7}.picker-heading{font-size:14px;color:var(--slate);margin-bottom:25px}.project-select{display:block;width:100%;text-align:left;padding:20px 14px;border-radius:9px;margin:5px 0}.project-select[aria-pressed=true]{background:white;box-shadow:0 3px 18px #18304107}.project-select:hover{color:var(--cobalt)}.project-select strong{font-family:Bahnschrift,Arial,sans-serif;display:block;font-size:21px;line-height:1.2;font-weight:500}.project-select small{display:block;color:var(--slate);margin-top:7px;font-size:12px}.picker-footer{margin-top:auto;padding:35px 14px 0;font-size:12px;color:var(--slate);line-height:1.6}.small-dot{width:6px;height:6px;display:inline-block;border-radius:50%;background:var(--cobalt);margin-right:5px}.hero-caption{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.15fr auto;align-items:center;gap:40px;background:white;padding:28px 30px}.category{font-size:13px;color:var(--slate);margin-bottom:7px}.hero-caption h2{font-size:29px;letter-spacing:-.6px}.hero-caption>p{font-size:15px;color:var(--slate);max-width:500px}.text-button{font-size:14px;text-decoration:underline;text-underline-offset:5px;padding:8px 0}.text-button:hover{color:var(--cobalt)}.work-section{padding:100px 0 60px}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:38px}.section-head h2{font-size:42px;letter-spacing:-1px}.section-head p{color:var(--slate);font-size:16px;margin-top:12px}.filters{display:flex;gap:7px;flex-wrap:wrap}.filters button{border:1px solid var(--line);padding:7px 16px;border-radius:100px;font-size:13px}.filters button[aria-pressed=true]{color:white;background:var(--ink);border-color:var(--ink)}.work-item{display:grid;grid-template-columns:1.15fr .85fr;gap:7%;align-items:center;padding:34px 0 50px}.work-image{padding:0;border-radius:12px;overflow:hidden;background:var(--mist);width:100%;position:relative}.work-image img{aspect-ratio:1.45;object-fit:cover;object-position:top}.work-image .image-action{position:absolute;right:18px;bottom:18px;display:grid;place-items:center;background:white;width:48px;height:48px;border-radius:50%;font-size:15px;box-shadow:0 2px 10px #18304115}.work-item:nth-child(even){grid-template-columns:.85fr 1.15fr}.work-item:nth-child(even) .work-image{grid-column:2;grid-row:1}.work-item:nth-child(even) .work-copy{grid-column:1;grid-row:1}.work-copy h3{font-size:40px;letter-spacing:-1px;margin:10px 0 20px}.work-copy>p:not(.category){color:var(--slate);font-size:16px;max-width:480px}.tags{display:flex;gap:9px 18px;flex-wrap:wrap;font-size:12px;color:var(--slate);margin:22px 0}.work-actions{display:flex;gap:22px;align-items:center}.primary-button{padding:11px 19px;border:1px solid var(--ink);background:var(--ink);border-radius:7px;color:white;font-size:14px}.primary-button:hover{background:var(--cobalt);border-color:var(--cobalt)}#load-status{color:var(--slate)}#load-status:empty{display:none}.approach{border-top:1px solid var(--line);display:grid;grid-template-columns:1.1fr .9fr;gap:12%;padding:75px 0 85px}.approach h2{font-size:39px;letter-spacing:-1px;margin-bottom:25px}.approach p{color:var(--slate);font-size:16px;max-width:540px}.approach-notes article+article{margin-top:32px}.approach h3{font-size:21px;margin-bottom:10px}.contact{background:var(--cobalt);color:white;padding:48px 45px;border-radius:14px;display:flex;justify-content:space-between;gap:32px;align-items:center;margin-bottom:65px}.contact h2{font-size:49px;letter-spacing:-1.5px;margin-top:8px}.contact p{font-size:14px;opacity:.88}.contact-link{display:block;font-size:23px;margin-bottom:15px}.contact-link span{margin-left:18px}footer{display:flex;justify-content:space-between;gap:20px;padding-bottom:30px;font-size:12px;color:var(--slate)}dialog{width:min(1100px,95vw);max-height:94vh;border:0;border-radius:14px;padding:25px;background:var(--paper);color:var(--ink);box-shadow:0 20px 90px #0005}dialog::backdrop{background:#102737b8}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.dialog-head h2{font-size:29px}.close-button{border:1px solid var(--line);border-radius:50%;width:42px;height:42px;flex-shrink:0}#dialog-content video,#dialog-content img{max-height:65vh;width:100%;object-fit:contain;background:#e6edf3;border-radius:7px}#dialog-content p{font-size:15px;color:var(--slate);margin:18px 0 8px;max-width:850px}.dialog-actions{display:flex;gap:24px;align-items:center}.empty{padding:35px 0}.noscript{padding:30px}body.modal-open{overflow:hidden}@media(min-width:1600px){.site-header,main,footer{padding-left:60px;padding-right:60px}}@media(max-width:1100px){.intro{grid-template-columns:1.3fr .7fr;gap:30px}.intro h1{font-size:51px}.showcase{grid-template-columns:minmax(0,1fr) 230px}.stage{height:480px}.hero-caption{grid-template-columns:1fr 1.2fr;gap:20px}.hero-caption .text-button{grid-column:1/-1;text-align:left;padding:0}.section-head{align-items:start;flex-direction:column}.contact h2{font-size:40px}}@media(max-width:750px){body{font-size:16px}.site-header{padding-top:20px}.site-header nav{gap:16px;font-size:13px}.wordmark{font-size:13px;gap:8px}.monogram{width:38px;height:38px;font-size:21px}.intro{display:block;padding:35px 0 28px}.intro h1{font-size:43px;letter-spacing:-1.7px}.intro p{margin-top:25px;max-width:540px}.showcase{display:flex;flex-direction:column}.stage{height:auto;aspect-ratio:1.2}.project-picker{padding:12px;display:block}.picker-heading,.picker-footer{display:none}#project-selectors{display:flex;gap:4px}.project-select{padding:12px 10px;margin:0;min-width:0}.project-select strong{font-size:15px}.project-select small{font-size:10px}.hero-caption{padding:23px;gap:18px;display:block}.hero-caption>p{margin-top:14px}.hero-caption .text-button{margin-top:12px}.play-over{bottom:18px;left:18px;font-size:12px;padding:10px 17px}.stage-note{top:15px;left:18px}.work-section{padding:65px 0 20px}.section-head{gap:20px;margin-bottom:15px}.section-head h2{font-size:36px}.work-item,.work-item:nth-child(even){display:flex;flex-direction:column;align-items:stretch;gap:22px;padding-bottom:35px}.work-copy h3{font-size:33px;margin:5px 0 14px}.work-image img{aspect-ratio:1.55}.tags{margin:16px 0}.approach{grid-template-columns:1fr;gap:35px;padding:45px 0}.approach h2{font-size:34px}.contact{display:block;padding:30px 25px;margin-bottom:35px}.contact>div+div{margin-top:32px}.contact h2{font-size:37px}.contact-link{font-size:21px}footer{flex-wrap:wrap;font-size:11px}footer>span:nth-child(2){display:none}.dialog-head h2{font-size:23px}dialog{padding:18px}.filters button{padding:7px 12px}}@media(max-width:360px){.intro h1{font-size:36px}.site-header nav{gap:10px}.project-select strong{font-size:13px}.project-select small{font-size:9px}.contact h2{font-size:31px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}

.preview-notice{background:#183041;color:white;text-align:center;font-size:12px;padding:8px 16px}

[hidden]{display:none!important}.stage img{object-position:center 40%}