.odeon-section-intro{padding-block:clamp(30px,4vw,55px)}.odeon-section-intro h1{font-size:clamp(40px,6.5vw,90px);margin-block:18px 20px;overflow-wrap:anywhere}.odeon-section-intro .lede{max-width:65ch;font-size:clamp(17px,1.5vw,20px)}
.odeon-person-profile{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,100px);align-items:start;padding-block:clamp(40px,6vw,90px)}.odeon-person-copy,.odeon-person-photo{min-width:0}.odeon-person-copy>.eyebrow{margin-top:32px}.odeon-person-copy h1{font-size:clamp(42px,6vw,86px);margin-block:18px 28px;overflow-wrap:anywhere}.odeon-person-copy .profile-note p{margin-bottom:20px}.odeon-person-copy>.button{margin-top:28px}.odeon-person-photo{margin:0}.odeon-person-photo img{width:100%;height:auto;max-height:760px;object-fit:contain;object-position:top}.odeon-person-photo figcaption{font-size:13px;color:var(--muted);margin-top:12px}.odeon-person-placeholder,.odeon-directory-placeholder{display:grid;place-items:center;aspect-ratio:4/5;width:100%;background:var(--surface);border:1px solid var(--line);font-size:clamp(60px,12vw,160px);color:var(--accent)}
.odeon-directory-entry{display:flex;flex-direction:column;min-width:0}.odeon-directory-entry .directory-card{flex:1}.odeon-socials{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.odeon-socials a{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);padding:9px 12px;font-size:12px;min-height:42px}.odeon-socials a:hover{border-color:var(--accent);color:var(--accent)}.odeon-socials svg{width:19px;height:19px;flex-shrink:0}.odeon-release-label{margin-top:8px}.odeon-release-label>span{color:var(--ink);margin-right:5px}.odeon-price-list{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin-top:32px}
.odeon-work-entry{padding-block:clamp(32px,4vw,55px)}.odeon-work-choice{display:flex;flex-direction:column;gap:22px;min-height:350px;padding:clamp(26px,3vw,45px);border:1px solid var(--line);background:var(--surface)}.odeon-work-choice h2{display:flex;justify-content:space-between;gap:20px;font-size:clamp(32px,4vw,62px)}.odeon-work-choice h2>span{color:var(--accent)}.odeon-work-choice>p{color:var(--muted);max-width:38ch}.odeon-work-choice ul{list-style:none;padding:0;margin:8px 0 0;display:flex;flex-wrap:wrap;gap:10px;font-size:11px;letter-spacing:.07em}.odeon-work-choice li{border:1px solid var(--line);padding:7px 10px}.odeon-work-choice:hover{border-color:var(--accent)}.odeon-catalogue{min-width:0}.odeon-catalogue .filters{margin-bottom:18px}.odeon-catalogue .portfolio-caption{margin-bottom:28px}
@media(max-width:760px){.odeon-person-profile{grid-template-columns:minmax(0,1fr)}.odeon-person-photo img{max-height:none}.odeon-person-copy h1{font-size:clamp(38px,10vw,65px)}.odeon-work-entry .work-choices{grid-template-columns:minmax(0,1fr)}.odeon-work-choice{min-height:280px}.odeon-section-intro h1{font-size:clamp(38px,10vw,68px)}.odeon-socials{gap:8px}.odeon-socials a{padding:9px}.odeon-catalogue .filter{padding:10px 12px;font-size:12px}}
.odeon-person-no-photo{grid-template-columns:minmax(0,60rem)}.odeon-directory-no-photo .directory-card{justify-content:center;min-height:260px;padding:30px;border:1px solid var(--line);background:var(--surface)}
.brand .odeon-custom-logo{width:auto;max-width:180px;max-height:54px;object-fit:contain}.footer-links>li{list-style:none}
.site-header .brand:has(.odeon-custom-logo)::before,.site-footer .brand:has(.odeon-custom-logo)::before{display:none!important}
.odeon-site-credit{padding-block:0 28px;text-align:right;font-size:12px;color:var(--muted)}.odeon-site-credit a:hover{color:var(--accent)}
/* Small visual controls, with generous invisible touch targets. */
.hero .reel-controls,.editorial-hero .reel-controls,.studio-hero .reel-controls{width:auto;max-width:calc(100% - var(--gutter)*2);padding:0;gap:12px;justify-content:flex-start;background:transparent;border:0;box-shadow:none;font-size:10px;letter-spacing:.06em;color:#ffffffb3;text-shadow:0 1px 4px #0009}
.reel-controls>div{gap:0}.reel-controls button{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0;border:0;background:transparent;color:#ffffffe0;font-size:17px;line-height:1;transition:color .2s}
.reel-controls button:hover{color:#d4ff62}.reel-controls button:focus-visible{outline:1px solid #d4ff62;outline-offset:-6px;border-radius:50%}.reel-controls button:disabled{opacity:.45}
.reel-controls [data-reel-pause]{min-width:44px;font-size:0}.reel-controls [data-reel-pause]::before{content:'';display:block;box-sizing:border-box;width:10px;height:12px;border-inline:2px solid currentColor}
.reel-controls [data-reel-pause][aria-pressed="true"]::before{border:0;background:currentColor;clip-path:polygon(0 0,100% 50%,0 100%)}
.design-signal .client-strip img[src$="woolrich.svg"],.design-signal .client-strip img[src$="zenith.svg"],.design-studio .client-strip img[src$="woolrich.svg"],.design-studio .client-strip img[src$="zenith.svg"]{filter:brightness(0) invert(1)}
.design-signal .client-strip img[src$="paura.png"],.design-studio .client-strip img[src$="paura.png"]{filter:brightness(0) invert(1)}
/* Equal repeated groups make the loop seamless as WordPress logos change. */
.client-strip>div:has(.odeon-client-track){display:block;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;margin-top:24px;mask-image:linear-gradient(90deg,transparent,#000 18px,#000 calc(100% - 18px),transparent)}
.client-strip>div:has(.odeon-client-track)::-webkit-scrollbar{display:none}
.client-strip .odeon-client-track{display:flex;width:max-content;animation:odeon-logo-flow 34s linear infinite;animation-play-state:paused;will-change:transform}
.motion-enabled .client-strip .odeon-client-track{animation-play-state:running}
.motion-enabled .client-strip>div:has(.odeon-client-track){overflow-x:hidden}
.client-strip .odeon-logo-cycle{display:flex;align-items:center;justify-content:space-around;gap:36px;padding-right:36px;flex-shrink:0;min-width:min(82rem,calc(100vw - var(--gutter)*2))}
.client-strip .odeon-logo-cycle .client-logo{display:flex;align-items:center;justify-content:center;flex:0 0 112px;min-width:0;width:112px;height:60px;opacity:1}
.client-strip .odeon-logo-cycle .client-logo img[src]{width:112px;height:38px;max-width:112px;max-height:38px;object-fit:contain}
.client-strip .odeon-logo-cycle .client-logo img[src$="landr-light.png"]{height:58px;max-height:58px}
.client-strip .odeon-logo-cycle .client-logo img[src$="mixvibes.svg"]{height:36px;max-height:36px}
.client-strip .odeon-logo-cycle .client-logo img[src$="zenith.svg"]{width:100px}
.client-strip .odeon-logo-cycle .client-logo img[src$="uyn.svg"]{width:88px}
.client-strip .odeon-logo-cycle .client-logo img[src$="on.png"]{width:46px;height:48px;max-height:48px;object-fit:cover;object-position:left center}
.design-signal .client-strip img[src$="on.png"],.design-studio .client-strip img[src$="on.png"]{mix-blend-mode:screen}
@keyframes odeon-logo-flow{to{transform:translateX(-50%)}}
@media(hover:hover){.client-strip>div:hover .odeon-client-track{animation-play-state:paused}}
@media(max-width:600px){.client-strip .odeon-logo-cycle{gap:24px;padding-right:24px}.client-strip .odeon-logo-cycle .client-logo{flex-basis:100px;width:100px;height:58px}.client-strip .odeon-logo-cycle .client-logo img[src]{max-width:100px}.client-strip .odeon-client-track{animation-duration:30s}}
@media(prefers-reduced-motion:reduce){.client-strip .odeon-client-track{animation:none;will-change:auto}.client-strip>div:has(.odeon-client-track){overflow-x:auto}}