h1 [lang=en]{font-family:Arial,Helvetica,sans-serif;font-weight:400;font-size:clamp(56px,6.5vw,94px);letter-spacing:-.035em;line-height:1.05;display:inline-block}@font-face{font-family:Practica;src:url('/assets/FbPracticaPro-ExtraLight.woff2') format('woff2'),url('/assets/FbPracticaPro-ExtraLight.woff') format('woff');font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:Practica;src:url('/assets/FbPracticaPro-Regular.woff2') format('woff2'),url('/assets/FbPracticaPro-Regular.woff') format('woff');font-weight:400;font-style:normal;font-display:swap}:root{--bg:#0d0b08;--fg:#f0ece4;--muted:#beb7ac;--accent:#ff7825;--line:#2c271f}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--fg);font-family:Practica,Arial,sans-serif;font-synthesis:none;line-height:1.65;font-size:18px}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{cursor:pointer}img{display:block;max-width:100%}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.skip{position:fixed;right:15px;top:-100px;background:var(--accent);padding:12px;z-index:100}.skip:focus{top:12px}.wrap{width:min(1280px,90%);margin:auto}.site-header{position:absolute;top:0;right:0;left:0;z-index:20;padding:22px 0}.header-row{display:flex;align-items:center;justify-content:space-between;gap:28px}.logo img{width:86px;height:80px;object-fit:contain}.site-nav{display:flex;align-items:center;gap:30px}.site-nav a{font-size:16px;color:#eee7dc;position:relative}.site-nav a:after{content:'';position:absolute;bottom:-9px;right:0;width:0;height:2px;background:var(--accent);transition:width .2s}.site-nav a:hover:after,.site-nav a[aria-current=page]:after{width:100%}.site-nav a[aria-current=page]{color:var(--accent)}.menu-toggle{display:none;background:transparent;border:1px solid #766957;color:#f8f3eb;border-radius:6px;padding:8px 14px}.hero{position:relative;min-height:700px;height:min(850px,94svh);display:flex;align-items:center;overflow:hidden}.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(270deg,rgba(7,6,4,.76) 0%,rgba(7,6,4,.44) 43%,rgba(7,6,4,.05) 80%),linear-gradient(0deg,rgba(7,6,4,.55),transparent 25%);z-index:1}.hero-content{position:relative;z-index:2;padding-top:90px}.hero-content-inner{max-width:650px}.eyebrow{font-size:16px;color:#eee4d6;margin:0 0 22px;letter-spacing:.2px}h1,h2,h3{font-weight:400;margin:0;line-height:1.16}h1{font-weight:400;font-size:clamp(45px,5.3vw,76px);letter-spacing:-1px;margin-bottom:28px}h2{font-size:clamp(32px,3.3vw,48px)}h3{font-size:25px}p{color:var(--muted);margin:20px 0;line-height:1.8}.hero p{font-size:21px;line-height:1.6;color:#eee6db;max-width:600px}.hero p.hero-summary{font-size:18px;color:#ded2c2;max-width:530px}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 30px;border-radius:40px;background:var(--accent);border:1px solid var(--accent);color:#110c07;font-size:17px;transition:background .2s,transform .2s}.btn:hover{background:var(--accent-hover, #ff934c);transform:translateY(-2px)}.btn.outline{background:#100c0750;color:#fff;border-color:#c5b69d}.btn.outline:hover{background:#2d241b}.section{padding:95px 0}.section.ruled{border-top:1px solid var(--line)}.section-head{max-width:840px;margin-bottom:45px}.section-head.center{margin:0 auto 48px;text-align:center}.section-head p{font-size:19px}.section-label{display:block;color:var(--accent);font-size:14px;letter-spacing:2px;margin-bottom:18px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.cards.four{grid-template-columns:repeat(4,1fr)}.card{border-top:1px solid #3a3228;padding-top:25px}.card p{font-size:17px;margin-bottom:18px}.accent-line{display:block;width:32px;height:3px;background:var(--accent);margin:18px 0}.text-link{color:var(--accent);display:inline-block;border-bottom:1px solid var(--accent-line, #ff782577);padding-bottom:3px;font-size:17px}.text-link:hover{color:var(--accent-highlight, #ffa260);border-color:currentColor}.service-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service-card{background:#18140f;border:1px solid var(--line);overflow:hidden}.service-card img{width:100%;aspect-ratio:1.45;object-fit:cover}.service-card .card-body{padding:30px}.service-card p{font-size:17px}.home-studio{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.home-studio img{width:100%;height:450px;object-fit:cover}.home-studio p{max-width:620px}.reel-section{padding:75px 0 0}.reel-preview{position:relative;width:100%;border:0;background:#1a1510;padding:0;overflow:hidden;color:white}.reel-preview img{width:100%;aspect-ratio:2.48;object-fit:cover;filter:brightness(.92)}.reel-preview:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0005,transparent 50%)}.play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:80px;height:80px;border:2px solid #eadcca;border-radius:50%;display:grid;place-items:center;background:#362b2066;z-index:2}.play svg{width:26px;margin-left:5px;fill:#fff}.reel-caption{position:absolute;bottom:22px;right:28px;z-index:3;font-size:17px}.film-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.film-tile{position:relative;min-height:345px;overflow:hidden;background:#1a1510}.film-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.film-tile:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#080705ee,transparent 85%)}.film-tile-content{position:relative;z-index:2;padding:30px;min-height:345px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start}.film-tile-content p{font-size:17px;color:#ded6c9;max-width:440px;margin:0}.film-tile .accent-line{margin:15px 0}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.step{border-inline-start:1px solid var(--line);padding-inline-start:25px}.step:last-child{border:0}.step-number{font-size:47px;font-weight:200;line-height:1;color:var(--accent);display:block;margin-bottom:24px}.step p{font-size:17px}.split{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.split>img{width:100%;height:400px;object-fit:cover}.split h2{max-width:620px}.split p{font-size:19px}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.work-slot{border:1px solid #46382a;min-height:240px;padding:32px;display:flex;flex-direction:column;justify-content:flex-end;background:#17130e}.work-slot .slot-number{font-size:48px;color:#806044;line-height:1;margin-bottom:40px;font-weight:300}.work-slot h3{font-size:23px}.work-slot p{font-size:15px;margin:10px 0;color:#8e8274}.portfolio-note{font-size:15px;color:#8f8373}.faq{max-width:900px;margin:auto}.faq h2{text-align:center;margin-bottom:40px}details{border-bottom:1px solid var(--line)}summary{list-style:none;padding:22px 0;display:flex;align-items:center;justify-content:space-between;gap:25px;cursor:pointer;font-size:21px}summary::-webkit-details-marker{display:none}summary:after{content:'+';font-size:28px;line-height:1;color:var(--accent)}details[open] summary:after{content:'−'}details p{margin:0 0 22px;font-size:18px;max-width:800px}.team-strip{display:flex;gap:15px;flex-wrap:wrap;margin-top:35px}.team-strip span{border:1px solid #493322;padding:13px 23px;color:#d2beaa}.contact{background:var(--accent);padding:75px 0;color:#120d07}.contact h2{font-size:clamp(35px,3.8vw,55px);font-weight:400}.contact p{color:#352011;max-width:900px;font-size:20px}.form-row{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;max-width:1000px;margin:30px 0}.form-row label{font-size:16px}.form-row input{background:transparent;border:1px solid #a24d18;border-radius:0;width:100%;display:block;margin-top:8px;padding:14px;color:#1d1106;min-width:0}.form-row input:focus{outline:2px solid #24170c;outline-offset:2px}.contact .btn{background:#0d0b08;border-color:#0d0b08;color:#fff;padding-inline:45px}.contact .form-status{font-size:16px;color:#2b190d;max-width:1000px}.contact .form-status:empty{display:none}.privacy-note{font-size:14px!important;opacity:.85}.site-footer{padding:48px 0 30px}.footer-row{display:flex;align-items:center;justify-content:space-between;gap:40px}.footer-nav{display:flex;flex-wrap:wrap;gap:24px;font-size:16px;color:#beb3a2}.copyright{font-size:14px;text-align:center;color:#8a8071;margin-top:40px}.dialog{border:1px solid #68503a;background:#15110c;color:#f4eddf;width:min(1100px,92vw);padding:0;max-height:90vh}.dialog::backdrop{background:#000c}.dialog-header{padding:20px 26px;display:flex;justify-content:space-between;gap:25px}.dialog-header h2{font-size:25px}.dialog-close{border:1px solid #6d5a44;background:none;color:#fff;padding:3px 12px;border-radius:50%;font-size:25px}.dialog-content{padding:0 26px 26px}.dialog-content img{width:100%;aspect-ratio:2.2;object-fit:cover}.dialog-content p{font-size:18px}.dialog video{width:100%}.page-404 .hero{height:auto;min-height:700px}.subnav{border-bottom:1px solid var(--line);padding:22px 0}.subnav .wrap{display:flex;justify-content:center;gap:40px;font-size:16px;color:#bdb2a2}.subnav a:hover{color:var(--accent)}@media(min-width:1600px){.hero-content-inner{max-width:700px}}@media(max-width:1000px){.site-nav{gap:18px}.site-nav a{font-size:15px}.hero-content-inner{max-width:58%}.hero h1{font-size:58px}.cards.four,.steps{grid-template-columns:repeat(2,1fr)}.step{padding-bottom:20px}.split{gap:35px}.service-card .card-body{padding:23px}.film-tile,.film-tile-content{min-height:310px}}@media(max-width:760px){body{font-size:17px}.wrap{width:88%}.site-header{padding:16px 0}.logo img{width:68px;height:65px}.menu-toggle{display:block}.site-nav{display:none;position:absolute;left:0;right:0;top:90px;padding:25px 6%;background:#100c08f5;border-top:1px solid #4d3a28;flex-direction:column;align-items:flex-start;gap:23px}.site-nav.open{display:flex}.hero{height:auto;min-height:780px;padding:120px 0 75px;align-items:flex-end}.hero>img{object-position:35% center}.hero:after{background:linear-gradient(0deg,#080603e8 0%,#08060366 65%,#08060311),linear-gradient(270deg,#08060355,transparent)}.hero-content{padding-top:0}.hero-content-inner{max-width:100%}.hero h1{font-size:clamp(44px,9.2vw,62px);letter-spacing:0}.hero p{font-size:19px}.hero p.hero-summary{font-size:17px}.eyebrow{font-size:15px;margin-bottom:19px}.section{padding:60px 0}.section-head{margin-bottom:30px}.section-head p{font-size:18px}.cards,.cards.four{grid-template-columns:1fr;gap:30px}.service-cards,.portfolio-grid,.film-grid{grid-template-columns:1fr}.home-studio,.split{grid-template-columns:1fr;gap:30px}.split>img,.home-studio img{height:300px}.reel-section{padding-top:35px}.reel-preview img{aspect-ratio:1.65}.play{width:64px;height:64px}.reel-caption{right:20px;bottom:16px;font-size:15px}.film-tile,.film-tile-content{min-height:345px}.film-tile-content{padding:25px}.steps{grid-template-columns:1fr 1fr;gap:22px}.step{padding-inline-start:18px}.step-number{font-size:39px;margin-bottom:17px}.step h3{font-size:23px}.step p{font-size:16px}.form-row{grid-template-columns:1fr}.contact{padding:55px 0}.contact p{font-size:18px}.footer-row{align-items:flex-start;flex-direction:column;gap:25px}.footer-nav{gap:16px;font-size:15px}.subnav .wrap{gap:20px;flex-wrap:wrap;font-size:15px}.faq summary{font-size:19px}.faq details p{font-size:17px}.dialog-header{padding:18px}.dialog-content{padding:0 18px 18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}.web-projects{display:grid;gap:85px}.web-project{display:grid;grid-template-columns:1.65fr 1fr;align-items:center;gap:60px}.web-project:nth-child(even){direction:ltr}.web-project:nth-child(even)>*{direction:rtl}.project-preview{display:block;min-width:0}.browser-frame{background:#eee9df;border:1px solid #524638;border-radius:10px;overflow:hidden;box-shadow:0 22px 55px #0004}.browser-bar{height:29px;display:flex;align-items:center;gap:6px;padding:0 13px;direction:ltr;background:#dcd5cb}.browser-bar i{width:7px;height:7px;background:#a59c8d;border-radius:50%}.browser-frame img{width:100%;aspect-ratio:1.456;object-fit:cover;object-position:top}.pantry-preview .browser-frame img{aspect-ratio:1.15}.project-copy h3{font-size:clamp(30px,3vw,42px)}.project-copy .section-label{letter-spacing:0;font-size:15px}.project-copy p{font-size:18px}.project-caption{font-size:14px;color:#b4a28e}.project-preview:hover .browser-frame{border-color:var(--accent)}body[data-page=home] .hero:after{background:linear-gradient(270deg,#07060460,transparent 68%)}@media(max-width:760px){.web-project,.web-project:nth-child(even){grid-template-columns:1fr;gap:27px;direction:rtl}.web-projects{gap:60px}.project-copy h3{font-size:32px}body[data-page=home] .hero:after{background:linear-gradient(0deg,#080603ef,#08060325 85%)}body[data-page=home] .hero>img{object-position:30% center}}.device-stage{position:relative;aspect-ratio:1.35;background:radial-gradient(ellipse at 50% 45%,#e9e3d8 0%,#cec4b6 70%);border-radius:10px;overflow:hidden;direction:ltr;isolation:isolate}.device-stage:after{content:'';position:absolute;width:80%;height:7%;bottom:9%;left:10%;background:#35291e35;filter:blur(16px);border-radius:50%;z-index:-1}.mock-monitor{position:absolute;left:13%;top:12%;width:77%;height:66%;filter:drop-shadow(0 10px 10px #0003)}.mock-screen{overflow:hidden;width:100%;height:100%;background:#fff}.mock-monitor>.mock-screen{height:76%;border:8px solid #171717;border-bottom:0;border-radius:10px 10px 0 0}.mock-screen img{width:100%;height:100%;object-fit:cover;object-position:top}.monitor-chin{height:9%;background:linear-gradient(100deg,#aaa,#e3e3e3,#aaa);border-radius:0 0 8px 8px}.monitor-stand{width:24%;height:16%;margin:auto;background:linear-gradient(90deg,#b7b7b7,#e2e2e2,#aaa);clip-path:polygon(32% 0,68% 0,77% 83%,100% 89%,100% 100%,0 100%,0 89%,23% 83%)}.mock-tablet{position:absolute;width:32%;height:49%;left:5%;bottom:12%;padding:8px;background:#151515;border-radius:13px;transform:rotate(-5deg);box-shadow:5px 9px 15px #0005}.mock-tablet .mock-screen{border-radius:6px}.mock-phone{position:absolute;width:15%;height:40%;right:7%;bottom:10%;padding:5px;background:#171717;border:2px solid #4c4c4c;border-radius:16px;transform:rotate(6deg);box-shadow:4px 9px 15px #0005}.mock-phone .mock-screen{border-radius:11px}.phone-camera{position:absolute;top:7px;left:32%;width:36%;height:5px;background:#171717;border-radius:6px;z-index:2}.project-preview:hover .device-stage{box-shadow:0 0 0 1px var(--accent)}@media(max-width:760px){.mock-monitor>.mock-screen{border-width:5px}.mock-tablet{padding:5px;border-radius:9px}.mock-phone{padding:3px;border-radius:12px}.mock-phone .mock-screen{border-radius:7px}}.device-stage{width:85%;margin-inline:auto;background:transparent;border-radius:0;overflow:visible}.device-stage:after{display:none}.mock-tablet,.mock-phone{transform:none}body[data-page=home] .hero:after{background:linear-gradient(270deg,rgba(7,6,4,.97) 0%,rgba(7,6,4,.87) 30%,rgba(7,6,4,.65) 47%,rgba(7,6,4,.12) 72%),linear-gradient(180deg,rgba(7,6,4,.8),transparent 28%)}body[data-page=home] .site-header{background:linear-gradient(180deg,rgba(7,6,4,.94),rgba(7,6,4,.7) 75%,transparent);padding-bottom:35px}body[data-page=home] .site-nav a{color:#fff;text-shadow:0 1px 5px #000}body[data-page=home] .site-nav a[aria-current=page]{color:var(--accent)}body[data-page=home] .hero h1,body[data-page=home] .hero p,body[data-page=home] .eyebrow{text-shadow:0 2px 12px #0006}@media(max-width:760px){.device-stage{width:90%}body[data-page=home] .hero:after{background:linear-gradient(0deg,rgba(7,6,4,.99) 0%,rgba(7,6,4,.94) 35%,rgba(7,6,4,.42) 70%,rgba(7,6,4,.55)),linear-gradient(180deg,#070604aa,transparent 20%)}}.whatsapp-pending:disabled{opacity:1;cursor:default}.whatsapp-pending:disabled:hover{transform:none;background:var(--accent)}body[data-page=about] .hero:after{background:linear-gradient(180deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.72) 13%,rgba(0,0,0,.18) 30%,transparent 45%),linear-gradient(270deg,rgba(7,6,4,.78) 0%,rgba(7,6,4,.44) 43%,rgba(7,6,4,.05) 80%)}body[data-page=about] .site-nav a{color:#fff;text-shadow:0 1px 5px #000}body[data-page=about] .site-nav a[aria-current=page]{color:var(--accent)}body[data-page=home] .hero:after{background:linear-gradient(270deg,rgba(7,6,4,.45),rgba(7,6,4,.1) 48%,transparent 65%)}@media(max-width:760px){body[data-page=home] .hero:after{background:linear-gradient(0deg,#070604fa 0%,#070604ed 32%,#07060433 78%)}body[data-page=home] .hero>img{object-position:24% center}}body[data-page=home] .service-card:has(a[href="/websites/"]) img{object-position:center 43%;object-fit:cover;background:#161310}
body[data-page=home] .hero-content-inner > p{font-weight:200}
body[data-page=home] .hero>img{inset:0;width:100%;height:100%;object-fit:cover;object-position:center}body[data-page=home] .hero:after{background:linear-gradient(270deg,rgba(7,6,4,.76) 0%,rgba(7,6,4,.44) 43%,rgba(7,6,4,.05) 80%),linear-gradient(0deg,rgba(7,6,4,.55),transparent 25%)}@media(max-width:760px){body[data-page=home] .hero>img{object-position:40% center}body[data-page=home] .hero:after{background:linear-gradient(0deg,rgba(7,6,4,.94),rgba(7,6,4,.55) 52%,rgba(7,6,4,.15))}}@media(min-width:761px){body[data-page=home] .hero>img{width:125%;max-width:none;left:0;right:auto;object-position:center}body[data-page=home] .hero:after{background:linear-gradient(270deg,rgba(7,6,4,.68),rgba(7,6,4,.25) 44%,transparent 72%),linear-gradient(0deg,rgba(7,6,4,.5),transparent 24%)}}@media(min-width:761px){body[data-page] .hero>img{width:125%;max-width:none;left:0;right:auto;object-position:center}body[data-page] .hero:after{background:linear-gradient(270deg,rgba(7,6,4,.68),rgba(7,6,4,.25) 44%,transparent 72%),linear-gradient(0deg,rgba(7,6,4,.5),transparent 24%)}}body[data-page] .site-header{background:linear-gradient(180deg,rgba(0,0,0,.94) 0%,rgba(0,0,0,.78) 55%,rgba(0,0,0,.35) 82%,transparent 100%);padding-bottom:45px}body[data-page] .site-nav a{color:#fff;text-shadow:0 1px 5px #000}body[data-page] .site-nav a[aria-current=page]{color:var(--accent)}@media(min-width:761px){body[data-page=about] .hero>img,body[data-page=films] .hero>img{inset:0;width:100%;max-width:100%;height:100%;object-fit:cover;object-position:center}}body[data-page=films] .site-header{background:none}body[data-page] .hero-content-inner{max-width:650px;text-align:right}body[data-page] .hero h1{font-weight:400;line-height:1.05;margin:0 0 28px}body[data-page] .hero h1 [lang=en]{font-family:Arial,Helvetica,sans-serif;font-weight:400;font-size:clamp(56px,6.5vw,94px);letter-spacing:-.035em;line-height:1.05}body[data-page] .hero-content-inner>p{font-family:Practica,Arial,sans-serif;font-weight:200;font-size:21px;line-height:1.6;max-width:600px;color:#eee6db;margin:20px 0}body[data-page] .hero .actions{margin-top:30px}body[data-page] .hero .eyebrow{font-size:16px;font-weight:400;line-height:1.65;margin:0 0 22px}@media(max-width:760px){body[data-page] .hero-content-inner>p{font-size:18px}}body[data-page=films] .reel-preview img{aspect-ratio:16/9;object-fit:contain}.reel-player{display:block;width:100%;aspect-ratio:16/9;background:#000;object-fit:contain}.dialog video{display:block;max-height:72svh;object-fit:contain;background:#000}@media(max-width:760px){body[data-page=films] .reel-preview img,.reel-player{aspect-ratio:16/9}.reel-section .wrap{max-width:420px}.dialog{width:min(460px,94vw)}.dialog-header h2{font-size:20px}.dialog video{width:auto;max-width:100%;margin:auto;max-height:72svh}}body[data-page=films] .reel-preview{display:block;border-radius:12px;isolation:isolate}body[data-page=films] .reel-preview picture{display:block}body[data-page=films] .reel-preview img{object-fit:cover;filter:brightness(.78);transition:filter .25s}body[data-page=films] .reel-preview:hover img{filter:brightness(.92)}body[data-page=films] .reel-preview .play{width:90px;height:90px;background:var(--accent, #ff7825); border:1px solid var(--accent-edge, #ffab76);box-shadow:0 0 0 12px var(--accent-halo, #ff782522),0 12px 40px #0008}body[data-page=films] .reel-preview .play svg{width:30px}body[data-page=films] .reel-caption{direction:ltr;letter-spacing:2px;font-size:14px;text-shadow:0 2px 8px #000}@media(max-width:760px){body[data-page=films] .reel-preview img{object-position:53% center}body[data-page=films] .reel-preview .play{width:76px;height:76px}.reel-caption{right:20px;bottom:24px}}.brand-layout{display:grid;grid-template-columns:1fr 1.65fr;gap:60px;align-items:center;direction:ltr}.brand-copy{direction:rtl;min-width:0}.brand-copy h2{font-family:Arial,Helvetica,sans-serif;font-weight:400;letter-spacing:-.035em;text-align:right;font-size:clamp(32px,3.3vw,48px);line-height:1.1}.brand-copy .section-label{letter-spacing:0}.brand-copy .brand-lead{font-size:23px;color:var(--fg);line-height:1.4}.brand-copy p{font-size:18px}.brand-media{min-width:0;direction:rtl}.brand-media .reel-player{border-radius:12px}.brand-section{margin-top:75px}.brand-media .reel-caption{font-size:12px}@media(max-width:760px){.brand-layout{grid-template-columns:1fr;gap:30px}.brand-copy h2{font-size:36px}.brand-section{margin-top:50px}.brand-copy .brand-lead{font-size:21px}}.form-honeypot{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.message-label{display:block;text-align:right;margin:22px 0;color:var(--fg)}.message-label textarea{display:block;width:100%;margin-top:8px;padding:14px;border:1px solid #5e554b;border-radius:6px;background:#17130f;color:var(--fg);resize:vertical}.message-label textarea:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.contact-form button:disabled{opacity:.6;cursor:wait}@media(min-width:761px){body[data-page=films] .reel-section>.wrap{max-width:860px}body[data-page=films] .brand-layout{grid-template-columns:1fr 1.2fr;gap:48px;max-width:1100px}body[data-page=films] .brand-media{width:100%;max-width:560px;justify-self:end}body[data-page=films] .reel-section{padding-top:55px}body[data-page=films] .brand-section{margin-top:55px;padding-top:65px;padding-bottom:65px}}/* Cinematic homepage and consistent media frames. */
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;background:#0d0b08}
.hero-motion{position:absolute;z-index:4;bottom:24px;left:5%;border:1px solid #ffffff80;border-radius:30px;background:#0008;color:white;padding:7px 16px;font-size:14px}
body[data-page=home] .hero:after{background:linear-gradient(270deg,#070604c9,#07060455 55%,#07060418),linear-gradient(0deg,#07060499,transparent 30%)}
body[data-page=home] .hero-content-inner{max-width:700px}
body[data-page] .hero h1 [lang=en]{font-size:clamp(48px,6.1vw,88px)}
.service-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
.service-card{min-width:0;border:1px solid #443024;background:#14110e}
.service-films{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;border:1px solid #443024;align-items:stretch}
.service-films>img{height:100%;aspect-ratio:auto;min-height:390px;object-fit:cover;object-position:center}
.service-films .card-body{padding:48px;align-self:center}
.service-card .section-label{font-family:Arial,Helvetica,sans-serif;font-size:13px;letter-spacing:1.4px;text-align:right}
.service-card .service-lead{font-size:25px;line-height:1.4;color:var(--fg)}
.selected-projects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
.selected-projects>article{min-width:0}.selected-film{grid-column:1/-1;max-width:860px;width:100%;margin:0 auto 16px}
.selected-projects .section-label{margin:24px 0 12px;letter-spacing:0}.selected-projects p{font-size:17px}
.selected-design,.selected-web{width:100%;height:360px;object-fit:contain;background:#171310}
.design-projects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;max-width:1000px;margin:auto}
.design-projects figure{margin:0}.design-projects img{width:100%;height:auto}.design-projects figcaption{font-size:16px;color:var(--muted);margin-top:18px}
body[data-page] .reel-preview{display:block;width:100%;aspect-ratio:16/9;border-radius:12px}
body[data-page] .reel-preview picture{display:block;width:100%;height:100%}
body[data-page] .reel-preview img{display:block;width:100%;height:100%;aspect-ratio:16/9;object-fit:contain}
body[data-page] .reel-player{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;border-radius:12px;background:#000}
.contact-form .message-label{color:#352011}
@media(max-width:760px){
 body[data-page] .hero h1 [lang=en]{font-size:clamp(42px,10.8vw,68px)}
 .service-cards,.selected-projects,.design-projects{grid-template-columns:1fr}
 .service-films{grid-column:auto;display:block}.service-films>img{min-height:0;height:auto;aspect-ratio:16/9}.service-films .card-body{padding:28px}
 .selected-film{grid-column:auto;max-width:420px}.selected-design,.selected-web{height:auto;max-height:500px}
 body[data-page] .reel-preview,body[data-page] .reel-preview img,body[data-page] .reel-player{aspect-ratio:16/9}
 body[data-page=home] .hero:after{background:linear-gradient(0deg,#070604f2,#070604b8 52%,#07060422)}
 .hero-motion{bottom:20px;left:6%}.hero-video{object-position:center}
}

/* Lower the film composition while keeping full bleed coverage. */
body[data-page=home] .hero-video{top:0;bottom:auto;height:calc(100% + 110px);object-position:50% 35%}
body[data-page=home] .site-header{background:linear-gradient(180deg,#0009, #0003 65%,transparent);padding-bottom:28px}
@media(max-width:760px){body[data-page=home] .hero-video{height:calc(100% + 70px);object-position:50% 35%}}
@media(min-width:761px){
 .service-films{min-height:570px}.service-films>img{min-height:570px}
 .service-design,.service-web{display:grid;grid-template-columns:34% minmax(0,1fr);align-items:stretch}
 .service-design>img,.service-web>img{height:100%;min-height:265px;aspect-ratio:auto;object-fit:cover}
 .service-design .card-body,.service-web .card-body{padding:24px}
 .service-design h3,.service-web h3{font-size:23px}
 .service-design .service-lead,.service-web .service-lead{font-size:20px;line-height:1.35;margin:14px 0}
 .service-design p,.service-web p{font-size:15px;line-height:1.6;margin:12px 0}
 .service-design .section-label,.service-web .section-label{font-size:10px;letter-spacing:.6px;margin-bottom:12px}
 .service-design .accent-line,.service-web .accent-line{margin:12px 0}
 .service-design .text-link,.service-web .text-link{font-size:15px}
}
@media(min-width:761px) and (max-width:1050px){.service-cards{gap:18px}.service-design,.service-web{grid-template-columns:28% minmax(0,1fr)}.service-design .card-body,.service-web .card-body{padding:20px}}
@media(max-width:760px){.service-films>img{aspect-ratio:16/11}}

.site-header .logo img{width:64px;height:60px}
@media(max-width:760px){.site-header .logo img{width:52px;height:49px}}

.portfolio-pending{border:1px solid var(--line);min-height:210px;display:flex;flex-direction:column;justify-content:center;padding:35px;background:#14110e}.portfolio-pending p{margin:0;font-size:19px}.portfolio-pending .section-label{text-align:right}
@media(min-width:761px){
 .service-design,.service-web{min-height:345px}
 .service-design>img,.service-web>img{min-height:345px}
 .service-design .card-body,.service-web .card-body{padding:30px}
 .service-design h3,.service-web h3{font-size:29px}
 .service-design .service-lead,.service-web .service-lead{font-size:25px}
 .service-design p,.service-web p{font-size:18px;line-height:1.6}
 .service-design .section-label,.service-web .section-label{font-size:12px}
 .service-design .text-link,.service-web .text-link{font-size:18px}
}
@media(min-width:761px) and (max-width:1050px){.service-design .card-body,.service-web .card-body{padding:23px}.service-design h3,.service-web h3{font-size:26px}}
/* Individual graphic works preserve their original proportions. */
.graphic-masonry{columns:3;column-gap:26px}.graphic-work{margin:0 0 32px;break-inside:avoid;display:inline-block;width:100%}.graphic-work a{display:block;overflow:hidden;background:#e9e7e3;cursor:zoom-in}.graphic-work img{width:100%;height:auto;transition:transform .3s}.graphic-work a:hover img{transform:scale(1.018)}.graphic-work figcaption{font-size:15px;color:var(--muted);margin-top:10px}.graphic-dialog{position:fixed;width:min(1300px,96vw);max-width:96vw;max-height:94svh;background:#17130f;border:1px solid #62503e;color:white;padding:48px 20px 16px;overflow:auto}.graphic-dialog::backdrop{background:#000d}.graphic-dialog img{width:auto;height:auto;max-height:78svh;max-width:100%;object-fit:contain;margin:auto}.graphic-dialog p{text-align:center;margin:12px 0 0;font-size:16px}.graphic-close{position:absolute;top:5px;left:10px;border:0;background:transparent;color:white;font-size:32px;min-width:44px;min-height:44px}@media(max-width:1000px){.graphic-masonry{columns:2;column-gap:20px}}@media(max-width:600px){.graphic-masonry{columns:1}.graphic-work{margin-bottom:24px}}

.graphic-masonry{columns:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1px;column-gap:26px;row-gap:0;align-items:start}.graphic-work{display:block;margin:0;padding-bottom:32px;grid-row-end:span 600}@media(max-width:1000px){.graphic-masonry{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px}}@media(max-width:600px){.graphic-masonry{display:block}.graphic-work{padding-bottom:24px}}

.home-film-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.home-film h3{margin-top:20px}.home-film p{margin-top:8px;font-size:16px}.home-film .reel-preview,.home-film .reel-preview img,.home-film .reel-player,.film-coming{aspect-ratio:16/9!important}.home-film .reel-preview img{object-fit:contain}.film-coming{display:grid;place-items:center;background:radial-gradient(ellipse at center,#302016,#13100d);border:1px solid var(--line);border-radius:12px;font-family:Arial,sans-serif;font-size:20px;letter-spacing:3px;color:#b6a79a}@media(max-width:760px){.home-film-grid{grid-template-columns:1fr;gap:36px}.home-film .reel-preview,.home-film .reel-preview img,.home-film .reel-player,.film-coming{aspect-ratio:16/9!important}}

/* Keep selected film previews and playing videos in identical frames. */
.home-film-media{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:12px;background:#000}
body[data-page=home] .home-film-media>.reel-preview,body[data-page=home] .home-film-media>.reel-player{position:absolute;inset:0;display:block;width:100%;height:100%;margin:0;min-height:0;max-height:none;object-fit:contain}
body[data-page=home] .home-film-media picture,body[data-page=home] .home-film-media img{width:100%;height:100%;object-fit:contain}
@media(max-width:760px){.home-film-media{aspect-ratio:16/9}}

/* HOME 2: same layout and content with a white palette. */
body.theme-light{--bg:#fff;--fg:#000;--muted:#000;--line:#dedede;background:#fff;color:#000}
.theme-light .service-card,.theme-light .portfolio-pending,.theme-light .work-slot{background:#fff;border-color:var(--line)}
.theme-light .card{border-color:var(--line)}
.theme-light .footer-nav,.theme-light .copyright,.theme-light .team-strip span{color:#000}
.theme-light .site-nav a[aria-current=page],.theme-light .text-link,.theme-light .section-label{color:var(--accent)}
.theme-light .film-coming{background:radial-gradient(ellipse at center,#fff,#f4f4f4);color:#000}
.theme-light .contact,.theme-light .contact p{color:#000}
.theme-light .contact .btn{background:#fff;color:#000;border-color:#000}
.theme-light .play{background:var(--accent);color:#000;border-color:var(--accent)}
.theme-light .hero{color:#f0ece4}

@media(max-width:760px){body[data-page] .reel-preview .play{width:54px;height:54px}.reel-caption{font-size:12px;bottom:12px;right:14px}}

/* Fill the showreel thumbnail despite letterboxing baked into its poster. */
body[data-page=home] .home-film-showreel .reel-preview img{transform:scale(1.333334);transform-origin:center}

/* Match the message field to the other fields on the orange contact form. */
.contact-form .message-label textarea{background:transparent;border:1px solid #a24d18;border-radius:0;color:#000}
.contact-form .message-label textarea::placeholder{color:#352011;opacity:.75}
.contact-form .message-label textarea:focus-visible{outline:2px solid #24170c;outline-offset:2px}

/* Long-form legal content. */
body[data-page=terms] .site-header{position:relative;background:var(--bg)}
.legal-content{max-width:1000px;padding-top:60px;padding-bottom:90px;overflow-wrap:anywhere}
.legal-content h1{font-size:clamp(34px,4vw,54px);margin:0 0 24px;line-height:1.25}
.legal-content h2{font-size:clamp(24px,2.5vw,32px);margin:48px 0 18px;line-height:1.4}
.legal-content p{font-size:18px;line-height:1.9;margin:0 0 22px;color:var(--fg);white-space:pre-line}
@media(max-width:760px){.legal-content{padding-top:35px;padding-bottom:55px}.legal-content p{font-size:17px}.legal-content h2{margin-top:34px}}

.footer-legal{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px 26px;margin-top:32px;padding-top:22px;border-top:1px solid var(--line);font-size:14px;color:var(--muted)}
.footer-legal a:hover{color:var(--accent)}
@media(max-width:760px){.footer-legal{gap:12px 22px;margin-top:26px}}

/* Brand styling for the accessibility launcher only. */
body #vplugin-toggler {background-color:var(--accent, #ff7825)!important}
body #vplugin-toggler button {background-color:#000!important}
body #vplugin-toggler:focus-within {outline:2px solid #000!important;outline-offset:3px;box-shadow:0 0 0 5px #fff!important}
/* Mobile utility launchers: separated vertically, safe-area aware. */
@media(max-width:767px){
 /* Anchor the whole VEE flex container to the same viewport bottom as CookieYes.
    Safari's expanded toolbar makes top:0 + 100vh extend below the visible viewport. */
 body #vplugin {top:auto!important;bottom:0!important;height:100%!important;height:100dvh!important}
 /* Keep the launcher in the native flow so the closed toolbox stays off screen. */
 body #vplugin-toggler {align-self:flex-end!important;margin-top:0!important;border-radius:50%!important;margin-bottom:calc(146px + env(safe-area-inset-bottom,0px))!important}
 body #vplugin-toggler button {width:44px!important;height:44px!important}
 body .cky-btn-revisit-wrapper {position:fixed!important;top:auto!important;left:0!important;right:auto!important;bottom:calc(22px + env(safe-area-inset-bottom,0px))!important;width:44px!important;height:44px!important;border-radius:50%!important;background-color:var(--accent, #ff7825)!important}
 html[lang=en] body .cky-btn-revisit-wrapper {left:auto!important;right:0!important}
 body .cky-btn-revisit-wrapper .cky-btn-revisit {width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;padding:10px!important;border-radius:50%!important;background-color:var(--accent, #ff7825)!important}
 body .cky-btn-revisit-wrapper .cky-btn-revisit img {width:24px!important;height:24px!important;filter:brightness(0)!important}
 body .cky-btn-revisit-wrapper .cky-btn-revisit:focus-visible {outline:2px solid #000!important;outline-offset:3px;box-shadow:0 0 0 5px #fff!important}
}

/* A language switch remains visible even when the mobile menu is closed. */
.header-row .logo{order:0;flex-shrink:0}
.header-row .site-nav{order:1}
.language-switch{order:2;display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;padding:6px 10px;border:1px solid #ffffff70;border-radius:24px;font:14px Arial,Helvetica,sans-serif;color:#fff;flex-shrink:0}
.language-switch:hover{color:var(--accent);border-color:var(--accent)}
.header-row .menu-toggle{order:3}
/* English typography, logical reading flow and room for longer labels. */
html[lang=en] body{font-family:Arial,Helvetica,sans-serif;font-size:17px;line-height:1.65}
html[lang=en] .site-nav{gap:20px}
html[lang=en] .site-nav a{font-size:14px;line-height:1.4}
html[lang=en] h2{font-size:clamp(30px,3vw,44px);line-height:1.18;letter-spacing:-.025em}
html[lang=en] h3{line-height:1.25;letter-spacing:-.015em}
html[lang=en] .eyebrow{font-size:13px;letter-spacing:1.2px}
html[lang=en] .hero p{font-size:20px;line-height:1.6}
html[lang=en] .hero:after{background:linear-gradient(90deg,rgba(7,6,4,.76),rgba(7,6,4,.44) 43%,rgba(7,6,4,.05) 80%),linear-gradient(0deg,rgba(7,6,4,.55),transparent 25%)}
html[lang=en] body[data-page=home] .hero:after{background:linear-gradient(90deg,#070604c9,#07060455 55%,#07060418),linear-gradient(0deg,#07060499,transparent 30%)}
html[lang=en] .service-card .section-label,html[lang=en] .portfolio-pending .section-label{text-align:left}
html[lang=en] .web-project:nth-child(even){direction:rtl}
html[lang=en] .web-project:nth-child(even)>*{direction:ltr}
html[lang=en] .reel-caption{right:auto;left:20px}
html[lang=en] .graphic-close{left:auto;right:10px}
html[lang=en] .step h3{font-size:23px}
html[lang=en] .footer-nav{font-size:14px;gap:18px}
html[lang=en] .contact h2{font-size:clamp(32px,3.6vw,50px)}
html[lang=en] .contact p,html[lang=en] .section-head p{font-size:18px}
html[lang=en] .legal-content p{font-size:17px}
html[lang=en] .hero-motion{left:auto;right:5%}
@media(min-width:761px) and (max-width:1100px){
 .header-row{gap:12px}.site-nav{gap:15px}
 html[lang=en] .site-nav{gap:12px}html[lang=en] .site-nav a{font-size:12px}
}
@media(max-width:760px){
 .header-row{gap:12px}.language-switch{margin-inline-start:auto}
 .header-row .menu-toggle{margin:0}
 html[lang=en] .site-nav{align-items:flex-start;gap:22px}
 html[lang=en] .site-nav a{font-size:16px}
 html[lang=en] .hero{min-height:760px}
 html[lang=en] .hero p{font-size:18px;line-height:1.65}
 html[lang=en] .hero h1 [lang=en]{font-size:clamp(38px,10vw,64px)}
 html[lang=en] .web-project,html[lang=en] .web-project:nth-child(even){direction:ltr}
 html[lang=en] .service-card .service-lead{font-size:23px}
 html[lang=en] .step h3{font-size:19px;overflow-wrap:anywhere}
 html[lang=en] .step p{font-size:15px}
 html[lang=en] .section-head p,html[lang=en] .contact p{font-size:17px}
 html[lang=en] .hero-motion{right:6%}
 /* Keep the film visible; concentrate contrast behind the text at the bottom. */
 body[data-page=home] .hero:after,html[lang=en] body[data-page=home] .hero:after{background:linear-gradient(0deg,#070604b8 0%,#07060466 30%,#07060418 65%,#07060408 100%)}
 body[data-page=home] .hero-content{text-shadow:0 1px 10px #000b}
 body[data-page=home] .hero .btn{text-shadow:none}
}
@media(max-width:380px){html[lang=en] .steps{grid-template-columns:1fr}html[lang=en] .btn{padding-inline:22px;font-size:15px}}

/* Override the shared Hebrew hero alignment on every English page. */
html[lang=en] body[data-page] .hero-content,
html[lang=en] body[data-page] .hero-content-inner,
html[lang=en] body[data-page] .hero-content-inner .eyebrow,
html[lang=en] body[data-page] .hero-content-inner h1,
html[lang=en] body[data-page] .hero-content-inner h1 span,
html[lang=en] body[data-page] .hero-content-inner > p{direction:ltr;text-align:left}
html[lang=en] body[data-page] .hero-content-inner{margin-left:0;margin-right:auto}
html[lang=en] body[data-page] .hero .actions{justify-content:flex-start;direction:ltr}
/* English copy outside the hero must not inherit Hebrew component alignment. */
html[lang=en] .brand-copy,
html[lang=en] .brand-copy h2,
html[lang=en] .message-label{direction:ltr;text-align:left}
html[lang=en] .brand-media{direction:ltr}

/* Match English navigation and controls to the running text font. */
html[lang=en] body,
html[lang=en] .site-nav a,
html[lang=en] .footer-nav a,
html[lang=en] .btn,
html[lang=en] .menu-toggle,
html[lang=en] .language-switch,
html[lang=en] .hero-motion{font-family:Practica,Arial,sans-serif}

.contact-form .form-status:not(:empty){display:block;margin-top:20px;padding:14px 16px;border:1px solid currentColor;border-radius:6px;color:#17100a;background:#ffffff26;font-weight:400}
.contact-form[aria-busy=true] [type=submit]{cursor:progress}

.contact-consent{display:flex;align-items:flex-start;gap:11px;margin:24px 0 20px;max-width:1000px;color:#24170c;font-size:15px;line-height:1.65;cursor:pointer}
.contact-consent input[type=checkbox]{flex:0 0 auto;width:20px;height:20px;margin:3px 0 0;accent-color:#17100a;cursor:pointer}
.contact-consent a{text-decoration:underline;text-underline-offset:3px}
.contact-consent input:focus-visible{outline:2px solid #17100a;outline-offset:4px}
@media(max-width:760px){.contact-consent{font-size:14px;gap:12px}.contact-consent input[type=checkbox]{width:22px;height:22px}}

.footer-legal .cky-banner-element{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}.footer-legal .cky-banner-element:hover{color:var(--accent)}

.project-copy .text-link{display:inline-flex;align-items:center;gap:9px}.external-arrow{display:block;width:21px;height:21px;flex:0 0 auto;color:var(--accent)}

@media(max-width:760px){body[data-page=films] .brand-layout>.btn{justify-self:start;max-width:100%}}

/* Let mobile service images use their actual proportions, overriding HTML height hints. */
@media(max-width:760px){body[data-page=home] .service-design>img,body[data-page=home] .service-web>img{height:auto;min-height:0;aspect-ratio:auto;object-fit:contain}}

/* Service enquiry modal, sharing the existing contact submission flow. */
.film-tile[data-film-contact]{display:block;color:inherit;cursor:pointer;transition:box-shadow .2s}.film-tile[data-film-contact]:hover,.film-tile[data-film-contact]:focus-visible{box-shadow:0 0 0 2px var(--accent)}
html.film-contact-open{overflow:hidden}.film-contact-dialog{width:min(720px,94vw);max-width:94vw;max-height:90svh;padding:48px 28px 24px;border:1px solid #62503e;border-radius:16px;background:var(--bg);color:var(--fg);overflow:auto;overscroll-behavior:contain}.film-contact-dialog::backdrop{background:#000c}.film-contact-dialog .contact{padding:0;background:transparent}.film-contact-dialog .wrap{width:100%}.film-contact-dialog h2{font-size:32px}.film-contact-dialog .contact p{font-size:16px;line-height:1.6}.film-contact-dialog .film-contact-topic{color:var(--accent);font-size:21px;margin:12px 0}.film-contact-dialog .form-row{grid-template-columns:1fr;gap:12px}.film-contact-dialog .message-label{margin:14px 0}.film-contact-dialog .privacy-note{font-size:13px}.film-contact-close{position:absolute;left:10px;top:5px;min-width:44px;min-height:44px;background:transparent;border:0;color:var(--fg);font-size:32px}@media(max-width:600px){.film-contact-dialog{padding:48px 20px 20px}.film-contact-dialog h2{font-size:27px}}

/* A single seamless, gently moving client strip. */
.clients-section{padding:64px 0 70px;border-top:1px solid var(--line);overflow:hidden}
.clients-section h2{text-align:center;font-size:clamp(28px,3vw,40px);margin-bottom:38px}
.clients-window{overflow:hidden;direction:ltr;mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent)}
.clients-track{display:flex;width:max-content;animation:clients-drift 100s linear infinite}
.clients-group{display:flex;align-items:center;flex-shrink:0;gap:56px;padding-right:56px}
.client-logo{width:180px;height:100px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.client-logo img{width:auto;height:auto;max-width:180px;max-height:90px;object-fit:contain}
.clients-window:hover .clients-track{animation-play-state:paused}
@keyframes clients-drift{to{transform:translateX(-50%)}}
@media(max-width:760px){.clients-section{padding:46px 0 50px}.clients-group{gap:34px;padding-right:34px}.client-logo{width:140px;height:86px}.client-logo img{max-width:140px;max-height:76px}}
@media(prefers-reduced-motion:reduce){.clients-track{animation:none}.clients-window{overflow-x:auto}}

.film-contact-dialog .contact-form input::placeholder{color:#aaa;opacity:1}
.film-contact-dialog .contact,.film-contact-dialog .contact h2,.film-contact-dialog .contact p,.film-contact-dialog .contact-form label{color:var(--fg)}
.film-contact-dialog .contact-form .message-label textarea::placeholder{color:#aaa;opacity:1}
html[lang="he"] .film-contact-dialog input::placeholder{text-align:right;direction:rtl}

.contact-direct-email{margin:22px 0;font-size:18px;line-height:1.6}.contact-direct-email a{text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}.contact-direct-email a:focus-visible{outline:2px solid currentColor;outline-offset:4px}

/* Remove decorative underlines from interactive text throughout the site. */
a,a:hover,a:focus{ text-decoration:none!important }
.text-link,.event-watch{border-bottom:0!important}
.site-nav a::after{display:none!important}
/* Match homepage film controls to the orange play treatment. */
body[data-page=home] .reel-preview .play{display:grid;place-items:center;background:var(--accent);color:#fff;border:1px solid var(--accent-edge, #ffab76);box-shadow:0 0 0 8px var(--accent-halo, #ff782522);z-index:3}
@media(max-width:760px){body[data-page=home] .reel-preview .play{width:60px;height:60px;opacity:1;visibility:visible}}

@media(max-width:760px){body[data-page=home] .hero-motion{display:flex!important;align-items:center;justify-content:center;width:56px;height:56px;padding:0;border-radius:50%;background:var(--accent);border:1px solid var(--accent-edge, #ffab76);color:#fff;font-size:0!important;z-index:6;bottom:22px}body[data-page=home] .hero-motion::before{content:'▶';font:22px Arial,sans-serif}body[data-page=home] .hero-motion[aria-pressed=true]::before{content:'Ⅱ'}}
@media(max-width:760px){html[lang=en] body[data-page=home] .hero-motion{left:6%;right:auto}}
/* Align project links with the left-aligned English project titles. */
.home-film>h3{text-align:left}
.home-film>.text-link{display:table;margin-left:0;margin-right:auto;text-align:left}