.phsieben-front-portfolio{display:grid;gap:1.25rem;align-items:stretch}@media screen and (min-width:57em){.phsieben-front-portfolio{grid-template-columns:minmax(0,1fr) minmax(9rem,14rem);gap:1.5rem}}.phsieben-portfolio-panels{min-height:12rem;min-width:0}.phsieben-portfolio-panel{box-sizing:border-box;padding:clamp(1.25rem,4vw,2.5rem);min-height:100%}.phsieben-portfolio-panel[hidden]{display:none !important}.phsieben-portfolio-panel__content h1,.phsieben-portfolio-panel__content h2,.phsieben-portfolio-panel__content h3,.phsieben-portfolio-panel__content h4{margin:0 0 .75em;text-transform:uppercase;letter-spacing:.02em;line-height:1.2;color:inherit}.phsieben-portfolio-panel__content p{margin:0 0 1em;line-height:1.55;color:inherit}.phsieben-portfolio-panel__content a{color:inherit}.phsieben-portfolio-panel__content a:hover,.phsieben-portfolio-panel__content a:focus-visible{color:#fff}.phsieben-portfolio-panel__content .phsieben-portfolio-more{margin:1.25em 0 .75em}.phsieben-portfolio-panel__content .phsieben-portfolio-more a:after,.phsieben-portfolio-panel__content .phsieben-portfolio-links a:after{content:"\2192";display:inline-block;margin-left:.35em;transition:margin-left .35s ease}.phsieben-portfolio-panel__content .phsieben-portfolio-more a:hover:after,.phsieben-portfolio-panel__content .phsieben-portfolio-links a:hover:after{margin-left:.75em}.phsieben-portfolio-panel__content .phsieben-portfolio-links,.phsieben-portfolio-panel__content ul.phsieben-portfolio-links{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem 1.25rem;list-style:none;margin:1rem 0 0;padding:0}.phsieben-portfolio-panel__content .phsieben-portfolio-links p{margin:0}.phsieben-portfolio-panel__content .phsieben-portfolio-links li{margin:0;padding:0;position:static}.phsieben-portfolio-panel__content .phsieben-portfolio-links li:before{content:none}.phsieben-portfolio-menu{position:relative}.phsieben-portfolio-nav-viewport{overflow:hidden;width:100%;position:relative;--phsieben-nav-gap:0px}.phsieben-portfolio-nav{display:flex;flex-direction:column;list-style:none;margin:0;padding:0;transition:transform .45s ease;will-change:transform}.phsieben-portfolio-nav__item{position:relative;width:100%;aspect-ratio:1;flex-shrink:0;overflow:hidden;opacity:1;max-height:14rem;transition:opacity .35s ease,max-height .45s ease,margin .45s ease,transform .45s ease}.phsieben-portfolio-nav__item+.phsieben-portfolio-nav__item:not(.is-current){margin-top:var(--phsieben-nav-gap,11%)}.phsieben-portfolio-nav__item a{color:inherit;text-decoration:none;text-transform:uppercase;display:flex;align-items:center;justify-content:center;text-align:center;padding:10%;position:absolute;inset:0;font-size:clamp(.7rem,1.2vw,1.25rem);line-height:1.25;overflow-wrap:anywhere;hyphens:auto;word-break:break-word}.phsieben-portfolio-nav__item a:hover,.phsieben-portfolio-nav__item a:focus-visible{color:#fff;outline:2px solid rgba(255,255,255,.35);outline-offset:-4px}.phsieben-portfolio-nav__item.is-current{opacity:0;max-height:0 !important;margin:0 !important;pointer-events:none;transform:translateY(-40%) scale(.92)}.phsieben-portfolio-nav__item.is-leaving{opacity:0;max-height:0 !important;margin:0 !important;transform:translateY(-55%) scale(.94);pointer-events:none;z-index:2}.phsieben-portfolio-nav__item.is-returning{animation:phsieben-nav-return .45s ease}@keyframes phsieben-nav-return{from{opacity:0;transform:translateY(70%) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}@media screen and (max-width:56.99em){.phsieben-front-portfolio{display:flex;flex-direction:column;gap:1rem}.phsieben-portfolio-menu{display:block;order:-1;width:100%}.phsieben-portfolio-nav-viewport{overflow:visible;width:100%}.phsieben-portfolio-nav{flex-direction:row;flex-wrap:nowrap;align-items:stretch;gap:.5rem;width:100%;min-width:0;transform:none !important;transition:none}.phsieben-portfolio-nav__item{flex:1 1 0;min-width:0;width:auto;height:auto;max-height:none;aspect-ratio:1}.phsieben-portfolio-nav__item+.phsieben-portfolio-nav__item:not(.is-current){margin-top:0}.phsieben-portfolio-nav__item a{font-size:clamp(.55rem,2.4vw,.8rem);padding:8%;line-height:1.15}.phsieben-portfolio-nav__item.is-current{opacity:1;max-height:none !important;margin:0 !important;transform:none;pointer-events:none;box-shadow:inset 0 0 0 2px rgba(255,255,255,.85)}.phsieben-portfolio-nav__item.is-leaving,.phsieben-portfolio-nav__item.is-returning{animation:none}}.phsieben-front-portfolio.is-editor{display:flex;flex-direction:column;gap:1rem;grid-template-columns:none;align-items:stretch;border:1px dashed #c06;padding:1rem}.phsieben-front-portfolio-editor-hint{margin:0 0 .5rem;font-size:12px;color:#646970;line-height:1.4}.phsieben-portfolio-panel.is-editor{display:flex;flex-direction:column;gap:.75rem;width:100%;max-width:100%;border:1px solid rgba(33,39,57,.15);margin-bottom:0;min-height:0}.phsieben-portfolio-panel__editor-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem}.phsieben-portfolio-panel__nav-preview{box-sizing:border-box;width:5.5rem;height:5.5rem;max-width:5.5rem;aspect-ratio:auto;flex:0 0 5.5rem;display:flex;align-items:center;justify-content:center;text-align:center;text-transform:uppercase;padding:.4rem;margin:0;font-size:.65rem;line-height:1.2;overflow:hidden;overflow-wrap:anywhere;hyphens:auto;word-break:break-word}.phsieben-portfolio-panel__editor-meta-text{flex:1 1 10rem;min-width:0;font-size:12px;line-height:1.35;color:inherit;opacity:.9}.phsieben-portfolio-panel__editor-meta-text strong{display:block;font-size:13px;margin-bottom:.15rem}.phsieben-portfolio-panel.is-editor .phsieben-portfolio-panel__content{min-width:0}@media (prefers-reduced-motion:reduce){.phsieben-portfolio-nav,.phsieben-portfolio-nav__item,.phsieben-portfolio-nav__item.is-leaving,.phsieben-portfolio-nav__item.is-returning{animation:none !important;transition:none !important}}