/* Motion direction: unfolding photographs, masked type, and editorial wipes. */
:root{--motion-ease:cubic-bezier(.16,1,.3,1)}
.motion-ready .editorial-hero .hero-copy,.motion-ready .editorial-hero .journey-strip{animation:none}
.motion-line{display:block;overflow:hidden;padding:.08em .02em;margin:-.08em -.02em;perspective:600px}
.motion-line-inner{display:block;transform-origin:50% 100%;will-change:transform}
.hero-gallery-shell{min-width:0;position:relative}
.gallery-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:27px;font-size:12px}
.gallery-views{display:flex;gap:18px;align-items:center}.gallery-views button{position:relative;background:none;border:0;padding:8px 0;color:#82738c;font-size:14px}
.gallery-views button:after{content:'';position:absolute;bottom:2px;left:0;width:100%;height:1px;background:var(--purple);transform:scaleX(0);transform-origin:left;transition:transform .6s var(--motion-ease)}
.gallery-views button[aria-pressed=true]{color:var(--purple)}.gallery-views button[aria-pressed=true]:after{transform:scaleX(1)}
.gallery-index{color:var(--muted);font-size:12px;letter-spacing:1px}
.gallery-pages{display:flex;gap:14px}.gallery-pages[hidden]{display:none}.gallery-pages button{background:transparent;border:0;padding:8px 3px;color:var(--muted);font-size:12px;min-width:30px}.gallery-pages button[aria-pressed=true]{color:var(--purple);box-shadow:inset 0 -1px var(--purple)}
.motion-ready .hero-gallery{perspective:1000px;height:410px;gap:12px}
.motion-ready .journey-strip{transition:flex 1.1s var(--motion-ease),height 1.1s var(--motion-ease),transform 1.1s var(--motion-ease);will-change:flex;transform-origin:center bottom}
.motion-ready .journey-strip img{scale:1.06;translate:0 var(--photo-drift,0px);transition:scale 1.3s var(--motion-ease),filter .6s;will-change:translate}
.motion-ready .journey-strip:hover img{scale:1.13}.motion-ready .journey-strip .strip-label{transition:opacity .5s,translate .8s var(--motion-ease)}
.hero-gallery.panorama .journey-strip{height:100%;flex:.16;transform:none}.hero-gallery.panorama .journey-strip.is-selected{flex:1.7}.hero-gallery.panorama .journey-strip:not(.is-selected) .strip-label{opacity:0;translate:0 18px}.hero-gallery.panorama .journey-strip.is-selected img{filter:saturate(1)}
.hero-gallery.panorama .journey-strip.is-selected .strip-label strong{font-size:25px;font-weight:500;letter-spacing:-.5px}.hero-gallery.panorama .journey-strip.is-selected .strip-label{left:22px;bottom:24px}
.motion-ready .editorial-button{position:relative;isolation:isolate;overflow:hidden;transition:color .35s,transform .55s var(--motion-ease);background:transparent;color:var(--purple)}
.motion-ready .editorial-button:before{content:'';position:absolute;inset:-1px;z-index:-1;background:var(--purple);border-radius:50%;transform:translateY(105%);transition:transform .7s var(--motion-ease),border-radius .7s var(--motion-ease)}
.motion-ready .editorial-button.primary:before{transform:none;border-radius:0}.motion-ready .editorial-button.primary{color:white}.motion-ready .editorial-button:hover{color:white;transform:translateY(-2px)}.motion-ready .editorial-button:hover:before{transform:none;border-radius:0}.motion-ready .editorial-button.primary:hover:before{background:var(--pink)}
.motion-hint{position:fixed;top:0;left:0;z-index:55;width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:#faf9fce8;color:var(--purple);backdrop-filter:blur(10px);pointer-events:none;opacity:0;scale:.5;transition:opacity .25s,scale .45s var(--motion-ease);font-size:12px;letter-spacing:.2px;box-shadow:0 3px 25px #1d052220}
.motion-hint.visible{opacity:1;scale:1}.motion-hint[hidden]{display:none}
.motion-ready .scroll-line{transform-origin:top;animation:scroll-draw 2.8s ease-in-out 1.6s 2}
@keyframes scroll-draw{0%,100%{transform:scaleY(1)}40%{transform:scaleY(.25)}70%{transform:scaleY(1)}}
@media(min-width:1600px){.motion-ready .hero-gallery{height:480px}}
@media(max-width:1000px){.motion-ready .hero-gallery{height:340px;gap:8px}.gallery-views{gap:14px}}
@media(max-width:760px){.motion-ready .hero-gallery{height:300px;gap:10px}.gallery-controls{margin-top:18px}.motion-hint{display:none}.motion-ready .journey-strip{will-change:auto}.motion-ready .journey-strip img{translate:none;will-change:auto}.hero-gallery.panorama .journey-strip{flex:.12}.hero-gallery.panorama .journey-strip.is-selected{flex:1.7}.gallery-index{display:none}}
html[data-motion=quiet]{scroll-behavior:auto}
html[data-motion=quiet] *,html[data-motion=quiet] *:before,html[data-motion=quiet] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
html[data-motion=quiet] .motion-hint{display:none}html[data-motion=quiet] .journey-strip img{translate:none!important}
@media(prefers-reduced-motion:reduce){.motion-hint{display:none}.motion-ready .journey-strip img{translate:none!important}.motion-ready .journey-strip{will-change:auto}.motion-line-inner{will-change:auto}}

.motion-ready .project-frame{transition:none}.motion-ready .project-preview{isolation:isolate}
.motion-ready .experience{border:0}.motion-ready .experience:after{content:'';position:absolute;top:0;left:0;width:100%;height:1px;background:#30134224;transform:scaleX(0);transform-origin:left;transition:transform 1.2s var(--motion-ease)}
.motion-ready .experience.motion-seen:after{transform:scaleX(1)}.motion-ready .experience:last-child{border-bottom:1px solid #30134224}
.motion-ready .experience-toggle .company-title{transition:translate .65s var(--motion-ease)}.motion-ready .experience-toggle:hover .company-title{translate:8px 0}
.dialog-cover{position:relative;height:200px;margin:0 40px;overflow:hidden;background:var(--purple)}
.dialog-cover img{width:100%;height:100%;object-fit:cover;object-position:center 45%;filter:saturate(.7);scale:1.03}
.dialog-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,#30134295)}
.dialog-cover figcaption{position:absolute;bottom:21px;left:25px;z-index:1;font-size:12px;letter-spacing:1.2px;color:white}
.motion-ready .dialog-header{border-bottom:0}.motion-ready #experience-dialog{animation-duration:.85s;animation-timing-function:var(--motion-ease)}
.motion-ready #experience-dialog.closing{animation-duration:.26s;animation-timing-function:ease}
.motion-ready .favorite-preview{overflow:hidden}.motion-ready .favorite-cover{transform-origin:50% 90%}
.motion-ready .favorite-choice .choice-title{transition:translate .6s var(--motion-ease)}.motion-ready .favorite-choice:hover .choice-title{translate:8px 0}
.motion-toggle{padding:8px 12px;border:1px solid #d9cbe3;border-radius:30px;background:transparent;color:var(--muted);font-size:12px;white-space:nowrap;cursor:pointer}.motion-toggle:hover{color:var(--purple);border-color:var(--purple)}
.motion-ready footer{flex-wrap:wrap}.motion-ready footer a:last-of-type{margin-left:auto}
@media(max-width:760px){.dialog-cover{height:150px;margin:0 23px}.dialog-cover figcaption{left:18px;bottom:17px;font-size:12px}.motion-ready .experience-toggle:hover .company-title{translate:none}.motion-ready footer a:last-of-type{width:auto;text-align:left;margin-left:0}.motion-ready footer .motion-toggle{margin-left:auto}.motion-line-inner{will-change:auto}}
html[data-motion=quiet] .motion-ready .experience:after{transform:scaleX(1)}
