:root{--bg:#111;--white:#f5f4f2;--pink:#ff0054;--line:#353535}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--white);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--pink);outline-offset:6px}::selection{background:var(--pink);color:white}.skip{position:fixed;left:20px;top:-100px;z-index:100;background:white;color:black;padding:15px}.skip:focus{top:20px}.progress{position:fixed;top:0;left:0;width:100%;height:3px;transform:scaleX(0);transform-origin:left;background:var(--pink);z-index:50}header{height:94px;padding:0 4%;display:flex;align-items:center;gap:38px;background:#111;position:relative;z-index:10;border-bottom:1px solid #ffffff15}.brand{font-size:48px;font-weight:800;letter-spacing:-5px;line-height:1}.brand span,.footer-brand span{color:var(--pink)}.header-caption{font-size:12px;letter-spacing:.1em}nav{display:flex;gap:38px;margin-left:auto;font-size:14px}nav a{padding:12px 0}nav a:hover{color:var(--pink)}sup{font-size:10px;color:#aaa;margin-left:3px}.nav-action{border:1px solid #555;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-size:22px;transition:.3s}.nav-action:hover{background:var(--pink);border-color:var(--pink);transform:rotate(45deg)}.hero{height:calc(100svh - 94px);min-height:640px;max-height:1050px;position:relative;padding:36px 4% 34px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.hero-photo,.hero-photo img,.shade{position:absolute;inset:0;width:100%;height:100%}.hero-photo img{object-fit:cover;object-position:center 52%;animation:hero-in 1.5s cubic-bezier(.2,.7,.2,1) both;transition:opacity .5s,transform 1.1s}.hero-photo img.switching{opacity:0;transform:scale(1.06)}.shade{background:linear-gradient(180deg,#0008 0%,#0002 45%,#000b 100%),linear-gradient(90deg,#0007,transparent 70%)}.hero-kicker,.hero-bottom,h1{z-index:1;position:relative}.hero-kicker{display:flex;justify-content:space-between;font-size:12px;letter-spacing:.12em;gap:20px}h1{font-weight:400;font-size:clamp(48px,7.8vw,120px);line-height:1.03;letter-spacing:-.065em;margin:80px 0 90px}h1>span{display:block;animation:rise 1.2s cubic-bezier(.2,.7,.2,1) both}h1>span+span{animation-delay:.15s}em{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.065em}h1 em{color:var(--white)}.hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px}.explore{display:flex;align-items:center;gap:14px;font-size:14px}.circle{border:1px solid #ffffff90;border-radius:50%;width:52px;height:52px;display:grid;place-items:center;font-size:24px;transition:.3s}.explore:hover .circle{background:var(--pink);border-color:var(--pink);transform:translateY(4px)}.hero-project{display:flex;flex-direction:column;gap:9px;margin-left:auto;margin-right:60px;font-size:16px}.hero-project small{font-size:12px;letter-spacing:.1em;color:#ddd}.slide-controls{display:flex;gap:16px;align-items:center;font-size:12px}.slide-controls button{background:transparent;border:1px solid #ffffff60;width:42px;height:42px;border-radius:50%;font-size:20px}.slide-controls button:hover{background:var(--pink);border-color:var(--pink)}.hero-index{position:absolute;right:4%;bottom:70px;font-size:310px;letter-spacing:-40px;opacity:.06;pointer-events:none;font-weight:bold}.section{padding:90px 5% 105px}.section-label{display:flex;justify-content:space-between;gap:20px;font-size:12px;letter-spacing:.1em;padding-bottom:28px;border-bottom:1px solid var(--line);color:#aaa}.intro-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:10%;padding:75px 0 65px}h2{font-size:clamp(46px,5.2vw,80px);font-weight:400;line-height:1.04;letter-spacing:-.06em;margin:0}h2 em{color:var(--pink)}.intro-copy{padding-top:12px}.pink-dot{display:block;width:26px;height:26px;border-radius:50%;background:var(--pink);margin-bottom:36px}.intro-copy p{font-size:24px;line-height:1.45;margin:0 0 26px;letter-spacing:-.02em}.intro-copy .secondary{font-size:16px;color:#a6a6a6;line-height:1.75}.text-link{display:flex;justify-content:space-between;border-bottom:1px solid #555;padding:16px 0;font-size:14px}.text-link:hover{color:var(--pink)}.definition-row{display:grid;grid-template-columns:1fr 1fr 1fr;border-top:1px solid var(--line);padding-top:25px;gap:50px}.definition-row p{display:flex;flex-direction:column;gap:13px}.definition-row b{font-family:Georgia,serif;font-style:italic;font-size:26px;font-weight:400}.definition-row span{font-size:14px;color:#999;line-height:1.5}.work{background:var(--white);color:#141414;padding-bottom:110px}.work .section-label{border-color:#ccc;color:#555}.work-heading{display:flex;align-items:end;justify-content:space-between;margin:64px 0 70px;gap:35px}.work-heading p{font-size:16px;line-height:1.7;margin:0 0 4px;color:#666}.project-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:38px;row-gap:70px}.project-card{display:block;border:0;background:none;text-align:left;padding:0;width:100%;color:#141414}.project-card:nth-child(3n+1){grid-column:1 / -1}.project-photo{position:relative;overflow:hidden;aspect-ratio:1.35;background:#ddd}.project-card:nth-child(3n+1) .project-photo{aspect-ratio:2.05}.project-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1s cubic-bezier(.2,.7,.2,1),filter .7s}.project-card:hover img{transform:scale(1.045);filter:brightness(.85)}.view-project{position:absolute;bottom:24px;right:24px;border-radius:50%;width:74px;height:74px;background:var(--pink);color:white;display:grid;place-items:center;transform:translateY(115px) rotate(-45deg);transition:transform .45s;font-size:28px}.project-card:hover .view-project,.project-card:focus-visible .view-project{transform:translateY(0) rotate(0)}.project-info{display:flex;justify-content:space-between;gap:18px;padding:20px 0;border-bottom:1px solid #ccc}.project-info h3{font-size:25px;font-weight:400;letter-spacing:-.04em;margin:0 0 8px}.project-info p{font-size:13px;color:#666;margin:0}.project-number{font-family:Georgia,serif;font-size:20px;font-style:italic;color:#888}.statement{background:var(--pink);color:#111;padding:105px 5%;position:relative;overflow:hidden}.statement-inner{position:relative;z-index:1}.statement-inner>span{font-size:12px;letter-spacing:.12em}.statement p{font-size:clamp(45px,6.6vw,100px);line-height:1.03;letter-spacing:-.06em;margin:50px 0}.statement a{font-size:16px;display:flex;max-width:280px;justify-content:space-between;padding:20px 0;border-bottom:1px solid #111}.orbit{position:absolute;border:1px solid #1114;width:620px;height:620px;right:-280px;top:-50px;border-radius:50%}footer{padding:50px 5% 28px;overflow:hidden}.footer-brand{display:block;font-size:clamp(160px,31vw,450px);font-weight:bold;letter-spacing:-.1em;line-height:.93;width:fit-content;padding-right:20px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:55px;padding-top:25px;border-top:1px solid #333;font-size:12px;letter-spacing:.04em;color:#aaa}.footer-bottom a:hover{color:white}dialog{background:#111;color:#f5f4f2;border:0;padding:0;width:100%;max-width:100%;height:100%;max-height:100%;margin:0;overflow:auto}dialog[open]{animation:dialog-in .5s cubic-bezier(.2,.7,.2,1)}dialog::backdrop{background:#111e}.dialog-bar{display:flex;justify-content:space-between;align-items:center;padding:22px 5%;position:sticky;top:0;background:#111f;z-index:2;border-bottom:1px solid #333}.dialog-bar button{border:1px solid #555;border-radius:28px;background:none;padding:12px 22px;font-size:14px}.dialog-bar button span{font-size:22px;margin-left:25px}.detail-heading{padding:70px 8%;max-width:1100px}.detail-heading>p:first-child{font-size:13px;color:var(--pink);letter-spacing:.08em;margin:0 0 30px}.detail-heading h2{font-size:clamp(44px,7vw,100px)}#detail-description{max-width:720px;font-size:18px;line-height:1.75;color:#aaa;margin-top:34px}#detail-images{display:grid;gap:24px;padding:0 5%}#detail-images img{width:100%;height:auto;display:block}.next-project{background:none;border:0;border-bottom:1px solid #555;display:flex;align-items:center;justify-content:space-between;width:90%;text-align:left;padding:50px 0;margin:20px 5% 60px;font-size:clamp(25px,4vw,60px);letter-spacing:-.04em}.next-project:hover{color:var(--pink)}.reveal{opacity:1;transform:none}.motion .reveal{opacity:0;transform:translateY(40px);transition:opacity .9s,transform 1s cubic-bezier(.2,.7,.2,1)}.motion .reveal.visible{opacity:1;transform:none}@keyframes rise{from{opacity:0;transform:translateY(45px)}to{opacity:1;transform:translateY(0)}}@keyframes hero-in{from{transform:scale(1.08);filter:brightness(.5)}to{transform:scale(1);filter:brightness(1)}}@keyframes dialog-in{from{clip-path:inset(100% 0 0 0)}to{clip-path:inset(0)}}@media(min-width:1500px){.section{padding-left:max(5%,calc((100vw - 1500px)/2));padding-right:max(5%,calc((100vw - 1500px)/2))}}@media(max-width:760px){header{height:78px;padding:0 6%;gap:20px}.brand{font-size:42px}.header-caption,.nav-action{display:none}nav{gap:22px;font-size:13px}.hero{height:calc(90svh - 78px);min-height:560px;padding:26px 6%}.hero-kicker{font-size:10px;line-height:1.5;max-width:230px}.hero-kicker>span+span{display:none}h1{font-size:clamp(42px,9vw,68px);letter-spacing:-.055em;margin:70px 0 110px}h1 em{letter-spacing:-.06em}.hero-bottom{flex-wrap:wrap;gap:22px}.hero-project{order:-1;width:100%;margin:0}.slide-controls{margin-left:auto;gap:10px}.slide-controls button{width:36px;height:36px}.explore{font-size:12px;gap:8px}.circle{width:38px;height:38px;font-size:19px}.section{padding:65px 6%}.section-label{font-size:10px;line-height:1.5}.section-label>span+span{text-align:right;max-width:140px}.intro-grid{grid-template-columns:1fr;gap:38px;padding:45px 0}.intro-copy p{font-size:22px}.pink-dot{width:18px;height:18px;margin-bottom:23px}.definition-row{gap:15px}.definition-row b{font-size:23px}.definition-row span{font-size:12px}.work-heading{margin:45px 0;align-items:start;flex-direction:column;gap:25px}.work-heading h2{font-size:49px}.work-heading p{font-size:14px}.project-grid{grid-template-columns:1fr;gap:38px}.project-card:nth-child(3n+1){grid-column:auto}.project-card:nth-child(3n+1) .project-photo,.project-photo{aspect-ratio:1.2}.project-info h3{font-size:24px}.project-info p{font-size:12px;line-height:1.5}.view-project{width:42px;height:42px;bottom:15px;right:15px;font-size:20px;transform:none}.statement{padding:70px 6%}.statement p{font-size:46px;margin:38px 0}.footer-bottom{flex-wrap:wrap;font-size:10px;line-height:1.5;margin-top:35px}.footer-bottom>span:nth-child(2){display:none}.detail-heading{padding:45px 6%}#detail-description{font-size:16px}#detail-images{padding:0;gap:12px}.dialog-bar{padding:18px 6%}.dialog-bar button{padding:9px 16px}.next-project{margin-bottom:30px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion .reveal{opacity:1;transform:none}}

/* Exact supplied artwork in an SVG viewport, preserving its pixels and proportions. */
.logo-art{display:block;position:relative;overflow:hidden;width:90px;aspect-ratio:1148 / 537;flex-shrink:0}
.logo-art img{display:block;width:100%;height:auto}
.brand{display:block;letter-spacing:normal;line-height:1;flex-shrink:0}
.footer-brand{padding:0;width:min(72vw,900px);margin:20px 0;line-height:1;letter-spacing:normal}
.footer-brand .logo-art{width:100%}
@media(max-width:760px){.brand .logo-art{width:76px}.footer-brand{width:78vw;margin:15px 0}}

/* Owner-managed logo sizes; preserve the uploaded artwork proportions. */
.logo-art{width:var(--logo-header,90px);aspect-ratio:var(--logo-ratio,1148 / 537)}
.brand .logo-art{max-height:54px}
.brand .logo-art img{height:100%;max-height:54px;object-fit:contain;object-position:left}
.footer-brand{width:min(var(--logo-footer,72vw),900px)}
@media(max-width:760px){.brand .logo-art{width:var(--logo-mobile,76px);max-height:44px}.brand .logo-art img{max-height:44px}.footer-brand{width:var(--logo-footer,78vw)}}

/* Consistent vector view icon for every project card. */
.view-project{width:60px;height:60px;background:rgba(17,17,17,.78);border:1px solid rgba(255,255,255,.6);color:#fff;backdrop-filter:blur(10px);transform:translateY(0);transition:background .3s,border-color .3s,transform .3s}
.view-project svg{display:block;width:25px;height:25px;transition:transform .3s}
.project-card:hover .view-project,.project-card:focus-visible .view-project{background:var(--pink);border-color:var(--pink);transform:translateY(-3px)}
.project-card:hover .view-project svg,.project-card:focus-visible .view-project svg{transform:scale(1.08)}
@media(max-width:760px){.view-project{width:46px;height:46px}.view-project svg{width:22px;height:22px}}

.footer-contact{display:grid;grid-template-columns:2fr 1fr 1fr;gap:36px;margin:36px 0 0;padding:28px 0 10px;border-top:1px solid #333}
.footer-contact a{display:grid;grid-template-columns:minmax(0,1fr) 22px;gap:12px 16px;align-items:center;padding:8px 0;min-width:0}
.footer-contact .contact-label{grid-column:1 / -1;color:#aaa;font-size:12px;letter-spacing:.1em}
.footer-contact .contact-value{font-size:clamp(14px,1.45vw,20px);line-height:1.5;overflow-wrap:anywhere}
.footer-contact svg{width:22px;height:22px;transition:transform .25s}
.footer-contact a:hover svg,.footer-contact a:focus-visible svg{transform:translate(2px,-2px)}
@media(max-width:760px){.footer-contact{grid-template-columns:1fr 1fr;gap:24px;margin-top:26px;padding-top:24px}.footer-contact a:first-child{grid-column:1 / -1}.footer-contact .contact-value{font-size:16px}}

.link-arrow{display:block;width:24px;height:24px;flex-shrink:0;transition:transform .25s}
.text-link,.statement a{align-items:center;gap:18px}
.text-link:hover .link-arrow,.text-link:focus-visible .link-arrow,.statement a:hover .link-arrow,.statement a:focus-visible .link-arrow{transform:translate(2px,-2px)}

/* Edge-to-edge project covers with inset editorial text. */
.work.section{padding-left:0;padding-right:0;--work-inset:5%}
.work>.section-label,.work>.work-heading{margin-left:var(--work-inset);margin-right:var(--work-inset)}
.work .project-grid{grid-template-columns:minmax(0,1fr);column-gap:0}
.work .project-card,.work .project-card:nth-child(3n+1){grid-column:1;min-width:0}
.work .project-photo,.work .project-card:nth-child(3n+1) .project-photo{width:100%;aspect-ratio:2.05}
.work .project-info{margin-left:var(--work-inset);margin-right:var(--work-inset)}
.work .project-card:focus-visible{outline-offset:-3px}
@media(min-width:1500px){.work.section{--work-inset:max(5%,calc((100% - 1500px)/2))}}
@media(max-width:760px){.work.section{--work-inset:6%}.work .project-photo,.work .project-card:nth-child(3n+1) .project-photo{aspect-ratio:1.2}}

/* Scroll choreography: image depth, staggered copy and moving brand geometry. */
@media(prefers-reduced-motion:no-preference){
 .motion .hero-photo{transform:translate3d(0,var(--drift,0px),0) scale(1.09)}
 .motion .hero h1{transform:translate3d(0,calc(var(--drift,0px) * -0.65),0)}
 .motion .project-photo>img{transform:translate3d(0,var(--photo-drift,0%),0) scale(1.10);transition:filter .6s;will-change:auto}
 .motion .project-card:hover .project-photo>img{transform:translate3d(0,var(--photo-drift,0%),0) scale(1.10)}
 .motion .project-card.reveal{transform:none;transition:opacity .7s}
 .motion .project-card .project-photo{clip-path:inset(8% 0 0 0);transition:clip-path 1.15s cubic-bezier(.16,1,.3,1)}
 .motion .project-card.visible .project-photo{clip-path:inset(0)}
 .motion .project-card .project-info{opacity:0;transform:translateY(20px);transition:opacity .65s .15s,transform .8s .15s}
 .motion .project-card.visible .project-info{opacity:1;transform:none}
 .motion .intro-grid h2 em,.motion .work-heading h2 em{display:inline-block;transform:translate3d(calc(var(--drift,0px) * -0.45),0,0)}
 .motion .intro-copy.reveal>p,.motion .intro-copy.reveal>.text-link,.motion .definition-row.reveal>p{opacity:0;transform:translateY(22px);transition:opacity .8s,transform .9s cubic-bezier(.16,1,.3,1)}
 .motion .intro-copy.visible>p,.motion .intro-copy.visible>.text-link,.motion .definition-row.visible>p{opacity:1;transform:none}
 .motion .intro-copy>p:nth-child(2),.motion .definition-row>p:nth-child(1){transition-delay:.1s}
 .motion .intro-copy>p:nth-child(3),.motion .definition-row>p:nth-child(2){transition-delay:.22s}
 .motion .intro-copy>.text-link,.motion .definition-row>p:nth-child(3){transition-delay:.34s}
 .motion .pink-dot{transform:translate3d(var(--drift,0px),0,0) scale(calc(1 + var(--travel,0) * .2))}
 .motion .statement-inner>p{transform:translate3d(0,calc(var(--drift,0px) * -1),0)}
 .motion .orbit{transform:translate3d(calc(var(--drift,0px) * -2),0,0) rotate(var(--orbit-turn,0deg));border-radius:48% 52% 44% 56%}
 .motion .orbit::after{content:'';position:absolute;width:22px;height:22px;border-radius:50%;background:#111;left:13%;top:13%}
 .motion .footer-brand{transform:translate3d(0,calc(var(--drift,0px) * -1),0) scale(var(--logo-scale,1));transform-origin:left center}
 .motion .section-label{position:relative;border-bottom-color:transparent}
 .motion .section-label::after{content:'';position:absolute;height:1px;bottom:0;left:0;right:0;background:currentColor;opacity:.35;transform:scaleX(0);transform-origin:left;transition:transform 1.2s cubic-bezier(.16,1,.3,1)}
 .motion .section-label.visible::after{transform:scaleX(1)}
}

/* Continuous camera push-in follows scroll position in both directions. */
@media(prefers-reduced-motion:no-preference){
 .motion .project-photo>img,.motion .project-card:hover .project-photo>img{transform:translate3d(var(--camera-pan,0%),var(--photo-drift,0%),0) scale(var(--camera-zoom,1.05));transform-origin:50% 50%;transition:filter .6s}
 .motion .hero-photo{transform:translate3d(0,var(--drift,0px),0) scale(var(--hero-zoom,1.06));transform-origin:center}
}

/* Editorial project scenes with restrained motion and clear reading order. */
.project-scene{min-width:0;grid-column:1 / -1}
.scene-meta,.scene-open{display:none}
@media(prefers-reduced-motion:no-preference){
 .motion .work .project-grid{display:block;background:#111}
 .motion .project-scene{height:150svh;position:relative;background:#111;color:#fff}
 .motion .work .project-scene .project-card{position:sticky;top:0;height:100svh;width:100%;display:block;overflow:hidden;background:#111;color:#fff;opacity:1;transform:none;transition:none;text-align:left}
 .motion .work .project-scene .project-photo{position:absolute;inset:0;height:100%;width:100%;aspect-ratio:auto;clip-path:inset(var(--scene-inset-y,11%) var(--scene-inset-x,8%));transition:none;background:#111}
 .motion .work .project-scene .project-photo>img,.motion .work .project-scene .project-card:hover .project-photo>img{height:100%;width:100%;object-fit:cover;transform:scale(var(--scene-zoom,1.08));filter:none;transition:none}
 .motion .project-scene .project-photo::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.24),transparent 25%,transparent 43%,rgba(0,0,0,.88) 100%)}
 .motion .project-scene .view-project,.motion .project-scene .project-number{display:none}
 .motion .project-scene .scene-meta{display:flex;position:absolute;top:4svh;left:5%;right:5%;justify-content:space-between;align-items:center;font-size:12px;letter-spacing:.12em;font-variant-numeric:tabular-nums;text-shadow:0 1px 8px #000}
 .motion .work .project-scene .project-info{position:absolute;left:0;right:0;bottom:16svh;margin:0 5%;padding:0;border:0;display:block;transform:translate3d(0,var(--scene-title-y,14px),0);opacity:var(--scene-title-opacity,.88);transition:none;pointer-events:none;text-shadow:0 2px 18px #0005}
 .motion .project-scene .project-info h3{font-size:clamp(36px,5.1vw,78px);line-height:1.08;letter-spacing:-.045em;max-width:1000px;margin:0 0 18px;text-wrap:balance}
 .motion .project-scene .project-info p{font-size:14px;color:#dedede;line-height:1.65;letter-spacing:.015em}
 .motion .project-scene .scene-open{position:absolute;display:flex;align-items:center;justify-content:space-between;gap:38px;left:5%;bottom:6svh;font-size:14px;line-height:1.5;padding:12px 0;border-top:1px solid #ffffff60;min-width:185px}
 .scene-open svg{width:22px;height:22px;transition:transform .25s}
 .project-card:hover .scene-open svg,.project-card:focus-visible .scene-open svg{transform:translate(3px,-3px)}
 .motion .project-scene .project-card::after{content:'';position:absolute;left:auto;right:5%;width:64px;bottom:8svh;height:2px;background:var(--pink);transform:scaleX(var(--scene-line,0));transform-origin:left;pointer-events:none}
 .motion .project-scene .project-card:focus-visible{outline:3px solid var(--pink);outline-offset:-5px}
 @media(max-width:760px){
  .motion .project-scene{height:145svh}
  .motion .project-scene .scene-meta{left:6%;right:6%;top:4svh;font-size:12px}
  .motion .work .project-scene .project-info{margin:0 6%;bottom:19svh}
  .motion .project-scene .project-info h3{font-size:clamp(30px,8.8vw,48px);max-width:520px;margin-bottom:14px;letter-spacing:-.035em}
  .motion .project-scene .project-info p{font-size:14px;max-width:85%}
  .motion .project-scene .scene-open{left:6%;bottom:7svh;font-size:14px;min-width:175px}
  .motion .project-scene .project-card::after{right:6%;bottom:10svh;width:44px}
 }
 @media(max-height:500px){
  .motion .project-scene .scene-meta{top:18px}
  .motion .work .project-scene .project-info{bottom:96px}
  .motion .project-scene .project-info h3{font-size:32px;margin-bottom:8px}
  .motion .project-scene .scene-open{bottom:16px}
 }
}


/* Full-width, continuous studio film. */
.studio-film{margin:0;width:100%;background:#080808}
.studio-film-stage{position:relative;width:100%;height:100svh;overflow:hidden;background:#080808}
.studio-film video{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%;background:#080808}
.studio-film-toggle{position:absolute;right:var(--work-inset,5%);bottom:24px;min-width:64px;min-height:44px;padding:10px 16px;border:1px solid #ffffff80;border-radius:999px;background:#08080899;color:#fff;font:inherit;font-size:.875rem;cursor:pointer}
.studio-film-toggle:hover{background:#080808d9}
.studio-film-toggle:focus-visible{outline:3px solid var(--pink);outline-offset:4px}