.portfolio [id]{scroll-margin-top:max(112px,9.16667vw)}.portfolio-hero{padding-top:max(128px,12.5vw);padding-bottom:max(48px,5vw)}.portfolio-hero-main{margin-top:max(40px,5vw);display:grid}.portfolio-count{border-bottom:1px solid color-mix(in oklab, var(--foreground) 16%, var(--background));letter-spacing:.02em;text-transform:uppercase;margin:0 0 max(28px,3.33333vw);padding-bottom:max(12px,1.11111vw);font-size:13px;font-weight:500}.portfolio-title{letter-spacing:-.05em;text-wrap:balance;margin:0;font-size:clamp(44px,7.63889vw,156px);font-weight:500;line-height:.98}.portfolio-hero-aside{margin-top:max(24px,2.22222vw)}.portfolio-lead{text-wrap:pretty;max-width:32em;margin:0;font-size:max(17px,1.38889vw);font-weight:300;line-height:1.4}.portfolio-actions{flex-wrap:wrap;align-items:center;gap:8px 28px;margin-top:max(28px,2.77778vw);display:flex}@media (min-width:64rem){.portfolio-hero-main{column-gap:var(--gutter);grid-template-columns:repeat(12,minmax(0,1fr));align-items:end}.portfolio-count{grid-column:1/-1}.portfolio-title{grid-column:1/span 8}.portfolio-hero-aside{grid-column:9/-1;margin-top:0;padding-bottom:.4em}}.portfolio-reel{--reel-w:max(200px, 300 / 1440 * 100vw);--reel-gap:max(12px, 16 / 1440 * 100vw);padding-bottom:max(80px,8.88889vw);overflow:hidden}.portfolio-reel-track{width:max-content;animation:portfolio-reel calc(var(--reel-n,8) * 7s) linear infinite;display:flex}.portfolio-reel-item{width:var(--reel-w);margin-right:var(--reel-gap);flex:none}@keyframes portfolio-reel{to{transform:translate(-50%)}}@media (hover:hover) and (pointer:fine){.portfolio-reel:hover .portfolio-reel-track{animation-play-state:paused}}@media (prefers-reduced-motion:reduce){.portfolio-reel{scrollbar-width:none;overflow-x:auto}.portfolio-reel-track{padding-inline:var(--gutter);animation:none}.portfolio-reel-item:nth-child(n+11){display:none}}.portfolio-chapter{--work-soft:color-mix(in srgb, var(--background) 72%, var(--foreground));--work-gap:max(12px, 16 / 1440 * 100vw);--portfolio-rule:color-mix(in srgb, var(--background) 14%, transparent);--portfolio-well:color-mix(in srgb, var(--background) 7%, var(--foreground));background:var(--foreground);color:var(--background);flex-direction:column;gap:max(96px,11.1111vw);padding-block:max(64px,6.66667vw) max(96px,11.1111vw);display:flex}.portfolio-chapter :focus-visible{outline-color:var(--background)}.portfolio-chapter .btn-text{color:var(--background)}.portfolio-lineup ul{flex-wrap:wrap;justify-content:center;gap:max(20px,1.94444vw) max(8px,.833333vw);margin:0;padding:0;list-style:none;display:flex}.portfolio-lineup a{width:max(76px,6.66667vw);color:inherit;flex-direction:column;align-items:center;gap:10px;text-decoration:none;display:flex}.portfolio-lineup .work-mark{transition:transform var(--dur-ui) var(--ease-ui)}.portfolio-lineup-name{text-align:center;color:var(--work-soft);transition:color var(--dur-ui) var(--ease-ui);font-size:13px;line-height:1.3}.portfolio-lineup a:focus-visible .portfolio-lineup-name{color:var(--background)}@media (hover:hover) and (pointer:fine){.portfolio-lineup a:hover .work-mark{transform:translateY(-3px)}.portfolio-lineup a:hover .portfolio-lineup-name{color:var(--background)}}.portfolio-spots{flex-direction:column;gap:max(32px,3.33333vw);display:flex}.portfolio-spot+.portfolio-spot{margin-top:max(40px,5.55556vw)}.portfolio-spots>.section-title,.portfolio-all>.section-title,.portfolio-explore>.section-title{margin:0}.portfolio-spot{border-top:1px solid var(--portfolio-rule);flex-direction:column;gap:max(28px,2.77778vw);padding-top:max(24px,2.22222vw);display:flex}.portfolio-spot-head{gap:20px;display:grid}@media (min-width:64rem){.portfolio-spot-head{grid-template-columns:7fr 5fr;align-items:end;gap:max(32px,4.44444vw)}}.portfolio-spot-kicker{color:var(--work-soft);margin:0 0 max(10px,.972222vw);font-size:13px}.portfolio-spot-name{letter-spacing:-.045em;text-wrap:balance;margin:0;font-size:clamp(40px,5.55556vw,112px);font-weight:500;line-height:1}.portfolio-spot-line{text-wrap:pretty;max-width:30em;margin:0;font-size:max(17px,1.38889vw);font-weight:300;line-height:1.4}.portfolio-spot-facts{gap:32px;margin:20px 0 0;display:flex}.portfolio-spot-facts dt{color:var(--work-soft);font-size:13px}.portfolio-spot-facts dd{margin:2px 0 0;font-size:16px;font-weight:500}.portfolio-spot-links{flex-wrap:wrap;gap:8px 28px;margin-top:20px;display:flex}.portfolio-spot-media{gap:var(--work-gap);display:grid}.portfolio-spot-media figure{margin:0}.portfolio-spot-media[data-media=photos]{grid-template-columns:repeat(3,minmax(0,1fr))}.portfolio-spot-photo{aspect-ratio:3/4;background:var(--portfolio-well);border-radius:3px;position:relative;overflow:hidden}.portfolio-spot-photo img{object-fit:cover}.portfolio-stage{aspect-ratio:16/9}.portfolio-stage .work-desktop{border-radius:6px;width:58%}.portfolio-spot-media[data-media=pair]{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}.portfolio-spot:nth-of-type(2n) .portfolio-spot-media[data-media=pair]{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.portfolio-spot:nth-of-type(2n) .portfolio-pair-cover{order:2}.portfolio-pair-cover{aspect-ratio:3/4}.portfolio-pair-shot{background:var(--portfolio-well);border-radius:3px;position:relative;overflow:hidden}.portfolio-pair-shot img{object-fit:contain;padding:7%}.portfolio-spot-review{gap:16px;max-width:48em;margin:max(8px,1.11111vw) 0 0;display:grid}.portfolio-spot-review-label{color:var(--work-soft);margin:0;font-size:13px}.portfolio-spot-review blockquote{margin:0}.portfolio-spot-review blockquote p{letter-spacing:-.02em;text-wrap:pretty;margin:0;font-size:max(22px,1.94444vw);font-weight:300;line-height:1.25}.portfolio-spot-review figcaption{color:var(--work-soft);flex-wrap:wrap;gap:4px 10px;font-size:13px;display:flex}.portfolio-spot-review-name{color:var(--background);font-weight:500}.portfolio-all{flex-direction:column;gap:max(32px,3.33333vw);display:flex}.portfolio-grid{gap:max(40px, 56 / 1440 * 100vw) var(--work-gap);grid-template-columns:minmax(0,1fr);margin:0;padding:0;list-style:none;display:grid}@media (min-width:40rem){.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:64rem){.portfolio-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.portfolio-grid[data-wide] .work-media{aspect-ratio:3/2}.portfolio-explore{flex-direction:column;gap:max(32px,3.33333vw);padding-block:max(96px,10vw);display:flex}.portfolio-explore-list{grid-template-columns:minmax(0,1fr);gap:max(12px,1.11111vw);margin:0;padding:0;list-style:none;display:grid}@media (min-width:64rem){.portfolio-explore-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.portfolio-tile{background:var(--gray);height:100%;color:inherit;transition:scale var(--dur-spring) var(--ease-spring);border-radius:10px;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:max(20px,2.22222vw);padding:max(12px,1.11111vw);text-decoration:none;display:grid}.portfolio-tile:active{scale:var(--press-scale-lg);transition:scale var(--dur-press) var(--ease-ui)}.portfolio-tile-media{align-self:start}.portfolio-tile-text{flex-direction:column;align-items:flex-start;gap:10px;padding-block:max(4px,.555556vw);display:flex}.portfolio-tile-count{font-size:13px;font-weight:500}.portfolio-tile-name{letter-spacing:-.035em;text-wrap:balance;font-size:max(24px,2.77778vw);font-weight:500;line-height:1.05}.portfolio-tile-lead{text-wrap:pretty;font-size:16px;font-weight:300;line-height:1.45}.portfolio-tile-arrow{margin-top:auto}.portfolio-tile:focus-visible .btn-arrow-tip,.portfolio-tile:focus-visible .btn-arrow-line{transform:translateX(var(--arrow-shift))}.portfolio-explore-foot{justify-content:center;display:flex}@media (max-width:47.99rem){.portfolio-spot-media[data-media=photos]{margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter);scroll-padding-inline:var(--gutter);scroll-snap-type:x mandatory;scrollbar-width:none;grid-template-columns:none;grid-auto-columns:78%;grid-auto-flow:column;overflow-x:auto}.portfolio-spot-photo{scroll-snap-align:start}.portfolio-stage{aspect-ratio:4/3}.portfolio-stage .work-desktop{width:82%}.portfolio-spot-media[data-media=pair],.portfolio-spot:nth-of-type(2n) .portfolio-spot-media[data-media=pair]{grid-template-columns:minmax(0,1fr)}.portfolio-spot:nth-of-type(2n) .portfolio-pair-cover{order:0}.portfolio-pair-shot{aspect-ratio:3/2}.portfolio-tile{grid-template-columns:minmax(0,2fr) minmax(0,3fr)}}