/* Public TRQ website: Satoshi / Thmanyah, paper, ink and signal lime. */
.experience-button{display:inline-flex!important;align-items:center;justify-content:space-between;gap:36px;padding:18px 22px;background:#131313;color:white!important;border:0;border-radius:5px;text-decoration:none;font:500 17px/1.4 Satoshi,Arial,sans-serif;cursor:pointer;min-height:60px}.experience-button>span:last-child{display:grid;place-items:center;background:#98fe00;color:#131313;width:34px;height:34px;font:26px Arial;border-radius:3px}.experience-button:hover{background:#333}.experience-section-heading{max-width:850px;margin-bottom:48px}.experience-section-heading>span{font:12px Satoshi,sans-serif;color:#666}.experience-section-heading h2{font:500 clamp(38px,5.5vw,76px)/1.1 Satoshi,Arial,sans-serif;letter-spacing:-.045em;margin:24px 0}.experience-section-heading p{font:400 19px/1.65 Satoshi,Arial,sans-serif;max-width:680px;color:#555;margin:0}.trq-service-host{display:block!important;padding:100px 40px!important}.trq-service-host>:not(.trq-service-home){display:none!important}.trq-service-home{max-width:1200px;margin:auto}.service-home-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px;margin-bottom:40px}.service-card{position:relative;border-top:1px solid #d4d4d4;padding:28px 0 24px;display:flex;flex-direction:column;min-width:0}.service-number{color:#888;font:12px Satoshi,Arial,sans-serif;direction:ltr;display:block}.service-card h2,.service-card h3{font:500 clamp(25px,2.5vw,35px)/1.25 Satoshi,Arial,sans-serif;letter-spacing:-.035em;margin:22px 0 14px;color:#131313}.service-card p{font:400 16px/1.7 Satoshi,Arial,sans-serif;color:#666;margin:0 0 20px!important;max-width:46ch}.service-select{display:flex;justify-content:space-between;align-items:center;gap:20px;border:0;border-top:1px solid #ddd;padding:15px 0 0;background:none;color:#131313!important;cursor:pointer;font:500 14px/1.6 Satoshi,Arial,sans-serif;text-decoration:none!important;text-align:start;margin-top:auto}.service-select span{font:22px Arial}.service-select:hover{color:#507d00!important}.service-select[aria-pressed=true]{color:#365600!important}.service-select[aria-pressed=true] span{background:#98fe00}.service-hero{padding-top:75px;padding-bottom:90px}.service-hero h1{max-width:1000px}.service-hero .trq-story-intro{margin:32px 0!important}.service-catalogue{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 60px;padding-bottom:100px}.service-catalogue ul{list-style:none;margin:0 0 28px;padding:0;columns:2;column-gap:24px}.service-catalogue li{font-size:14px;line-height:1.6;border-bottom:1px solid #e1e1e1;padding:8px 0;break-inside:avoid;color:#555}.service-request{border-top:1px solid #ccc;padding:80px 0 120px;display:grid;grid-template-columns:1fr 1.5fr;gap:60px;scroll-margin-top:100px}.request-heading{align-self:start;position:sticky;top:125px}.request-heading p{color:#666;margin:22px 0!important;font-size:17px}.request-heading>a{font-size:24px;border-bottom:1px solid #888}.request-fields{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:30px 0}.request-fields label,.service-extra-label{display:flex;flex-direction:column;gap:12px;font-size:15px}.request-wide{grid-column:1/-1}.service-request :is(input:not([type=checkbox]),textarea,select){width:100%;background:#eaeaea;color:#131313;border:1px solid #ccc;border-radius:4px;padding:15px;font:inherit;min-width:0}.service-request textarea{resize:vertical}.service-request input:focus,.service-request textarea:focus,.service-request select:focus{outline:2px solid #507d00;outline-offset:3px}.service-request input[type=checkbox]{accent-color:#426900;width:18px;height:18px;flex:none}.request-service{position:relative;margin:0 0 25px;border:1px solid #ccc;padding:22px;min-width:0}.request-service legend{font-size:22px;padding:0 10px}.request-service>p{font-size:14px;color:#666;margin:0 0 15px!important}.service-remove{position:absolute;inset-inline-end:12px;top:-8px;border:0;background:#f3f3f3;font-size:28px;line-height:1;width:32px;height:32px}.request-options{display:grid;gap:12px;margin-bottom:24px}.request-options label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:15px}.request-note,.request-empty{font-size:14px;color:#666;margin:18px 0!important;line-height:1.8}#whatsapp-review{margin-top:28px;background:#e6e6e6;padding:24px;border-radius:5px}#whatsapp-message{white-space:pre-wrap;overflow-wrap:anywhere;font:400 15px/1.8 Satoshi,Arial,sans-serif;margin:24px 0;max-height:500px;overflow:auto}
.trq-team-host{display:block!important;width:100%!important;height:auto!important}.trq-team-host>:not(.trq-team-grid){display:none!important}.trq-team-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;width:100%}.trq-person{background:#f1f1f1;clip-path:polygon(0 0,calc(100% - 26px) 0,100% 26px,100% 100%,0 100%);overflow:hidden;min-width:0;position:relative}.trq-person-photo{height:370px;position:relative;background:linear-gradient(145deg,#ddd,#f3f3f3)}.trq-person-photo img{width:100%;height:100%;object-fit:cover;object-position:center 25%;display:block;filter:grayscale(1)}.trq-person:nth-child(2) img{object-fit:contain;object-position:center bottom}.person-number{position:absolute;top:18px;inset-inline-start:18px;font:16px Georgia,serif;color:white;background:#131313b0;padding:5px 8px;direction:ltr}.person-info{padding:24px 20px}.person-info h3{font:500 23px/1.35 Satoshi,Arial,sans-serif;letter-spacing:-.03em;margin:0 0 12px}.person-role{font:500 14px/1.5 Satoshi,Arial,sans-serif;margin:0!important}.person-bio{font:400 14px/1.7 Satoshi,Arial,sans-serif;color:#666;margin:20px 0 0!important}
/* A contained, pannable project canvas; surrounding website keeps normal scrolling. */
.trq-gallery{position:relative;width:100%!important;max-width:none!important;background:#101010;color:#f3f3f3;padding:30px!important;overflow:hidden!important;isolation:isolate;border-radius:5px;direction:ltr;box-sizing:border-box}.trq-gallery *{box-sizing:border-box}.trq-gallery.trq-projects-host>.gallery-top,.trq-gallery.trq-projects-host>.gallery-bottom{display:flex!important}.trq-gallery.trq-projects-host>.gallery-stage{display:block!important}.trq-gallery.trq-projects-host>.gallery-list{display:grid!important}.trq-gallery [hidden],.trq-gallery.trq-projects-host>[hidden]{display:none!important}.trq-gallery>.trq-project-grid{display:none!important}.gallery-top{display:flex;justify-content:space-between;align-items:center;gap:20px;position:relative;z-index:2;pointer-events:none}.gallery-top h2{font:400 clamp(26px,3vw,46px)/1.15 Satoshi,Arial,sans-serif;letter-spacing:-.03em;margin:15px 0 0;color:inherit}.gallery-eyebrow,.gallery-count{font:11px/1.5 Satoshi,Arial,sans-serif;letter-spacing:.09em;color:#aaa}.gallery-stage{height:580px;position:relative;overflow:hidden;cursor:grab;touch-action:pan-y;outline-offset:-2px}.gallery-stage.is-dragging{cursor:grabbing}.gallery-stage:focus-visible{outline:1px solid #98fe00}.gallery-canvas{position:absolute;left:0;top:0;width:1020px;height:760px;transform-origin:0 0;will-change:transform}.gallery-tile{position:absolute;left:0;top:0;width:460px;height:300px;overflow:hidden;border:1px solid #ffffff20;border-radius:3px;padding:0;background:#202020;color:white;text-align:start;cursor:pointer;font:inherit;user-select:none}.gallery-tile img{width:100%;height:100%;object-fit:cover;pointer-events:none;transition:transform .6s cubic-bezier(.2,.7,.2,1)}.gallery-tile:hover img{transform:scale(1.04)}.gallery-tile:focus-visible{outline:3px solid #98fe00;outline-offset:7px}.tile-0{left:30px;top:20px}.tile-1{left:550px;top:110px;height:350px}.tile-2{left:0;top:390px;height:340px}.tile-3{left:520px;top:490px;height:260px}.gallery-tile-meta{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:22px;background:linear-gradient(#0007,transparent 30%,transparent 60%,#000b);pointer-events:none}.gallery-tile-meta>span{font:11px/1.6 Satoshi,Arial,sans-serif;letter-spacing:.05em}.gallery-tile-meta strong{display:flex;align-items:center;justify-content:space-between;font:500 32px/1.3 Satoshi,Arial,sans-serif}.gallery-tile-meta strong>span{font:30px Arial}.gallery-vignette{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 70px 25px #101010;z-index:1}.gallery-bottom{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap}.gallery-bottom>span{font:10px/1.7 Satoshi,Arial,sans-serif;letter-spacing:.06em;color:#999}.gallery-controls{display:flex;gap:7px}.gallery-controls button{font:12px Satoshi,Arial,sans-serif;color:#ddd;background:#1c1c1c;border:1px solid #444;border-radius:3px;padding:9px 12px;cursor:pointer;min-height:36px}.gallery-controls button:hover,.gallery-controls button[aria-pressed=true]{color:#131313;background:#98fe00;border-color:#98fe00}.gallery-list{display:grid;gap:0;padding:30px 0}.gallery-list a{display:flex;gap:20px;align-items:center;color:white!important;border-bottom:1px solid #444;padding:18px 0;text-decoration:none!important}.gallery-list img{width:130px;aspect-ratio:1.6;object-fit:cover}.gallery-list a>span:nth-child(2){flex:1;font:22px Satoshi,Arial,sans-serif}.gallery-list small{display:block;color:#999;font-size:13px;margin-top:8px}.trq-gallery-host{max-width:1440px;width:calc(100% - 48px);padding-bottom:100px}.trq-gallery-host>.trq-project-grid{display:none}.project-dialog{position:fixed;inset:0;width:min(900px,calc(100vw - 40px));max-height:90dvh;padding:0;border:1px solid #444;border-radius:5px;background:#f3f3f3;color:#131313;font-family:Satoshi,Arial,sans-serif;overflow:auto;overscroll-behavior:contain}.project-dialog::backdrop{background:#000d;backdrop-filter:blur(8px)}.project-dialog-open{overflow:hidden}.dialog-close{position:absolute;z-index:1;top:16px;inset-inline-end:16px;border:1px solid #777;background:#131313;color:white;width:42px;height:42px;border-radius:50%;font:28px Arial;cursor:pointer}.dialog-cover{width:100%;max-height:320px;object-fit:cover;display:block}.dialog-content{padding:35px}.dialog-content h2{font-size:48px;letter-spacing:-.04em;font-weight:500;margin:14px 0 20px}.dialog-content p{font-size:17px;line-height:1.75;color:#555}.dialog-content h3{font-size:15px;margin:26px 0 12px}.dialog-content ul{padding-inline-start:20px;columns:2;gap:30px;font-size:14px;line-height:1.8;color:#555}.dialog-content li{break-inside:avoid}.dialog-content .experience-button{margin-top:20px}
html[lang=ar] :is(.experience-section-heading,.service-card,.service-request,.trq-person,.gallery-top,.gallery-bottom,.gallery-list,.dialog-content){direction:rtl}html[lang=ar] :is(.experience-button,.experience-section-heading,.experience-section-heading h2,.experience-section-heading p,.service-card h2,.service-card h3,.service-card p,.service-select,.person-info h3,.person-role,.person-bio,.gallery-top h2,.gallery-eyebrow,.gallery-count,.gallery-bottom>span,.gallery-controls button,.gallery-tile-meta,.gallery-tile-meta strong,.gallery-list a>span,.dialog-content,#whatsapp-message){font-family:'Thmanyah Serif Display',serif!important;letter-spacing:0!important;font-feature-settings:'ss01' 1,'calt' 1,'liga' 1}html[lang=ar] .gallery-tile-meta{direction:rtl}html[lang=ar] .gallery-top h2{line-height:1.5}html[lang=ar] .service-card h2,html[lang=ar] .service-card h3{line-height:1.5}html[lang=ar] .service-hero h1{line-height:1.3;font-size:clamp(52px,8vw,112px)}html[lang=ar] .service-request,html[lang=ar] .service-catalogue{font-family:'Thmanyah Serif Display',serif}html[lang=ar] .dialog-content h2{letter-spacing:0}
@media(min-width:1600px){.gallery-stage{height:660px}}
@media(max-width:809px){.trq-service-host{padding:70px 24px!important}.service-home-grid,.service-catalogue{grid-template-columns:1fr;gap:0}.service-card{padding:24px 0}.service-catalogue{padding-bottom:60px}.service-catalogue ul{columns:1}.service-hero{padding:55px 0}.service-hero h1{font-size:60px}.service-request{grid-template-columns:1fr;gap:35px;padding:50px 0 80px}.request-heading{position:static}.request-fields{grid-template-columns:1fr}.request-wide{grid-column:auto}.request-service{padding:18px}.request-service legend{font-size:19px}.trq-team-grid{gap:14px}.trq-person-photo{height:300px}.person-info{padding:20px 15px}.person-info h3{font-size:19px}.person-bio{display:none}.trq-gallery{padding:20px!important}.gallery-stage{height:430px}.gallery-top h2{font-size:29px}.gallery-count{font-size:9px}.gallery-bottom{justify-content:center;text-align:center}.gallery-controls{width:100%;justify-content:center}.gallery-list img{width:90px}.gallery-list a>span:nth-child(2){font-size:19px}.gallery-list small{font-size:11px}.trq-gallery-host{width:calc(100% - 24px);padding-bottom:60px}.dialog-content{padding:24px}.dialog-content h2{font-size:36px}.dialog-content ul{columns:1}.trq-story-nav{padding-inline:20px;gap:12px}.trq-story-nav-links{gap:6px}.trq-story-nav-links>a,.trq-story-nav-links>button{font-size:12px;padding:8px 9px}.trq-story-nav-links .trq-story-contact{display:none}.trq-story-logo img{width:65px}.trq-story-nav-links .trq-story-identity{display:none}}
@media(max-width:480px){.trq-team-grid{grid-template-columns:1fr}.trq-person-photo{height:410px}.person-info h3{font-size:24px}.gallery-top{align-items:flex-start}.gallery-top h2{font-size:24px}.gallery-stage{height:360px}.gallery-top{gap:8px}.trq-gallery{padding:16px!important}.gallery-count{max-width:55px}.service-hero h1{font-size:52px}}
@media(prefers-reduced-motion:reduce){.trq-gallery *, .experience-button{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
#service-selection-bar{position:fixed;bottom:22px;inset-inline-end:24px;z-index:20;display:flex;gap:30px;align-items:center;background:#131313;color:#fff;padding:14px 18px;border:1px solid #555;border-radius:5px;box-shadow:0 6px 25px #0003;font:14px Satoshi,Arial,sans-serif}#service-selection-bar a{background:#98fe00;color:#131313;padding:10px 14px;border-radius:3px}#service-selection-bar[hidden]{display:none}html[lang=ar] #service-selection-bar{font-family:'Thmanyah Serif Display',serif}@media(max-width:600px){#service-selection-bar{bottom:12px;inset-inline:12px;justify-content:space-between;gap:12px;padding:10px;font-size:12px}}
@media(max-width:600px){.gallery-tile-meta>span{font-size:19px}.gallery-stage{height:420px}}
/* Service illustration family: the original light-grey cards and fine isometric line work. */
.service-home-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.service-home-grid>.service-card{grid-column:span 2}.service-home-grid>.service-card:nth-child(-n+2),.service-home-grid>.service-card:nth-last-child(-n+2){grid-column:span 3}
.service-card{border:0;border-radius:4px;background:#f3f3f3;padding:28px 28px 24px;overflow:hidden}.service-art{width:100%;height:210px;display:flex;justify-content:flex-end;align-items:center;pointer-events:none;flex:none;direction:ltr}.service-art img{display:block;width:min(100%,360px);height:100%;object-fit:contain;transition:transform .4s ease}.service-card:hover .service-art img{transform:translateY(-5px)}.service-home-grid>.service-card:nth-child(-n+2) .service-art{height:245px}.service-home-grid>.service-card:nth-child(-n+2) .service-art img{width:min(100%,440px)}.service-card>.service-number{position:absolute;inset-block-start:22px;inset-inline-start:24px;color:#999;font-size:11px}.service-card h2,.service-card h3{margin:12px 0 20px;font-size:clamp(25px,2.5vw,38px);line-height:1.25}.service-card p{margin-bottom:25px!important;color:#333}.service-home-grid .service-select{border-top-color:#dedede}.service-catalogue{gap:12px}.service-catalogue .service-card{padding:30px}.service-catalogue .service-art{height:240px}.service-catalogue .service-art img{width:min(100%,420px)}.service-catalogue .service-select{border-top-color:#d1d1d1}.service-catalogue .service-card:has(.service-select[aria-pressed=true]){box-shadow:inset 0 0 0 2px #91ca39}.trq-story-page:has(#service-catalogue){background:#fff}.trq-story-page:has(#service-catalogue) .trq-story-header{background:#fff}
@media(min-width:810px){.service-home-grid .service-card:nth-child(n+3):nth-child(-n+8) h3{font-size:clamp(23px,2.1vw,30px)}html[lang=ar] .service-card h2,html[lang=ar] .service-card h3{line-height:1.45}}
@media(max-width:809px){.service-home-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.service-home-grid>.service-card,.service-home-grid>.service-card:nth-child(-n+2),.service-home-grid>.service-card:nth-last-child(-n+2){grid-column:auto}.service-card,.service-catalogue .service-card{padding:24px}.service-art,.service-home-grid>.service-card:nth-child(-n+2) .service-art,.service-catalogue .service-art{height:190px}.service-card h2,.service-card h3{font-size:27px}.service-catalogue{gap:12px}}
@media(max-width:560px){.service-home-grid{grid-template-columns:1fr}.service-art,.service-home-grid>.service-card:nth-child(-n+2) .service-art,.service-catalogue .service-art{height:215px}.service-card h2,.service-card h3{font-size:30px}.service-art img{width:min(100%,360px)}}
@media(prefers-reduced-motion:reduce){.service-card .service-art img{transition:none;transform:none}}