@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400;1,500&display=swap');
:root{--ink:#382338;--plum:#382039;--rose:#a65c79;--gold:#c59c6c;--body:#5d5360;--line:#eadedc;--white:#fffdfc;--blush:#fcf3f1;--cream:#f9f6f0;--max:1220px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--white);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.74;-webkit-font-smoothing:antialiased}a{color:inherit}a:hover{color:var(--rose)}button,input,select,textarea{font:inherit}button{cursor:pointer}img,video{max-width:100%;display:block}img{height:auto}h1,h2,h3,.serif-italic,.price{font-family:'Playfair Display',Georgia,serif;font-weight:500;line-height:1.17;letter-spacing:-.026em;margin:0 0 24px}h1{font-size:clamp(2.9rem,5.6vw,5.8rem);max-width:750px}h2{font-size:clamp(2rem,4vw,3.65rem)}h3{font-size:clamp(1.25rem,2vw,1.75rem);margin-bottom:15px}p{margin:0 0 21px;color:var(--body)}.container{width:min(var(--max),calc(100% - 72px));margin-inline:auto}.eyebrow{font:700 .76rem/1.4 'DM Sans',sans-serif;text-transform:uppercase;letter-spacing:.19em;color:var(--rose);margin-bottom:22px}.lead{font-size:clamp(1.06rem,1.58vw,1.32rem);line-height:1.8;max-width:650px}.small-lead{max-width:820px}.muted{color:#777078}.note{font-size:.84rem;margin-top:25px}.skip{position:absolute;left:-10000px;top:auto;z-index:1000;background:white;padding:10px}.skip:focus{left:10px;top:10px}.site-header{background:rgba(255,253,252,.96);position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line);backdrop-filter:blur(13px)}.nav-wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:85px}.brand{display:inline-flex;flex:none;align-items:center}.brand img{width:188px;height:auto}.main-nav{display:flex;align-items:center;gap:clamp(10px,1.45vw,24px)}.main-nav>a:not(.nav-cta){text-decoration:none;font-size:.83rem;font-weight:600;white-space:nowrap}.main-nav>a[aria-current=page]{color:var(--rose);border-bottom:1px solid var(--rose)}.nav-cta,.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:var(--plum);color:#fff!important;text-decoration:none;border:1px solid var(--plum);padding:13px 20px;font-size:.86rem;font-weight:700;line-height:1.45;transition:background .2s,border-color .2s}.nav-cta{padding:11px 14px;font-size:.75rem;white-space:nowrap}.btn:hover,.nav-cta:hover{background:#723d63;border-color:#723d63}.btn-outline{color:var(--plum)!important;background:transparent}.btn-outline:hover{color:white!important}.btn-light{background:white;color:var(--plum)!important;border-color:white}.btn-light:hover{background:#f6e6ee;color:var(--plum)!important}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.lang-switch{display:flex;gap:8px;align-items:center;border-left:1px solid var(--line);padding-left:13px}.lang-switch a{font-size:.67rem;color:#745869;text-decoration:none;white-space:nowrap}.lang-switch a[aria-current=true]{color:var(--plum);font-weight:700;text-decoration:underline;text-underline-offset:4px}.mobile-toggle{display:none;background:transparent;border:1px solid var(--line);color:var(--ink);font-size:22px;padding:4px 12px;line-height:1.5}.hero{background:linear-gradient(130deg,#fcf8f6,#fff9f9);border-bottom:1px solid #f3e9e8}.hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(30px,5vw,75px);min-height:590px;padding-block:65px}.hero-copy{padding-block:35px}.hero-media{height:515px;overflow:hidden;background:#f6e8e3}.hero-photo{width:100%;height:100%;object-fit:cover;object-position:center}.hero-media:has(img[src*=hero-creative]) .hero-photo{object-position:center}.section{padding:96px 0;scroll-margin-top:115px}.section.blush,.blush{background:var(--blush)}.section.cream,.cream{background:var(--cream)}.section .container>h2{max-width:850px}.cards{display:grid;gap:22px;margin-top:37px}.cards.three{grid-template-columns:repeat(3,minmax(0,1fr))}.cards.four{grid-template-columns:repeat(4,minmax(0,1fr))}.cards.two{grid-template-columns:repeat(2,minmax(0,1fr))}.info-card{border:1px solid var(--line);background:#fffdfa;padding:30px;min-width:0}.info-card h3{font-size:1.47rem;line-height:1.3}.info-card p{margin:0}.small-num{display:block;color:var(--rose);font-size:.77rem;letter-spacing:.16em;margin-bottom:28px}.project-card{background:#fffdfa;border:1px solid var(--line);overflow:hidden;min-width:0}.project-card>img{width:100%;height:310px;object-fit:cover}.card-copy{padding:26px 27px 32px}.card-copy h3{font-size:1.6rem}.card-copy .eyebrow{font-size:.64rem;margin-bottom:12px}.text-link{color:var(--plum);font-size:.86rem;font-weight:700;text-decoration:none;border-bottom:1px solid var(--rose);padding-bottom:4px}.text-link:hover{color:var(--rose)}.split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(30px,5vw,82px)}.split>img{width:100%;max-height:590px;min-height:300px;object-fit:cover}.split p:not(.eyebrow){max-width:630px}.split .btn{margin-top:15px}.split-copy{padding-block:15px}.mission-cards{margin-top:25px}.pullquote{margin:30px 0;border-left:3px solid var(--gold);padding:15px 25px;font:italic 1.8rem/1.4 'Playfair Display',Georgia,serif}.serif-italic{color:var(--rose);font-style:italic;margin-top:-6px}.project-title{font-size:clamp(2.7rem,4vw,5rem)}.shades{margin-top:50px;max-width:870px;margin-inline:auto}.shades figure{padding:0;margin:0;background:white;border:1px solid var(--line)}.shades img{height:280px;width:100%;object-fit:contain;background:#fff}.shades figcaption{text-align:center;padding:16px;font-weight:600;color:var(--plum)}.video-panel{margin-top:65px;display:grid;grid-template-columns:1fr 1.35fr;gap:40px;align-items:center}.video-panel video{width:100%;max-height:410px;background:#291e29;object-fit:cover}.band{background:var(--plum);color:#fff;padding:65px 0}.band .eyebrow{color:#e9c3d5}.band h2{color:#fff;font-size:clamp(2rem,3.2vw,3.3rem)}.band p{color:#eadde8}.band-inner{display:flex;align-items:center;justify-content:space-between;gap:40px}.band-inner>div{max-width:820px}.price-card .price{font-size:1.8rem;color:var(--plum);white-space:normal}.price-card .price small{font-size:.7rem;font-family:'DM Sans',sans-serif}.price-card .text-link{display:inline-block;margin-top:25px}.service-menu{margin-top:38px;background:white;border:1px solid var(--line)}.service-menu summary{font-weight:700;color:var(--plum);padding:21px 26px;cursor:pointer}.catalog-item{display:flex;justify-content:space-between;gap:30px;align-items:start;padding:24px 28px;border-top:1px solid var(--line)}.catalog-item h3{font:700 1rem 'DM Sans',sans-serif;margin-bottom:6px;letter-spacing:0}.catalog-item p{font-size:.88rem;margin:0}.catalog-item strong{white-space:nowrap;color:var(--plum);font-size:.88rem}.contact-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:80px;align-items:start}.contact-form{display:grid;gap:19px;margin-top:35px}.contact-form label{display:grid;gap:7px;color:var(--ink);font-size:.87rem;font-weight:600}.contact-form input,.contact-form textarea,.contact-form select{width:100%;border:1px solid #d8c9d2;background:white;padding:12px 14px;border-radius:0;color:var(--ink)}.contact-form input:focus-visible,.contact-form textarea:focus-visible,.contact-form select:focus-visible{outline:2px solid var(--rose);outline-offset:2px}.contact-form button{justify-self:start}.contact-aside{padding:22px;background:var(--blush)}.contact-aside img{max-height:370px;width:100%;object-fit:cover;object-position:top}.contact-aside h3{margin-top:26px}.contact-aside a{overflow-wrap:anywhere}.legal-hero{padding:75px 0}.legal-hero h1{max-width:1000px}.legal{max-width:810px}.legal h2{font:500 1.65rem 'Playfair Display',Georgia,serif;margin:36px 0 12px}.legal p{line-height:1.9}.small-width{max-width:860px}.site-footer{padding:64px 0 25px;background:#faf5f4;border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.footer-grid p{max-width:350px}.footer-grid a:not(.brand){display:block;text-decoration:none;font-size:.87rem;line-height:2.25}.footer-grid .eyebrow{font-size:.7rem}.copyright{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px;margin-top:45px;gap:20px;color:#82727a;font-size:.72rem}.mobile-toggle:focus-visible,a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--rose);outline-offset:4px}
@media(max-width:1170px){.main-nav{gap:10px}.main-nav>a:not(.nav-cta){font-size:.76rem}.nav-wrap{min-height:75px}.brand img{width:145px}.lang-switch a{font-size:.62rem}.nav-cta{padding:9px}}
@media(max-width:980px){.container{width:min(var(--max),calc(100% - 40px))}.mobile-toggle{display:block}.nav-wrap{min-height:72px}.main-nav{display:none;position:absolute;top:100%;left:0;right:0;padding:24px 20px;background:#fffdfc;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:16px;max-height:calc(100vh - 72px);overflow-y:auto}.main-nav.is-open{display:flex}.main-nav>a:not(.nav-cta){font-size:.93rem}.nav-cta{align-self:flex-start}.lang-switch{border-left:0;border-top:1px solid var(--line);padding:16px 0 0;gap:20px}.lang-switch a{font-size:.8rem}.hero-grid{min-height:0}.hero-media{height:400px}.hero h1{font-size:clamp(2.4rem,5vw,4.2rem)}.cards.four{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-grid{gap:36px}}
@media(max-width:700px){body{font-size:15px}.section{padding:65px 0}.hero-grid{display:flex;flex-direction:column;gap:30px;padding:32px 0 50px;align-items:stretch}.hero-copy{padding-block:0}.hero-media{height:auto;aspect-ratio:5/4}.hero h1{font-size:clamp(2.7rem,9.2vw,4rem)}.cards.three,.cards.four,.cards.two{grid-template-columns:1fr}.project-card>img{height:260px}.split,.contact-grid,.video-panel{grid-template-columns:1fr;gap:30px}.split>img{max-height:460px;min-height:0}.video-panel{margin-top:36px}.video-panel video{max-height:340px}.band-inner{display:block}.band-inner .btn{margin-top:18px}.footer-grid{grid-template-columns:1fr 1fr;gap:25px}.footer-grid>div:first-child{grid-column:1/-1}.copyright{display:block}.copyright span{display:block;margin-bottom:8px}.catalog-item{display:block}.catalog-item strong{display:block;margin-top:9px}.shades img{height:240px}.contact-aside img{max-height:380px}}
@media(max-width:420px){.container{width:calc(100% - 32px)}.hero h1{font-size:2.55rem}.eyebrow{font-size:.68rem}.btn{padding:12px 15px}.info-card{padding:22px}.catalog-item{padding:20px}.footer-grid{gap:16px}.footer-grid>a{overflow-wrap:anywhere}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

/* R5 portfolio film: native widescreen ratio and captions/description column. */
.video-panel video{aspect-ratio:16/9;height:auto;object-fit:contain;max-height:none;background:#f8efec}
.video-panel .video-description{max-width:33rem}
.video-panel .video-description p{line-height:1.8}
.video-panel .video-note{color:#8b6b78;font-size:.88rem;margin-top:14px}
.video-panel details{margin-top:18px;border-top:1px solid #ead9df;padding-top:13px}
.video-panel summary{font-weight:600;cursor:pointer;max-width:max-content}
.video-panel details p{margin:11px 0 0}
@media(max-width:700px){.video-panel video{aspect-ratio:16/9;max-height:none}}

/* R6 - editorial technology hero. Responsive and avoids clipping long translated headlines. */
.hero.tech-hero .hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(28px,4vw,65px)}
.hero.tech-hero h1{font-size:clamp(3.2rem,5.15vw,5.2rem);line-height:1.12;letter-spacing:-.035em;overflow-wrap:normal}
.hero.tech-hero .hero-media{height:clamp(390px,40vw,510px);background:#f8ebe5}
.hero.tech-hero .hero-photo{object-fit:cover;object-position:center center}
@media(max-width:980px){.hero.tech-hero .hero-grid{grid-template-columns:1fr}.hero.tech-hero h1{font-size:clamp(2.75rem,7vw,4.1rem)}.hero.tech-hero .hero-media{height:auto;aspect-ratio:8/5}}
@media(max-width:700px){.hero.tech-hero .hero-grid{display:flex;flex-direction:column}.hero.tech-hero h1{font-size:clamp(2.65rem,10vw,3.7rem)}.hero.tech-hero .hero-media{aspect-ratio:5/4;width:100%}.hero.tech-hero .hero-photo{object-position:55% center}}

/* R9: Accessible optional sound on ME-LIPS portfolio video. */
.video-sound-toggle{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;margin:.7rem 0 .25rem;padding:.68rem 1.05rem;border:1px solid #754c66;border-radius:0;background:#fff;color:#412739;font-size:.89rem;font-weight:600;line-height:1.4;font-family:inherit;cursor:pointer;min-height:44px;max-width:100%;}
.video-sound-toggle:hover,.video-sound-toggle:focus-visible{background:#f6e7ee;outline-offset:3px;}
.video-sound-toggle[aria-pressed="true"]{background:#412739;color:#fff;}
.video-sound-toggle .sound-icon{font-size:1rem;line-height:1;}
@media(max-width:640px){.video-sound-toggle{width:100%;}}

/* R12 – always-visible fixed navigation on desktop and mobile.
   Reserve header space so content never sits beneath the menu. */
:root{--bui-header-height:86px;}
html{scroll-padding-top:calc(var(--bui-header-height) + 22px);}
body{padding-top:var(--bui-header-height);}
.site-header{position:fixed!important;inset:0 0 auto 0;top:0!important;width:100%;z-index:1000;isolation:isolate;background:rgba(255,253,252,.98);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 2px 12px rgba(56,35,56,.06);}
.site-header .nav-wrap{min-height:var(--bui-header-height);}
.site-header .main-nav.is-open{z-index:1001;}
[id]{scroll-margin-top:calc(var(--bui-header-height) + 24px);}
.skip{z-index:1100;position:fixed;}
@media(max-width:1170px){:root{--bui-header-height:76px;}}
@media(max-width:980px){:root{--bui-header-height:73px;} .site-header .main-nav{max-height:calc(100dvh - var(--bui-header-height));overflow-y:auto;overscroll-behavior:contain;} .site-header .nav-wrap{min-height:var(--bui-header-height);}}
@supports not (height:100dvh){@media(max-width:980px){.site-header .main-nav{max-height:calc(100vh - var(--bui-header-height));}}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto;}}