@font-face{font-family:Editorial;src:url('/assets/editorial-regular.woff') format('woff');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Editorial;src:url('/assets/editorial-italic.woff') format('woff');font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:Studio Sans;src:url('/assets/sans-regular.woff') format('woff');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Studio Sans;src:url('/assets/sans-bold.woff') format('woff');font-weight:600 800;font-style:normal;font-display:swap}
@font-face{font-family:Studio Condensed;src:url('/assets/condensed-bold.woff') format('woff');font-weight:700;font-style:normal;font-display:swap}
:root{--navy:#001730;--navy-lift:#09243d;--cream:#f7f4ee;--gold:#d3a14b;--blue:#1749c6;--ice:#e7edf7;--ink:#09243d;--line:#d8d7d0;--sans:'Studio Sans',Arial,sans-serif;--serif:Editorial,Georgia,serif;--condensed:'Studio Condensed','Arial Narrow',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:disabled{cursor:default}img{display:block}svg{display:block}h1,h2,h3,p{margin:0}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--blue);outline-offset:5px}.hero-translation :focus-visible,.translation-section :focus-visible{outline-color:var(--gold)}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:12px;left:12px;padding:12px 20px;background:white;color:var(--navy);z-index:100;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}
.site-header{height:94px;max-width:1800px;margin:auto;padding:0 4.5%;display:flex;align-items:center;justify-content:space-between;gap:30px;background:var(--cream);position:relative;z-index:5}.wordmark{font-family:var(--serif);font-size:34px;line-height:1;letter-spacing:-1.5px;white-space:nowrap}.wordmark-y{font-style:italic;color:#92703d}.brand-period{color:var(--blue)}.wordmark small{display:block;font-family:var(--sans);font-size:8px;letter-spacing:2.2px;line-height:1.6;margin-top:9px}.desktop-nav{display:flex;align-items:center;gap:30px;font-size:13px}.desktop-nav a{padding:13px 0;position:relative}.desktop-nav a::after{content:'';position:absolute;bottom:6px;left:0;right:0;height:1px;background:var(--navy);transform:scaleX(0);transform-origin:left;transition:transform .2s}.desktop-nav a:hover::after,.desktop-nav a:focus-visible::after{transform:scaleX(1)}.header-actions{display:flex;align-items:center;gap:30px}.language-switch{display:flex;gap:5px;align-items:center;font-size:11px;color:#72808d}.language-switch button{padding:10px 3px;border:0;background:none;min-height:44px;color:#667685}.language-switch button[aria-pressed=true]{color:var(--navy);font-weight:700}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;border:1px solid transparent;min-height:52px;padding:15px 22px;font-size:14px;line-height:1.2;text-align:left;transition:background .2s,color .2s,box-shadow .2s}.button>span:last-child:not(:first-child){font-size:20px;line-height:1}.header-quote{background:var(--navy);color:var(--cream);min-height:46px;padding:12px 18px;gap:30px;font-size:12px}.button-gold{background:var(--gold);color:var(--navy)}.button-gold:hover{background:#e3ba73}.button-blue{background:var(--blue);color:#fff}.button-blue:hover{background:#0d3596}.button-navy{background:var(--navy);color:var(--cream)}.button-navy:hover,.header-quote:hover{background:#153855}.button-outline{border-color:var(--navy);background:transparent}.button-outline:hover{background:#e4e8ed}.text-link{display:inline-flex;align-items:center;gap:18px;min-height:44px;font-size:13px;border:0;background:none;padding:8px 0;text-align:left}.text-link>span:last-child:not(:first-child){font-size:19px}.text-link:hover>span:first-child{text-decoration:underline;text-underline-offset:5px}.blue-text{color:var(--blue)}.gold-text{color:var(--gold)}
.hero{position:relative;display:grid;grid-template-columns:1fr 1fr;max-width:1800px;margin:auto;isolation:isolate}.hero-panel{min-width:0;min-height:650px;position:relative;padding:30px 8.7% 26px;overflow:hidden}.hero-translation{background:var(--navy);color:var(--cream)}.hero-interpretation{background:var(--ice);color:var(--navy)}.panel-eyebrow{position:relative;z-index:2;display:flex;align-items:center;gap:13px;font-size:9px;letter-spacing:1.25px;white-space:nowrap}.service-number{font-family:var(--serif);font-style:italic;font-size:17px;opacity:.6}.eyebrow-end{margin-left:auto;font-size:10px;opacity:.7}.hero-translation .panel-eyebrow{color:#d8c7aa}.hero-interpretation .panel-eyebrow{color:#345f9d}.hero-copy{position:relative;z-index:2;padding-top:73px;pointer-events:none}.hero-copy a,.hero-copy button{pointer-events:auto}.hero-copy h2{font-weight:400;letter-spacing:-2.5px;line-height:1.02;position:relative}.hero-copy h2 span,.hero-copy h2 em{display:block}.translation-headline{font-family:var(--serif);font-size:clamp(54px,5.65vw,88px)}.translation-headline em{font-weight:400;color:var(--gold)}.interpretation-headline{font-family:var(--condensed);font-size:clamp(57px,5.6vw,87px);line-height:.98!important;letter-spacing:-1.6px!important;padding-top:4px}.hero-description{font-size:15px;line-height:1.65;max-width:300px;margin-top:27px;margin-bottom:24px}.hero-translation .hero-description{color:#c8d0db}.hero-interpretation .hero-description{color:#445771}.hero-discover{display:flex;width:max-content;opacity:.8;font-size:11px;margin-top:9px}.hero-person{position:absolute;bottom:73px;right:7%;width:168px;z-index:1}.portrait-crop{position:relative;width:100%;overflow:hidden;isolation:isolate}.portrait-crop img{position:absolute;max-width:none;height:auto;pointer-events:none}.xio-crop{aspect-ratio:168/204;border-radius:100px 100px 0 0;background:#a48254}.xio-crop img{width:227%;left:-118%;top:-4%}.interpreter-crop{aspect-ratio:168/204;border-radius:100px 100px 0 0;background:#d9e3f3}.interpreter-crop img{width:265%;left:-145%;top:-107%}.person-xio::before{content:'';position:absolute;inset:-9px -9px 74px;border:1px solid #d3a14b66;border-radius:110px 110px 0 0;z-index:-1}.person-interpreter::before{content:'';width:240px;height:240px;position:absolute;top:-16px;left:-38px;border:1px solid #1749c62b;border-radius:50%;z-index:-1}.person-label{padding-top:14px;display:flex;flex-direction:column;gap:2px;font-size:10px;line-height:1.5}.person-kicker{font-size:7px;letter-spacing:1.1px;opacity:.7;white-space:nowrap}.person-label strong{font-family:var(--serif);font-weight:400;font-size:21px;line-height:1.3}.person-interpreter .person-label strong{font-family:var(--sans);font-size:17px;font-weight:700}.hero-translation .person-label>span:last-child{color:#acb8c9}.hero-interpretation .person-label>span:last-child{color:#516987}.panel-bottom{position:absolute;bottom:23px;left:8.7%;right:8.7%;display:flex;justify-content:space-between;align-items:center;padding-top:16px;font-size:8px;letter-spacing:1.8px;border-top:1px solid #ffffff25}.hero-interpretation .panel-bottom{border-color:#12366d2b}.small-arrow{font-size:19px;line-height:1}.hero-art{position:absolute;pointer-events:none;stroke:currentColor;stroke-width:.8;opacity:.17}.document-art{width:170px;height:190px;right:34px;top:84px;color:var(--gold);transform:rotate(8deg)}.conversation-art{width:190px;height:165px;right:20px;top:73px;color:var(--blue);transform:rotate(-7deg)}.ink-path{stroke-dasharray:1;stroke-dashoffset:0}.brand-bridge{position:absolute;top:50%;left:50%;width:64px;height:64px;transform:translate(-50%,-50%);border-radius:50%;background:var(--cream);color:var(--navy);z-index:3;display:grid;place-items:center;box-shadow:0 0 0 8px #f7f4ee20}.brand-bridge>span{font:italic 42px var(--serif);padding-bottom:8px}.brand-bridge svg{position:absolute;inset:0;width:100%;height:100%;stroke:var(--gold);stroke-width:1}.bridge-ring{stroke-dasharray:1;stroke-dashoffset:0;transform-origin:center;transform:rotate(-90deg)}
.translation-headline em::after{content:'';position:absolute;left:1px;bottom:-6px;width:54%;height:1px;background:var(--gold);transform-origin:left;opacity:.65}.hero.is-animating .document-art .ink-path{animation:draw-line 1.2s .15s ease both}.hero.is-animating .document-art .signature-path{animation-delay:.7s;animation-duration:1s}.hero.is-animating .dialogue-a .ink-path{animation:draw-line 1.3s .7s ease both}.hero.is-animating .dialogue-b .ink-path{animation:draw-line 1.1s 1.2s ease both}.hero.is-animating .dialogue-a{animation:dialogue-enter .85s .7s ease both}.hero.is-animating .dialogue-b{animation:dialogue-enter-reverse .85s 1.2s ease both}.hero.is-animating .bridge-ring{animation:draw-line 2.1s .4s ease both}.hero.is-animating .brand-bridge>span{animation:bridge-settle .65s 1.5s ease both}.hero.is-animating .hero-translation h2 em::after{animation:rule-draw 1.3s .4s ease both}
@keyframes draw-line{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes dialogue-enter{from{transform:translate(-15px,0);opacity:0}to{transform:translate(0,0);opacity:1}}@keyframes dialogue-enter-reverse{from{transform:translate(15px,0);opacity:0}to{transform:translate(0,0);opacity:1}}@keyframes bridge-settle{from{transform:translateY(7px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes rule-draw{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.hero-caption{max-width:1800px;margin:auto;min-height:68px;padding:13px 4.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:16px}.hero-caption p{display:flex;align-items:center;gap:17px;font-size:12px}.caption-rule{width:30px;height:1px;background:var(--gold)}.animation-control{display:flex;align-items:center;gap:9px;font-size:11px;border:0;background:none;color:#506074;min-height:44px;padding:8px 0}.animation-control>span:first-child{font-size:22px}.animation-control:hover{color:var(--blue)}.animation-control:disabled{color:#637286}.section-shell{max-width:1440px;margin:auto;padding:85px 7%}.eyebrow{font-size:9px;letter-spacing:1.8px;line-height:1.7}.intro>.eyebrow{color:#6b746e}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:12%;margin-top:28px;align-items:center}.intro h2,.process-heading h2{font:400 52px/1.08 var(--serif);letter-spacing:-1.5px;white-space:pre-line}.intro-grid>div>p{color:#5d6974;font-size:16px;line-height:1.8;max-width:440px}.dark-link{color:var(--navy);margin-top:15px}.intro-grid>div .text-link{font-size:12px}.service-section{display:grid;grid-template-columns:1fr 1fr;gap:11%;max-width:1800px;margin:auto;padding:85px max(7%,calc((100vw - 1240px)/2));scroll-margin-top:24px}.translation-section{background:var(--navy);color:var(--cream)}.interpretation-section{background:#f0f4fa;color:var(--navy)}.service-intro h2{font:400 52px/1.08 var(--serif);letter-spacing:-1.5px;margin-top:25px}.service-intro h2 span,.service-intro h2 em{display:block}.service-intro h2 em{color:var(--gold);font-weight:400}.service-intro>p:not(.eyebrow){font-size:15px;line-height:1.8;margin-top:24px;max-width:465px}.translation-section .service-intro>p:not(.eyebrow){color:#c1ccd9}.service-note{display:flex;gap:16px;align-items:flex-start;max-width:385px;margin-top:24px}.service-note>span{font-size:26px;color:var(--gold);line-height:1.2}.service-note p{font-size:12px;line-height:1.8;color:#c0c8d2}.service-intro .text-link{font-size:12px;margin-top:22px}.gold-link{color:var(--gold)}.blue-link{color:var(--blue)}.service-details{padding-top:37px}.service-details details{border-top:1px solid #ffffff33}.service-details details:last-of-type{border-bottom:1px solid #ffffff33}.service-details summary{display:flex;gap:18px;align-items:center;list-style:none;min-height:81px;cursor:pointer;font-size:17px;line-height:1.35}.service-details summary::-webkit-details-marker{display:none}.detail-number{font-size:11px;color:var(--gold);align-self:center}.detail-sign{margin-left:auto;position:relative;width:15px;height:15px;flex:0 0 15px}.detail-sign::before,.detail-sign::after{content:'';position:absolute;left:0;top:7px;right:0;height:1px;background:currentColor}.detail-sign::after{transform:rotate(90deg);transition:transform .2s}details[open] .detail-sign::after{transform:rotate(0)}.service-details details>p{font-size:13px;line-height:1.9;margin:0 32px 26px;color:#bac6d6;max-width:390px}.service-footnote{display:flex;align-items:center;gap:10px;font-size:10px;line-height:1.8;margin-top:26px;color:#afbed1}.dot{display:inline-block;width:5px;height:5px;border-radius:50%;flex-shrink:0}.gold-dot{background:var(--gold)}.blue-dot{background:var(--blue)}.interpretation-section .service-intro h2{font:700 56px/.98 var(--condensed);letter-spacing:-.6px}.interpretation-section .service-intro>p:not(.eyebrow){color:#4f627a}.interpretation-section details{border-color:#afbdd3}.interpretation-section details:last-of-type{border-color:#afbdd3}.interpretation-section .detail-number{color:var(--blue)}.interpretation-section .service-details details>p,.interpretation-section .service-footnote{color:#4c617f}.language-badge{display:flex;align-items:center;gap:22px;width:max-content;margin-top:23px;font-family:var(--condensed);font-size:31px;color:var(--blue)}.language-arrows{font-family:var(--sans);font-size:25px;color:#768faf}
.process-section{padding-top:90px;padding-bottom:90px}.process-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:60px}.process-heading .eyebrow{padding-top:10px;max-width:170px;color:#62707b}.process-heading h2{width:61%;font-size:48px}.process-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:55px;list-style:none;padding:0;margin:55px 0 0}.process-steps li{padding-top:24px;border-top:1px solid #c7cbc9}.step-number{font:italic 34px/1 var(--serif);color:#867148}.process-steps h3{font-weight:400;font-size:17px;margin:22px 0 13px}.process-steps p{font-size:13px;line-height:1.8;color:#5d6974;max-width:305px}.closing{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:50px;padding-top:65px;padding-bottom:65px}.closing .eyebrow{font-size:8px;color:#617181}.closing h2{font:400 52px/1.1 var(--serif);letter-spacing:-1.7px;margin-top:15px}.closing p:last-child{font-size:13px;color:#667482;margin-top:14px}.closing-actions{display:flex;gap:12px}.closing-actions .button{min-width:170px;font-size:12px;gap:28px}.site-footer{max-width:1800px;margin:auto;padding:28px 4.5%;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:30px}.footer-brand{font:400 27px/1 var(--serif);letter-spacing:-1px}.site-footer p{font-size:10px;color:#677480}.site-footer .text-link{font-size:10px}
dialog{width:min(590px,calc(100% - 28px));max-height:calc(100dvh - 40px);border:1px solid #cdd4da;padding:40px;background:var(--cream);color:var(--navy);overflow-y:auto;overscroll-behavior:contain}dialog::backdrop{background:#001730b8;backdrop-filter:blur(5px)}body.dialog-open{overflow:hidden}.dialog-close{position:absolute;top:8px;right:10px;font-size:29px;font-weight:400;border:0;background:none;width:44px;height:44px}.dialog-close:hover{color:var(--blue)}dialog h2{font:400 38px/1.12 var(--serif);letter-spacing:-1px;max-width:420px;margin-top:17px}.dialog-intro{font-size:12px;line-height:1.7;color:#536273;margin:17px 0 24px}#quote-form{display:grid;grid-template-columns:1fr 1fr;gap:17px}.full-field{grid-column:1/-1}.field{display:flex;flex-direction:column;gap:7px;font-size:11px;color:#31465b}.field input,.field textarea,.field select{width:100%;border:1px solid #b8c4d0;border-radius:0;background:#fff;color:var(--navy);padding:11px 12px;min-height:46px;font-size:16px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--blue)}.form-fields{display:grid;grid-template-columns:1fr 1fr;gap:17px;grid-column:1/-1}.field>span{line-height:1.5}.contact-options{display:grid;gap:10px;margin:22px 0 13px}.contact-options .button{width:100%;font-size:13px}.contact-options .button::after{content:'↗';font-size:19px}#enquiry-summary{white-space:pre-wrap;overflow-wrap:anywhere;background:#e8edf3;font:12px/1.8 var(--sans);padding:18px;border-left:2px solid var(--blue);max-height:250px;overflow:auto}.form-status{font-size:12px;line-height:1.7;color:#2a5c3f;margin-top:12px}#edit-enquiry{font-size:12px}
@media(min-width:1600px){.hero-panel{min-height:700px}.hero-copy{padding-top:84px}.hero-person{width:195px;right:8%;bottom:76px}.hero-description{max-width:350px;font-size:16px}.hero-art{right:50px}.service-section{padding-left:max(8%,calc((100vw - 1350px)/2));padding-right:max(8%,calc((100vw - 1350px)/2))}}
@media(max-width:1200px){.site-header{padding:0 4%;gap:20px}.desktop-nav{gap:22px;font-size:12px}.header-actions{gap:18px}.hero-panel{padding-left:7%;padding-right:7%;min-height:620px}.hero-copy{padding-top:76px}.hero-copy h2{letter-spacing:-2px}.hero-description{max-width:265px;font-size:14px}.hero-person{right:5.5%;width:143px;bottom:83px}.person-label strong{font-size:19px}.person-interpreter .person-label strong{font-size:15px}.person-kicker{font-size:6px}.person-label>span:last-child{font-size:9px}.panel-bottom{left:7%;right:7%}.document-art{right:23px;width:145px}.conversation-art{right:10px;width:165px}.hero-panel .button{padding-left:18px;padding-right:18px;font-size:12px;gap:24px}.service-section{gap:8%;padding-left:7%;padding-right:7%}.service-intro h2{font-size:46px}.interpretation-section .service-intro h2{font-size:48px}.closing-actions{flex-direction:column}.closing-actions .button{min-width:205px}}
@media(min-width:741px) and (max-width:1000px){.site-header{height:84px}.wordmark{font-size:28px}.wordmark small{font-size:6px;letter-spacing:1.8px}.desktop-nav{gap:17px;font-size:11px}.header-quote{font-size:11px;padding:11px 13px;gap:14px}.hero-copy{padding-top:58px}.hero-panel{min-height:640px}.translation-headline{font-size:52px}.interpretation-headline{font-size:55px}.hero-description{max-width:235px;font-size:13px}.hero-person{width:113px;right:5%;bottom:70px}.person-label strong{font-size:17px}.person-interpreter .person-label strong{font-size:13px}.person-kicker{font-size:5px;letter-spacing:.6px}.person-label>span:last-child{font-size:8px}.hero-panel .button{font-size:11px;padding:13px 15px;gap:14px;min-height:46px}.brand-bridge{width:48px;height:48px}.brand-bridge>span{font-size:33px}.document-art{width:120px;right:7px;top:67px}.conversation-art{width:145px;right:4px;top:66px}.panel-eyebrow{font-size:7px;letter-spacing:.6px}.eyebrow-end{font-size:8px}.intro h2{font-size:44px}.intro-grid{gap:7%}.service-intro h2{font-size:39px}.interpretation-section .service-intro h2{font-size:43px}.service-details summary{font-size:15px}.process-heading h2{font-size:43px}.process-steps{gap:28px}.closing h2{font-size:46px}}
@media(max-width:740px){html{scroll-padding-top:20px}.site-header{height:auto;min-height:105px;padding:17px 20px 0;gap:10px;flex-wrap:wrap}.wordmark{font-size:28px}.wordmark small{font-size:6px;letter-spacing:1.5px;margin-top:6px}.header-actions{gap:18px}.header-quote{min-height:40px;padding:9px 12px;font-size:10px;gap:15px}.desktop-nav{order:3;width:100%;font-size:10px;gap:0;justify-content:space-between;border-top:1px solid var(--line);margin-top:7px}.desktop-nav a{padding:11px 0;min-height:40px}.desktop-nav a::after{bottom:7px}.language-switch{font-size:10px;gap:2px}.language-switch button{min-height:40px}.hero{grid-template-columns:1fr}.hero-panel{min-height:326px;padding:16px 23px 18px}.panel-eyebrow{font-size:7px;letter-spacing:1px;gap:9px}.service-number{font-size:13px}.eyebrow-end{font-size:8px}.hero-copy{padding-top:23px}.hero-copy h2{letter-spacing:-1.6px}.translation-headline{font-size:44px;max-width:280px}.interpretation-headline{font-size:47px;line-height:.94!important;letter-spacing:-.5px!important;padding-top:2px}.hero-description{font-size:11px;line-height:1.6;max-width:235px;margin-top:14px;margin-bottom:15px;padding-right:17px}.hero-person{width:94px;right:22px;top:83px;bottom:auto}.person-label{padding-top:10px;gap:2px}.person-kicker{font-size:5px;letter-spacing:.35px}.person-label strong{font-size:16px;line-height:1.2}.person-interpreter .person-label strong{font-size:12px;line-height:1.3}.person-label>span:last-child{font-size:7px;line-height:1.45}.person-xio::before{inset:-5px -5px 48px}.person-interpreter::before{width:122px;height:122px;left:-15px;top:-7px}.hero-panel .button{font-size:11px;min-height:43px;padding:11px 13px;gap:22px}.hero-panel .button>span:last-child{font-size:17px}.hero-discover{position:absolute;bottom:-1px;left:200px;min-height:43px;font-size:9px;gap:8px;max-width:90px;margin:0}.hero-discover>span:last-child{font-size:15px}.panel-bottom{bottom:13px;left:23px;right:23px;font-size:6px;letter-spacing:1.4px;padding-top:9px}.panel-bottom .small-arrow{font-size:13px}.brand-bridge{top:326px;width:37px;height:37px;box-shadow:0 0 0 5px #f7f4ee20;left:calc(100% - 67px)}.brand-bridge>span{font-size:27px;padding-bottom:5px}.document-art{width:96px;height:110px;right:19px;top:28px;opacity:.11}.conversation-art{width:125px;height:110px;right:4px;top:21px;opacity:.12}.hero-caption{padding:8px 21px;min-height:54px;gap:9px}.hero-caption p{font-size:9px;gap:9px}.caption-rule{width:15px}.animation-control{font-size:8px;gap:5px;min-height:38px}.animation-control>span:first-child{font-size:18px}.section-shell{padding:54px 24px}.eyebrow{font-size:8px;letter-spacing:1.2px}.intro-grid{grid-template-columns:1fr;gap:23px;margin-top:20px}.intro h2{font-size:39px}.intro-grid>div>p{font-size:14px;max-width:none;line-height:1.8}.intro-grid>div .text-link{font-size:11px}.service-section{grid-template-columns:1fr;gap:22px;padding:52px 24px;scroll-margin-top:0}.service-intro h2{font-size:40px;margin-top:20px}.service-intro>p:not(.eyebrow){font-size:14px;margin-top:20px}.service-note{margin-top:20px}.service-note p{font-size:11px}.service-intro .text-link{font-size:11px;margin-top:17px}.service-details{padding-top:8px}.service-details summary{font-size:15px;min-height:70px;gap:13px}.service-details details>p{font-size:12px;margin-left:25px}.service-footnote{font-size:9px;margin-top:20px}.interpretation-section .service-intro h2{font-size:43px}.language-badge{font-size:28px;margin-top:20px}.process-heading{display:block}.process-heading .eyebrow{padding:0;max-width:none}.process-heading h2{width:100%;font-size:38px;margin-top:20px}.process-steps{grid-template-columns:1fr;gap:25px;margin-top:32px}.process-steps li{position:relative;padding:22px 0 0 53px;min-height:125px}.step-number{position:absolute;top:23px;left:0;font-size:28px}.process-steps h3{margin:0 0 10px;font-size:16px}.process-steps p{font-size:13px;max-width:none}.closing{display:block;padding-top:40px;padding-bottom:45px}.closing h2{font-size:40px}.closing-actions{flex-direction:row;gap:10px;margin-top:26px}.closing-actions .button{font-size:10px;min-width:0;flex:1;padding:13px;gap:10px}.site-footer{padding:24px;flex-wrap:wrap;gap:15px}.footer-brand{font-size:25px}.site-footer p{font-size:8px}.site-footer .text-link{font-size:9px;min-height:30px}.site-footer .text-link>span:last-child{font-size:14px}dialog{padding:36px 23px 27px;max-height:calc(100dvh - 28px)}dialog h2{font-size:33px}.dialog-intro{font-size:11px}.dialog-close{top:3px;right:5px}.field{font-size:10px}.field input,.field textarea,.field select{font-size:16px}.contact-options .button{font-size:12px}}
@media(max-width:370px){.site-header{padding-left:16px;padding-right:16px}.wordmark{font-size:25px}.header-actions{gap:11px}.header-quote{gap:10px;padding:9px 10px}.hero-panel{padding-left:19px;padding-right:19px;min-height:340px}.hero-person{width:78px;right:18px;top:92px}.hero-description{max-width:214px;font-size:10.5px}.translation-headline{font-size:39px}.interpretation-headline{font-size:43px}.panel-eyebrow{font-size:6px;letter-spacing:.7px}.eyebrow-end{font-size:7px}.hero-discover{left:188px;max-width:76px;font-size:8px}.hero-panel .button{font-size:10px;gap:17px}.brand-bridge{top:340px}.hero-caption p{font-size:8px}.caption-rule{display:none}.animation-control{font-size:7px}.person-label strong{font-size:14px}.person-interpreter .person-label strong{font-size:11px}.person-label>span:last-child{font-size:6px}.person-kicker{font-size:4.5px}.closing-actions .button{font-size:9px}}
/* Keep portraits, service actions and labels in separate columns on phones. */
@media(max-width:740px){.hero-panel{min-height:355px}.brand-bridge{top:355px}.hero-copy h2{max-width:calc(100% - 106px)}.translation-headline{font-size:40px}.interpretation-headline{font-size:40px}.hero-description{max-width:calc(100% - 110px);padding-right:0}.hero-discover{display:none}.hero-person{top:83px}.person-label{padding-top:8px}.person-label strong{font-size:13px}.person-interpreter .person-label strong{font-size:11px}.person-kicker,.person-label>span:last-child{display:none}}
@media(max-width:370px){.hero-panel{min-height:370px}.brand-bridge{top:370px}.header-quote{display:none}.site-header{min-height:105px}.hero-copy h2{max-width:calc(100% - 83px)}.translation-headline{font-size:35px}.interpretation-headline{font-size:36px}.hero-description{max-width:calc(100% - 89px)}.hero-person{top:85px}.person-label strong{font-size:12px}}
@media(max-width:740px){.interpretation-headline .blue-text{font-size:.88em}.hero-description{font-size:12px}}
@media(max-width:370px){.interpretation-headline{font-size:31px}.interpretation-headline .blue-text{font-size:.95em}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.hero .ink-path,.hero .bridge-ring{stroke-dashoffset:0!important}.dialogue-a,.dialogue-b{transform:none!important;opacity:1!important}}

/* Keep every navigation item available when zoom reduces the layout width. */
@media (min-width: 741px) and (max-width: 1000px) {
  .site-header {
    height: auto;
    min-height: 110px;
    flex-wrap: wrap;
    padding-top: 16px;
    gap: 8px 24px;
  }
  .desktop-nav {
    order: 3;
    width: 100%;
    justify-content: space-between;
    gap: 24px;
    margin-top: 7px;
    border-top: 1px solid var(--line);
    font-size: 12px;
  }
  .desktop-nav a {
    min-height: 44px;
    padding: 12px 0;
  }
}

/* Brand hero: the XD Translations logo as the main banner.
   The logo JPEG has a flat navy background (#021733), so the section uses the same
   colour and the image edges fade out: the logo blends into the banner without a visible frame. */
.brand-hero {
  --hero-h: clamp(560px, calc(100svh - 164px), 940px);
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: #021733;
  color: var(--cream);
}
.brand-hero::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, #d3a14b99 50%, transparent);
}
.brand-hero-inner {
  max-width: 1800px;
  min-height: var(--hero-h);
  margin: auto;
  padding: 36px 4.5% 44px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
/* The frame crops the empty navy above and below the artwork (1254 x 800 band of the 1254 x 1254 file). */
.brand-logo-frame {
  position: relative;
  width: min(1000px, 100%, calc((var(--hero-h) - 200px) * 1.5675));
  aspect-ratio: 1254 / 800;
  overflow: hidden;
}
.brand-logo {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  max-width: none;
  height: auto;
  transform: translate(-50%, -50%);
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 5%, #000 95%, transparent);
  mask-image: linear-gradient(90deg, transparent, #000 5%, #000 95%, transparent);
}
.brand-tagline {
  margin-top: 4px;
  font-size: 13px;
  letter-spacing: .3em;
  line-height: 1.7;
  color: #e3c58a;
}
.tagline-dot { margin: 0 .9em; opacity: .7; }
.brand-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 14px;
  margin-top: 30px;
}
.brand-actions .button {
  min-width: 250px;
  font-size: 14px;
}
.button-ghost {
  background: transparent;
  border-color: #f7f4ee66;
  color: var(--cream);
}
.button-ghost:hover {
  background: #f7f4ee1a;
  border-color: var(--cream);
}
.brand-hero :focus-visible {
  outline-color: var(--gold);
}
.brand-hero.is-animating .brand-logo { animation: logo-arrive 1.2s cubic-bezier(.2, .7, .1, 1) both; }
.brand-hero.is-animating .brand-tagline { animation: hero-rise .9s .55s cubic-bezier(.2, .7, .1, 1) both; }
.brand-hero.is-animating .brand-actions { animation: hero-rise .9s .8s cubic-bezier(.2, .7, .1, 1) both; }
@keyframes logo-arrive {
  from { opacity: 0; transform: translate(-50%, -47%) scale(.96); }
  to { opacity: 1; transform: translate(-50%, -50%) scale(1); }
}
@keyframes hero-rise {
  from { opacity: 0; transform: translateY(14px); }
  to { opacity: 1; transform: none; }
}

/* About: the two professional biographies. */
.about { padding-top: 96px; padding-bottom: 96px; }
.about-heading {
  display: grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 9%;
  align-items: end;
}
.about-heading .eyebrow { color: #6b746e; }
.about-heading h2 {
  font: 400 52px/1.08 var(--serif);
  letter-spacing: -1.5px;
  margin-top: 22px;
  white-space: pre-line;
}
.about-lead {
  font-size: 16px;
  line-height: 1.8;
  color: #5d6974;
  max-width: 440px;
}
.bio-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  margin-top: 52px;
  align-items: stretch;
}
.bio-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 44px 44px 38px;
}
.bio-xio { background: var(--navy); color: var(--cream); }
.bio-interpreter { background: var(--ice); color: var(--navy); }
.bio-head {
  display: flex;
  align-items: flex-end;
  gap: 28px;
  margin-bottom: 34px;
}
.bio-portrait { flex: 0 0 150px; width: 150px; }
.bio-id { min-width: 0; }
.bio-kicker { font-size: 10px; letter-spacing: 2px; line-height: 1.6; }
.bio-xio .bio-kicker { color: var(--gold); }
.bio-interpreter .bio-kicker { color: var(--blue); font-weight: 700; }
.bio-role { font-size: 13px; line-height: 1.5; margin-top: 4px; opacity: .85; }
.bio-stat {
  display: flex;
  align-items: baseline;
  gap: 12px;
  margin-top: 18px;
  padding-top: 14px;
  border-top: 1px solid #d3a14b55;
}
.bio-stat strong { font: 400 58px/1 var(--serif); letter-spacing: -2px; color: var(--gold); }
.bio-stat span { font-size: 12px; line-height: 1.35; max-width: 96px; }
.bio-interpreter .bio-stat { border-color: #1749c633; }
.bio-interpreter .bio-stat strong { font: 700 58px/1 var(--condensed); letter-spacing: 0; color: var(--blue); }
.bio-card h3 {
  font: 400 36px/1.1 var(--serif);
  letter-spacing: -1px;
  margin: 0 0 20px;
}
.bio-interpreter h3 {
  font: 700 44px/1 var(--condensed);
  letter-spacing: -.3px;
  text-transform: uppercase;
}
.bio-card > p { font-size: 15px; line-height: 1.85; }
.bio-card > p + p { margin-top: 14px; }
.bio-xio > p { color: #c8d0db; }
.bio-interpreter > p { color: #445771; }
.bio-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  list-style: none;
  margin: 28px 0 0;
  padding: 0;
}
.bio-tags li { font-size: 11px; letter-spacing: .4px; line-height: 1.3; padding: 7px 13px; border: 1px solid; }
.bio-xio .bio-tags li { border-color: #d3a14b88; color: #e6cd9b; }
.bio-interpreter .bio-tags li { border-color: #1749c655; color: var(--blue); }
.bio-card .bio-close { margin-top: auto; padding-top: 30px; }
.bio-xio .bio-close { font: italic 400 23px/1.3 var(--serif); color: var(--gold); }
.bio-interpreter .bio-close { font: 700 21px/1.2 var(--condensed); letter-spacing: .3px; text-transform: uppercase; color: var(--blue); }

@media (max-width: 1000px) {
  .about-heading { grid-template-columns: 1fr; gap: 20px; }
  .bio-grid { grid-template-columns: 1fr; }
}
@media (max-width: 740px) {
  .brand-hero { --hero-h: clamp(540px, calc(100svh - 190px), 720px); }
  .brand-hero-inner { padding: 28px 0 40px; }
  .brand-logo-frame { width: 100%; }
  /* Scale the artwork past the frame so the wordmark spans almost the full phone width. */
  .brand-logo { width: 110%; }
  .brand-tagline { font-size: 11px; letter-spacing: .22em; padding: 0 20px; margin-top: 14px; }
  /* One line per specialty on phones, no separator. */
  .brand-tagline > span { display: block; }
  .tagline-dot { display: none !important; }
  .brand-actions { width: 100%; padding: 0 20px; flex-direction: column; gap: 10px; margin-top: 26px; }
  .brand-actions .button { width: 100%; min-width: 0; font-size: 13px; }
  .about { padding: 60px 20px; }
  .about-heading h2 { font-size: 38px; margin-top: 18px; }
  .about-lead { font-size: 14px; }
  .bio-grid { gap: 16px; margin-top: 32px; }
  .bio-card { padding: 28px 22px 26px; }
  .bio-head { gap: 18px; margin-bottom: 26px; }
  .bio-portrait { flex-basis: 108px; width: 108px; }
  .bio-stat strong, .bio-interpreter .bio-stat strong { font-size: 44px; }
  .bio-stat span { font-size: 11px; max-width: 80px; }
  .bio-card h3 { font-size: 30px; }
  .bio-interpreter h3 { font-size: 38px; }
  .bio-card > p { font-size: 14px; }
  .bio-xio .bio-close { font-size: 20px; }
  .bio-interpreter .bio-close { font-size: 19px; }
}
@media (prefers-reduced-motion: reduce) {
  .brand-hero .brand-logo, .brand-hero .brand-tagline, .brand-hero .brand-actions { animation: none !important; }
}

/* Header: navy like the logo artwork, so the new logo sits in it without a visible frame.
   The crop below keeps only the artwork (source x 76-1178, y 274-994 of the 1254 x 1254 file). */
.site-header {
  background: #021733;
  color: var(--cream);
  border-bottom: 1px solid #d3a14b33;
}
.wordmark { display: block; line-height: 0; letter-spacing: 0; }
.wordmark-crop {
  position: relative;
  display: block;
  height: 88px;
  aspect-ratio: 1102 / 720;
  overflow: hidden;
}
.wordmark-crop img {
  position: absolute;
  max-width: none;
  width: 113.79%;
  height: auto;
  left: -6.9%;
  top: -38.06%;
}
.site-header :focus-visible { outline-color: var(--gold); }
.desktop-nav a::after { background: var(--gold); }
.desktop-nav { border-top-color: #ffffff26; }
.language-switch { color: #8fa0b3; }
.language-switch button { color: #8fa0b3; }
.language-switch button[aria-pressed=true] { color: var(--cream); }
.header-quote { background: var(--gold); color: var(--navy); }
.header-quote:hover { background: #e3ba73; }
@media (min-width: 1001px) {
  .site-header { height: 108px; }
}
@media (max-width: 1000px) {
  .site-header { min-height: 0; padding-top: 12px; padding-bottom: 6px; }
  .wordmark-crop { height: 72px; }
}
@media (max-width: 740px) {
  .site-header { padding: 12px 20px 0; }
  .wordmark-crop { height: 62px; }
}

/* Reviews */
.reviews { padding-top: 40px; padding-bottom: 96px; }
.reviews .about-heading h2 { max-width: 14em; }
.review-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
  margin-top: 52px;
}
.review-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  margin: 0;
  padding: 36px 40px 30px;
  background: #fff;
  border: 1px solid #d3a14b55;
  color: var(--navy);
}
.review-feature { grid-column: 1 / -1; background: var(--navy); color: var(--cream); border-color: var(--navy); }
.review-meta { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.review-score { font: 400 44px/1 var(--serif); letter-spacing: -1px; color: var(--gold); }
.review-stars { font-size: 18px; letter-spacing: 3px; color: var(--gold); }
.review-source { font-size: 10px; letter-spacing: 2px; text-transform: uppercase; opacity: .75; line-height: 1.5; }
.review-card blockquote { margin: 22px 0 0; font: 400 21px/1.5 var(--serif); }
.review-feature blockquote { font-size: 28px; max-width: 30em; }
.review-card figcaption { margin-top: auto; padding-top: 26px; display: flex; flex-direction: column; gap: 2px; font-size: 13px; }
.review-card figcaption strong { font-size: 15px; letter-spacing: .3px; }
.review-card figcaption span { opacity: .7; }
.review-feature figcaption span { color: var(--gold); opacity: 1; }
.review-note { margin-top: 10px; font-size: 11px; opacity: .55; }
.review-note-en { display: none; }
html[lang=en] .review-note-en { display: block; }
html[lang=en] .review-note-es { display: none; }
@media (max-width: 1000px) {
  .review-card { padding: 30px 28px 26px; }
  .review-feature blockquote { font-size: 24px; }
}
@media (max-width: 740px) {
  .reviews { padding-top: 24px; padding-bottom: 64px; }
  .review-grid { grid-template-columns: 1fr; gap: 16px; margin-top: 36px; }
  .review-card { padding: 26px 22px 22px; }
  .review-card blockquote { font-size: 18px; }
  .review-feature blockquote { font-size: 20px; }
}

/* Contact section */
.contact { padding-top: 40px; padding-bottom: 110px; }
.contact-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin-top: 52px; }
.contact-card { display: flex; flex-direction: column; min-width: 0; padding: 38px 40px 36px; }
.contact-xio { background: var(--navy); color: var(--cream); }
.contact-shari { background: var(--ice); color: var(--navy); }
.contact-xio .bio-kicker { color: var(--gold); }
.contact-shari .bio-kicker { color: var(--blue); font-weight: 700; }
.contact-role { font-size: 13px; margin-top: 4px; opacity: .85; }
.contact-list { list-style: none; margin: 26px 0 30px; padding: 0; display: grid; gap: 16px; }
.contact-list li { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; font: 400 22px/1.3 var(--serif); overflow-wrap: anywhere; }
.contact-list li > span:first-child { flex: 0 0 100%; font: 400 10px/1.6 var(--sans); letter-spacing: 2px; text-transform: uppercase; opacity: .65; }
.contact-list a { color: inherit; text-decoration: none; border-bottom: 1px solid currentColor; }
.contact-list a:hover { opacity: .75; }
.contact-sep { opacity: .5; }
.contact-wa { margin-top: auto; align-self: flex-start; }

/* WhatsApp widget */
.wa-widget { position: fixed; right: 22px; bottom: 22px; z-index: 40; display: flex; flex-direction: column; align-items: flex-end; gap: 14px; }
.wa-fab { width: 62px; height: 62px; border-radius: 50%; border: 0; background: #25d366; display: grid; place-items: center; cursor: pointer; box-shadow: 0 8px 24px #02173355; transition: transform .2s ease; }
.wa-fab:hover { transform: scale(1.06); }
.wa-fab:focus-visible { outline: 3px solid var(--gold); outline-offset: 3px; }
.wa-panel { width: min(320px, calc(100vw - 44px)); background: var(--navy); color: var(--cream); padding: 22px; box-shadow: 0 18px 50px #02173380; border-top: 3px solid var(--gold); }
.wa-panel[hidden] { display: none; }
.wa-question { font: 400 20px/1.3 var(--serif); margin-bottom: 16px; }
.wa-option { display: flex; flex-direction: column; gap: 2px; padding: 14px 16px; margin-top: 10px; background: #ffffff12; border: 1px solid #d3a14b66; color: inherit; text-decoration: none; transition: background .2s ease; }
.wa-option:hover, .wa-option:focus-visible { background: #25d36633; }
.wa-name { font-weight: 700; font-size: 15px; letter-spacing: .3px; }
.wa-desc { font-size: 12px; opacity: .75; }
@media (max-width: 1000px) {
  .contact-grid { grid-template-columns: 1fr; }
}
@media (max-width: 740px) {
  .contact { padding-bottom: 80px; }
  .contact-card { padding: 28px 22px; }
  .contact-list li { font-size: 19px; }
  .contact-wa { align-self: stretch; justify-content: center; }
  .wa-widget { right: 14px; bottom: 14px; }
}

/* Contact: roles take the lead */
.contact-card .bio-kicker { font-size: 12px; letter-spacing: 3px; }
.contact-role { font: 400 36px/1.1 var(--serif); letter-spacing: -.8px; margin-top: 12px; opacity: 1; }
.contact-xio .contact-role { color: var(--gold); }
.contact-shari .contact-role { font: 700 34px/1.05 var(--condensed); letter-spacing: .2px; text-transform: uppercase; color: var(--blue); }
.contact-list { margin-top: 30px; padding-top: 26px; border-top: 1px solid currentColor; border-top-color: #8a93a044; }
@media (max-width: 740px) {
  .contact-role { font-size: 29px; }
  .contact-shari .contact-role { font-size: 28px; }
}

/* About: larger, more impactful biographies */
.about { padding-top: 120px; padding-bottom: 120px; }
.about-heading h2 { font-size: 72px; letter-spacing: -2.2px; }
.about-lead { font-size: 18px; max-width: 480px; }
.bio-grid { gap: 32px; margin-top: 72px; }
.bio-card { padding: 60px 56px 52px; box-shadow: 0 24px 60px #02173322; }
.bio-head { gap: 36px; margin-bottom: 44px; }
.bio-portrait { flex: 0 0 230px; width: 230px; }
.bio-kicker { font-size: 12px; letter-spacing: 3px; }
.bio-role { font-size: 16px; margin-top: 8px; }
.bio-stat { margin-top: 24px; padding-top: 18px; }
.bio-stat strong, .bio-interpreter .bio-stat strong { font-size: 84px; }
.bio-stat span { font-size: 14px; max-width: 110px; }
.bio-card h3 { font-size: 50px; letter-spacing: -1.4px; margin-bottom: 26px; }
.bio-interpreter h3 { font-size: 60px; letter-spacing: -.4px; }
.bio-card > p { font-size: 17px; line-height: 1.8; }
.bio-card > p + p { margin-top: 18px; }
.bio-tags { gap: 10px; margin-top: 34px; }
.bio-tags li { font-size: 13px; padding: 9px 16px; }
.bio-card .bio-close { padding-top: 40px; }
.bio-xio .bio-close { font-size: 30px; }
.bio-interpreter .bio-close { font-size: 27px; }
@media (max-width: 1200px) {
  .bio-card { padding: 44px 36px 40px; }
  .bio-portrait { flex-basis: 170px; width: 170px; }
  .bio-card h3 { font-size: 40px; }
  .bio-interpreter h3 { font-size: 48px; }
  .bio-stat strong, .bio-interpreter .bio-stat strong { font-size: 66px; }
}
@media (max-width: 1000px) {
  .about-heading h2 { font-size: 56px; }
  .bio-portrait { flex-basis: 220px; width: 220px; }
}
@media (max-width: 740px) {
  .about { padding: 72px 20px; }
  .about-heading h2 { font-size: 44px; }
  .about-lead { font-size: 16px; }
  .bio-grid { gap: 20px; margin-top: 40px; }
  .bio-card { padding: 30px 22px 28px; }
  .bio-head { gap: 18px; margin-bottom: 28px; }
  .bio-portrait { flex-basis: 128px; width: 128px; }
  .bio-stat strong, .bio-interpreter .bio-stat strong { font-size: 54px; }
  .bio-stat span { font-size: 12px; max-width: 84px; }
  .bio-card h3 { font-size: 34px; }
  .bio-interpreter h3 { font-size: 42px; }
  .bio-card > p { font-size: 15.5px; }
  .bio-tags li { font-size: 12px; }
  .bio-xio .bio-close { font-size: 23px; }
  .bio-interpreter .bio-close { font-size: 22px; }
}