.portfolio h1 .pm-l{clip-path:inset(-35% 0 -30%);white-space:pre;will-change:transform;display:inline-block}.portfolio h1 .pm-w{display:inline-block}.portfolio h1.pm-swapped{color:var(--pm-bright)}.index li{isolation:isolate}.index .pm-block{z-index:-1;left:var(--pm-left,0px);right:var(--pm-right,0px);top:var(--pm-top,-20px);bottom:var(--pm-bottom,-640px);background:var(--pm-hover);transform-origin:50% 100%;pointer-events:none;position:absolute;transform:scaleY(0)}.index .pm-label{transform-origin:0;display:inline-block}.pm-live .index .pm-block{transition:transform var(--pm-block,.5s) var(--pm-ease-panel)}.pm-live .index .pm-label{transition:letter-spacing var(--pm-expand,.45s) var(--pm-ease-text), color var(--pm-dim,.35s) ease, transform var(--pm-expand,.45s) var(--pm-ease-text)}.pm-live .index li{transition:opacity var(--pm-dim,.35s) ease}.pm-live .index.is-touched li:not(.is-lit){opacity:var(--pm-dim-to,.5)}.pm-live .index li.is-lit .pm-label{letter-spacing:var(--pm-track-to,.14em);color:var(--pm-bright);transform:scale(var(--pm-scale-to,1.06))}.pm-live.pm-blocks .index li.is-lit .pm-block{transform:scaleY(1)}.bands li.pm-moving img{will-change:transform;width:100%;height:100%}@media (prefers-reduced-motion:reduce){.pm-live .index .pm-block,.pm-live .index .pm-label,.pm-live .index li{transition:none}.pm-live.pm-blocks .index li.is-lit .pm-block{transform:scaleY(0)}.pm-live .index li.is-lit .pm-label{letter-spacing:inherit;transform:none}.portfolio h1 .pm-l{clip-path:none}}:root{--sage:#607171;--panel-sage:#616c5c;--panel-ink:#f0f4f3;--panel-quiet:#a2af9f;--ink:#c4cec1;--menu-ink:#c4cec1;--menu-bg:#607171f7;--menu-link:#c4cec1;--menu-link-hover:#fff}body{background:var(--sage)}.hero{height:clamp(calc(420 * var(--u)), calc(100vh - 290 * var(--u)), calc(1448 * var(--u)));background:var(--sage);position:relative;overflow:hidden}.hero-loop{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.hero:after{content:"";z-index:1;pointer-events:none;background:#6b7e7d94;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.hero-loop{display:none}.hero{background:url(/img/projects-hero-poster.jpg) 50%/cover no-repeat}}.portfolio{height:calc((1852 + var(--open,0)) * var(--u));transition:height .45s var(--ease-move);background:var(--sage);position:relative}.portfolio hr{left:calc(98.4 * var(--u));top:calc(514.5 * var(--u));width:calc(1723.2 * var(--u));background:var(--ink);border:0;height:1px;margin:0;position:absolute}.index{margin:0;padding:0;list-style:none}.index li{left:calc(var(--left) * var(--u));top:calc(517.8 * var(--u));font-family:var(--text-display);font-size:calc(30.72 * var(--u));line-height:calc(34.08 * var(--u));letter-spacing:calc(4.12 * var(--u));text-transform:uppercase;color:var(--ink);white-space:nowrap;position:absolute}.index button{cursor:pointer;font:inherit;letter-spacing:inherit;text-transform:inherit;text-align:left;color:inherit;transition:color .3s var(--ease);background:0 0;border:0;padding:0;display:inline-block;position:relative}.index button:after{content:"";left:50%;bottom:calc(-6 * var(--u));width:0;height:calc(1.4 * var(--u));transition:width .24s var(--ease-move);background:#fff;position:absolute;transform:translate(-50%)}.index button:hover,.index button:focus-visible,.index button[aria-expanded=true]{color:#fff}.index button:hover:after,.index button:focus-visible:after,.index button[aria-expanded=true]:after{width:100%}.portfolio h1{left:calc(103.2 * var(--u));top:calc(15.1 * var(--u));font-family:var(--display);font-weight:var(--display-weight);font-size:calc(50.45 * var(--u));letter-spacing:calc(-2.779 * var(--u));text-transform:uppercase;color:var(--ink);margin:0;line-height:1;position:absolute}.bands{margin:0;padding:0;list-style:none}.preview{left:0;right:0;top:calc(716 * var(--u));height:calc(1080 * var(--u));z-index:2;pointer-events:none;position:absolute}.panel{background:var(--ground,var(--panel-sage));opacity:0;visibility:hidden;transition:opacity .45s var(--ease-move), visibility 0s linear .45s;position:absolute;inset:0}.portfolio[data-active]{--open:1080}.portfolio[data-active] .panel[data-on]{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .45s var(--ease-move), visibility 0s}.panel-shot{width:50%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.panel-shot img{object-fit:cover;width:100%;height:100%;display:block}.panel-shot:after{content:"";background:#232c246b;position:absolute;inset:0}.panel>:not(.panel-shot){z-index:1;margin:0;position:absolute}.panel-rail{top:calc(63 * var(--u));font-family:var(--display);font-size:calc(15.6 * var(--u));letter-spacing:calc(2.4 * var(--u));text-transform:uppercase;color:var(--panel-quiet);line-height:1}.panel-rail.left{left:calc(89 * var(--u))}.panel-rail.right{right:calc(88 * var(--u));color:var(--panel-ink)}.panel-rail.right span{opacity:.55}.panel h2{left:0;right:0;top:calc(288 * var(--u));font-family:var(--display);font-weight:400;font-size:calc(41.5 * var(--u));line-height:calc(51 * var(--u));letter-spacing:calc(7.4 * var(--u));text-indent:calc(7.4 * var(--u));text-transform:uppercase;text-align:center;color:var(--panel-ink)}.panel-rule{left:50%;top:calc(442.9 * var(--u));width:calc(247.7 * var(--u));background:var(--panel-quiet);height:1px;transform:translate(-50%)}.panel-where{left:0;right:0;top:calc(492 * var(--u));font-family:var(--font-serif,var(--text));font-style:italic;font-size:calc(30.5 * var(--u));text-align:center;color:var(--panel-ink);line-height:1}.panel-body{left:50%;top:calc(601 * var(--u));width:calc(932 * var(--u));font-family:var(--font-serif,var(--text));font-size:calc(25 * var(--u));line-height:calc(33 * var(--u));text-align:center;color:var(--panel-ink);transform:translate(-50%)}.panel-tags{left:0;right:0;top:calc(808 * var(--u));justify-content:center;gap:calc(76 * var(--u));font-family:var(--display);font-size:calc(16.6 * var(--u));letter-spacing:calc(2.6 * var(--u));text-transform:uppercase;color:var(--panel-ink);padding:0;line-height:1;list-style:none;display:flex}.panel-foot{top:calc(1012 * var(--u));cursor:pointer;font-family:var(--display);font-size:calc(15.6 * var(--u));letter-spacing:calc(2.4 * var(--u));text-transform:uppercase;color:var(--panel-ink);transition:opacity .2s var(--ease-move);background:0 0;border:0;padding:0;line-height:1}.panel-foot.left{left:calc(89 * var(--u))}.panel-foot.right{right:calc(88 * var(--u))}.panel-foot.left:before{content:"←  "}.panel-foot.right:after{content:"  →"}.panel-foot:hover{opacity:.65}.panel:after{content:"";z-index:1;left:calc(89 * var(--u));right:calc(88 * var(--u));top:calc(975 * var(--u));background:#f0f4f347;height:1px;position:absolute}.bands li{left:0;right:0;top:calc((var(--top) + var(--open,0)) * var(--u));transition:top .45s var(--ease-move);height:calc(285 * var(--u));position:absolute;overflow:hidden}.bands li:last-child{height:calc(284 * var(--u))}.bands img{object-fit:cover;width:100%;height:100%;display:block}.strip{margin-top:calc(-1 * var(--u));height:calc(145 * var(--u));background:var(--ink);position:relative}.strip p{left:calc(89 * var(--u));max-width:none;font-family:var(--display);font-size:calc(24 * var(--u));letter-spacing:calc(6 * var(--u));text-transform:uppercase;color:var(--sage);margin:0;line-height:1;position:absolute;top:50%;transform:translateY(-50%)}.strip-mark{right:calc(88 * var(--u));width:calc(52 * var(--u));height:calc(52 * var(--u));color:var(--sage);display:block;position:absolute;top:50%;transform:translateY(-50%)}@media (width<=899px){.hero{height:calc(420 * var(--u))}.portfolio{height:auto;padding:calc(44 * var(--u)) 0 0}.portfolio hr{width:auto;margin:0 calc(24 * var(--u));position:static}.index{align-items:start;row-gap:calc(24 * var(--u));margin:calc(26 * var(--u)) calc(24 * var(--u)) 0;grid-template-columns:repeat(6,1fr);display:grid}.index li:first-child{grid-column:1/span 2}.index li:nth-child(2){grid-column:3/span 2}.index li:nth-child(3){grid-column:5/span 2}.index li:nth-child(4){grid-column:2/span 2}.index li:nth-child(5){grid-column:4/span 2}.index li{text-align:center;font-size:calc(13 * var(--u));line-height:calc(17 * var(--u));letter-spacing:calc(.5 * var(--u));position:static;top:auto;left:auto}.portfolio h1{margin:calc(44 * var(--u)) calc(24 * var(--u)) 0;font-size:calc(44 * var(--u));letter-spacing:calc(-.8 * var(--u));position:static}.bands{margin-top:calc(34 * var(--u));transition:opacity .45s var(--ease-move)}.portfolio[data-active] .bands{opacity:0}.bands li{height:calc(132.5 * var(--u));margin-bottom:calc(-.5 * var(--u));position:static}.bands li:last-child{height:calc(132 * var(--u));margin-bottom:0}.preview{height:auto;position:static}.portfolio[data-active] .preview{margin-top:calc(28 * var(--u))}.panel{padding-bottom:calc(36 * var(--u));display:none;position:static}.portfolio[data-active]{--open:1080}.portfolio[data-active] .panel[data-on]{display:block}.panel-shot{width:100%;height:calc(260 * var(--u));position:relative}.panel>:not(.panel-shot){text-align:center;position:static}.panel-rail{display:none}.panel h2{margin:calc(26 * var(--u)) calc(24 * var(--u)) 0;font-size:calc(21 * var(--u));line-height:calc(28 * var(--u));letter-spacing:calc(3.4 * var(--u));text-indent:calc(3.4 * var(--u))}.panel-rule{width:calc(96 * var(--u));margin:calc(16 * var(--u)) auto 0;display:block;transform:none}.panel-where{margin-top:calc(14 * var(--u));font-size:calc(16 * var(--u))}.panel-body{width:auto;margin:calc(16 * var(--u)) calc(28 * var(--u)) 0;font-size:calc(14 * var(--u));line-height:calc(21 * var(--u));transform:none}.panel-tags{margin:calc(18 * var(--u)) calc(24 * var(--u)) 0;gap:calc(10 * var(--u)) calc(20 * var(--u));font-size:calc(10 * var(--u));letter-spacing:calc(1.6 * var(--u));flex-wrap:wrap}.panel:after{display:none}.panel-foot{margin:calc(22 * var(--u)) calc(10 * var(--u)) 0;font-size:calc(10 * var(--u));display:inline-block}.strip{height:auto;padding:calc(22 * var(--u)) calc(24 * var(--u));justify-content:space-between;align-items:center;display:flex}.strip p,.strip-mark{position:static;transform:none}.strip p{font-size:calc(15 * var(--u));letter-spacing:calc(3.4 * var(--u))}.strip-mark{width:calc(30 * var(--u));height:calc(30 * var(--u))}}