.portfolio-home .premiere-hero{min-height:min(850px,calc(100svh - 84px));display:flex;flex-direction:column;justify-content:center;align-items:center;gap:52px;background:#292824;color:#f9f6ed;border-radius:0;padding:100px 40px 58px;position:relative;isolation:isolate}
.hero-reel,.reel-shade{position:absolute;inset:0;z-index:-2;overflow:hidden}.reel-frame{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;opacity:0;animation:world-reel 4.5s linear infinite}.frame-0{object-position:center 55%;animation-delay:-.15s}.frame-1{animation-delay:1.35s}.frame-2{animation-delay:2.85s;object-position:center top}.reel-shade{z-index:-1;background:linear-gradient(180deg,rgba(25,24,22,.64),rgba(25,24,22,.76) 48%,rgba(25,24,22,.86))}
.portfolio-home .premiere-hero .hero-title-block{z-index:1}.portfolio-home .premiere-hero .eyebrow{color:#f9f6edb8;letter-spacing:.18em;margin-bottom:32px}.portfolio-home .premiere-hero h1{color:#f9f6ed;font-size:clamp(70px,10.5vw,156px);text-shadow:0 3px 32px #0003}.portfolio-home .premiere-bottom{position:relative;z-index:1;flex-direction:column;gap:36px;margin:0}.portfolio-home .premiere-bottom .button{background:#f9f6ed;color:#292824;border-color:#f9f6ed}.portfolio-home .premiere-credentials{color:#f9f6edb3;gap:36px}.portfolio-home .premiere-credentials strong{font:400 11px/1.5 'DM Sans',sans-serif;letter-spacing:.14em;text-transform:uppercase}
.reel-control{position:absolute;bottom:24px;right:32px;z-index:3;background:#f9f6ed12;border:1px solid #f9f6ed55;color:#f9f6ed;border-radius:100px;padding:9px 15px;font:400 11px 'DM Sans',sans-serif;cursor:pointer}.reel-control:focus-visible{outline:2px solid #f9f6ed;outline-offset:4px}.reel-paused .reel-frame{animation-play-state:paused}
@keyframes world-reel{0%,29%{opacity:1}33%,95%{opacity:0}100%{opacity:1}}
@media(max-width:600px){.portfolio-home .premiere-hero{min-height:720px;min-height:calc(100svh - 112px);padding:84px 24px 80px;gap:40px}.portfolio-home .premiere-hero h1{font-size:clamp(57px,12.5vw,76px);line-height:.97}.portfolio-home .premiere-hero .eyebrow{font-size:8px;letter-spacing:.1em}.reel-control{right:20px;bottom:20px}.portfolio-home .premiere-credentials{gap:20px}}
@media(prefers-reduced-motion:reduce){.reel-frame{animation:none;opacity:0}.reel-frame:first-child{opacity:1}.reel-control{display:none}}

.reel-frame{filter:blur(2px);scale:1.015}.reel-shade{background:linear-gradient(180deg,rgba(25,24,22,.76),rgba(25,24,22,.82) 48%,rgba(25,24,22,.9))}.portfolio-home .premiere-credentials strong{color:#f9f6edb3}

.reel-frame{filter:blur(4px);scale:1.025}

.portfolio-home .rhind-brand{--preview-bg:#edf1d5;--preview-ink:#292824;--preview-meta:#62664e}

/* Large, distinct project containers. */
.portfolio-home #brand-design{width:auto;max-width:1680px;margin:0 auto;padding:36px clamp(20px,3vw,48px) 0}
.portfolio-home #brand-design .brand-grid{gap:clamp(28px,3vw,48px);margin:0;padding:0}
.portfolio-home #brand-design article{margin:0;border:0;border-radius:32px;overflow:hidden}
.portfolio-home #brand-design .brand-card{min-height:clamp(420px,36vw,620px);margin:0;border:0;border-radius:32px;overflow:hidden;box-shadow:none}
.portfolio-home #brand-design .brand-image{border-radius:0;min-height:100%}
.portfolio-home #brand-design .brand-caption{padding:clamp(36px,5vw,80px)}
.portfolio-home #brand-design .brand-visit{min-height:44px;display:inline-flex;align-items:center}
@media(max-width:760px){.portfolio-home #brand-design{padding:28px 16px 0}.portfolio-home #brand-design .brand-grid{gap:28px}.portfolio-home #brand-design article,.portfolio-home #brand-design .brand-card{border-radius:24px}.portfolio-home #brand-design .brand-card{min-height:0}.portfolio-home #brand-design .brand-image{min-height:0;aspect-ratio:1.3}.portfolio-home #brand-design .brand-caption{padding:32px 28px 36px}}

.portfolio-home .rhind-brand .brand-image img{object-position:left center}.portfolio-home .rhind-brand #preview-rhind-brand img:nth-child(2){object-fit:contain;background:#d7e49c;padding:6%}

.portfolio-home .premiere-hero .hero-title-block{transform-origin:center center;will-change:transform,opacity,filter}.portfolio-home .premiere-hero h1{animation:none}.portfolio-home .premiere-bottom{min-height:20px}@media(prefers-reduced-motion:reduce){.portfolio-home .premiere-hero .hero-title-block{transform:none!important;opacity:1!important;filter:none!important;will-change:auto}}

/* Let the approaching headline leave the media frame. */
.portfolio-home .premiere-hero{overflow:visible;z-index:2}
.portfolio-home .hero-reel,.portfolio-home .reel-shade{overflow:hidden;pointer-events:none}
.portfolio-home .premiere-hero .hero-title-block{position:relative;z-index:5;pointer-events:none}
.portfolio-home #brand-design{position:relative;z-index:1}
.portfolio-home{overflow-x:clip}

.portfolio-home .premiere-hero{overflow:clip}.portfolio-home .reel-frame{animation-duration:9s}.portfolio-home .frame-0{animation-delay:-.3s}.portfolio-home .frame-1{animation-delay:2.7s}.portfolio-home .frame-2{animation-delay:5.7s}