.hero{position:relative;width:100%;height:100vh;min-height:600px;display:flex;align-items:center;justify-content:center;background:#fff;overflow:hidden}.hero__portrait{position:relative;z-index:2;width:clamp(260px,28vw,480px);aspect-ratio:4 / 5;overflow:hidden;flex-shrink:0}.hero__bw-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;-webkit-backdrop-filter:grayscale(100%);backdrop-filter:grayscale(100%);pointer-events:none}.hero__portrait img{width:100%;height:100%;object-fit:cover;object-position:center top;filter:contrast(1.1);opacity:0;transform:scale(1.04);transition:opacity .8s ease,transform 1.6s cubic-bezier(.16,1,.3,1)}.hero__portrait img.is-loaded{opacity:1;transform:scale(1.015)}.hero__portrait:hover img{transform:scale(1)}.hero__name{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;mix-blend-mode:difference;pointer-events:none;-webkit-user-select:none;user-select:none}.hero__name-first,.hero__name-last{position:absolute;font-family:Times New Roman,serif;font-weight:600;font-size:clamp(3rem,12vw,13rem);line-height:.85;letter-spacing:.03em;text-transform:none;color:#fff;white-space:nowrap}.hero__name-first{font-style:italic;top:37%;left:27%;transform:translate(-50%) translateY(-70%)}.hero__name-last{font-style:italic;top:58%;left:20%;transform:translateY(70%)}.hero__tagline{position:absolute;bottom:6%;left:50%;transform:translate(-50%);font-family:"Exo 2",sans-serif;font-weight:300;font-style:normal;font-size:clamp(.75rem,1.2vw,1rem);letter-spacing:.25em;text-transform:none;color:#fff;white-space:nowrap}@media (max-width: 1024px){.hero__name-first{font-size:clamp(3rem,10vw,8rem);left:20%;transform:translate(-40%) translateY(-70%)}.hero__name-last{font-size:clamp(2.5rem,9vw,6rem);left:12%;transform:translateY(70%)}}@media (max-width: 768px){.hero{min-height:500px}.hero__portrait{width:clamp(180px,55vw,280px)}.hero__name-first{font-size:clamp(2.8rem,15vw,5rem);left:.75rem;top:38%;transform:translateY(-65%)}.hero__name-last{font-size:clamp(2rem,12vw,4rem);left:auto;right:.75rem;top:50%;transform:translateY(30%)}}@media (max-width: 374px){.hero__name-first{font-size:2.5rem}.hero__name-last{font-size:1.8rem}.hero__portrait{width:170px}}.formats{position:relative;z-index:1;height:100vh;overflow:hidden;background:var(--text)}.formats__track{display:flex;height:100%}.format-panel{width:100vw;height:100%;display:grid;grid-template-columns:1fr 1fr;flex-shrink:0}.format-panel__fill{background:var(--text);clip-path:inset(100% 0 0 0);transition:none;overflow:hidden;position:relative}.format-panel__fill img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(100%);transition:filter .5s ease}.format-panel:hover .format-panel__fill img,.format-panel.is-colored .format-panel__fill img{filter:grayscale(0%)}.format-panel__content{display:flex;flex-direction:column;justify-content:center;padding:clamp(2rem,6vw,8rem);background:var(--bg);transition:background .3s ease,color .3s ease}.format-panel__content:hover{background:var(--text);color:var(--bg)}.format-panel:nth-child(odd) .format-panel__fill{order:1}.format-panel:nth-child(odd) .format-panel__content{order:2}.format-panel:nth-child(2n) .format-panel__fill{order:2}.format-panel:nth-child(2n) .format-panel__content{order:1}.format-panel__name{font-family:var(--font-display);font-style:italic;font-weight:700;font-size:clamp(3rem,8vw,10rem);line-height:.9;letter-spacing:-.03em;opacity:0;transform:translateY(40px)}.format-panel__desc{font-family:var(--font-body);font-size:1rem;font-weight:300;line-height:1.5;max-width:320px;margin-top:1.5rem;opacity:0;transform:translateY(20px)}@media (prefers-reduced-motion: reduce){.format-panel__name,.format-panel__desc{opacity:1;transform:none}.format-panel__fill{clip-path:inset(0)}}@media (max-width: 768px){.formats{height:auto;overflow:visible}.formats__track{width:100%;flex-direction:column}.format-panel{width:100%;height:auto;min-height:0;grid-template-columns:1fr;grid-template-rows:50vw auto}.format-panel__fill{order:1!important}.format-panel__content{order:2!important}.format-panel__fill{clip-path:inset(0);min-height:50vw}.format-panel__content{padding:clamp(1.5rem,5vw,2.5rem)}.format-panel__name{font-size:clamp(2rem,10vw,3.5rem);opacity:1;transform:none}.format-panel__desc{font-size:.9rem;max-width:none;opacity:1;transform:none}}