@font-face{font-family:Cairo;src:url('../assets/cairo-variable.ttf') format('truetype');font-weight:200 1000;font-display:swap}
:root{--paper:#faf9f6;--ink:#181818;--muted:#81817d;--line:#deded8;--font:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 var(--font);-webkit-font-smoothing:antialiased}body:has(dialog[open]){overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}img{display:block;max-width:100%;height:auto}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:550}p{color:var(--muted)}button,a,input,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #b32929;outline-offset:5px}::selection{background:#d5d0c4;color:#151515}.shell{width:min(1160px,calc(100% - 100px));margin-inline:auto}.narrow{width:min(760px,calc(100% - 100px));margin-inline:auto}.section{padding-block:110px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:1.7px;line-height:1.7;text-transform:uppercase;color:#7b7b75}.soft{color:#a6a59e}.skip{position:fixed;top:10px;left:10px;padding:10px;background:white;z-index:30;transform:translateY(-160%)}.skip:focus{transform:none}
.masthead{height:98px;display:flex;align-items:center;justify-content:space-between;gap:30px}.logo{display:block;flex-shrink:0}.logo img{width:87px;height:56px;object-fit:contain}.masthead nav{display:flex;gap:30px;align-items:center;font-size:12px;color:#62625d}.masthead nav a:hover{color:#111}.header-tools{display:flex;align-items:center;gap:18px}#language{font-family:Cairo,Arial,sans-serif;font-size:12px;min-height:44px}#menu{display:none;width:40px;height:40px}#menu span{display:block;width:20px;height:1px;background:currentColor;margin:6px auto}
.hero{text-align:center}.hero-copy{padding:83px 0 65px}.hero .eyebrow{display:flex;justify-content:center;align-items:center;gap:9px;font-size:9px;letter-spacing:2px}.live-dot{height:5px;width:5px;border-radius:50%;background:#a12d28}.hero h1{font-size:clamp(54px,6.7vw,91px);line-height:1.02;letter-spacing:-5px;margin:26px 0 25px;font-weight:600}.hero p{max-width:410px;margin:auto;font-size:14px;line-height:1.8}.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;padding:13px 16px 13px 23px;background:#181818;color:#fff;border-radius:7px;font-size:12px;min-height:48px;transition:background .2s,transform .2s}.button:hover{background:#393936;transform:translateY(-2px)}.button .arrow{font-size:20px;line-height:1}.hero .button{margin-top:29px}.film{height:440px;position:relative;overflow:hidden;border-radius:9px;background:#333 url('../assets/hero-video-poster.png') center/cover}.film video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.film-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,#0008)}.film-caption{position:absolute;bottom:27px;inset-inline:32px;display:flex;justify-content:space-between;align-items:center;color:white;font-size:9px;letter-spacing:1.5px;text-align:start}.film-control{display:flex;align-items:center;gap:14px}.film-control button{border:1px solid #fff6;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;font-size:13px;color:white}.hero-foot{display:flex;align-items:center;justify-content:space-between;margin-top:18px;font-size:9px;letter-spacing:1px;color:#7a7a75}.hero-foot a{color:#4d4d47;font-size:10px;letter-spacing:0}
.manifesto{padding-block:156px 134px;text-align:center}.manifesto h2{font-size:clamp(30px,3vw,43px);line-height:1.35;letter-spacing:-1.5px;margin-top:27px}.manifesto-note{max-width:525px;margin:27px auto 0;font-size:13px;line-height:1.9}
.section-top{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:55px}.section-top h2{font-size:clamp(32px,4vw,51px);line-height:1.1;letter-spacing:-2px;margin-top:17px}.section-top>p{max-width:260px;font-size:12px;line-height:1.9}.collection{border-top:1px solid var(--line);padding-bottom:86px}.collection-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px 30px}.product-visual{height:420px;border-radius:6px;overflow:hidden;position:relative;background:#e9e7df}.product-visual img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.product-tile:hover img{transform:scale(1.035)}.product-visual button{position:absolute;inset:0;width:100%;padding:0}.product-visual button span{position:absolute;inset-inline-end:19px;bottom:19px;width:36px;height:36px;display:grid;place-items:center;background:#faf9f6;border-radius:50%;font-size:20px}.product-heading{display:flex;align-items:center;justify-content:space-between;margin-top:20px;gap:20px}.product-heading h3{font-size:21px;letter-spacing:-.5px}.product-heading span{font-size:10px;color:#999}.product-tile p{font-size:12px;margin-top:4px}.quiet-note{display:flex;justify-content:center;align-items:center;gap:12px;font-size:12px;color:#888;padding-top:55px}.text-link{display:inline-flex;align-items:center;gap:12px;border-bottom:1px solid #b8b8b0;padding:4px 0;font-size:12px;color:#20201e;white-space:nowrap}.text-link:hover{border-color:#151515}
.care{background:#f0efe9}.care-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px}.care-heading h2{white-space:pre-line;font-size:clamp(36px,4.3vw,57px);line-height:1.08;letter-spacing:-2.3px;margin-top:22px}.care-heading>p:not(.eyebrow){font-size:13px;max-width:275px;margin:25px 0}.service-list details{border-top:1px solid #d4d4cb}.service-list details:last-child{border-bottom:1px solid #d4d4cb}.service-list summary{cursor:pointer;display:grid;grid-template-columns:32px 1fr 22px;align-items:center;gap:18px;list-style:none;padding:27px 0;font-size:20px;letter-spacing:-.5px}.service-list summary small{font-size:9px;color:#999;letter-spacing:1px}.service-list summary i{font-style:normal;font-size:18px;color:#777}.service-list details[open] summary i{transform:rotate(45deg)}summary::-webkit-details-marker{display:none}.service-body{padding:0 40px 25px 50px}.service-body p{font-size:13px;line-height:1.9}.service-body .text-link{margin-top:16px}
.assurance{padding-block:120px;text-align:center}.assurance h2{font-size:42px;letter-spacing:-1.8px;margin-top:18px}.assurance-grid{display:grid;grid-template-columns:1fr 1fr;margin:50px auto 26px;max-width:650px}.assurance-grid>div{padding:0 38px}.assurance-grid>div+div{border-inline-start:1px solid var(--line)}.assurance strong{display:block;font-size:64px;letter-spacing:-3px;font-weight:500;line-height:1}.assurance strong span{font-size:17px;letter-spacing:-.5px}.assurance-grid p{margin:19px auto 0;font-size:12px;max-width:230px}.small{font-size:10px;color:#aaa}
.project-section{border-top:1px solid var(--line)}.project-frame{position:relative;background:#deddd6;border-radius:6px;overflow:hidden;height:560px}.project-frame>img{width:100%;height:100%;object-fit:cover;object-position:center 45%}.project-counter{position:absolute;bottom:22px;inset-inline-end:24px;display:flex;align-items:center;gap:15px;color:#fff;background:#171717b8;padding:6px 8px 6px 18px;border-radius:40px;font-size:10px}.project-counter button{color:white;border:1px solid #ffffff45;width:32px;height:32px;border-radius:50%}.project-caption{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:24px}.project-caption h3{font-size:21px;letter-spacing:-.5px}.project-caption p{font-size:12px;margin-top:5px}
.faq{padding-top:90px}.faq>.eyebrow,.faq>h2{text-align:center}.faq>h2{font-size:42px;letter-spacing:-1.7px;line-height:1.14;margin:22px auto 48px;max-width:490px}.faq details{border-top:1px solid var(--line)}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{list-style:none;padding:23px 0;display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-size:14px;gap:20px}.faq summary::after{content:'+';font-size:20px;font-weight:300;color:#999}.faq details[open] summary::after{content:'−';color:#222}.faq details p{font-size:13px;max-width:620px;padding:0 30px 25px 0;line-height:1.9}
.visit{border-top:1px solid var(--line)}.branches{display:grid;grid-template-columns:repeat(4,1fr)}.branch{padding:8px 25px 8px 0;border-inline-end:1px solid var(--line)}.branch+.branch{padding-inline-start:25px}.branch:last-child{border:0}.branch h3{font-size:17px;letter-spacing:-.5px}.branch p{font-size:11px;margin-top:17px;min-height:65px;line-height:1.8}.branch a{margin-top:22px;font-size:11px;display:inline-flex;gap:20px}
.contact{text-align:center;padding-block:100px 150px}.contact h2{white-space:pre-line;font-size:clamp(50px,6vw,78px);letter-spacing:-4px;line-height:1.03;margin:28px 0}.contact p:not(.eyebrow){font-size:13px;line-height:1.9}.contact .button{margin-top:29px}.contact-email{display:block;width:fit-content;margin:22px auto 0;font-size:11px;color:#93938b}
footer{border-top:1px solid var(--line);overflow:hidden}.footer-top{display:flex;align-items:center;gap:30px;padding-block:35px}.footer-top p{font-size:11px}.footer-top>div{margin-inline-start:auto;display:flex;gap:23px;font-size:10px;color:#75756e}.wordmark{font-size:clamp(85px,20vw,270px);font-weight:650;letter-spacing:-.065em;line-height:1.05;text-align:center;color:#e7e5dd;padding-block:10px 0;direction:ltr}.footer-bottom{display:flex;justify-content:space-between;gap:20px;font-size:9px;padding-block:28px;color:#85857c;border-top:1px solid var(--line)}
dialog{border:1px solid #ddd;border-radius:12px;padding:55px 40px 40px;background:var(--paper);color:var(--ink);width:min(620px,calc(100vw - 30px));max-height:90dvh;overflow:auto}dialog::backdrop{background:#1117;backdrop-filter:blur(6px)}.close{position:absolute;top:12px;inset-inline-end:15px;width:34px;height:34px;font-size:25px;z-index:2}dialog h2{font-size:36px;letter-spacing:-1.5px;line-height:1.2;margin:15px 0 18px}dialog p{font-size:14px}.contact-option{display:block;border-top:1px solid var(--line);padding:22px 0}.contact-option:first-of-type{margin-top:30px}.contact-option span{display:block;color:#999;font-size:11px}.contact-option b{display:block;margin-top:5px;font-size:15px;font-weight:500}.detail-image{width:100%;height:270px;object-fit:cover;border-radius:5px;margin-bottom:22px}.detail-features{padding:15px 0 20px}.detail-features li{font-size:13px;color:#72726d;margin:10px 0}
html[lang=ar]{--font:Cairo,Arial,sans-serif}html[lang=ar] :is(h1,h2,h3){letter-spacing:0;line-height:1.45}html[lang=ar] .hero h1{font-size:clamp(43px,5.7vw,76px)}html[lang=ar] .eyebrow{letter-spacing:0;font-size:11px}html[lang=ar] .wordmark{font-family:Arial,sans-serif;letter-spacing:-.065em}html[lang=ar] .manifesto h2{font-size:36px}
@media(min-width:1550px){.hero-copy{padding-top:100px}.film{height:490px}}
@media(max-width:1000px){.shell{width:calc(100% - 60px)}.narrow{width:min(760px,calc(100% - 60px))}.masthead nav{gap:18px;font-size:11px}.care-layout{gap:50px}.product-visual{height:350px}.project-frame{height:460px}.branches{grid-template-columns:1fr 1fr;gap:35px 0}.branch:nth-child(2){border:0}.branch:nth-child(3){padding-inline-start:0}.hero h1{font-size:75px}.film{height:390px}}
@media(max-width:700px){.shell,.narrow{width:calc(100% - 40px)}.section{padding-block:74px}.masthead{height:82px;position:relative}.logo img{width:76px;height:48px}#menu{display:block}.header-tools{gap:12px}.masthead nav{position:absolute;top:74px;inset-inline:0;z-index:20;background:var(--paper);border:1px solid var(--line);border-radius:8px;display:none;padding:15px;flex-direction:column;align-items:stretch;gap:0;box-shadow:0 10px 30px #0001}.masthead nav.open{display:flex}.masthead nav a{padding:12px 10px;font-size:14px}.hero-copy{padding:55px 0 45px}.hero .eyebrow{font-size:8px;letter-spacing:1px}.hero h1{font-size:54px;letter-spacing:-3px;margin-top:24px}.hero p{font-size:13px;max-width:300px}.film{height:350px;min-height:0;border-radius:6px}.film-caption{inset-inline:18px;bottom:20px;font-size:8px;letter-spacing:.7px;gap:16px}.film-control>span{display:none}.hero-foot{font-size:7px;letter-spacing:.4px;gap:16px}.hero-foot a{font-size:9px}.manifesto{padding-block:90px}.manifesto h2{font-size:30px;letter-spacing:-1px;line-height:1.4}.manifesto-note{font-size:12px}.section-top{display:block;margin-bottom:32px}.section-top h2{font-size:36px;letter-spacing:-1.5px}.section-top>p,.section-top>.text-link{margin-top:20px}.collection-grid{gap:30px;grid-template-columns:1fr}.product-visual{height:400px}.product-heading h3{font-size:20px}.product-heading{margin-top:16px}.quiet-note{flex-direction:column;gap:6px;padding-top:40px}.care-layout{grid-template-columns:1fr;gap:38px}.care-heading h2{font-size:44px}.care-heading>p:not(.eyebrow){max-width:320px}.service-list summary{font-size:20px;padding:23px 0}.service-body{padding-inline-start:50px;padding-inline-end:15px}.assurance{padding-block:85px}.assurance h2{font-size:35px}.assurance-grid{margin-top:35px}.assurance-grid>div{padding-inline:15px}.assurance strong{font-size:48px}.assurance strong span{font-size:12px}.assurance-grid p{font-size:11px}.project-frame{height:400px}.project-caption{display:block}.project-caption>.text-link{margin-top:16px}.faq>h2{font-size:36px}.faq summary{font-size:13px}.faq details p{font-size:12px;padding-inline-end:15px}.branches{gap:30px 0}.branch{padding-inline-end:15px}.branch+.branch{padding-inline-start:15px}.branch:nth-child(3){padding-inline-start:0}.branch h3{font-size:16px}.branch p{font-size:10px;min-height:85px}.contact{padding-bottom:100px}.contact h2{font-size:55px;letter-spacing:-2.7px}.footer-top{flex-wrap:wrap;gap:15px}.footer-top p{font-size:10px}.footer-top>div{margin-inline-start:0;width:100%;gap:25px}.footer-bottom{flex-wrap:wrap;font-size:8px;padding-block:22px}.footer-bottom span:nth-child(2){display:none}.wordmark{font-size:23vw;padding-block:16px 10px}.button{font-size:11px}dialog{padding-inline:25px}html[lang=ar] .hero h1{font-size:45px}html[lang=ar] .manifesto h2{font-size:27px}html[lang=ar] .care-heading h2{font-size:37px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* White relief lettering behind the centered Torino signature. */
/* The opening title sits over the original film, directly below the masthead. */
.hero-stage{position:relative;isolation:isolate;overflow:hidden;border-radius:9px;background:#333}
.hero-stage .film{position:absolute;inset:0;z-index:0;height:100%;border-radius:inherit}
.hero-stage .film-shade{background:linear-gradient(180deg,#10111455 0%,#10111480 35%,#10111466 55%,#faf9f600 65%,#faf9f659 78%,#faf9f6cf 91%,var(--paper) 100%)}
.hero-stage .film-caption{color:#55554f}
.hero-stage .film-control button{color:#55554f;border-color:#55554f50}
.hero-stage .hero-copy{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:650px;padding:95px 30px 125px;pointer-events:none}
.hero-stage .hero-copy a{pointer-events:auto}
.hero-stage .hero-copy .eyebrow{color:#eeeee8}
.hero-stage .live-dot{background:#eee}
.hero-stage h1{color:#fff;text-shadow:0 2px 22px #0002}
.hero-stage h1 .soft{color:#ffffffb8}
.hero-stage .hero-copy>p{color:#ffffffcf}
.hero-stage .button{background:#faf9f6;color:#181818}
.hero-stage .button:hover{background:#fff}
@media(max-width:700px){.hero-stage{border-radius:6px}.hero-stage .hero-copy{min-height:570px;padding:65px 15px 105px}.hero-stage h1{font-size:clamp(39px,10.7vw,54px);letter-spacing:-2.4px}.hero-stage .hero-copy>p{max-width:285px}}
.reference-footer{position:relative;isolation:isolate;width:100%;min-height:330px;padding:65px 24px 54px;background:#fff;border:0;overflow:hidden;text-align:center}
.footer-relief{position:absolute;z-index:-1;left:50%;bottom:-.15em;transform:translateX(-50%);direction:ltr;white-space:nowrap;user-select:none;pointer-events:none;font:600 clamp(140px,23vw,390px)/1 Arial,Helvetica,sans-serif;letter-spacing:-.065em;color:#fcfcfc;text-shadow:-3px -3px 7px #fff,3px 4px 7px #0000000b,9px 10px 20px #00000008;mask-image:linear-gradient(180deg,transparent 0%,#0008 25%,#000 65%);-webkit-mask-image:linear-gradient(180deg,transparent 0%,#0008 25%,#000 65%)}
.footer-center{position:relative;display:flex;flex-direction:column;align-items:center;z-index:1}
.footer-logo{display:block;width:83px;height:53px;margin-bottom:8px}
.footer-logo img{width:100%;height:100%;object-fit:contain;filter:grayscale(1) brightness(0);opacity:.9}
.footer-tagline{font-size:14px;line-height:1.6;color:#868686}
.footer-links{display:flex;justify-content:center;align-items:center;gap:25px;flex-wrap:wrap;margin:25px 0 24px;font-size:13px;color:#838383;line-height:1.7}
.footer-links a{padding-block:5px;transition:color .2s}
.footer-links a:hover{color:#222}
.footer-copyright{font-size:12px;line-height:1.7;color:#969696}
/* Keep branding opaque; only the scrolled header background is 60% transparent. */
html{scroll-padding-top:120px}
.masthead.shell{position:sticky;top:0;z-index:50;background:var(--paper);transition:background-color .2s,box-shadow .2s}
.masthead.shell.is-scrolled{background:rgba(250,249,246,.4);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 1px 0 #1818180a}
@media(max-width:1050px){html{scroll-padding-top:110px}}
@media(prefers-reduced-motion:reduce){.masthead.shell{transition:none}}
.masthead nav a[aria-current=page]{color:#181818;text-decoration:underline;text-underline-offset:7px}
@media(max-width:1050px){
 .masthead{position:relative}
 #menu{display:block}
 .masthead #navigation{position:absolute;top:82px;inset-inline:20px;z-index:20;display:none;flex-direction:column;align-items:stretch;gap:0;padding:15px;background:var(--paper);border:1px solid var(--line);border-radius:8px;box-shadow:0 10px 30px #0001;max-height:calc(100svh - 110px);overflow:auto}
 .masthead #navigation.open{display:flex}
 .masthead #navigation a{padding:12px 10px;font-size:14px}
}
/* Full-width branding and film with responsive content gutters. */
.masthead.shell{width:100%;max-width:none;padding-inline:clamp(20px,4vw,64px);gap:clamp(16px,2.4vw,36px)}
.masthead .logo img{width:clamp(76px,7vw,104px);height:auto;aspect-ratio:100/64;object-fit:contain}
.hero.shell{width:100%;max-width:none;margin-inline:0}
.hero .hero-stage,.hero .hero-stage .film{width:100%;border-radius:0}
.hero-stage .film video{width:100%;height:100%;object-fit:cover;object-position:center}
.hero-stage .hero-copy{min-height:clamp(580px,76svh,850px);padding-inline:clamp(20px,4vw,64px)}
.hero-stage h1{max-width:100%;text-wrap:balance}
.hero .hero-foot{width:auto;margin-inline:clamp(20px,4vw,64px)}
.reference-footer{width:100%;max-width:none}
.footer-logo{width:clamp(76px,7vw,100px);height:auto;aspect-ratio:100/64}
.footer-logo img{height:100%;object-fit:contain}
@media(max-width:700px){
 .masthead.shell{height:80px;gap:16px}
 .masthead.shell nav{inset-inline:20px}
 .hero-stage .hero-copy{min-height:clamp(520px,78svh,680px);padding:65px 20px 105px}
 .hero-stage h1{font-size:clamp(31px,9.5vw,54px);letter-spacing:-1.8px}
 .hero-stage .hero-copy>p{max-width:min(100%,330px)}
 .hero .film-caption{inset-inline:20px}
 .hero .hero-foot{align-items:flex-start;gap:12px;line-height:1.7}
 .hero .hero-foot>a{flex-shrink:0}
 html[lang=ar] .hero-stage h1{font-size:clamp(32px,9.6vw,45px)}
}
@media(max-width:700px){
 .reference-footer{min-height:310px;padding:45px 25px 42px}
 .footer-relief{font-size:27vw;bottom:-.06em;letter-spacing:-.075em}
 .footer-logo{width:76px;height:49px}
 .footer-tagline{font-size:12px}
 .footer-links{max-width:360px;gap:8px 20px;margin:22px 0;font-size:11px}
 .footer-copyright{font-size:10px}
}

body.admin-bar .masthead.shell{top:32px}@media(max-width:782px){body.admin-bar .masthead.shell{top:46px}}