:root{--black:#141414;--white:#f5f5f1;--gray:#a6a6a2;--line:#383837;--ink:#202020;--light-line:#d2d2ce}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--white);background:var(--black);font-family:'Neue Montreal','Space Grotesk',Arial,sans-serif;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%;object-fit:cover}a{text-decoration:none;color:inherit}button,summary,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid currentColor;outline-offset:6px}p{line-height:1.6}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:400;letter-spacing:-.05em}a,button{touch-action:manipulation}button{color:inherit}.section-pad{padding-left:5%;padding-right:5%}.eyebrow{font-size:12px;letter-spacing:1.3px;line-height:1.6}.skip{position:fixed;top:-100px;z-index:100;background:#fff;color:#000;padding:15px}.skip:focus{top:10px}.header{height:94px;display:flex;gap:32px;align-items:center;padding:0 5%;border-bottom:1px solid var(--line);background:rgba(20,20,20,.96);position:sticky;top:0;z-index:20}.brand{display:block;position:relative;width:117px;aspect-ratio:296/46;overflow:hidden;flex-shrink:0}.brand img,.footer-logo img{position:absolute;width:157.43%;max-width:none;height:auto;top:-186.96%;left:-23.65%;filter:invert(1);mix-blend-mode:screen}.header-descriptor{font-size:10px;letter-spacing:1px;max-width:100px;line-height:1.6;color:#aaa}.header nav{margin-left:auto;display:flex;gap:25px;align-items:center;font-size:14px}.header nav a{padding:14px 0;position:relative}.header nav a:not(.nav-contact):after{content:'';position:absolute;bottom:7px;left:0;right:100%;height:1px;background:currentColor;transition:right .25s}.header nav a:hover:after{right:0}.header .nav-contact{border:1px solid #646461;border-radius:3px;padding:12px 17px;margin-left:6px}.menu-toggle{display:none}.hero{padding-top:34px}.hero-meta{display:flex;justify-content:space-between;color:#b6b6b1;gap:25px}.hero-title{display:flex;justify-content:space-between;gap:45px;align-items:end;margin:64px 0 45px}.hero h1{font-size:clamp(44px,5.1vw,88px);line-height:1.02;margin:0;letter-spacing:-.055em}.hero h1 span{color:#9f9f99}.hero-intro{max-width:270px;flex-shrink:0}.hero-intro p{font-size:16px;color:#c0c0bb;margin-bottom:20px}.text-link{display:inline-flex;gap:30px;font-size:14px;align-items:center;border-bottom:1px solid #777;padding-bottom:8px}.text-link:hover{opacity:.7}.feature{height:clamp(410px,45vw,690px);position:relative;display:grid;grid-template-columns:2.1fr 1fr;gap:8px;overflow:hidden;background:#2c2c2c}.feature-image{overflow:hidden;position:relative}.feature-image>img{width:100%;height:100%;object-position:50% 32%;transition:transform .7s;filter:brightness(.8)}.feature:hover .feature-image>img{transform:scale(1.025)}.feature-side{height:100%;overflow:hidden;position:relative}.feature-side>img{height:100%;width:100%;object-position:center 25%}.feature-side-caption{position:absolute;top:20px;left:20px;right:20px;display:flex;justify-content:space-between;font-size:10px;color:#171717;letter-spacing:.7px}.feature-overlay{position:absolute;left:0;right:32.25%;bottom:0;padding:75px 35px 30px;background:linear-gradient(transparent,rgba(0,0,0,.88));pointer-events:none}.feature-overlay>div{display:flex;align-items:end;justify-content:space-between;gap:20px}.feature-overlay h2{font-size:clamp(26px,3.2vw,48px);line-height:1.08;margin:18px 0 0}.circle-arrow{font-size:24px;border:1px solid #bbb;border-radius:50%;height:54px;width:54px;display:grid;place-items:center;flex-shrink:0}.hero-foot{padding:20px 0 25px;display:flex;justify-content:space-between;font-size:12px;letter-spacing:.7px;color:#b0b0ab}.intro-strip{display:grid;grid-template-columns:1fr 1fr 1.15fr;gap:35px;padding-top:40px;padding-bottom:65px}.intro-strip>div{display:flex;gap:20px;align-items:center}.intro-strip strong{font-weight:400;font-size:64px;letter-spacing:-4px}.intro-strip span{font-size:14px;color:#b1b1ac;line-height:1.5}.intro-strip .intro-statement{font-size:22px;line-height:1.35;letter-spacing:-.5px;border-left:1px solid var(--line);padding-left:45px;justify-content:end}.portfolio{background:var(--white);color:var(--ink);padding-top:95px;padding-bottom:60px}.section-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:45px}.section-heading h2{font-size:clamp(36px,4.2vw,65px);line-height:1.06;margin:24px 0 0}.section-heading>p{font-size:16px;color:#666;max-width:310px;margin:0;flex-shrink:0}.portfolio-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;border-bottom:1px solid var(--light-line);padding:16px 0}.filters{display:flex;gap:10px;flex-wrap:wrap}.filters button{border:1px solid transparent;background:transparent;color:#60605b;border-radius:30px;padding:10px 17px;font-size:14px}.filters button.active{background:#202020;color:var(--white)}.filters button:not(.active):hover{border-color:#bbb}.filters sup{font-size:10px;margin-left:6px}.results-label{font-size:12px;color:#686862}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start;max-width:1180px;margin-left:auto;margin-right:auto}.project-card[hidden]{display:none}.project-image{position:relative;overflow:hidden;aspect-ratio:380/507;background:#dbdbd5}.project-image img{height:100%;width:100%;transition:transform .6s}.project-card:hover img{transform:scale(1.025)}.image-number{position:absolute;top:14px;left:14px;background:#f5f5f1;color:#222;font-size:12px;padding:7px 9px}.image-action{position:absolute;bottom:14px;right:14px;padding:11px 16px;color:#fff;background:rgba(20,20,20,.9);font-size:12px}.card-meta{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.8px;color:#6c6c65;gap:10px;margin:22px 0 10px}.project-card h3{font-size:25px;margin-bottom:8px;letter-spacing:-1px}.project-card p{font-size:14px;color:#666;margin:0}.portfolio-end{display:flex;justify-content:space-between;gap:25px;align-items:center;padding-top:35px;margin-top:50px;border-top:1px solid var(--light-line);font-size:14px;color:#65655e}.services{background:#e9e9e3;color:var(--ink);padding-top:90px;padding-bottom:45px}.service-columns{display:grid;grid-template-columns:1fr 1fr;gap:7%;margin-top:60px}.service-block{border-top:1px solid #92928a;padding-top:24px}.service-index{display:flex;justify-content:space-between;gap:15px;font-size:12px;letter-spacing:.8px}.service-index>span:last-child{font-size:24px;line-height:1}.service-block h3{font-size:clamp(34px,3.5vw,55px);line-height:1.05;margin:45px 0 25px}.service-block>p{font-size:16px;color:#5c5c57;max-width:540px;min-height:102px;margin-bottom:32px}details{border-top:1px solid #c8c8c0}summary{font-size:16px;cursor:pointer;padding:19px 30px 19px 0;list-style:none;position:relative}summary::-webkit-details-marker{display:none}summary:after{content:'+';position:absolute;right:0;font-size:21px;font-weight:300;top:15px}details[open] summary:after{content:'−'}details p{font-size:15px;color:#64645e;margin:0;padding:0 25px 20px 0;max-width:520px}.service-bridge{display:flex;align-items:center;gap:35px;justify-content:space-between;border-top:1px solid #bdbdb5;margin-top:50px;padding-top:30px}.service-bridge span{font-size:12px;letter-spacing:.8px}.service-bridge p{font-size:18px;margin:0;max-width:520px}.agency{display:grid;grid-template-columns:1fr 1fr;gap:9%;padding-top:100px;padding-bottom:100px}.agency-visual{position:relative;min-height:680px}.agency-visual>img{width:100%;height:100%;position:absolute;object-position:50% 40%;filter:grayscale(1) brightness(.7)}.agency-visual>div{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:30px;background:linear-gradient(transparent 30%,rgba(0,0,0,.75))}.agency-visual p{font-size:clamp(35px,4vw,60px);letter-spacing:-2px;line-height:1.05;margin:0}.agency-copy h2{font-size:clamp(38px,4.5vw,67px);line-height:1.02;margin:25px 0 30px}.agency-copy>p{font-size:16px;color:#b1b1ac;max-width:540px}.team-lines{margin-top:30px}.team-lines>div{border-top:1px solid var(--line);padding:20px 0}.team-lines span{font-size:11px;letter-spacing:1px;color:#b1b1ab}.team-lines p{font-size:17px;margin:10px 0 0}.process{background:var(--white);color:var(--ink);padding-top:95px;padding-bottom:100px}.process-list{margin-top:60px}.process-list article{display:grid;grid-template-columns:.3fr .9fr 1.6fr 1fr;gap:30px;align-items:start;border-top:1px solid var(--light-line);padding:30px 0}.process-list article:last-child{border-bottom:1px solid var(--light-line)}.step-number{font-size:14px;color:#6a6a63;padding-top:7px}.process-list h3{font-size:30px;margin:0;letter-spacing:-1px}.process-list p{font-size:16px;color:#66665f;margin:0;max-width:475px}.step-tag{font-size:10px;letter-spacing:.7px;justify-self:end;border:1px solid #cecec7;border-radius:20px;padding:8px 12px;text-align:center}.contact-section{padding:40px 5% 0}.contact-top{display:flex;justify-content:space-between;color:#b2b2ad}.contact-body{display:grid;grid-template-columns:1.4fr 1fr;gap:70px;margin:70px 0 100px;align-items:start}.contact-body h2{font-size:clamp(40px,4.8vw,76px);line-height:1.03;margin:0}.contact-body>div{max-width:410px;justify-self:end}.contact-body p{font-size:17px;color:#b1b1ac;margin-bottom:25px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:35px;padding:16px 21px;background:#222;color:#fff;font-size:14px;border:1px solid #555;border-radius:3px}.button.light{color:#191919;background:var(--white);border-color:var(--white)}.button:hover{opacity:.8}.contact-note{display:block;font-size:12px;color:#a4a49f;margin-top:15px}.footer-logo{position:relative;aspect-ratio:296/46;overflow:hidden;margin:0 0 60px;width:100%}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:25px;padding:25px 0;font-size:12px;color:#aaa}.project-intro{padding-top:35px;padding-bottom:50px}.back-link{font-size:14px;color:#b3b3af}.project-heading{display:grid;grid-template-columns:1.7fr 1fr;gap:60px;align-items:end;margin-top:80px}.project-heading h1{font-size:clamp(45px,6.3vw,90px);line-height:1.02;max-width:760px;margin:25px 0 0}.project-heading>p{max-width:350px;font-size:18px;color:#b3b3ab;margin:0;justify-self:end}.project-presentation{background:var(--white);color:var(--ink);padding-top:70px;padding-bottom:70px;display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:start}.project-art{background:#e1e1da;padding:35px;display:flex;justify-content:center}.project-art img{width:100%;max-width:480px;height:auto;object-fit:contain}.project-story{padding-top:20px}.project-story h2{font-size:42px;line-height:1.1;margin:25px 0}.project-story>p{font-size:17px;color:#62625b}.project-story dl{margin:35px 0}.project-story dl>div{border-top:1px solid var(--light-line);padding:17px 0}.project-story dt{font-size:11px;letter-spacing:1px;color:#6b6b63}.project-story dd{font-size:16px;line-height:1.5;margin:8px 0 0}.project-story .source-note{font-size:12px;margin-top:20px}.next-project{padding-top:55px;padding-bottom:65px;border-bottom:1px solid var(--line)}.next-project>a{font-size:clamp(28px,4vw,60px);line-height:1.1;letter-spacing:-1px;display:flex;justify-content:space-between;gap:30px;margin-top:25px}@media(min-width:1800px){.section-pad,.contact-section{padding-left:max(5%,calc((100% - 1620px)/2));padding-right:max(5%,calc((100% - 1620px)/2))}}@media(max-width:1050px){.header{gap:20px}.header-descriptor{display:none}.header nav{gap:20px}.hero-title{display:block}.hero-intro{max-width:none;display:flex;justify-content:space-between;align-items:end;gap:25px;margin-top:30px}.hero-intro p{max-width:350px;margin:0}.hero h1{font-size:7vw}.intro-strip{gap:20px}.intro-strip strong{font-size:54px}.intro-strip span{font-size:12px}.intro-strip .intro-statement{font-size:19px;padding-left:25px}.project-card h3{font-size:22px}.process-list article{grid-template-columns:35px .8fr 1.5fr}.step-tag{display:none}.agency-visual{min-height:650px}.feature-side-caption{display:none}}@media(max-width:700px){html{scroll-padding-top:85px}.header{height:76px}.brand{width:105px}.menu-toggle{display:flex;margin-left:auto;gap:20px;align-items:center;border:0;background:transparent;padding:15px 0;font-size:14px}.menu-toggle span{font-size:22px}.header nav{display:none;position:absolute;top:76px;left:0;right:0;padding:20px 5% 30px;background:#141414;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:6px}.header nav.open{display:flex}.header .nav-contact{margin:12px 0 0;text-align:center}.hero-meta>span:last-child{display:none}.hero{padding-top:24px}.hero-title{margin:45px 0 30px}.hero h1{font-size:9.1vw;line-height:1.06}.hero-intro{display:block;margin-top:25px}.hero-intro p{font-size:16px;max-width:330px}.hero-intro a{margin-top:20px}.feature{height:480px;grid-template-columns:1fr}.feature-side{display:none}.feature-overlay{right:0;padding:65px 22px 25px}.feature-overlay h2{font-size:30px}.feature-overlay .eyebrow{font-size:10px}.circle-arrow{width:43px;height:43px;font-size:22px}.hero-foot{font-size:10px;gap:15px;line-height:1.5}.hero-foot>span:last-child{max-width:110px;text-align:right}.intro-strip{grid-template-columns:1fr 1fr;gap:25px 15px;padding-top:25px;padding-bottom:40px}.intro-strip>div{gap:12px}.intro-strip strong{font-size:48px}.intro-strip .intro-statement{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);padding:25px 0 0;justify-content:start;font-size:22px}.section-heading{display:block;margin-bottom:30px}.section-heading h2{font-size:39px;margin-top:20px}.section-heading>p{margin-top:25px;font-size:16px;max-width:350px}.section-heading>p br{display:none}.portfolio,.services,.process{padding-top:55px;padding-bottom:50px}.portfolio-toolbar{margin-top:20px}.filters{gap:4px}.filters button{padding:9px 12px;font-size:13px}.results-label{display:none}.project-grid{grid-template-columns:1fr;gap:38px}.project-image{max-height:620px}.project-card h3{font-size:26px}.card-meta{font-size:11px}.portfolio-end{display:block;margin-top:35px;padding-top:25px}.portfolio-end>a{margin-top:17px}.service-columns{grid-template-columns:1fr;gap:50px;margin-top:40px}.service-block h3{font-size:39px;margin-top:30px}.service-block>p{min-height:0}.service-bridge{display:block;margin-top:35px}.service-bridge p{font-size:18px;margin-top:16px}.agency{grid-template-columns:1fr;gap:40px;padding-top:50px;padding-bottom:50px}.agency-visual{min-height:500px}.agency-copy h2{font-size:43px}.agency-copy h2 br:nth-child(2){display:none}.process-list{margin-top:35px}.process-list article{grid-template-columns:30px 1fr;gap:15px;padding:25px 0}.process-list h3{font-size:29px}.process-list p{grid-column:2;font-size:16px}.contact-top{gap:15px}.contact-top .eyebrow{font-size:10px}.contact-body{grid-template-columns:1fr;gap:30px;margin:45px 0 65px}.contact-body h2{font-size:42px}.contact-body>div{justify-self:start;max-width:380px}.contact-body p{font-size:16px}.footer-logo{margin-bottom:35px}footer{flex-wrap:wrap;font-size:11px;gap:16px}footer>span:nth-child(2){display:none}.project-heading{grid-template-columns:1fr;gap:25px;margin-top:45px}.project-heading h1{font-size:48px}.project-heading>p{justify-self:start;font-size:17px}.project-presentation{grid-template-columns:1fr;gap:30px;padding-top:30px;padding-bottom:40px}.project-art{padding:20px}.project-story h2{font-size:36px}.next-project>a{font-size:32px}.button{font-size:14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Revised opening: three vertical productions and a quieter wordmark. */
.header .brand{width:88px}.header{gap:25px}.contact-body{margin-bottom:60px}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.reels-hero{padding-top:26px}.reels-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:1050px;margin:0 auto}
.reel-cover{aspect-ratio:9/16;position:relative;overflow:hidden;background:#292929;display:block;min-width:0}.reel-cover>img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.reel-cover:hover>img{transform:scale(1.025)}
.reel-caption{position:absolute;bottom:0;left:0;right:0;padding:70px 22px 24px;background:linear-gradient(transparent,rgba(0,0,0,.88));color:#fff}.reel-caption>span:first-child{font-size:10px;letter-spacing:1px}.reel-caption h2{font-size:clamp(21px,2.4vw,34px);line-height:1.1;margin:12px 0 18px}.reel-action{font-size:12px;border-bottom:1px solid #999;padding-bottom:5px;display:inline-block}.reels-hero .hero-foot{max-width:1050px;margin:0 auto}
@media(min-width:1100px) and (max-height:850px){.reels-grid{max-width:calc((100svh - 180px)*1.6875 + 36px)}}
@media(max-width:700px){.header .brand{width:76px}.reels-hero{padding-top:18px}.reels-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding-bottom:12px;scrollbar-width:thin;scrollbar-color:#666 #222}.reel-cover{flex:0 0 76%;scroll-snap-align:center}.reel-caption{padding:65px 20px 22px}.reel-caption h2{font-size:28px}.contact-body{margin-bottom:40px}}

.ordo-video{display:block;width:100%;height:100%;object-fit:contain;background:#0d0d0d}.reel-video{background:#0d0d0d}.portfolio-video{aspect-ratio:9/16;background:#0d0d0d}.reel-photo>img{object-position:center}.photo-credit{position:absolute;top:18px;left:18px;right:18px;font-size:11px;letter-spacing:1px;color:#fff;text-shadow:0 1px 5px #000}.reel-photo{margin:0}

/* Soft surfaces and restrained, monochrome video controls. */
.reel-cover,.project-image,.portfolio-video,.agency-visual,.project-art,.feature{border-radius:22px;overflow:hidden;isolation:isolate}
.reel-cover,.portfolio-video{border:1px solid rgba(255,255,255,.16);box-shadow:0 18px 35px -20px rgba(0,0,0,.65),0 3px 8px rgba(0,0,0,.14);background:#171717}
.reels-grid{overflow:visible}.reels-hero{padding-top:34px;padding-bottom:12px}.project-image{box-shadow:0 16px 28px -23px rgba(0,0,0,.5);border:1px solid rgba(0,0,0,.06)}.project-art img{border-radius:14px}
.ordo-player{position:relative;color:#fff}.ordo-player video{cursor:pointer}.player-ui{position:absolute;inset:0;pointer-events:none;z-index:2;display:flex;flex-direction:column;justify-content:space-between}.player-heading{display:flex;justify-content:space-between;padding:19px 20px 40px;background:linear-gradient(rgba(0,0,0,.38),transparent);font-size:10px;letter-spacing:1.5px;text-shadow:0 1px 4px #000}.player-center{pointer-events:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:66px;height:66px;display:grid;place-items:center;background:rgba(245,245,241,.92);color:#171717;border:1px solid rgba(255,255,255,.65);border-radius:50%;box-shadow:0 8px 28px rgba(0,0,0,.3);backdrop-filter:blur(12px);transition:background .2s,scale .2s}.player-center:hover{background:#fff;scale:1.06}.player-center svg{width:26px;height:26px;margin-left:3px}.player-center[hidden]{display:none}.player-panel{pointer-events:auto;margin:auto 12px 12px;padding:10px 9px 4px;border:1px solid rgba(255,255,255,.2);border-radius:17px;background:rgba(21,21,21,.76);backdrop-filter:blur(18px);box-shadow:0 6px 20px rgba(0,0,0,.2)}.player-actions{display:flex;align-items:center;gap:1px}.player-actions button{width:40px;height:40px;flex-shrink:0;border:0;background:transparent;display:grid;place-items:center;border-radius:50%;color:#fff;transition:background .2s}.player-actions button:hover{background:rgba(255,255,255,.13)}.player-actions button[hidden]{display:none}.player-time{font-size:11px;font-variant-numeric:tabular-nums;letter-spacing:.1px;flex:1;white-space:nowrap;padding-left:3px;color:#e1e1de}.player-seek{display:block;width:calc(100% - 14px);margin:0 7px;height:16px;cursor:pointer;appearance:none;background:transparent;--progress:0%;accent-color:#f5f5f1}.player-seek::-webkit-slider-runnable-track{height:3px;border-radius:4px;background:linear-gradient(to right,#f5f5f1 var(--progress),rgba(255,255,255,.25) var(--progress))}.player-seek::-webkit-slider-thumb{appearance:none;width:9px;height:9px;margin-top:-3px;border-radius:50%;background:#fff;border:0}.player-seek::-moz-range-track{height:3px;border-radius:4px;background:rgba(255,255,255,.25)}.player-seek::-moz-range-progress{height:3px;background:#f5f5f1}.player-seek::-moz-range-thumb{width:9px;height:9px;border-radius:50%;background:#fff;border:0}.player-status{position:absolute;top:calc(50% + 46px);left:15px;right:15px;text-align:center;font-size:12px;text-shadow:0 1px 5px #000}.ordo-player:fullscreen{width:100%;height:100%;border-radius:0;background:#000;aspect-ratio:auto}.ordo-player:fullscreen video{object-fit:contain}.ordo-player:fullscreen .player-panel{width:min(520px,calc(100% - 32px));align-self:center}.player-ui button:focus-visible,.player-seek:focus-visible{outline:2px solid #fff;outline-offset:3px}
@media(max-width:700px){.reels-grid{overflow-x:auto;padding-bottom:24px;padding-top:2px}.reel-cover,.project-image,.portfolio-video,.agency-visual,.project-art{border-radius:18px}.reel-cover,.portfolio-video{box-shadow:0 12px 24px -18px rgba(0,0,0,.6)}.player-actions button{width:40px;height:44px}.player-panel{margin:0 9px 9px;padding:8px 6px 2px;border-radius:15px}.player-heading{padding:16px}.player-time{font-size:11px}.player-center{width:60px;height:60px}}

/* Reveal the player on intent, preserving keyboard and touch access. */
.ordo-player .player-heading,.ordo-player .player-center,.ordo-player .player-panel{opacity:0;pointer-events:none;transition:opacity .22s ease}
.ordo-player>video{transform:scale(1);transition:transform .55s cubic-bezier(.2,.65,.3,1)}
.ordo-player .player-panel button,.ordo-player .player-panel input{pointer-events:none}
.ordo-player:focus-within .player-heading,.ordo-player:focus-within .player-center,.ordo-player:focus-within .player-panel,.ordo-player.touch-controls .player-heading,.ordo-player.touch-controls .player-center,.ordo-player.touch-controls .player-panel{opacity:1}
.ordo-player:focus-within .player-center,.ordo-player:focus-within .player-panel,.ordo-player:focus-within .player-panel button,.ordo-player:focus-within .player-panel input,.ordo-player.touch-controls .player-center,.ordo-player.touch-controls .player-panel,.ordo-player.touch-controls .player-panel button,.ordo-player.touch-controls .player-panel input{pointer-events:auto}
@media(hover:hover) and (pointer:fine){
 .ordo-player:hover .player-heading,.ordo-player:hover .player-center,.ordo-player:hover .player-panel{opacity:1}
 .ordo-player:hover .player-center,.ordo-player:hover .player-panel,.ordo-player:hover .player-panel button,.ordo-player:hover .player-panel input{pointer-events:auto}
 .ordo-player:hover>video{transform:scale(1.025)}
 .ordo-player:not(:hover):not(:focus-visible) .player-heading,.ordo-player:not(:hover):not(:focus-visible) .player-center,.ordo-player:not(:hover):not(:focus-visible) .player-panel{opacity:0}
 .ordo-player:has(:focus-visible) .player-heading,.ordo-player:has(:focus-visible) .player-center,.ordo-player:has(:focus-visible) .player-panel{opacity:1}
}
@media(prefers-reduced-motion:reduce){.ordo-player:hover>video{transform:none}}

/* ORDO portfolio showcase — dark reel gallery, 2026-09-09 */
.portfolio{
  background:#f5f5f1;
  color:#202020;
  padding-top:72px;
}
.portfolio .section-heading{display:none}
.portfolio-toolbar{
  margin:0 0 28px;
  padding:0 0 18px;
  border-bottom:1px solid #d6d6d0;
}
.filters{gap:14px}
.filters button{
  padding:11px 20px;
  border-radius:999px;
  font-size:14px;
}
.filters button.active{
  background:#171918;
  color:#f5f5f1;
  box-shadow:0 7px 18px rgba(0,0,0,.10);
}
.results-label{font-size:13px;color:#73736d}

.project-grid{
  position:relative;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
  width:100%;
  max-width:none;
  margin:0;
  padding:116px 4.6% 46px;
  border-radius:24px;
  background:linear-gradient(135deg,#171918 0%,#131514 100%);
  box-shadow:0 22px 52px -34px rgba(0,0,0,.52);
  overflow:hidden;
  align-items:start;
}
.project-grid::before{
  content:'Produção';
  position:absolute;
  top:34px;
  left:4.6%;
  color:#f5f5f1;
  font-size:clamp(28px,2.35vw,40px);
  line-height:1;
  letter-spacing:-.045em;
  font-weight:500;
}
.project-grid::after{
  content:'Produção audiovisual com propósito.\A Do conceito à entrega, criamos conteúdos\A que constroem marca e geram resultado.';
  white-space:pre;
  position:absolute;
  top:31px;
  right:4.6%;
  color:#b9b9b4;
  font-size:13px;
  line-height:1.55;
  text-align:left;
}
.project-card{min-width:0;color:#f5f5f1}
.portfolio-video,
.project-image{
  width:100%;
  border-radius:17px;
  border:1px solid rgba(255,255,255,.12);
  background:#0e0f0f;
  box-shadow:none;
}
.portfolio-video{aspect-ratio:9/16}
.portfolio-video .ordo-video{object-fit:cover;background:#0e0f0f}
.project-image{aspect-ratio:9/16;background:#222}
.project-image img{height:100%;width:100%;object-fit:cover}
.card-meta{
  margin:14px 0 9px;
  color:#b8b8b2;
  font-size:10px;
  letter-spacing:1.35px;
}
.project-card h3{
  color:#f5f5f1;
  font-size:clamp(20px,1.65vw,27px);
  line-height:1.08;
  letter-spacing:-.035em;
  margin:0 0 7px;
}
.project-card p{color:#aaa9a4}
.project-card .image-action{background:rgba(18,20,19,.88)}

@media(min-width:1600px){
  .project-grid{padding-left:5.2%;padding-right:5.2%;gap:28px}
  .project-grid::before{left:5.2%}
  .project-grid::after{right:5.2%}
}

@media(max-width:1050px){
  .project-grid{
    padding:104px 32px 38px;
    gap:18px;
  }
  .project-grid::before{left:32px;top:31px}
  .project-grid::after{right:32px;top:29px;font-size:12px}
}

@media(max-width:700px){
  .portfolio{padding-top:48px}
  .portfolio-toolbar{margin-bottom:18px;padding-bottom:15px}
  .filters{gap:5px}
  .filters button{padding:9px 12px;font-size:12px}
  .project-grid{
    grid-template-columns:1fr;
    gap:34px;
    padding:88px 18px 28px;
    border-radius:19px;
  }
  .project-grid::before{top:28px;left:18px;font-size:30px}
  .project-grid::after{display:none}
  .portfolio-video,.project-image{border-radius:16px}
  .card-meta{margin-top:13px}
  .project-card h3{font-size:25px}
}

/* v6 — production cards sized to match the homepage reel cards */
@media (min-width:1051px){
  .project-grid{
    width:min(100%,1240px);
    margin-left:auto;
    margin-right:auto;
    grid-template-columns:repeat(3,minmax(0,325px));
    justify-content:space-between;
    gap:28px;
    padding:116px 60px 38px;
  }
  .project-grid::before{left:60px}
  .project-grid::after{right:60px}
  .portfolio-video,.project-image{width:100%;max-width:325px}
  .project-card{width:100%;max-width:325px}
  .project-card h3{font-size:22px}
}
@media (min-width:1600px){
  .project-grid{
    width:1240px;
    padding-left:60px;
    padding-right:60px;
    gap:28px;
  }
  .project-grid::before{left:60px}
  .project-grid::after{right:60px}
}

/* v7 — Trabalhos: quadro mais compacto e 4 vídeos por fileira no desktop */
@media (min-width:1180px){
  .project-grid{
    width:min(100%,1180px);
    margin-left:auto;
    margin-right:auto;
    grid-template-columns:repeat(4,minmax(0,260px));
    justify-content:space-between;
    gap:18px;
    padding:108px 44px 34px;
    border-radius:22px;
  }
  .project-grid::before{left:44px;top:32px}
  .project-grid::after{right:44px;top:29px}
  .portfolio-video,.project-image{
    width:100%;
    max-width:260px;
  }
  .project-card{
    width:100%;
    max-width:260px;
  }
  .project-card h3{font-size:20px}
  .card-meta{font-size:9px;margin-top:12px}
}

@media (min-width:1600px){
  .project-grid{
    width:1180px;
    padding-left:44px;
    padding-right:44px;
    gap:18px;
  }
  .project-grid::before{left:44px}
  .project-grid::after{right:44px}
}