/* About 104 — the people, the camera and one connected post-production practice. */
body[data-page="about"]{--studio-black:#050505;--studio-white:#eeece7;--studio-muted:#aaa8a3;--studio-red:#d24639;background:var(--studio-black);color:var(--studio-white)}
body[data-page="about"] main{background:var(--studio-black)}
body[data-page="about"] .sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.studio-cover{position:relative;isolation:isolate;padding:clamp(96px,8vw,135px) 0 70px;background:var(--studio-black)}
.studio-cover .studio-stats{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4vw;max-width:none;margin:0 var(--pad);padding:0 0 38px}
.studio-cover .studio-stats>div{border:0;border-top:1px solid #ffffff30;padding-top:15px;gap:9px}
.studio-cover .studio-stats dd{font-size:clamp(30px,3.15vw,58px);line-height:1;letter-spacing:-.055em;color:var(--studio-white)}
.studio-cover .studio-stats dd span{color:#93908a}
.studio-cover .studio-stats dt{font-size:clamp(7px,.62vw,10px);line-height:1.5;letter-spacing:.13em;color:#a7a49d}
.studio-cover-photo{position:relative;overflow:hidden}
.studio-cover-photo img{display:block;width:100%;height:48vw;object-fit:cover;object-position:center bottom}
.studio-cover-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#050505 0%,transparent 9%,transparent 60%,#050505aa 89%,#050505 100%);pointer-events:none}
.studio-cover-name{position:absolute;z-index:1;left:var(--pad);right:var(--pad);bottom:clamp(25px,4vw,72px)}
.studio-cover-name>p{font-size:clamp(7px,.65vw,10px);letter-spacing:.18em;line-height:1.5;margin:0 0 22px;color:#d1cec8}
.studio-cover-name h1{font-family:inherit;font-size:clamp(46px,6.3vw,122px);font-weight:400;line-height:.98;letter-spacing:-.055em;color:#eeeae2;margin:0}
.studio-cover-name h1 span,.studio-cover-name h1 em{display:block;font-style:normal;white-space:nowrap}
.studio-cover-name h1 em{color:transparent;-webkit-text-stroke:1px #eeeae2}
.studio-section-label{display:flex;justify-content:space-between;gap:20px;font-size:9px;line-height:1.7;letter-spacing:.16em;color:#c0bdb7;margin:0 0 42px}
.studio-section-label a{display:inline-flex;align-items:center;gap:20px;min-height:32px}
.studio-section-label a span{font-size:18px}
.studio-stories-section{padding:20px var(--pad) clamp(90px,10vw,180px);scroll-margin-top:100px}
.studio-stories-section .about-story-opening{border:0;padding:0;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(45px,7vw,130px);align-items:center}
.studio-stories-section .about-opening-bottom-v12>.about-story-text{max-width:690px}
.studio-stories-section .about-opening-note-v12{display:flex;align-items:center;gap:25px;font-size:14px!important;letter-spacing:.18em!important;line-height:1.5!important;color:var(--studio-white)!important;margin:0 0 15px!important;font-weight:600}
.about-opening-note-v12>span{width:90px;height:1px;background:#ffffff60}
.studio-intro-line{font-size:clamp(16px,1.25vw,21px)!important;font-style:italic;line-height:1.55!important;letter-spacing:-.02em;margin:0 0 43px!important;color:#d1cec7!important}
.studio-bio{padding:0 0 28px;scroll-margin-top:105px}
.studio-bio+.studio-bio{border-top:1px solid #ffffff42;padding-top:28px;padding-bottom:0}
.studio-bio h3{font-size:clamp(24px,2.1vw,36px);line-height:1.2;letter-spacing:.035em;font-weight:450;margin:0 0 9px}
.studio-bio .studio-role{font-size:clamp(9px,.83vw,13px);letter-spacing:.22em;line-height:1.6;margin:0 0 17px;color:#ddd9d0}
.studio-bio p:not(.studio-role){font-size:clamp(15px,1.15vw,19px);line-height:1.6;letter-spacing:.005em;margin:0 0 16px;color:#c8c5bd}
.studio-bio p:last-child{margin-bottom:0}
.studio-stories-section .about-opening-bottom-v12>.about-stories{--story-width:min(100%,31vw,480px);max-width:620px;justify-self:end;align-self:start}
.studio-stories-section .as-scene{width:min(100%,31vw,480px);height:auto;aspect-ratio:9/16}
.studio-stories-section .as-cube{width:100%;height:100%}
.studio-stories-section .as-face{border:1px solid #ffffff35;box-shadow:none}
.studio-stories-section .as-face--front{border-radius:17px}
.studio-stories-section .as-face img,.studio-stories-section .as-face video{filter:none}
.studio-stories-section .as-story-chrome{padding:18px 20px}
.studio-stories-section .as-story-name{font-size:clamp(15px,1.25vw,21px);letter-spacing:.06em;margin-top:19px}
.studio-stories-section .as-story-name small{font-size:10px;letter-spacing:.19em;margin-top:8px}
.studio-stories-section .as-story-bottom{left:20px;right:20px;bottom:28px;font-size:10px;letter-spacing:.1em}
.studio-stories-section .as-topline{font-size:8px;color:#c6c2b9;letter-spacing:.1em;margin-bottom:18px}
.studio-stories-section .as-controls{margin-top:20px}
.studio-stories-section .as-counter{font-size:10px}
.studio-stories-section .as-hint{font-size:7px!important;text-align:center;letter-spacing:.15em!important;color:#85817b!important;margin:14px 0 0!important;line-height:1.6!important}
.studio-stories-section .as-profiles{margin-top:18px;padding-top:14px}
.studio-stories-section .as-profiles a{font-size:10px}
.studio-shared-story p{font-size:clamp(16px,1.25vw,21px)!important;line-height:1.6!important;color:#c8c5bd!important;margin:0 0 25px!important}
.studio-shared-story p:last-child{margin-bottom:0!important}
.studio-kicker{font-size:9px;letter-spacing:.16em;line-height:1.6;font-weight:500;color:#d0ccc4;margin:0 0 28px}
.studio-philosophy{display:grid;grid-template-columns:auto 1fr minmax(0,.9fr);align-items:center;gap:5vw;padding:65px var(--pad) 130px;background:var(--studio-black)}
.philosophy-mark{width:42px;opacity:.8}
.philosophy-mark img{width:100%;height:auto}
.studio-philosophy h2{font-weight:400;font-size:clamp(34px,4.1vw,76px);line-height:1.02;letter-spacing:-.055em;margin:0}
.studio-philosophy h2 em{font-style:normal;color:#77736d}
.studio-philosophy .studio-kicker{margin-bottom:22px}
.philosophy-copy p{font-size:clamp(15px,1.2vw,20px);line-height:1.65;color:#bdb8b0;margin:0 0 20px}
.philosophy-copy p:last-child{margin-bottom:0}
body[data-page="about"] .craft,body[data-page="about"] .press-section{background:var(--studio-black)}
.craft{--craft-line:#ffffff24;--craft-muted:#aaa8a3;--craft-ink:#eeece7}
.craft .craft-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}
.craft-panel{grid-template-columns:minmax(0,.72fr) minmax(0,1.55fr);gap:clamp(28px,4vw,80px)}
.craft-heading>p{color:#bdb8b0}
.craft-details small,.craft-footer,.craft-method,.craft-text-link{color:#a29d95}
.craft-monitor{border-color:#ffffff1a}
.craft-monitor-bar,.craft-monitor figcaption{background:#101010;color:#bcb8b0}
.resolve-workspace{background:#0b0b0b;border:1px solid #ffffff21;overflow:hidden;--resolve-progress:0}
.resolve-topbar{display:flex;align-items:center;gap:10px;padding:13px 14px;background:#191919;border-bottom:1px solid #ffffff17;font-size:8px;color:#afaca5;line-height:1.4}
.resolve-topbar strong{font-size:11px;font-weight:500;color:#dedad2;white-space:nowrap}
.resolve-topbar>span:nth-of-type(2){margin-left:auto;letter-spacing:.08em;text-align:right}
.resolve-topbar .resolve-mark{color:var(--studio-red);font-size:10px}
.resolve-save{font-size:6px;color:#849180;white-space:nowrap}
.resolve-edit-view{display:grid;grid-template-columns:minmax(110px,.27fr) minmax(0,1fr)}
.resolve-pool{background:#171717;border-right:1px solid #ffffff12;padding:10px;min-width:0}
.resolve-panel-label{font-size:7px;letter-spacing:.08em;color:#bdb9b1;margin-bottom:11px}
.resolve-panel-label span{display:block;font-size:6px;color:#858179;margin-top:5px}
.resolve-bin-clip{min-width:0;margin-bottom:9px}
.resolve-bin-clip img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;display:block;max-height:66px}
.resolve-bin-clip span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:6px/1.8 ui-monospace,monospace;color:#c3c0b7}
.resolve-workspace .craft-monitor{border:0}
.resolve-edit-view .craft-monitor{align-self:center}
.resolve-workspace .craft-monitor video{border-radius:0}
.resolve-transport{display:flex;justify-content:space-between;align-items:center;gap:9px;padding:6px 13px;border-top:1px solid #ffffff17;border-bottom:1px solid #ffffff17;background:#141414;font:7px/1.4 ui-monospace,monospace;color:#aaa69e}
.resolve-transport button{padding:8px 13px;min-height:38px;background:transparent;border:1px solid #ffffff24;color:#e3ded5;font-family:inherit;font-size:8px;line-height:1.4;letter-spacing:.07em;cursor:pointer}
.resolve-transport button:hover{border-color:#d24639}
.resolve-transport button span{margin-left:10px}
.resolve-workspace output{font:8px/1.2 ui-monospace,monospace;white-space:nowrap;color:#c6c1b8}
.resolve-timeline.craft-timeline,.resolve-timeline{padding:12px 10px 7px;position:relative;background:#202020;border:0;margin:0;overflow:hidden;--track-label:34px}
.resolve-ruler{display:flex;justify-content:space-between;gap:10px;padding:0 0 9px var(--track-label);font:6px/1.4 ui-monospace,monospace;color:#adaba5;background:repeating-linear-gradient(90deg,transparent 0 19px,#ffffff14 19px 20px) left bottom/100% 5px no-repeat;margin-bottom:5px}
.resolve-tracks{position:relative}
.resolve-track{display:grid;grid-template-columns:var(--track-label) minmax(0,1fr);gap:0;margin-bottom:3px;min-height:30px;--clip:#31526d;--clip-line:#6b99af}
.resolve-track-label{display:flex;align-items:center;padding-right:5px;font:7px/1.2 ui-monospace,monospace;color:#bbb8b0;overflow:hidden}
.resolve-lane{position:relative;min-width:0;background:#141414;border-bottom:1px solid #ffffff0a;overflow:hidden}
.resolve-clip{position:absolute;top:1px;bottom:1px;left:var(--start);width:var(--length);padding:3px 4px;background:var(--clip);border:1px solid var(--clip-line);border-radius:2px;white-space:nowrap;overflow:hidden;color:#eee9de;font:6px/1.6 ui-monospace,monospace;opacity:.92}
.track-green{--clip:#294c3c;--clip-line:#58876a}.track-purple{--clip:#50395e;--clip-line:#9067a3}.track-gold{--clip:#5e532b;--clip-line:#9c8c4d}.track-violet{--clip:#3b3b72;--clip-line:#7474ac}.track-red{--clip:#6b303c;--clip-line:#aa6069}
.resolve-playhead{position:absolute;top:-7px;bottom:0;left:calc(var(--track-label) + (100% - var(--track-label))*var(--resolve-progress));width:1px;background:#ee5545;pointer-events:none;z-index:2}
.resolve-playhead::before{content:"";position:absolute;left:-3px;top:-3px;width:7px;height:7px;background:#ee5545;clip-path:polygon(0 0,100% 0,100% 55%,50% 100%,0 55%)}
.resolve-seek{display:block;margin:9px 0 0 var(--track-label);width:calc(100% - var(--track-label));height:26px;accent-color:#d24639;cursor:ew-resize}
.resolve-bottom{display:flex;justify-content:center;gap:clamp(12px,2vw,35px);padding:15px 12px 12px;background:#121212;border-top:1px solid #ffffff14;font-size:6px;letter-spacing:.1em;color:#77736b}
.resolve-bottom .is-selected{color:#eae4db;position:relative}
.resolve-bottom .is-selected::after{content:"";position:absolute;bottom:-12px;left:0;right:0;height:2px;background:#d24639}
.resolve-workspace .craft-visual-note{padding:11px 12px;margin:0;background:var(--studio-black);font-size:6px;color:#858078;letter-spacing:.1em;line-height:1.6}
.resolve-fairlight .resolve-timeline{--track-label:92px}
.resolve-fairlight .resolve-track{min-height:31px}
.track-audio .resolve-clip{padding-bottom:13px}
.track-audio .resolve-clip svg{position:absolute;inset:auto 0 1px;width:100%;height:15px;opacity:.6;color:#d3d8cd}
.grade-compare{position:relative;aspect-ratio:16/9;background:#000;isolation:isolate;overflow:hidden;--grade-saturation:1;--grade-contrast:1;--grade-brightness:1}
.grade-compare>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block}
.grade-mono{filter:grayscale(1)}
.grade-compare .grade-finished{clip-path:inset(0 0 0 var(--grade-split));filter:saturate(var(--grade-saturation)) contrast(var(--grade-contrast)) brightness(var(--grade-brightness));transition:filter .3s}
.grade-divider{position:absolute;z-index:3;top:0;bottom:0;left:var(--grade-split);width:1px;background:#eee8de;pointer-events:none}
.grade-divider b{position:absolute;top:50%;left:0;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;border:1px solid #ffffff9c;background:#0808089c;backdrop-filter:blur(8px);color:white;font-size:17px;font-weight:400;white-space:nowrap}
.grade-side{position:absolute;z-index:2;top:15px;font-size:7px;letter-spacing:.16em;background:#0007;padding:6px 8px;color:#f1ede4;pointer-events:none}
.grade-side--mono{left:12px}.grade-side--colour{right:12px}
.grade-slider{position:absolute;z-index:4;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:pan-y}
.grade-compare:focus-within{outline:2px solid #e7ded1;outline-offset:-3px}
.grade-node-toolbar{display:flex;justify-content:space-between;align-items:center;padding:6px 12px;border-top:1px solid #ffffff12;background:#181818;gap:15px;font-size:7px;letter-spacing:.08em;color:#aaa69d}
.grade-node-toolbar button{font-family:inherit;font-size:7px;letter-spacing:.08em;background:none;color:#dad3c8;border:1px solid #ffffff25;padding:8px 12px;min-height:36px;cursor:pointer}
.grade-board-scroll{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-color:#5e5b55 #1c1c1c;scrollbar-width:thin;background:#202020}
.grade-board{height:260px;min-width:580px;position:relative;background-image:radial-gradient(#ffffff13 .8px,transparent .8px);background-size:12px 12px;isolation:isolate}
.grade-connections{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.grade-connections path{fill:none;stroke:#858d64;stroke-width:1.5;vector-effect:non-scaling-stroke}
.grade-connections path.is-bypassed{stroke:#555;stroke-dasharray:4 5}
.grade-node{position:absolute;left:var(--node-x);top:var(--node-y);width:9%;height:70px;padding:0;border:1px solid #b8b098;border-radius:2px;background:#121212;color:#ddd6c8;font-family:inherit;touch-action:none;cursor:grab;box-shadow:0 3px 10px #0005;z-index:1;user-select:none}
.grade-node:active{cursor:grabbing}
.grade-node::before,.grade-node::after{content:"";position:absolute;top:42%;width:5px;height:5px;background:#9ab15b;border:1px solid #222;z-index:3}
.grade-node::before{left:-4px}.grade-node::after{right:-4px}
.grade-node img{display:block;width:100%;height:47px;object-fit:cover}
.node-label{position:absolute;bottom:calc(100% + 7px);left:-18%;width:136%;white-space:nowrap;text-align:center;color:#bbb7aa;font-size:6px;letter-spacing:.02em;line-height:1.3}
.node-footer{display:flex;justify-content:space-between;align-items:center;padding:3px 6px;font:8px/1.2 ui-monospace,monospace}
.node-footer i{display:block;width:4px;height:4px;background:#b1c177;border-radius:50%}
.grade-node[aria-pressed="false"]{border-color:#555;opacity:.48}
.grade-node[aria-pressed="false"] img{filter:grayscale(1)}
.grade-node[aria-pressed="false"] .node-footer i{background:#777}
.grade-node:focus-visible{outline:2px solid #f1e9d8;outline-offset:4px}
.grade-node.is-applying{animation:grade-apply .65s ease-out}
@keyframes grade-apply{0%{box-shadow:0 0 0 0 #d24639b0;border-color:#ed6758}100%{box-shadow:0 0 0 9px #d2463900}}
.grade-instructions{margin:0;padding:11px 12px;background:#1a1a1a;color:#aaa499;font-size:6px;letter-spacing:.11em;text-align:center}
.canon-trinity .craft-camera-image{aspect-ratio:16/9;object-fit:contain;filter:none}
.resolve-workspace button:focus-visible,.resolve-workspace input:focus-visible,.studio-section-label a:focus-visible,.grade-board-scroll:focus-visible{outline:2px solid #ded5c5;outline-offset:-2px}
@media(min-width:1700px){.studio-stories-section .as-scene{width:min(100%,32vw,530px)}}
@media(max-width:1100px){
 .studio-stories-section .about-story-opening{gap:40px;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}
 .studio-stories-section .as-scene{width:100%}
 .studio-stories-section .about-opening-bottom-v12>.about-stories{position:sticky;top:100px}
 .studio-bio p:not(.studio-role){font-size:15px}.studio-intro-line{margin-bottom:30px!important}
 .studio-philosophy{grid-template-columns:1fr 1fr;gap:35px}.philosophy-mark{display:none}
 .resolve-save{display:none}.resolve-edit-view{grid-template-columns:105px minmax(0,1fr)}.resolve-bin-clip img{max-height:40px}.resolve-transport{font-size:6px}
}
@media(max-width:800px){
 .studio-stories-section{padding-top:0}.studio-section-label{font-size:7px;gap:12px;margin-bottom:28px}
 .studio-stories-section .about-story-opening{grid-template-columns:1fr;gap:45px}
 .studio-stories-section .about-opening-bottom-v12>.about-stories{position:static;order:-1;width:100%;max-width:500px;justify-self:center;margin:0 auto}
 .studio-stories-section .as-scene{width:min(100%,46svh,460px);aspect-ratio:9/16;height:auto}
 .studio-stories-section .as-topline{font-size:7px}.studio-stories-section .as-story-name{font-size:19px}
 .studio-stories-section .as-controls,.studio-stories-section .as-profiles{max-width:460px;margin-inline:auto}
 .studio-stories-section .as-profiles{margin-top:18px}.studio-stories-section .as-controls{margin-top:16px}
 .studio-stories-section .about-opening-bottom-v12>.about-story-text{max-width:none}
 .studio-bio p:not(.studio-role){font-size:16px;line-height:1.65}.studio-bio h3{font-size:29px}.studio-bio .studio-role{font-size:10px}
 .studio-philosophy{grid-template-columns:1fr;padding:35px var(--pad) 75px;gap:28px}.studio-philosophy h2{font-size:clamp(39px,8vw,64px)}.philosophy-copy p{font-size:16px}
 .craft-panel{grid-template-columns:1fr;gap:28px}.craft-heading{grid-template-columns:1fr;gap:25px}.craft-heading>p{max-width:550px}
 .resolve-edit-view{grid-template-columns:90px minmax(0,1fr)}.resolve-bin-clip img{max-height:37px}.resolve-bin-clip{margin-bottom:5px}.resolve-pool{padding:7px}.resolve-panel-label{font-size:6px}.resolve-bin-clip span{font-size:5px}
}
@media(max-width:480px){
 .studio-stories-section .about-opening-note-v12{font-size:12px!important;gap:18px}.about-opening-note-v12>span{width:60px}
 .studio-stories-section .as-scene{width:min(100%,46svh)}.studio-stories-section .as-face--front{border-radius:12px}.studio-stories-section .as-story-chrome{padding:13px 15px}.studio-stories-section .as-story-bottom{left:15px;right:15px;font-size:8px;bottom:22px}.studio-stories-section .as-story-name small{font-size:8px}
 .studio-section-label>span{max-width:165px}.studio-section-label a{white-space:nowrap;gap:8px}
 .studio-stories-section .as-profiles a{font-size:9px}.studio-intro-line br{display:none}
 .resolve-topbar{padding:11px 9px;gap:6px;font-size:6px}.resolve-topbar strong{font-size:9px}.resolve-topbar>span:nth-of-type(2){max-width:104px;font-size:5px}
 .resolve-edit-view{grid-template-columns:74px minmax(0,1fr)}.resolve-bin-clip img{max-height:29px}.resolve-bin-clip span{font-size:4px}.resolve-panel-label{font-size:5px}.resolve-panel-label span{font-size:4px}
 .resolve-workspace .craft-monitor-bar{font-size:5px;padding:7px;gap:6px}.resolve-workspace output{font-size:6px}.resolve-transport{padding:5px 8px;font-size:5px}.resolve-transport button{font-size:7px;padding:6px;min-height:38px}.resolve-transport button span{margin-left:4px}
 .resolve-timeline{--track-label:23px;padding-inline:6px}.resolve-ruler{font-size:5px}.resolve-track-label{font-size:6px}.resolve-clip{font-size:5px}.resolve-track{min-height:27px}.resolve-fairlight .resolve-timeline{--track-label:69px}.resolve-fairlight .resolve-track-label{font-size:5px}
 .grade-side{font-size:5px;padding:5px;top:10px}.grade-divider b{width:42px;height:42px;font-size:15px}.grade-board{height:230px}.grade-node{height:62px}.grade-node img{height:40px}.grade-node-toolbar{font-size:6px;padding-inline:9px}.grade-node-toolbar button{font-size:6px}
 .craft .craft-tabs button>span{font-size:15px}.craft .craft-tabs button>small{font-size:6px}.craft-footer{font-size:6px}
}
@media(prefers-reduced-motion:reduce){.grade-node.is-applying{animation:none}.grade-compare .grade-finished{transition:none}.studio-stats>div{transition:none}}

@media(max-width:800px){
 .studio-cover{padding-top:95px;padding-bottom:55px}
 .studio-cover .studio-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:0 var(--pad);padding:0 0 25px}
 .studio-cover .studio-stats dd{font-size:clamp(25px,5.2vw,42px)}.studio-cover .studio-stats dt{font-size:6px;letter-spacing:.08em}
 .studio-cover-name>p{font-size:7px;margin-bottom:16px}.studio-cover-name h1{font-size:6.5vw}
}
@media(max-width:580px){
 .studio-cover{padding-top:89px}.studio-cover .studio-stats{gap:13px;padding-bottom:24px}
 .studio-cover .studio-stats>div{padding-top:10px;gap:8px}.studio-cover .studio-stats dd{font-size:clamp(23px,6.2vw,35px)}.studio-cover .studio-stats dt{font-size:5px;letter-spacing:.05em}
 .studio-cover .studio-stats dd span{margin-left:2px}
 .studio-cover-name{position:relative;left:auto;right:auto;bottom:auto;margin:0;padding:18px var(--pad) 0;background:var(--studio-black)}
 .studio-cover-name>p{font-size:6px;letter-spacing:.12em}.studio-cover-name h1{font-size:8vw;line-height:1.04}
 .studio-cover-photo::after{bottom:125px;background:linear-gradient(180deg,#050505 0%,transparent 9%,transparent 88%,#050505 100%)}
 .studio-shared-story p{font-size:16px!important}
}