/* A title sequence built from the three projects themselves. */
.portfolio-home .premiere-hero{position:relative;display:block;min-height:0;margin:0;padding:clamp(32px,4vw,60px) var(--portfolio-gutter) 32px;background:var(--portfolio-paper);border:0;border-radius:0;isolation:isolate;text-align:center;overflow:clip}
.portfolio-home .premiere-hero .hero-title-block{display:block;position:relative;z-index:5;pointer-events:none}
.portfolio-home .premiere-hero .eyebrow{margin:0 0 24px;font-size:10px;letter-spacing:.12em}
.portfolio-home .premiere-hero h1{font-family:var(--portfolio-display);font-size:clamp(72px,10.5vw,160px);font-weight:400;line-height:.9;letter-spacing:-.025em;max-width:none;margin:0;color:#292824}
.premiere-line{display:block}
.hero-worlds{position:relative;width:min(1120px,100%);height:clamp(460px,38vw,500px);margin:28px auto 0;perspective:1400px;isolation:isolate}
.hero-project{position:absolute;display:block;border-radius:14px;text-align:left;box-shadow:0 24px 55px -18px #29282445;transform-origin:center;outline-offset:8px!important;background:#fdfbf7;will-change:transform;transition:box-shadow .25s ease}
.hero-project:hover,.hero-project:focus-visible{box-shadow:0 30px 65px -16px #29282465}
.hero-project figure{position:relative;margin:0;overflow:hidden;border:1px solid #29282420;border-radius:inherit;background:#fdfbf7}
.hero-project img,.hero-project video{display:block;width:100%;height:100%;object-fit:cover}
.hero-project figcaption{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:#fdfbf7;color:#292824;font:500 10px/1.5 'DM Sans',sans-serif;letter-spacing:0}
.hero-project figcaption>span:last-child{font-size:9px;font-weight:400}
.hero-project-embodie{width:27%;left:4%;top:0;z-index:2;transform:translate3d(calc(var(--pointer-x,0) * -10px),calc(var(--hero-progress,0) * -30px + var(--pointer-y,0) * -8px),0) rotate(calc(-7deg + var(--hero-progress,0) * 6deg))}
.hero-project-embodie img{aspect-ratio:4/4.7;object-position:center 48%}
.hero-project-camp{width:40%;right:1%;top:18px;z-index:1;transform:translate3d(calc(var(--pointer-x,0) * 8px),calc(var(--hero-progress,0) * -56px + var(--pointer-y,0) * 6px),0) rotate(calc(6deg - var(--hero-progress,0) * 5deg))}
.hero-project-camp img{aspect-ratio:1.7;object-position:48% center}
.hero-project-rebel{width:54%;left:25%;top:95px;z-index:3;transform:translate3d(calc(var(--pointer-x,0) * 15px),calc(var(--hero-progress,0) * 22px + var(--pointer-y,0) * 10px),0) rotate(calc(-1.5deg + var(--hero-progress,0) * 1.5deg));background:#171723}
.hero-project-rebel figure{border-color:#252532}
.hero-project-rebel video{aspect-ratio:1.97;object-fit:cover;object-position:top}
.premiere-browser{display:flex;gap:5px;align-items:center;height:26px;padding:0 11px;background:#23232c;color:#e8e6e1}
.premiere-browser i{width:4px;height:4px;border-radius:50%;background:#aaa9ac}.premiere-browser span{margin:auto;font:400 8px/1 'DM Sans',sans-serif;letter-spacing:.03em;padding-right:19px}
.hero-project-rebel figcaption{background:#23232c;color:#f7f4ef}
.premiere-bottom{position:relative;z-index:5;display:flex;justify-content:space-between;align-items:center;gap:32px;width:min(1120px,100%);margin:8px auto 0;text-align:left}
.premiere-bottom .button{min-width:180px}
.premiere-credentials{display:flex;gap:clamp(24px,4vw,60px);align-items:baseline}
.premiere-credentials p{display:flex;align-items:baseline;gap:9px!important;margin:0!important}
.premiere-credentials strong{font:400 28px/1 var(--portfolio-display);color:#292824}
.premiere-credentials span{font-size:10px;color:#68665e;white-space:nowrap}
@media(prefers-reduced-motion:no-preference){
 .premiere-line{animation:premiere-title-in .95s cubic-bezier(.2,.75,.2,1) both}.premiere-line:nth-child(2){animation-delay:.1s}
 .hero-project{animation:premiere-art-in 1.2s cubic-bezier(.2,.75,.2,1) both}.hero-project-embodie{animation-delay:.25s}.hero-project-camp{animation-delay:.4s}.hero-project-rebel{animation-delay:.55s}
 .premiere-bottom{animation:premiere-title-in .9s .7s both}
 @keyframes premiere-title-in{from{opacity:0;translate:0 22px}to{opacity:1;translate:0 0}}
 @keyframes premiere-art-in{from{opacity:0;translate:0 46px;scale:.95}to{opacity:1;translate:0 0;scale:1}}
}
@media(min-width:1800px){.portfolio-home .premiere-hero{max-width:1800px;margin-inline:auto}}
@media(max-width:1000px){.portfolio-home .premiere-hero h1{font-size:clamp(72px,11vw,120px)}.hero-worlds{height:clamp(390px,50vw,460px)}.hero-project-embodie{width:30%;left:2%}.hero-project-camp{width:42%;right:2%;top:30px}.hero-project-rebel{width:58%;left:23%;top:105px}.premiere-credentials p{flex-direction:column;gap:7px!important}.premiere-credentials{gap:28px}}
@media(max-width:600px){.portfolio-home .premiere-hero{padding-top:36px;padding-bottom:24px}.portfolio-home .premiere-hero .eyebrow{font-size:9px;letter-spacing:.06em;margin-bottom:22px}.portfolio-home .premiere-hero h1{font-size:clamp(54px,13.2vw,79px);line-height:.94;letter-spacing:-.02em}.hero-worlds{height:310px;margin-top:30px}.hero-project{border-radius:10px;box-shadow:0 14px 30px -12px #29282450}.hero-project-embodie{width:39%;left:2%;top:2px}.hero-project-camp{width:51%;right:1%;top:34px}.hero-project-rebel{width:76%;left:15%;top:135px}.hero-project figcaption{padding:8px 9px;font-size:8px;gap:6px}.hero-project figcaption>span:last-child{display:none}.premiere-browser{height:19px;padding:0 8px;gap:3px}.premiere-browser i{width:3px;height:3px}.premiere-browser span{font-size:6px;padding-right:12px}.premiere-bottom{flex-direction:column;align-items:center;gap:26px;margin-top:16px}.premiere-bottom .button{font-size:12px;min-width:170px;padding:13px 20px}.premiere-credentials{justify-content:center;gap:32px}.premiere-credentials p{align-items:center}.premiere-credentials strong{font-size:25px}.premiere-credentials span{font-size:9px}}
@media(max-width:380px){.hero-worlds{height:285px}.hero-project-rebel{top:120px}.premiere-credentials{gap:22px}}
@media(prefers-reduced-motion:reduce){.premiere-hero *, .premiere-hero *::before,.premiere-hero *::after{animation:none!important;transition:none!important}.hero-project-embodie{transform:rotate(-4deg)}.hero-project-camp{transform:rotate(4deg)}.hero-project-rebel{transform:none}.hero-project{will-change:auto}}

/* Preview controls are siblings of the project links, never nested in them. */
.interactive-project{position:relative;min-width:0}
.portfolio-home .interactive-project:nth-child(2) .brand-image{order:2}
.project-preview-controls{position:absolute;z-index:2;top:20px;left:20px;display:flex;gap:4px;max-width:calc(54.5% - 40px);padding:5px;border:1px solid #29282422;border-radius:30px;background:#fdfbf7f2;box-shadow:0 3px 18px #00000012}
.project-preview-controls[hidden],.project-frame[hidden]{display:none!important}
.interactive-project:nth-child(2) .project-preview-controls{left:auto;right:20px}
.project-preview-controls button{appearance:none;border:0;border-radius:22px;background:transparent;color:#4e4b43;padding:10px 13px;min-height:40px;cursor:pointer;font:500 11px/1.2 'DM Sans',sans-serif;white-space:nowrap;transition:background .2s,color .2s}
.project-preview-controls button:hover{background:#e9e3d6;color:#292824}
.project-preview-controls button[aria-pressed="true"]{background:#292824;color:#fdfbf7}
.project-preview-controls button:focus-visible{outline:2px solid #292824;outline-offset:3px}
.portfolio-home .brand-image .project-frame:not(.project-frame-logo){padding:0;object-fit:cover}
.portfolio-home .brand-image .project-frame-digital{object-position:top}
.portfolio-home .brand-image .project-frame-print{object-position:center 48%}
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(prefers-reduced-motion:no-preference){.project-frame:not([hidden]){animation:preview-reveal .35s ease both}@keyframes preview-reveal{from{opacity:.4}to{opacity:1}}}
@media(max-width:760px){.portfolio-home .interactive-project:nth-child(2) .brand-image{order:0}.project-preview-controls,.interactive-project:nth-child(2) .project-preview-controls{top:14px;left:14px;right:auto;max-width:calc(100% - 28px)}.project-preview-controls button{padding:9px 11px}}