/* New functionality uses the existing Odeon design tokens. */
.desktop-nav{gap:clamp(12px,1.5vw,26px)}.desktop-nav>a{font-size:13px}.footer-links{flex-wrap:wrap;max-width:720px}
.service-panel{border-top:1px solid var(--line);padding:0}.service-panel:last-of-type{border-bottom:1px solid var(--line)}
.service-panel summary{display:grid;grid-template-columns:36px 1fr auto;gap:20px;align-items:center;padding:25px 0;cursor:pointer;list-style:none;font-size:clamp(22px,2.5vw,36px);line-height:1.2;letter-spacing:-.035em}
.service-panel summary::-webkit-details-marker{display:none}.service-panel summary small{font-size:13px;letter-spacing:0;color:var(--accent)}.service-panel[open] summary{color:var(--accent)}
.service-panel>div{padding:0 0 30px 56px;max-width:760px}.service-panel p{color:var(--muted);line-height:1.7}.service-panel ul{padding-left:20px;line-height:1.9;color:var(--muted);margin-block:20px}.service-panel .button{font-size:13px}
.service-directory{max-width:1200px}.service-directory>.portfolio-caption{margin-top:30px}
.studio-profile{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;padding-block:50px;border-top:1px solid var(--line)}.studio-profile h2{font-size:clamp(32px,4vw,52px);margin-block:18px 25px}.studio-profile p:not(.eyebrow){color:var(--muted);line-height:1.8;margin-bottom:26px}.studio-profile ul{padding-left:18px;line-height:2.2;color:var(--muted)}.studio-profile h3{font-size:24px}
.directory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.directory-card{border-top:1px solid var(--line);padding-top:25px;display:flex;flex-direction:column;align-items:start;gap:18px}.directory-card h2{font-size:30px}.directory-card p{font-size:14px;color:var(--muted)}.directory-card img{aspect-ratio:4/5;object-fit:cover;filter:grayscale(1)}.directory-card .text-link{margin-top:auto;font-size:13px}.artist-mark{display:grid;place-items:center;width:100%;aspect-ratio:4/3;font-size:clamp(60px,8vw,120px);letter-spacing:-.1em;background:var(--surface);color:var(--accent);border:1px solid var(--line)}
.profile-booking{border-top:1px solid var(--line);margin-top:65px;padding-top:35px;display:flex;flex-wrap:wrap;align-items:center;gap:25px}.profile-booking h2{font-size:32px;width:100%}.profile-note{font-size:19px;line-height:1.8;color:var(--muted)}
.person-profile{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:start}.person-profile>img{object-fit:cover;aspect-ratio:4/5;max-height:680px;filter:grayscale(1)}.person-profile h1{font-size:clamp(44px,6vw,85px);margin-block:20px 28px}.person-profile .eyebrow{margin-top:35px}.person-profile p:not(.eyebrow){font-size:18px;color:var(--muted);line-height:1.8;margin-bottom:30px}.person-profile h2{font-size:30px;margin-top:35px}.next-person{display:block;margin-top:40px}.person-profile ul{padding-left:18px;line-height:2}
.work-choices{display:grid;grid-template-columns:1fr 1fr;gap:32px}.work-choice{position:relative;min-height:420px;overflow:hidden;background:var(--surface);color:#f0f0e8}.work-choice img{height:100%;position:absolute;object-fit:cover;opacity:.5}.work-choice:after{content:'';position:absolute;inset:30% 0 0;background:linear-gradient(transparent,#080b09)}.work-choice>div{position:absolute;left:30px;right:30px;bottom:35px;z-index:1}.work-choice h2{font-size:44px;margin-block:20px}.work-subnav{display:flex;gap:28px;padding-block:20px;font-size:13px;border-bottom:1px solid var(--line)}.work-subnav [aria-current=page]{color:var(--accent)}
.client-strip{padding-block:30px;border-bottom:1px solid var(--line)}.client-strip>div{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px 35px;margin-top:20px;font-size:clamp(17px,2vw,25px);color:var(--muted)}.request-context{padding:18px;border:1px solid var(--line);margin-bottom:25px;color:var(--accent)}
/* The image reel is a background, with content and controls above its overlay. */
.hero,.editorial-hero,.studio-hero{position:relative;isolation:isolate;padding-bottom:135px;overflow:hidden}
.hero>.hero-art.reel-art,.editorial-hero>.editorial-photo,.studio-hero>.home-reel{position:absolute;inset:0;z-index:0;width:100%;max-width:none;height:100%;padding:0;margin:0;border:0;pointer-events:none}
.hero .home-reel,.editorial-hero .home-reel{width:100%;height:100%;background:#101110}
.hero .reel-stage,.editorial-hero .reel-stage,.studio-hero>.home-reel .reel-stage{position:absolute;inset:0;width:100%;height:100%}
.hero .reel-art img,.editorial-hero .reel-slide img,.studio-hero .reel-slide img{opacity:1;filter:none;object-fit:cover;object-position:center 45%;width:100%;height:100%}
.hero .reel-slide:before{display:none}.hero .reel-art:after{display:none}
.hero .reel-slide:after,.editorial-hero .reel-slide:after,.studio-hero .reel-slide:after{inset:0;background:linear-gradient(90deg,#080c0bea 0%,#080c0ba6 50%,#080c0b70),linear-gradient(0deg,#101110 0%,transparent 45%)}
.hero>.hero-top,.hero>h1,.hero>.hero-bottom,.hero>.sonic-ribbon,.editorial-heading,.editorial-footnote,.editorial-hero>.sonic-ribbon,.studio-kicker,.studio-headline,.studio-records,.studio-bottom,.studio-hero>.sonic-ribbon{position:relative;z-index:2}
.hero .hero-index{display:none}.hero .hero-copy{color:#d4d8d0}.hero>.sonic-ribbon{margin-top:24px}
.hero .reel-controls,.editorial-hero .reel-controls,.studio-hero .reel-controls{position:absolute;right:var(--gutter);bottom:28px;width:250px;padding:10px 14px;background:#10111088;border:1px solid #ffffff30;z-index:4;pointer-events:auto}
.hero .reel-caption,.editorial-hero .reel-caption,.studio-hero .reel-caption{left:auto;right:var(--gutter);bottom:108px;text-align:right;z-index:1;color:#f0f0e8;max-width:310px;pointer-events:auto}
.hero .reel-caption strong,.editorial-hero .reel-caption strong,.studio-hero .reel-caption strong{gap:30px;font-size:22px}
.editorial-hero{grid-template-columns:1fr;--ink:#f0f0e8;--muted:#d1d4cc;--accent:#ffd0b8;--line:#ffffff40;--bg:#101110;min-height:710px}.editorial-hero .editorial-heading{max-width:850px}.editorial-hero .editorial-heading>p{color:var(--muted)}.editorial-hero .editorial-heading h1{font-size:clamp(65px,8vw,120px)}.editorial-footnote{margin-top:0}.editorial-hero .reel-caption{bottom:105px}
.studio-hero .reel-slide:after{background:linear-gradient(90deg,#102297eb,#1022979c),linear-gradient(0deg,#1935d4,transparent)}.studio-hero .studio-records{margin-bottom:15px}
@media(min-width:721px) and (max-width:1100px){.site-header{flex-wrap:wrap;gap:12px;padding-block:20px}.desktop-nav{width:100%;justify-content:space-between}.site-header .menu-toggle{display:none}.studio-profile,.person-profile{gap:35px}}
@media(max-width:720px){.hero,.editorial-hero,.studio-hero{padding-bottom:170px;min-height:710px}.hero .reel-caption,.editorial-hero .reel-caption,.studio-hero .reel-caption{left:var(--gutter);right:auto;bottom:110px;text-align:left}.hero .reel-controls,.editorial-hero .reel-controls,.studio-hero .reel-controls{left:var(--gutter);right:auto;bottom:28px;width:250px}.hero .hero-bottom{margin-top:30px}.hero .reel-slide:after,.editorial-hero .reel-slide:after{background:linear-gradient(90deg,#080c0bdf,#080c0b90),linear-gradient(0deg,#101110,transparent)}.editorial-hero{gap:24px}.editorial-hero .editorial-heading h1{font-size:15vw}.editorial-footnote{grid-template-columns:1fr 1fr}.directory-grid,.work-choices{grid-template-columns:1fr}.studio-profile,.person-profile{grid-template-columns:1fr;gap:30px}.service-panel summary{grid-template-columns:25px 1fr;gap:14px;font-size:25px}.service-panel summary small{grid-column:2}.service-panel>div{padding-left:39px}.work-choice{min-height:330px}.footer-links{gap:15px 22px}.desktop-nav>a{font-size:17px}.work-subnav{gap:20px;font-size:12px}.person-profile>img{max-height:470px}.profile-booking .text-link{overflow-wrap:anywhere}}