@font-face{font-family:Barlow;src:url(barlow-700.ttf) format('truetype');font-weight:700;font-display:swap}@font-face{font-family:DM;src:url(dm-400.ttf) format('truetype');font-weight:400;font-display:swap}@font-face{font-family:DM;src:url(dm-600.ttf) format('truetype');font-weight:600;font-display:swap}
:root{--navy:#002B49;--red:#EE2737;--aqua:#3EB1C8;--cream:#f6f2e9;--sand:#e8e0d2;--line:#c9c6b9;--pad:clamp(24px,5.4vw,90px)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--cream);color:var(--navy);font:400 16px/1.6 DM,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Barlow,'Arial Narrow',Impact,sans-serif;font-weight:700;line-height:.98;letter-spacing:-.025em}h2{font-size:clamp(40px,4.5vw,70px)}h3{font-size:30px}p+p{margin-top:18px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--aqua);outline-offset:6px}.skip{position:fixed;left:15px;top:-100px;background:var(--navy);color:white;padding:12px;z-index:20}.skip:focus{top:10px}.header{min-height:98px;padding:15px var(--pad);display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid #002b4914;background:var(--cream);position:relative;z-index:5}.brand{display:flex;align-items:center;gap:13px;font-size:23px;line-height:1;letter-spacing:-1px;font-weight:600}.brand img{width:44px;height:auto}.brand .light{font-weight:400}.brand small{display:block;font-size:9px;letter-spacing:1.2px;margin-top:8px}nav{display:flex;align-items:center;gap:34px}nav>a:not(.button){font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}nav>a:not(.button):hover{color:var(--red)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;background:var(--red);color:white;padding:15px 25px;border:1px solid transparent;border-radius:32px;font-size:13px;line-height:1.4;letter-spacing:.035em;text-transform:uppercase;font-weight:600;cursor:pointer;transition:background .2s,transform .2s}.button span{font-size:23px;line-height:1}.button:hover{background:var(--navy);transform:translateY(-2px)}.button.navy{background:var(--navy)}.button.navy:hover{background:#16475f}.menu{display:none}.hero{min-height:720px;position:relative;padding:55px var(--pad) 58px;background:#add0d9 url(hero.png) center/cover no-repeat}.hero-content{position:relative;z-index:1;max-width:620px}.eyebrow{font-size:11px;font-weight:600;letter-spacing:.13em;margin-bottom:24px}.hero h1{font-size:clamp(76px,8.8vw,137px);line-height:.89;letter-spacing:-.025em}.hero-descriptor{max-width:435px;font-size:18px;line-height:1.4;font-weight:600;margin-top:27px}.hero-intro{max-width:425px;font-size:15px;line-height:1.5;margin-top:15px}.hero .button{margin-top:25px}.handnote{font:italic 27px/1.15 Georgia,serif;position:absolute;right:6%;bottom:62px;color:white;transform:rotate(-8deg);text-shadow:0 1px 6px #002b4980}.hero-caption{position:absolute;bottom:20px;right:var(--pad);font-size:10px;letter-spacing:.12em;color:white;text-shadow:0 1px 6px #002b49}.section{padding:85px var(--pad)}.script-label{font:600 13px/1.5 DM,Arial,sans-serif;letter-spacing:.11em;text-transform:uppercase;color:#b82a28;margin-bottom:16px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:35px}.section-heading p{max-width:400px;font-size:15px}.expertise-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.expertise-card{display:block;min-width:0}.card-art{height:270px;background:var(--card);padding:20px 16px;position:relative;overflow:hidden;transition:transform .25s}.card-art>span{font-size:12px;font-weight:600}.card-art h3{font-size:clamp(21px,2.2vw,34px);margin-top:14px;position:relative}.expertise-card:hover .card-art{transform:translateY(-5px)}.expertise-card>p{font-size:14px;line-height:1.5;margin:18px 0 12px;min-height:42px}.text-link{font-size:12px;letter-spacing:.06em;text-transform:uppercase;font-weight:600;border-bottom:1px solid #002b4966;padding-bottom:4px;display:inline-block}.coral{--card:#ed9684}.aqua{--card:#97cbd4}.yellow{--card:#f3cd68}.terra{--card:#cb9b7f}.sage{--card:#adb58a}
@media(min-width:1600px){body{max-width:1920px;margin:auto}.hero{min-height:860px}}@media(max-width:1000px){nav{gap:20px}.brand small{display:none}.hero{min-height:690px}.hero-content{max-width:50%}.hero h1{font-size:92px}.hero-descriptor{font-size:16px}.expertise-grid{gap:12px}.card-art{height:225px;padding:16px 10px}.card-art h3{font-size:24px}}@media(max-width:760px){.header{min-height:80px;padding:12px 22px}.brand{font-size:21px}.brand img{width:36px}.menu{display:flex;align-items:center;gap:12px;background:none;border:0;padding:10px;color:var(--navy)}nav{display:none;position:absolute;top:100%;left:0;right:0;padding:25px;background:var(--cream);box-shadow:0 15px 20px #002b4912}nav.open{display:flex;flex-direction:column;align-items:stretch}nav>a{padding:10px}.hero{min-height:820px;padding:34px 24px 260px;background-position:62% center}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#e7f0ecc9,#e7f0ec80 55%,transparent)}.hero-content{max-width:100%}.hero .eyebrow{font-size:10px;max-width:270px}.hero h1{font-size:clamp(74px,17vw,105px)}.hero-descriptor{max-width:320px;font-size:17px}.hero-intro{max-width:310px}.handnote{font-size:24px;bottom:70px;right:25px}.hero-caption{font-size:9px}.section{padding:60px 24px}.section-heading{align-items:start;flex-direction:column;gap:20px}.expertise-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 16px}.card-art{height:250px;padding:18px 14px}.card-art h3{font-size:27px}.expertise-card:last-child{grid-column:1/-1;max-width:calc(50% - 8px)}.expertise-card p{font-size:14px}.text-link{font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.card-art{background-image:url(expertises.png);background-size:500% 100%;background-repeat:no-repeat}.coral .card-art{background-position:0 0}.aqua .card-art{background-position:25% 0}.yellow .card-art{background-position:50% 0}.terra .card-art{background-position:75% 0}.sage .card-art{background-position:100% 0}.partner{display:grid;grid-template-columns:1fr 1.05fr;gap:8%;align-items:center;background:#eee8dc}.partner-image{position:relative}.partner-image img{width:100%;height:580px;object-fit:cover;object-position:50% 0%}.photo-note{position:absolute;left:26px;bottom:25px;font:italic 27px Georgia,serif;color:white;transform:rotate(-7deg)}.partner-copy h2{font-size:clamp(42px,4.3vw,65px)}.lead{font-size:21px;line-height:1.5}.partner-copy .lead{margin-top:26px}.partner-copy>p:not(.script-label){max-width:520px}.partner-copy>.text-link{margin-top:28px}.tailor{display:grid;grid-template-columns:1fr 1.05fr;gap:8%;align-items:start}.tailor>div:last-child{padding-top:12px}.process{display:flex;flex-wrap:wrap;gap:20px;margin:30px 0}.process span{font-size:14px}.process b{font-size:11px;color:#b42f2d;margin-right:8px}.rhythm{padding-top:20px}.rhythm-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);margin-top:44px}.rhythm-grid article{padding:26px 27px 0 0}.rhythm-grid article+article{padding-left:27px;border-left:1px solid var(--line)}.number{font-size:13px;letter-spacing:.07em;color:#466373;display:block;margin-bottom:27px}.rhythm-grid h3{font-size:34px;margin-bottom:16px}.rhythm-grid p{font-size:15px;min-height:104px}.rhythm-grid .text-link{margin-top:20px}.about{display:grid;grid-template-columns:1fr 1.05fr;gap:8%;background:var(--sand);align-items:center}.about h2{font-size:clamp(40px,4.2vw,65px)}.about .lead{margin-top:28px}.about .text-link{margin-top:26px}.anniversary{display:flex;align-items:center;gap:32px}.anniversary strong{font-family:Barlow,sans-serif;font-size:clamp(210px,24vw,380px);line-height:.8;letter-spacing:-.06em}.anniversary span{writing-mode:vertical-rl;transform:rotate(180deg);font-size:14px;letter-spacing:.12em}.journal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.journal-art{height:260px;background:var(--card);padding:25px;display:flex;flex-direction:column;justify-content:space-between}.journal-art>span{font-size:11px;text-transform:uppercase;letter-spacing:.07em}.journal-art strong{font:700 clamp(37px,4vw,65px)/.92 Barlow,sans-serif;letter-spacing:-.02em}.journal-card:nth-child(2) .journal-art strong{font:italic 48px/1 Georgia,serif}.journal-card:nth-child(3) .journal-art{background:linear-gradient(0deg,#002b4950,#002b4900),url(ocean.png) center/cover;color:white}.journal-card .meta{font-size:11px;margin:18px 0 12px;letter-spacing:.025em}.journal-card h3{font-size:30px;line-height:1.1;max-width:350px}.journal-card .text-link{margin-top:20px}.journal-card:hover .text-link{color:#b42f2d}.final-cta{min-height:510px;position:relative;padding:75px var(--pad);background:linear-gradient(90deg,#002b49df 0%,#002b49aa 43%,#002b4930 100%),url(ocean.png) center 48%/cover;color:var(--cream)}.final-cta .script-label{color:#b9e5e9}.final-cta h2{font-size:clamp(48px,5.6vw,88px)}.final-cta p:not(.script-label){margin-top:22px;font-size:16px}.final-cta .button{margin-top:30px}.footer{padding:48px var(--pad) 28px;background:var(--navy);color:var(--cream)}.footer-brand{font-size:34px;font-weight:600;letter-spacing:-1.5px}.footer-brand span{font-weight:400}.footer>p{font-size:13px;color:#bcd0d5;margin-top:8px}.footer-bottom{display:flex;gap:25px;flex-wrap:wrap;align-items:center;border-top:1px solid #ffffff30;margin-top:38px;padding-top:24px;font-size:12px}.footer-bottom>span{margin-right:auto;color:#bcd0d5}.footer a:hover{text-decoration:underline}.breadcrumb{font-size:12px;display:inline-block;margin-bottom:33px;text-transform:uppercase;letter-spacing:.04em}.service-hero{display:grid;grid-template-columns:1fr 1fr;padding:32px var(--pad) 50px;gap:50px;align-items:stretch}.service-intro{padding:15px 0}.service-intro h1{font-size:clamp(50px,5.5vw,86px);line-height:.99}.service-intro>p:not(.script-label){font-size:16px;margin-top:25px;max-width:560px}.subservices{list-style:none;padding:0;margin:24px 0 28px;display:grid;grid-template-columns:1fr 1fr;column-gap:23px}.subservices li a{font-size:12px;padding:9px 0;display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #002b4930;line-height:1.4;height:100%;align-items:center}.subservices li a:hover{color:#b82a28}.service-photo{min-height:760px;background-image:url(expertises.png);background-size:500% 100%;background-position:0 0;position:relative}.service-photo>span{position:absolute;bottom:28px;left:28px;right:28px;padding:18px;background:#f6f2e9eb;font:italic 26px/1.2 Georgia,serif}.photo-02{background-image:url(hero.png);background-position:88% center;background-size:cover}.photo-03{background-position:50% 0}.photo-04{background-position:75% 0}.photo-05{background-position:100% 0}.service-detail{background:#eee8dc}.service-detail .section-heading h2{max-width:780px;font-size:clamp(40px,4vw,62px)}.services-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 9%;margin-top:45px}.services-detail-grid article{padding:32px 0;border-top:1px solid var(--line);scroll-margin-top:25px}.services-detail-grid .number{margin-bottom:18px}.services-detail-grid h2{font-size:35px;line-height:1.06;letter-spacing:-.01em}.services-detail-grid h3{font-family:DM,Arial,sans-serif;font-size:16px;font-weight:600;letter-spacing:0;line-height:1.5;margin:16px 0 12px}.services-detail-grid p{font-size:15px;max-width:550px}.direct-strip{padding:45px var(--pad);display:flex;align-items:center;justify-content:space-between;gap:35px;background:#d4e6e5}.direct-strip h2{font-size:38px;line-height:1.05}.faq{display:grid;grid-template-columns:1fr 1.3fr;gap:10%}.faq details{border-top:1px solid var(--line);padding:22px 0}.faq details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:20px}summary:after{content:'＋';font-size:22px;line-height:1}details[open] summary:after{content:'−'}details p{margin-top:20px;font-size:15px}.related{padding-top:10px}.related h2{font-size:42px}.related-links{display:grid;grid-template-columns:1fr 1fr;gap:0 45px;margin:25px 0 35px}.related-links a{border-bottom:1px solid var(--line);padding:17px 0;font-size:16px}.related-links a:hover{color:#b82a28}.journal-index h1{font-size:clamp(60px,7vw,104px);margin:18px 0 25px}.journal-index .lead{max-width:650px;margin-bottom:50px}.article{max-width:900px;margin:auto;padding:65px 35px 85px}.article h1{font-size:clamp(55px,6vw,90px);line-height:1.02;margin:14px 0 26px}.article>.lead{font-size:23px}.draft-note{font-size:12px;color:#5b6a6d;margin:18px 0 42px;padding-bottom:25px;border-bottom:1px solid var(--line)}.article section{margin:35px 0}.article section h2{font-size:35px;margin-bottom:17px;line-height:1.1}.article section p{font-size:18px;line-height:1.8}.article-cta{background:var(--sand);padding:30px;margin-top:45px}.article-cta h2{font-size:34px}.article-cta p{margin:15px 0 25px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:10%}.contact h1{font-size:clamp(65px,7vw,105px);line-height:.95}.contact .lead{margin:28px 0}.contact-email{font-size:clamp(21px,2.5vw,32px);border-bottom:1px solid var(--navy);display:inline-block;margin-bottom:25px}.contact>div>p:last-of-type{font-size:14px;max-width:410px}.contact-portrait{width:190px;height:210px;object-fit:cover;margin-top:35px}.contact form{padding:32px;background:var(--sand);align-self:start}.contact form h2{font-size:38px;margin-bottom:28px}.contact label{display:block;font-size:13px;margin:20px 0 8px;font-weight:600}.contact label span{font-size:11px;font-weight:400}.contact input,.contact select,.contact textarea{width:100%;max-width:100%;padding:12px;border:1px solid #9eaaad;border-radius:0;background:var(--cream);color:var(--navy);font-size:16px}.contact input:focus,.contact select:focus,.contact textarea:focus{outline:2px solid var(--navy);outline-offset:2px}.contact textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact form .button{margin-top:24px;width:100%}.form-note{font-size:12px;line-height:1.5;margin-top:15px!important}#message-result{padding-top:25px;font-size:14px}#message-result[hidden]{display:none}.copy-message{border:1px solid var(--navy);padding:10px 16px;margin-top:12px;background:none;cursor:pointer;color:var(--navy)}#copy-status{display:block;font-size:12px;margin-top:8px}.contact+.final-cta{display:none}
@media(max-width:1050px){.partner{gap:5%}.partner-image img{height:520px}.rhythm-grid p{min-height:145px}.anniversary{gap:20px}.service-hero{gap:28px;padding-top:20px}.service-intro h1{font-size:60px}.service-photo{min-height:780px}.subservices{grid-template-columns:1fr}.contact{gap:5%}.contact form{padding:25px}.form-row{grid-template-columns:1fr;gap:0}}
@media(max-width:760px){.partner,.tailor,.about,.faq,.contact{grid-template-columns:1fr;gap:35px}.partner-image img{height:440px;object-position:50% 0%}.partner-copy h2{font-size:48px}.lead{font-size:19px}.tailor .process{gap:15px}.rhythm-grid{grid-template-columns:1fr 1fr;gap:30px 20px}.rhythm-grid article,.rhythm-grid article+article{padding:20px 0 0;border-left:0}.rhythm-grid article:nth-child(n+3){border-top:1px solid var(--line)}.rhythm-grid h3{font-size:29px}.rhythm-grid p{font-size:14px;min-height:125px}.rhythm-grid .text-link{font-size:10px}.anniversary{justify-content:center}.anniversary strong{font-size:240px}.anniversary span{font-size:13px}.about h2{font-size:45px}.journal-grid{grid-template-columns:1fr;gap:40px}.journal-art{height:270px}.journal-art strong{font-size:62px}.journal-card h3{max-width:none;font-size:31px}.journal-card .meta{font-size:12px}.final-cta{padding:55px 24px;min-height:500px;background-position:60% center}.final-cta h2{font-size:55px}.final-cta p:not(.script-label){font-size:15px}.footer{padding:35px 24px 24px}.footer-bottom{gap:18px}.footer-bottom>span{width:100%}.service-hero{display:flex;flex-direction:column;padding:25px 24px 0;gap:30px}.service-intro h1{font-size:59px}.service-intro .breadcrumb{margin-bottom:27px}.service-intro .button{max-width:100%;font-size:12px}.service-photo{min-height:0;height:450px;background-size:500% 100%;background-position-y:bottom}.photo-02{background-size:cover}.service-photo>span{font-size:24px;left:18px;right:18px;bottom:18px}.subservices{grid-template-columns:1fr 1fr}.subservices li a{font-size:12px}.services-detail-grid{grid-template-columns:1fr;margin-top:25px}.services-detail-grid h2{font-size:33px}.services-detail-grid p{font-size:16px}.service-detail .section-heading h2{font-size:43px}.direct-strip{padding:35px 24px;align-items:start;flex-direction:column;gap:24px}.direct-strip h2{font-size:35px}.faq{gap:30px}.faq h2{font-size:47px}.related-links{grid-template-columns:1fr;gap:0}.related h2{font-size:38px}.journal-index h1{font-size:59px}.article{padding:40px 24px 60px}.article h1{font-size:57px}.article>.lead{font-size:20px}.article section p{font-size:17px}.article-cta{padding:24px}.contact h1{font-size:74px}.contact form{padding:24px;margin:0 -10px}.contact-portrait{display:none}.contact-email{font-size:25px}.contact .lead{font-size:18px}.contact form h2{font-size:35px}}
@media(max-width:370px){.hero h1{font-size:70px}.card-art{height:220px}.card-art h3{font-size:23px}.service-intro h1{font-size:50px}.subservices{grid-template-columns:1fr}.hero .button{font-size:12px}.contact h1{font-size:64px}.rhythm-grid{grid-template-columns:1fr}.rhythm-grid p{min-height:0}.brand{gap:8px;font-size:19px}}
.hero-signature{position:absolute;right:var(--pad);bottom:38px;margin:0;max-width:calc(100% - 48px);padding:16px 22px;background:rgba(246,242,233,.94);color:var(--navy);font:600 16px/1.65 DM,Arial,sans-serif;letter-spacing:.08em;text-align:left;text-shadow:none}
@media(max-width:760px){.hero-signature{right:24px;bottom:30px;padding:14px 18px;font-size:14px;line-height:1.7;letter-spacing:.06em}}
.footer-brand{display:block;width:clamp(210px,23vw,310px);max-width:100%;margin:0 0 10px}.footer-brand img{display:block;width:100%;height:auto;max-width:100%}
.services-detail-grid h2{color:#b82a28}
.services-detail-grid .number{color:var(--aqua)}
.rhythm-grid .number{color:var(--red)}

/* Business milestone: use the full column instead of a narrow vertical lockup. */
#apropos .wj-business-years{display:flex;flex-direction:column;align-items:flex-start;gap:0;max-width:720px}
#apropos .wj-business-years strong{font-size:clamp(105px,12vw,205px);line-height:.8;letter-spacing:-.065em;white-space:nowrap}
#apropos .wj-business-years>span{writing-mode:horizontal-tb;transform:none;margin-top:10px;color:var(--navy);font:700 clamp(48px,5.5vw,82px)/.9 Barlow,'Arial Narrow',Impact,sans-serif;letter-spacing:-.025em}
#apropos .wj-business-years>p{max-width:540px;margin-top:30px;font-size:18px;line-height:1.55}
@media(max-width:760px){.home #apropos.about{row-gap:64px}#apropos .wj-business-years strong{font-size:clamp(78px,24vw,125px)}#apropos .wj-business-years>span{margin-top:4px;font-size:clamp(38px,12vw,58px)}#apropos .wj-business-years>p{margin-top:22px;font-size:16px}}

/* Home statement: retain an immediate hero while revealing its two lines in sequence. */
.hero-statement .wj-hero-line{display:block}
.hero-statement .wj-hero-line:first-child{color:var(--red)}
@keyframes wj-hero-studio-in{0%{opacity:0;transform:translate3d(-12vw,34px,0) rotate(-4deg) skewX(-8deg)}68%{opacity:1;transform:translate3d(10px,-4px,0) rotate(1deg) skewX(0)}84%{transform:translate3d(-3px,2px,0) rotate(-.35deg)}100%{opacity:1;transform:none}}
@keyframes wj-hero-solo-in{0%{opacity:0;transform:translate3d(10vw,38px,0) rotate(3deg)}70%{opacity:1;transform:translate3d(-8px,-3px,0) rotate(-.7deg)}100%{opacity:1;transform:none}}
@media(prefers-reduced-motion:no-preference){.home .hero-statement .wj-hero-line:first-child{animation:wj-hero-studio-in .9s cubic-bezier(.2,.8,.25,1) both;transform-origin:left center}.home .hero-statement .wj-hero-line:nth-child(2){animation:wj-hero-solo-in .82s cubic-bezier(.2,.8,.25,1) .2s both;transform-origin:right center}}

/* Comfortable, consistent form fields; native selects retain keyboard support. */
.contact input,.contact select,.contact textarea{min-height:58px;padding:16px 18px;border:1px solid #c6c0b3;border-radius:8px;background-color:#fbf8f1;box-shadow:0 1px 2px #002b4905;line-height:1.5;transition:border-color .18s,box-shadow .18s,background-color .18s}
.contact input:hover,.contact select:hover,.contact textarea:hover{border-color:#819a9e;background-color:#fffdf8}
.contact input:focus,.contact select:focus,.contact textarea:focus{outline:2px solid var(--navy);outline-offset:3px;border-color:var(--aqua);box-shadow:0 0 0 4px #3eb1c820;background-color:#fffdf8}
.contact select{appearance:none;-webkit-appearance:none;padding-right:54px;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='m5 7 5 5 5-5' fill='none' stroke='%23002B49' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:20px 20px;background-position:right 18px center}
.contact label{margin-bottom:10px}.form-row>div{min-width:0}
@media(forced-colors:active){.contact select{appearance:auto;-webkit-appearance:auto;background-image:none;padding-right:18px}}
.expertise-menu{position:relative}
.expertise-menu>summary{align-items:center;gap:10px;padding:12px 0;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;line-height:1.6;list-style:none}
.expertise-menu>summary::-webkit-details-marker{display:none}
.expertise-menu>summary::after{content:'';width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);font-size:inherit;transition:transform .18s}
.expertise-menu[open]>summary,.expertise-menu>summary:hover{color:var(--red)}
.expertise-menu[open]>summary::after{content:'';transform:translateY(2px) rotate(225deg)}
.expertise-dropdown{position:absolute;top:calc(100% + 14px);left:-24px;width:340px;max-width:calc(100vw - 48px);padding:12px;background:var(--cream);border:1px solid #d9d2c5;border-radius:8px;box-shadow:0 16px 36px #002b491a;z-index:10}
.expertise-dropdown ul{margin:0;padding:0;list-style:none}
.expertise-dropdown li a{display:flex;align-items:center;gap:14px;padding:13px 12px;border-radius:4px;font-size:15px;font-weight:500;line-height:1.45}
.expertise-dropdown li a>span{color:var(--red);font-size:12px;font-weight:600}
.expertise-dropdown a:hover{background:var(--sand)}
.expertise-overview{display:flex;align-items:center;justify-content:space-between;margin:8px 0 0;padding:15px 12px 8px;border-top:1px solid #d9d2c5;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}
@media(max-width:760px){.expertise-menu{width:100%}.expertise-menu>summary{padding:10px}.expertise-dropdown{position:static;width:100%;max-width:none;margin-top:10px;padding:6px 8px;background:#eee8dc;border:0;border-radius:6px;box-shadow:none}.expertise-dropdown li a{font-size:14px;padding:12px 10px}.expertise-overview{padding:14px 10px}}
.privacy-policy{max-width:980px}.privacy-policy h1{font-size:clamp(48px,6vw,82px)}.policy-date{font-size:13px;margin-top:20px;color:#536a73}.privacy-policy section h2{color:#b82a28;font-size:32px}.privacy-policy section a,.form-note a{text-decoration:underline;text-underline-offset:3px}.privacy-policy section a:hover,.form-note a:hover{color:#b82a28}.privacy-policy .draft-note{background:var(--sand);padding:16px;font-size:13px;line-height:1.6}

@media(min-width:761px) and (max-width:960px){.menu{display:flex;align-items:center;gap:12px;background:none;border:0;padding:10px;color:var(--navy)}nav{display:none;position:absolute;top:100%;left:0;right:0;padding:25px;background:var(--cream);box-shadow:0 15px 20px #002b4912}nav.open{display:flex;flex-direction:column;align-items:stretch}nav>a{padding:10px}.expertise-menu{width:100%}.expertise-menu>summary{padding:10px}.expertise-dropdown{position:static;width:100%;max-width:none;margin-top:10px;padding:6px 8px;background:#eee8dc;border:0;border-radius:6px;box-shadow:none}}

.about-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:7%;align-items:center}.about-hero h1{font-size:clamp(52px,5.4vw,84px);line-height:1.02}.about-hero .lead{margin:28px 0 20px}.about-hero .button{margin-top:28px}.about-portrait{margin:0}.about-portrait img{width:100%;height:auto}.about-personal{display:grid;grid-template-columns:1fr 1fr;gap:9%;background:var(--sand)}.about-personal .text-link{margin-top:25px}.about-career-heading{max-width:850px;margin-bottom:48px}.about-career-heading .lead{margin-top:24px}.about-timeline article{display:grid;grid-template-columns:180px 1fr;gap:40px;padding:30px 0;border-top:1px solid var(--line)}.about-date{color:var(--aqua);font-weight:600}.about-timeline h3{color:#b82a28;font-size:32px;margin-bottom:14px}.about-timeline article>div{max-width:760px}.about-approach{background:#eee8dc}.about-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin:40px 0}.about-values h3{color:var(--red);font-size:30px;font-weight:600;margin-bottom:16px}.about-approach h2{max-width:900px}.about:has(.anniversary) .anniversary strong{font-size:clamp(120px,17vw,260px)}
@media(max-width:760px){.about-hero,.about-personal{grid-template-columns:1fr;gap:32px}.about-hero h1{font-size:clamp(46px,11vw,70px)}.about-personal h2,.about-career h2,.about-approach h2{font-size:clamp(40px,10vw,55px)}.about-timeline article{grid-template-columns:1fr;gap:12px;padding:26px 0}.about-values{grid-template-columns:1fr;gap:28px}.about:has(.anniversary) .anniversary strong{font-size:clamp(110px,35vw,230px)}}

.brand .brand-wordmark{width:170px;height:auto}.contact form h2{font-family:DM,Arial,sans-serif;font-weight:400;font-size:30px;line-height:1.25;letter-spacing:-.02em}@media(max-width:760px){.brand .brand-wordmark{width:150px}.contact form h2{font-size:27px}}

.brand>img{width:60px;height:auto;flex-shrink:0}@media(max-width:760px){.brand>img{width:46px}}

.journal-heading{display:grid;grid-template-columns:1.5fr 1fr;gap:28px 50px;align-items:end;margin-bottom:34px}.journal-heading h2{font-size:clamp(38px,4.3vw,68px)}.journal-intro{font-size:16px;max-width:440px}.journal-all{grid-column:2;justify-self:start}.journal-reference .journal-card h3,.journal-index .journal-card h3{font-family:DM,Arial,sans-serif;font-weight:400;font-size:20px;line-height:1.35;letter-spacing:0}@media(max-width:760px){.journal-heading{grid-template-columns:1fr;gap:22px}.journal-all{grid-column:auto}.journal-heading h2{font-size:45px}}

.about-story{max-width:800px}.about-story .lead{margin-bottom:24px}.about-story>p:not(.lead){font-size:18px;line-height:1.75}@media(max-width:760px){.about-story>p:not(.lead){font-size:16px}}

.brand{align-items:center}.brand-name{display:flex;flex-direction:column;align-items:flex-start;min-width:0;text-align:left}.brand .brand-wordmark{display:block;margin:0;padding:0}.brand-name small{margin-left:0;padding-left:0;line-height:1.2}.brand>img{align-self:center}

.journal-footer{display:flex;justify-content:flex-end;margin-top:36px}.journal-footer .journal-all{margin:0}

/* Responsive audit: keep card headings readable at narrow widths. */
@media(min-width:761px) and (max-width:1050px){.expertise-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 18px}.rhythm-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.rhythm-grid article,.rhythm-grid article+article{border-left:0;padding:20px 0 0}.rhythm-grid article:nth-child(n+3){border-top:1px solid var(--line)}.rhythm-grid p{min-height:0}}
@media(max-width:440px){.expertise-grid{grid-template-columns:1fr}.expertise-card:last-child{grid-column:auto;max-width:none}.card-art{height:280px}.card-art h3{font-size:32px}.journal-index h1{font-size:clamp(48px,13vw,57px)}}
@media(max-width:960px){nav.open{max-height:calc(100dvh - 98px);overflow-y:auto;overscroll-behavior:contain}.footer-bottom a{display:inline-flex;align-items:center;min-height:44px}.footer-bottom{gap:6px 18px}}
:focus-visible{outline:2px solid var(--navy);outline-offset:4px;box-shadow:0 0 0 6px var(--cream)}

@media(min-width:761px) and (max-width:1050px){.journal-art strong{font-size:34px;overflow-wrap:anywhere}.journal-art{padding:20px}.journal-grid{gap:20px}}

.new-sand .journal-art{background:#e4d2af;color:var(--navy)}.new-aqua .journal-art{background:#aad1d5;color:var(--navy)}.new-coral .journal-art{background:#efab98;color:var(--navy)}.new-sand .journal-art strong,.new-aqua .journal-art strong,.new-coral .journal-art strong{font-family:Barlow,Arial,sans-serif;font-style:normal;transform:none;font-size:clamp(35px,4vw,58px);line-height:1.05}
.journal-card{min-width:0}.journal-card h3,.journal-art strong{overflow-wrap:anywhere}@media(max-width:760px){.journal-grid{grid-template-columns:minmax(0,1fr)}}

/* Progressive section reveals: compositor-friendly and enabled only by JavaScript. */
.wj-reveal{opacity:0;transform:translate3d(0,30px,0);transition:opacity .68s ease-out,transform .68s cubic-bezier(.22,1,.36,1);will-change:opacity,transform}
.wj-reveal.wj-reveal-init,.wj-reveal.wj-reveal-init .wj-reveal-step{transition:none}
.wj-reveal.is-visible{opacity:1;transform:none;will-change:auto}
.wj-reveal .wj-reveal-step{opacity:0;transform:translate3d(0,10px,0);transition:opacity .46s ease-out,transform .46s cubic-bezier(.22,1,.36,1);transition-delay:calc(70ms + var(--wj-reveal-delay,0ms))}
.wj-reveal .wj-reveal-step.wj-from-left{transform:translate3d(-34px,0,0)}
.wj-reveal .wj-reveal-step.wj-from-right{transform:translate3d(34px,0,0)}
.wj-reveal .wj-reveal-step.wj-from-bottom{transform:translate3d(0,22px,0)}
.wj-reveal.is-visible .wj-reveal-step{opacity:1;transform:none}
.final-cta .wj-cta-line{display:block}
@media(max-width:760px){.wj-reveal .wj-reveal-step.wj-from-left,.wj-reveal .wj-reveal-step.wj-from-right{transform:translate3d(0,18px,0)}.wj-reveal.is-visible .wj-reveal-step.wj-from-left,.wj-reveal.is-visible .wj-reveal-step.wj-from-right{transform:none}.wj-mobile-card-reveal,.wj-reveal.is-visible .wj-reveal-step.wj-mobile-card-reveal{opacity:0;transform:translate3d(0,24px,0);transition:opacity .5s ease-out,transform .5s cubic-bezier(.22,1,.36,1);transition-delay:var(--wj-mobile-card-delay,0ms)}.wj-mobile-card-reveal.is-card-visible,.wj-reveal.is-visible .wj-reveal-step.wj-mobile-card-reveal.is-card-visible{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.wj-reveal,.wj-reveal .wj-reveal-step{opacity:1;transform:none;transition:none;will-change:auto}}

/* Keep the rhythm cards open and airy; links retain their own underline. */
.rhythm-grid{border-top:0}
.rhythm-grid article:nth-child(n+3){border-top:0}

/* Optical alignment: align the visible wordmark with the tagline, not only its image box. */
.brand .brand-wordmark{transform:translateX(-1.5px)}

/* Increase the complete header identity while keeping mobile navigation clear. */
@media(min-width:761px){.brand{gap:15px}.brand>img{width:67px}.brand .brand-wordmark{width:190px}.brand-name small{font-size:10px;letter-spacing:1.34px;margin-top:9px}}
@media(max-width:760px){.brand>img{width:49px}.brand .brand-wordmark{width:160px}}

/* Mobile: stronger hero type and a more generous navigation scale. */
@media(max-width:760px){
  .hero{min-height:920px;padding:40px 24px 300px}
  .hero .eyebrow{max-width:320px;margin-bottom:30px;font-size:13px;line-height:1.42}
  .hero h1{max-width:100%;font-size:clamp(92px,26vw,126px);line-height:.83;letter-spacing:-.04em}
  .hero-descriptor,.hero-intro{max-width:355px;font-size:23px;line-height:1.32}
  .hero-descriptor{margin-top:34px}
  .hero-intro{margin-top:18px}
  .hero .button{margin-top:29px}
  .header #navigation.open{gap:0}
  .header #navigation.open>a:not(.button),.header .expertise-menu>summary{display:flex;align-items:center;min-height:66px;padding:13px 0;font-size:clamp(32px,9.5vw,40px);font-weight:600;line-height:1.02;letter-spacing:-.035em;text-transform:none;overflow-wrap:anywhere}
  .header .expertise-menu>summary{justify-content:space-between}
  .header .expertise-menu>summary::after{width:11px;height:11px;margin-right:3px;border-width:2px}
  .header .expertise-dropdown{margin-top:8px;padding:10px 12px}
  .header .expertise-dropdown li a{gap:14px;min-height:58px;padding:12px 0;font-size:clamp(23px,6.5vw,28px);line-height:1.15;overflow-wrap:anywhere}
  .header .expertise-dropdown li a>span{min-width:26px;font-size:14px}
  .header .expertise-overview{min-height:56px;margin-top:8px;padding:14px 0 6px;font-size:17px;line-height:1.2}
}
@media(max-width:370px){
  .hero{padding-left:20px;padding-right:20px}
  .hero h1{font-size:clamp(84px,25vw,92px)}
  .hero-descriptor,.hero-intro{font-size:21px}
  .header #navigation.open>a:not(.button),.header .expertise-menu>summary{font-size:31px}
  .header .expertise-dropdown li a{font-size:22px}
}

/* True lighter weight for the large red service headings. */
@font-face{font-family:Barlow;src:url(barlow-600.ttf) format('truetype');font-weight:600;font-style:normal;font-display:swap}

/* Module administrable image + grand titre du hero. */
.hero.wj-hero-managed{background-image:none!important;isolation:isolate;overflow:hidden}.wj-hero-visuals{position:absolute;z-index:0;inset:0}.wj-hero-visual{position:absolute;inset:0;opacity:0;transition:opacity .9s ease}.wj-hero-visual.is-active{opacity:1}.wj-hero-visual picture{display:block;width:100%;height:100%}.wj-hero-visual img{width:100%;height:100%;object-fit:cover;object-position:center}.wj-hero-managed .hero-content{z-index:2}.wj-hero-managed:before{z-index:1}.wj-hero-titles{display:grid;height:2.67em;font:700 clamp(76px,8.8vw,137px)/.89 Barlow,'Arial Narrow',Impact,sans-serif;letter-spacing:-.025em}.wj-hero-title{grid-area:1/1;display:block;align-self:start;line-height:.89;opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .7s cubic-bezier(.2,.8,.25,1);pointer-events:none}.wj-hero-title.is-active{opacity:1;transform:none;pointer-events:auto}.wj-hero-title-line{display:block;height:.89em;line-height:.89;color:var(--wj-hero-line-color,var(--navy));white-space:nowrap}
.wj-hero-descriptions{display:grid}.wj-hero-description{grid-area:1/1;display:block;opacity:0;transform:translateY(10px);transition:opacity .45s ease,transform .55s cubic-bezier(.2,.8,.25,1);pointer-events:none}.wj-hero-description.is-active{opacity:1;transform:none}
.wj-hero-buttons{display:grid;width:max-content;max-width:100%;margin-top:25px}.hero .wj-hero-buttons .wj-hero-button{grid-area:1/1;margin-top:0;opacity:0;visibility:hidden;pointer-events:none}.hero .wj-hero-buttons .wj-hero-button.is-active{opacity:1;visibility:visible;pointer-events:auto}
@media(max-width:760px){.home .hero .wj-hero-titles{height:2.52em}.home .hero .wj-hero-title-line{height:.84em;line-height:.84}.home .hero .wj-hero-buttons{margin-top:auto;align-self:flex-start}}
@media(min-width:761px){.home .hero .wj-hero-titles,.home .hero .wj-hero-title{line-height:.89}}
.direct-strip h2{font-weight:600}.direct-strip .button{font-weight:600}
.wj-ia-method h2{font-weight:600}
main .section.related{padding-top:60px}
@media(max-width:760px){.wj-mobile-single-line{white-space:nowrap}}
@media(prefers-reduced-motion:reduce){.wj-hero-visual,.wj-hero-title,.wj-hero-description{transition:none}}
@media(min-width:1600px){html body{max-width:none!important;width:100%;margin:0}}

/* HERO motion — line reveals and a soft cinematic crossfade, 2026-09-21. */
@media (prefers-reduced-motion: no-preference) {
 .hero.wj-hero-managed .wj-hero-visual {transform:scale(1.035);transition:opacity 1.15s ease,transform 1.65s cubic-bezier(.22,1,.36,1)}
 .hero.wj-hero-managed .wj-hero-visual.is-active {transform:scale(1)}
 .hero.wj-hero-managed .wj-hero-title {transform:none;transition:opacity .18s ease}
 .hero.wj-hero-managed .wj-hero-title.is-active {transition:none}
 .hero.wj-hero-managed .wj-hero-title.is-active .wj-hero-title-line {animation:wj-hero-line-arrive .95s cubic-bezier(.22,1,.36,1) both;animation-delay:.18s;transform-origin:left bottom}
 .hero.wj-hero-managed .wj-hero-title.is-active .wj-hero-title-line:nth-child(2) {animation-delay:.32s}
 .hero.wj-hero-managed .wj-hero-title.is-active .wj-hero-title-line:nth-child(3) {animation-delay:.46s}
 .hero.wj-hero-managed .wj-hero-description {transform:none;transition:opacity .18s ease}
 .hero.wj-hero-managed .wj-hero-description.is-active {animation:wj-hero-copy-arrive .7s .48s cubic-bezier(.22,1,.36,1) both}
 .hero.wj-hero-managed .wj-hero-buttons .wj-hero-button {animation:none;transition:opacity .18s ease,color .2s ease,background-color .2s ease}
 .hero.wj-hero-managed .wj-hero-buttons .wj-hero-button.is-active {animation:wj-hero-button-arrive .55s .68s ease both}
}
@keyframes wj-hero-line-arrive {
 from {opacity:0;transform:translate3d(0,.55em,0) skewY(2deg);clip-path:inset(0 -5% 100% -5%)}
 to {opacity:1;transform:none;clip-path:inset(-12% -5% -12% -5%)}
}
@keyframes wj-hero-copy-arrive {from{opacity:0;transform:translate3d(0,14px,0)}to{opacity:1;transform:none}}
@keyframes wj-hero-button-arrive {from{opacity:0}to{opacity:1}}
@media (prefers-reduced-motion: reduce) {
 .hero.wj-hero-managed .wj-hero-visual,.hero.wj-hero-managed .wj-hero-title,.hero.wj-hero-managed .wj-hero-title-line,.hero.wj-hero-managed .wj-hero-description,.hero.wj-hero-managed .wj-hero-button {animation:none!important;transition:none!important;transform:none!important;clip-path:none!important}
}

/* Keep every slide description bottom-aligned at a constant distance from its CTA. */
.home .hero.wj-hero-managed .wj-hero-descriptions {align-items:end;margin-bottom:0}
.home .hero.wj-hero-managed .wj-hero-description {align-self:end}
.home .hero.wj-hero-managed .wj-hero-buttons {margin-top:25px}
@media(max-width:760px){
 .home .hero.wj-hero-managed .wj-hero-descriptions {margin-top:auto;padding-top:16px;flex-shrink:0}
 .home .hero.wj-hero-managed .wj-hero-buttons {flex-shrink:0}
}

.services-detail-grid .number{color:var(--aqua)}
.rhythm-grid .number{color:var(--red)}

/* Business milestone: use the full column instead of a narrow vertical lockup. */
#apropos .wj-business-years{display:flex;flex-direction:column;align-items:flex-start;gap:0;max-width:720px}
#apropos .wj-business-years strong{font-size:clamp(105px,12vw,205px);line-height:.8;letter-spacing:-.065em;white-space:nowrap}
#apropos .wj-business-years>span{writing-mode:horizontal-tb;transform:none;margin-top:10px;color:var(--navy);font:700 clamp(48px,5.5vw,82px)/.9 Barlow,'Arial Narrow',Impact,sans-serif;letter-spacing:-.025em}
#apropos .wj-business-years>p{max-width:540px;margin-top:30px;font-size:18px;line-height:1.55}
@media(max-width:760px){.home #apropos.about{row-gap:64px}#apropos .wj-business-years strong{font-size:clamp(78px,24vw,125px)}#apropos .wj-business-years>span{margin-top:4px;font-size:clamp(38px,12vw,58px)}#apropos .wj-business-years>p{margin-top:22px;font-size:16px}}

/* Home statement: retain an immediate hero while revealing its two lines in sequence. */
.hero-statement .wj-hero-line{display:block}
.hero-statement .wj-hero-line:first-child{color:var(--red)}
@keyframes wj-hero-studio-in{0%{opacity:0;transform:translate3d(-12vw,34px,0) rotate(-4deg) skewX(-8deg)}68%{opacity:1;transform:translate3d(10px,-4px,0) rotate(1deg) skewX(0)}84%{transform:translate3d(-3px,2px,0) rotate(-.35deg)}100%{opacity:1;transform:none}}
@keyframes wj-hero-solo-in{0%{opacity:0;transform:translate3d(10vw,38px,0) rotate(3deg)}70%{opacity:1;transform:translate3d(-8px,-3px,0) rotate(-.7deg)}100%{opacity:1;transform:none}}
@media(prefers-reduced-motion:no-preference){.home .hero-statement .wj-hero-line:first-child{animation:wj-hero-studio-in .9s cubic-bezier(.2,.8,.25,1) both;transform-origin:left center}.home .hero-statement .wj-hero-line:nth-child(2){animation:wj-hero-solo-in .82s cubic-bezier(.2,.8,.25,1) .2s both;transform-origin:right center}}

/* Comfortable, consistent form fields; native selects retain keyboard support. */
.contact input,.contact select,.contact textarea{min-height:58px;padding:16px 18px;border:1px solid #c6c0b3;border-radius:8px;background-color:#fbf8f1;box-shadow:0 1px 2px #002b4905;line-height:1.5;transition:border-color .18s,box-shadow .18s,background-color .18s}
.contact input:hover,.contact select:hover,.contact textarea:hover{border-color:#819a9e;background-color:#fffdf8}
.contact input:focus,.contact select:focus,.contact textarea:focus{outline:2px solid var(--navy);outline-offset:3px;border-color:var(--aqua);box-shadow:0 0 0 4px #3eb1c820;background-color:#fffdf8}
.contact select{appearance:none;-webkit-appearance:none;padding-right:54px;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='m5 7 5 5 5-5' fill='none' stroke='%23002B49' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:20px 20px;background-position:right 18px center}
.contact label{margin-bottom:10px}.form-row>div{min-width:0}
@media(forced-colors:active){.contact select{appearance:auto;-webkit-appearance:auto;background-image:none;padding-right:18px}}
.expertise-menu{position:relative}
.expertise-menu>summary{align-items:center;gap:10px;padding:12px 0;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;line-height:1.6;list-style:none}
.expertise-menu>summary::-webkit-details-marker{display:none}
.expertise-menu>summary::after{content:'';width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);font-size:inherit;transition:transform .18s}
.expertise-menu[open]>summary,.expertise-menu>summary:hover{color:var(--red)}
.expertise-menu[open]>summary::after{content:'';transform:translateY(2px) rotate(225deg)}
.expertise-dropdown{position:absolute;top:calc(100% + 14px);left:-24px;width:340px;max-width:calc(100vw - 48px);padding:12px;background:var(--cream);border:1px solid #d9d2c5;border-radius:8px;box-shadow:0 16px 36px #002b491a;z-index:10}
.expertise-dropdown ul{margin:0;padding:0;list-style:none}
.expertise-dropdown li a{display:flex;align-items:center;gap:14px;padding:13px 12px;border-radius:4px;font-size:15px;font-weight:500;line-height:1.45}
.expertise-dropdown li a>span{color:var(--red);font-size:12px;font-weight:600}
.expertise-dropdown a:hover{background:var(--sand)}
.expertise-overview{display:flex;align-items:center;justify-content:space-between;margin:8px 0 0;padding:15px 12px 8px;border-top:1px solid #d9d2c5;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}
@media(max-width:760px){.expertise-menu{width:100%}.expertise-menu>summary{padding:10px}.expertise-dropdown{position:static;width:100%;max-width:none;margin-top:10px;padding:6px 8px;background:#eee8dc;border:0;border-radius:6px;box-shadow:none}.expertise-dropdown li a{font-size:14px;padding:12px 10px}.expertise-overview{padding:14px 10px}}
.privacy-policy{max-width:980px}.privacy-policy h1{font-size:clamp(48px,6vw,82px)}.policy-date{font-size:13px;margin-top:20px;color:#536a73}.privacy-policy section h2{color:#b82a28;font-size:32px}.privacy-policy section a,.form-note a{text-decoration:underline;text-underline-offset:3px}.privacy-policy section a:hover,.form-note a:hover{color:#b82a28}.privacy-policy .draft-note{background:var(--sand);padding:16px;font-size:13px;line-height:1.6}

@media(min-width:761px) and (max-width:960px){.menu{display:flex;align-items:center;gap:12px;background:none;border:0;padding:10px;color:var(--navy)}nav{display:none;position:absolute;top:100%;left:0;right:0;padding:25px;background:var(--cream);box-shadow:0 15px 20px #002b4912}nav.open{display:flex;flex-direction:column;align-items:stretch}nav>a{padding:10px}.expertise-menu{width:100%}.expertise-menu>summary{padding:10px}.expertise-dropdown{position:static;width:100%;max-width:none;margin-top:10px;padding:6px 8px;background:#eee8dc;border:0;border-radius:6px;box-shadow:none}}

.about-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:7%;align-items:center}.about-hero h1{font-size:clamp(52px,5.4vw,84px);line-height:1.02}.about-hero .lead{margin:28px 0 20px}.about-hero .button{margin-top:28px}.about-portrait{margin:0}.about-portrait img{width:100%;height:auto}.about-personal{display:grid;grid-template-columns:1fr 1fr;gap:9%;background:var(--sand)}.about-personal .text-link{margin-top:25px}.about-career-heading{max-width:850px;margin-bottom:48px}.about-career-heading .lead{margin-top:24px}.about-timeline article{display:grid;grid-template-columns:180px 1fr;gap:40px;padding:30px 0;border-top:1px solid var(--line)}.about-date{color:var(--aqua);font-weight:600}.about-timeline h3{color:#b82a28;font-size:32px;margin-bottom:14px}.about-timeline article>div{max-width:760px}.about-approach{background:#eee8dc}.about-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin:40px 0}.about-values h3{color:var(--red);font-size:30px;font-weight:600;margin-bottom:16px}.about-approach h2{max-width:900px}.about:has(.anniversary) .anniversary strong{font-size:clamp(120px,17vw,260px)}
@media(max-width:760px){.about-hero,.about-personal{grid-template-columns:1fr;gap:32px}.about-hero h1{font-size:clamp(46px,11vw,70px)}.about-personal h2,.about-career h2,.about-approach h2{font-size:clamp(40px,10vw,55px)}.about-timeline article{grid-template-columns:1fr;gap:12px;padding:26px 0}.about-values{grid-template-columns:1fr;gap:28px}.about:has(.anniversary) .anniversary strong{font-size:clamp(110px,35vw,230px)}}

.brand .brand-wordmark{width:170px;height:auto}.contact form h2{font-family:DM,Arial,sans-serif;font-weight:400;font-size:30px;line-height:1.25;letter-spacing:-.02em}@media(max-width:760px){.brand .brand-wordmark{width:150px}.contact form h2{font-size:27px}}

.brand>img{width:60px;height:auto;flex-shrink:0}@media(max-width:760px){.brand>img{width:46px}}

.journal-heading{display:grid;grid-template-columns:1.5fr 1fr;gap:28px 50px;align-items:end;margin-bottom:34px}.journal-heading h2{font-size:clamp(38px,4.3vw,68px)}.journal-intro{font-size:16px;max-width:440px}.journal-all{grid-column:2;justify-self:start}.journal-reference .journal-card h3,.journal-index .journal-card h3{font-family:DM,Arial,sans-serif;font-weight:400;font-size:20px;line-height:1.35;letter-spacing:0}@media(max-width:760px){.journal-heading{grid-template-columns:1fr;gap:22px}.journal-all{grid-column:auto}.journal-heading h2{font-size:45px}}

.about-story{max-width:800px}.about-story .lead{margin-bottom:24px}.about-story>p:not(.lead){font-size:18px;line-height:1.75}@media(max-width:760px){.about-story>p:not(.lead){font-size:16px}}

.brand{align-items:center}.brand-name{display:flex;flex-direction:column;align-items:flex-start;min-width:0;text-align:left}.brand .brand-wordmark{display:block;margin:0;padding:0}.brand-name small{margin-left:0;padding-left:0;line-height:1.2}.brand>img{align-self:center}

.journal-footer{display:flex;justify-content:flex-end;margin-top:36px}.journal-footer .journal-all{margin:0}

/* Responsive audit: keep card headings readable at narrow widths. */
@media(min-width:761px) and (max-width:1050px){.expertise-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 18px}.rhythm-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.rhythm-grid article,.rhythm-grid article+article{border-left:0;padding:20px 0 0}.rhythm-grid article:nth-child(n+3){border-top:1px solid var(--line)}.rhythm-grid p{min-height:0}}
@media(max-width:440px){.expertise-grid{grid-template-columns:1fr}.expertise-card:last-child{grid-column:auto;max-width:none}.card-art{height:280px}.card-art h3{font-size:32px}.journal-index h1{font-size:clamp(48px,13vw,57px)}}
@media(max-width:960px){nav.open{max-height:calc(100dvh - 98px);overflow-y:auto;overscroll-behavior:contain}.footer-bottom a{display:inline-flex;align-items:center;min-height:44px}.footer-bottom{gap:6px 18px}}
:focus-visible{outline:2px solid var(--navy);outline-offset:4px;box-shadow:0 0 0 6px var(--cream)}

@media(min-width:761px) and (max-width:1050px){.journal-art strong{font-size:34px;overflow-wrap:anywhere}.journal-art{padding:20px}.journal-grid{gap:20px}}

.new-sand .journal-art{background:#e4d2af;color:var(--navy)}.new-aqua .journal-art{background:#aad1d5;color:var(--navy)}.new-coral .journal-art{background:#efab98;color:var(--navy)}.new-sand .journal-art strong,.new-aqua .journal-art strong,.new-coral .journal-art strong{font-family:Barlow,Arial,sans-serif;font-style:normal;transform:none;font-size:clamp(35px,4vw,58px);line-height:1.05}
.journal-card{min-width:0}.journal-card h3,.journal-art strong{overflow-wrap:anywhere}@media(max-width:760px){.journal-grid{grid-template-columns:minmax(0,1fr)}}

/* Progressive section reveals: compositor-friendly and enabled only by JavaScript. */
.wj-reveal{opacity:0;transform:translate3d(0,30px,0);transition:opacity .68s ease-out,transform .68s cubic-bezier(.22,1,.36,1);will-change:opacity,transform}
.wj-reveal.wj-reveal-init,.wj-reveal.wj-reveal-init .wj-reveal-step{transition:none}
.wj-reveal.is-visible{opacity:1;transform:none;will-change:auto}
.wj-reveal .wj-reveal-step{opacity:0;transform:translate3d(0,10px,0);transition:opacity .46s ease-out,transform .46s cubic-bezier(.22,1,.36,1);transition-delay:calc(70ms + var(--wj-reveal-delay,0ms))}
.wj-reveal .wj-reveal-step.wj-from-left{transform:translate3d(-34px,0,0)}
.wj-reveal .wj-reveal-step.wj-from-right{transform:translate3d(34px,0,0)}
.wj-reveal .wj-reveal-step.wj-from-bottom{transform:translate3d(0,22px,0)}
.wj-reveal.is-visible .wj-reveal-step{opacity:1;transform:none}
.final-cta .wj-cta-line{display:block}
@media(max-width:760px){.wj-reveal .wj-reveal-step.wj-from-left,.wj-reveal .wj-reveal-step.wj-from-right{transform:translate3d(0,18px,0)}.wj-reveal.is-visible .wj-reveal-step.wj-from-left,.wj-reveal.is-visible .wj-reveal-step.wj-from-right{transform:none}.wj-mobile-card-reveal,.wj-reveal.is-visible .wj-reveal-step.wj-mobile-card-reveal{opacity:0;transform:translate3d(0,24px,0);transition:opacity .5s ease-out,transform .5s cubic-bezier(.22,1,.36,1);transition-delay:var(--wj-mobile-card-delay,0ms)}.wj-mobile-card-reveal.is-card-visible,.wj-reveal.is-visible .wj-reveal-step.wj-mobile-card-reveal.is-card-visible{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.wj-reveal,.wj-reveal .wj-reveal-step{opacity:1;transform:none;transition:none;will-change:auto}}

/* Keep the rhythm cards open and airy; links retain their own underline. */
.rhythm-grid{border-top:0}
.rhythm-grid article:nth-child(n+3){border-top:0}

/* Optical alignment: align the visible wordmark with the tagline, not only its image box. */
.brand .brand-wordmark{transform:translateX(-1.5px)}

/* Increase the complete header identity while keeping mobile navigation clear. */
@media(min-width:761px){.brand{gap:15px}.brand>img{width:67px}.brand .brand-wordmark{width:190px}.brand-name small{font-size:10px;letter-spacing:1.34px;margin-top:9px}}
@media(max-width:760px){.brand>img{width:49px}.brand .brand-wordmark{width:160px}}

/* Mobile: stronger hero type and a more generous navigation scale. */
@media(max-width:760px){
  .hero{min-height:920px;padding:40px 24px 300px}
  .hero .eyebrow{max-width:320px;margin-bottom:30px;font-size:13px;line-height:1.42}
  .hero h1{max-width:100%;font-size:clamp(92px,26vw,126px);line-height:.83;letter-spacing:-.04em}
  .hero-descriptor,.hero-intro{max-width:355px;font-size:23px;line-height:1.32}
  .hero-descriptor{margin-top:34px}
  .hero-intro{margin-top:18px}
  .hero .button{margin-top:29px}
  .header #navigation.open{gap:0}
  .header #navigation.open>a:not(.button),.header .expertise-menu>summary{display:flex;align-items:center;min-height:66px;padding:13px 0;font-size:clamp(32px,9.5vw,40px);font-weight:600;line-height:1.02;letter-spacing:-.035em;text-transform:none;overflow-wrap:anywhere}
  .header .expertise-menu>summary{justify-content:space-between}
  .header .expertise-menu>summary::after{width:11px;height:11px;margin-right:3px;border-width:2px}
  .header .expertise-dropdown{margin-top:8px;padding:10px 12px}
  .header .expertise-dropdown li a{gap:14px;min-height:58px;padding:12px 0;font-size:clamp(23px,6.5vw,28px);line-height:1.15;overflow-wrap:anywhere}
  .header .expertise-dropdown li a>span{min-width:26px;font-size:14px}
  .header .expertise-overview{min-height:56px;margin-top:8px;padding:14px 0 6px;font-size:17px;line-height:1.2}
}
@media(max-width:370px){
  .hero{padding-left:20px;padding-right:20px}
  .hero h1{font-size:clamp(84px,25vw,92px)}
  .hero-descriptor,.hero-intro{font-size:21px}
  .header #navigation.open>a:not(.button),.header .expertise-menu>summary{font-size:31px}
  .header .expertise-dropdown li a{font-size:22px}
}

/* True lighter weight for the large red service headings. */
@font-face{font-family:Barlow;src:url(barlow-600.ttf) format('truetype');font-weight:600;font-style:normal;font-display:swap}

/* Module administrable image + grand titre du hero. */
.hero.wj-hero-managed{background-image:none!important;isolation:isolate;overflow:hidden}.wj-hero-visuals{position:absolute;z-index:0;inset:0}.wj-hero-visual{position:absolute;inset:0;opacity:0;transition:opacity .9s ease}.wj-hero-visual.is-active{opacity:1}.wj-hero-visual picture{display:block;width:100%;height:100%}.wj-hero-visual img{width:100%;height:100%;object-fit:cover;object-position:center}.wj-hero-managed .hero-content{z-index:2}.wj-hero-managed:before{z-index:1}.wj-hero-titles{display:grid;height:2.67em;font:700 clamp(76px,8.8vw,137px)/.89 Barlow,'Arial Narrow',Impact,sans-serif;letter-spacing:-.025em}.wj-hero-title{grid-area:1/1;display:block;align-self:start;line-height:.89;opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .7s cubic-bezier(.2,.8,.25,1);pointer-events:none}.wj-hero-title.is-active{opacity:1;transform:none;pointer-events:auto}.wj-hero-title-line{display:block;height:.89em;line-height:.89;color:var(--wj-hero-line-color,var(--navy));white-space:nowrap}
.wj-hero-descriptions{display:grid}.wj-hero-description{grid-area:1/1;display:block;opacity:0;transform:translateY(10px);transition:opacity .45s ease,transform .55s cubic-bezier(.2,.8,.25,1);pointer-events:none}.wj-hero-description.is-active{opacity:1;transform:none}
.wj-hero-buttons{display:grid;width:max-content;max-width:100%;margin-top:25px}.hero .wj-hero-buttons .wj-hero-button{grid-area:1/1;margin-top:0;opacity:0;visibility:hidden;pointer-events:none}.hero .wj-hero-buttons .wj-hero-button.is-active{opacity:1;visibility:visible;pointer-events:auto}
@media(max-width:760px){.home .hero .wj-hero-titles{height:2.52em}.home .hero .wj-hero-title-line{height:.84em;line-height:.84}.home .hero .wj-hero-buttons{margin-top:auto;align-self:flex-start}}
@media(min-width:761px){.home .hero .wj-hero-titles,.home .hero .wj-hero-title{line-height:.89}}
.direct-strip h2{font-weight:600}.direct-strip .button{font-weight:600}
.wj-ia-method h2{font-weight:600}
main .section.related{padding-top:60px}
@media(max-width:760px){.wj-mobile-single-line{white-space:nowrap}}
@media(prefers-reduced-motion:reduce){.wj-hero-visual,.wj-hero-title,.wj-hero-description{transition:none}}
@media(min-width:1600px){html body{max-width:none!important;width:100%;margin:0}}

/* HERO motion — line reveals and a soft cinematic crossfade, 2026-09-21. */
@media (prefers-reduced-motion: no-preference) {
 .hero.wj-hero-managed .wj-hero-visual {transform:scale(1.035);transition:opacity 1.15s ease,transform 1.65s cubic-bezier(.22,1,.36,1)}
 .hero.wj-hero-managed .wj-hero-visual.is-active {transform:scale(1)}
 .hero.wj-hero-managed .wj-hero-title {transform:none;transition:opacity .18s ease}
 .hero.wj-hero-managed .wj-hero-title.is-active {transition:none}
 .hero.wj-hero-managed .wj-hero-title.is-active .wj-hero-title-line {animation:wj-hero-line-arrive .95s cubic-bezier(.22,1,.36,1) both;animation-delay:.18s;transform-origin:left bottom}
 .hero.wj-hero-managed .wj-hero-title.is-active .wj-hero-title-line:nth-child(2) {animation-delay:.32s}
 .hero.wj-hero-managed .wj-hero-title.is-active .wj-hero-title-line:nth-child(3) {animation-delay:.46s}
 .hero.wj-hero-managed .wj-hero-description {transform:none;transition:opacity .18s ease}
 .hero.wj-hero-managed .wj-hero-description.is-active {animation:wj-hero-copy-arrive .7s .48s cubic-bezier(.22,1,.36,1) both}
 .hero.wj-hero-managed .wj-hero-buttons .wj-hero-button {animation:none;transition:opacity .18s ease,color .2s ease,background-color .2s ease}
 .hero.wj-hero-managed .wj-hero-buttons .wj-hero-button.is-active {animation:wj-hero-button-arrive .55s .68s ease both}
}
@keyframes wj-hero-line-arrive {
 from {opacity:0;transform:translate3d(0,.55em,0) skewY(2deg);clip-path:inset(0 -5% 100% -5%)}
 to {opacity:1;transform:none;clip-path:inset(-12% -5% -12% -5%)}
}
@keyframes wj-hero-copy-arrive {from{opacity:0;transform:translate3d(0,14px,0)}to{opacity:1;transform:none}}
@keyframes wj-hero-button-arrive {from{opacity:0}to{opacity:1}}
@media (prefers-reduced-motion: reduce) {
 .hero.wj-hero-managed .wj-hero-visual,.hero.wj-hero-managed .wj-hero-title,.hero.wj-hero-managed .wj-hero-title-line,.hero.wj-hero-managed .wj-hero-description,.hero.wj-hero-managed .wj-hero-button {animation:none!important;transition:none!important;transform:none!important;clip-path:none!important}
}


/* Raise the descriptive copy above the CTA without moving the button. */
.home .hero.wj-hero-managed .wj-hero-descriptions{position:relative;top:-15px}

/* Seamless header / hero boundary. */
body .header{border-bottom:0}

/* Optional fourth HERO line: shared intrinsic height across all slides. */
.home .hero.wj-hero-managed .wj-hero-titles{height:auto;min-height:2.67em;flex-shrink:0}
@media(max-width:760px){.home .hero.wj-hero-managed .wj-hero-titles{min-height:2.52em}}
@media(prefers-reduced-motion:no-preference){.hero.wj-hero-managed .wj-hero-title.is-active .wj-hero-title-line:nth-child(4){animation-delay:.60s}}

/* Mobile HERO: full-colour image with an individually coloured block per title line. */
@media(max-width:760px){
 .home .hero.wj-hero-managed::before{background:none!important;opacity:0!important}
 .home .hero.wj-hero-managed .wj-hero-ink{background:var(--wj-hero-line-background,transparent);color:inherit;-webkit-box-decoration-break:clone;box-decoration-break:clone}
 .home .hero.wj-hero-managed .wj-hero-title-line{height:auto;min-height:.84em;margin-bottom:.10em}
 .home .hero.wj-hero-managed .wj-hero-title-line .wj-hero-ink{display:inline-block;padding:.035em .08em;line-height:.94;vertical-align:top}
 .home .hero.wj-hero-managed .wj-hero-description .wj-hero-ink{padding:.12em .3em;background:var(--navy);color:#fff}
 .home .hero.wj-hero-managed h1.hero-descriptor{line-height:1.7}
 .home .hero.wj-hero-managed .eyebrow{width:fit-content;max-width:100%;background:transparent;padding:0}
}

/* Mobile title strips: wrap within the viewport and optically centre capitals. */
@media(max-width:760px){
 .home .hero.wj-hero-managed .wj-hero-titles{grid-template-columns:minmax(0,1fr);width:100%;min-width:0;max-width:100%}
 .home .hero.wj-hero-managed .wj-hero-title{min-width:0;max-width:100%}
 .home .hero.wj-hero-managed .wj-hero-title-line{white-space:normal;overflow-wrap:anywhere;max-width:100%;line-height:1.16;margin-bottom:.06em;padding-inline:.08em}
 .home .hero.wj-hero-managed .wj-hero-title-line .wj-hero-ink{display:inline;padding:0 .08em .10em;line-height:inherit;vertical-align:baseline;-webkit-box-decoration-break:clone;box-decoration-break:clone}
 .home .hero.wj-hero-managed .wj-hero-descriptions{min-width:0;max-width:100%}
 .home .hero.wj-hero-managed .wj-hero-description{text-wrap:pretty}
}

/* Compact mobile title lines with a visible gap between each line. */
@media(max-width:760px){
 .home .hero.wj-hero-managed .wj-hero-title-line{position:relative;line-height:.86;margin-bottom:-.015em;overflow:visible}
 .home .hero.wj-hero-managed .wj-hero-title-line .wj-hero-ink{display:inline;padding:0 .075em .025em;background-color:transparent;background-image:linear-gradient(var(--wj-hero-line-background,transparent),var(--wj-hero-line-background,transparent));background-repeat:no-repeat;background-size:100% .80em;background-position:center 54%;-webkit-box-decoration-break:clone;box-decoration-break:clone}
}

/* Mobile first-screen composition: one shared left edge and compact spacing. */
@media(max-width:760px){
 .home .hero.wj-hero-managed{min-height:calc(100svh - 80px);padding:20px 22px 24px}
 .home .hero.wj-hero-managed .hero-content{min-height:0;width:100%;max-width:100%;display:flex;flex-direction:column;justify-content:flex-start}
 .home .hero.wj-hero-managed .eyebrow{margin:0 0 32px;padding:0;background:transparent}
 .home .hero.wj-hero-managed .wj-hero-titles{margin:0;min-height:0;font-size:clamp(36px,min(13vw,7.8svh),60px);line-height:1}
 .home .hero.wj-hero-managed .wj-hero-title-line{padding-inline:0}
 .home .hero.wj-hero-managed h1.wj-hero-descriptions{position:relative;top:0;margin:36px 0 0;padding:0;font-size:16px;line-height:1.6;max-width:100%}
 .home .hero.wj-hero-managed .wj-hero-buttons{margin-top:56px;max-width:100%}
 .home .hero.wj-hero-managed .wj-hero-button{min-height:48px;padding:12px 20px;font-size:12px;gap:20px}
}

/* Independent mobile HERO titles, within the same animated slide. */
.wj-title-desktop{display:block}.wj-title-mobile{display:none}
@media(max-width:760px){.wj-hero-title:has(.wj-title-mobile) .wj-title-desktop{display:none}.wj-title-mobile{display:block}}

/* Septembre 2026 — palette des expertises, menu mobile et axe commun du Hero. */
:root{--expertise-01:#FF5364;--expertise-02:#3EB1C8;--expertise-03:#FFD447;--expertise-04:#FF875E;--expertise-05:#A9D85E}
.coral{--card:var(--expertise-01)}.aqua{--card:var(--expertise-02)}.yellow{--card:var(--expertise-03)}.terra{--card:var(--expertise-04)}.sage{--card:var(--expertise-05)}
.expertise-grid .card-art{background-color:var(--card)!important;background-repeat:no-repeat!important;background-size:72% auto!important;background-position:right 8% bottom 4%!important}
.expertise-grid .coral .card-art{background-image:url(expertise-01.svg)!important}.expertise-grid .aqua .card-art{background-image:url(expertise-02.svg)!important}.expertise-grid .yellow .card-art{background-image:url(expertise-03.svg)!important}.expertise-grid .terra .card-art{background-image:url(expertise-04.svg)!important}.expertise-grid .sage .card-art{background-image:url(expertise-05.svg)!important}
@keyframes wj-menu-tap{0%{transform:translateX(0);background-color:transparent}40%{transform:translateX(9px);background-color:rgba(246,242,233,.12)}100%{transform:translateX(4px);background-color:rgba(246,242,233,.06)}}
@media(max-width:960px){
 #navigation a,#navigation summary{transform-origin:left center;transition:color 120ms ease,background-color 120ms ease,transform 120ms ease;border-radius:8px}
 #navigation a:active,#navigation summary:active,#navigation a.wj-menu-tap,#navigation summary.wj-menu-tap{animation:wj-menu-tap 180ms ease-out!important;color:var(--red)!important}
 #navigation .wj-mobile-contact{display:flex!important;width:100%;max-width:none;margin:26px 0 0;padding:22px 0 8px!important;border-top:1px solid rgba(246,242,233,.28);border-radius:0;background:transparent!important;color:var(--cream)!important;justify-content:space-between;align-items:center;box-shadow:none}
 #navigation .wj-mobile-contact span{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:var(--red);color:var(--cream);font-size:22px;transition:transform 140ms ease,background-color 140ms ease}
 #navigation .wj-mobile-contact:active span,#navigation .wj-mobile-contact.wj-menu-tap span{transform:translate(3px,-3px);background:var(--cream);color:var(--navy)}
}
@media(max-width:760px){.home .hero.wj-hero-managed{--wj-hero-left:22px;padding-left:var(--wj-hero-left);padding-right:var(--wj-hero-left)}.home .hero.wj-hero-managed .hero-content,.home .hero.wj-hero-managed .eyebrow,.home .hero.wj-hero-managed .wj-hero-titles,.home .hero.wj-hero-managed .wj-hero-title,.home .hero.wj-hero-managed .wj-hero-title-line,.home .hero.wj-hero-managed .wj-hero-descriptions,.home .hero.wj-hero-managed .wj-hero-description,.home .hero.wj-hero-managed .wj-hero-buttons{margin-left:0!important;padding-left:0!important;left:0!important;text-align:left}}
@media(max-width:760px){.home .hero.wj-hero-managed .wj-hero-title-line .wj-hero-ink{padding-left:0!important}.home .hero.wj-hero-managed .wj-hero-description .wj-hero-ink{padding-left:0!important}}

/* Mobile navigation: open and close immediately; keep tap feedback visible. */
@media(max-width:960px){
 html{scroll-behavior:auto}
 .header #navigation,
 body.wj-menu-open,
 body.wj-menu-open .header{
  animation:none!important;
  transition:none!important;
  scroll-behavior:auto!important;
 }
}
@media(max-width:960px) and (prefers-reduced-motion:reduce){#navigation a:active,#navigation summary:active,#navigation a.wj-menu-tap,#navigation summary.wj-menu-tap{animation:none!important;background-color:rgba(246,242,233,.10)!important}}

/* Keep the approved expertise palette authoritative over legacy inline CSS. */
body .coral{--card:var(--expertise-01)!important}
body .aqua{--card:var(--expertise-02)!important}
body .yellow{--card:var(--expertise-03)!important}
body .terra{--card:var(--expertise-04)!important}
body .sage{--card:var(--expertise-05)!important}
.home .expertise-grid .expertise-card.coral{--expertise-tint:var(--expertise-01)!important}
.home .expertise-grid .expertise-card.aqua{--expertise-tint:var(--expertise-02)!important}
.home .expertise-grid .expertise-card.yellow{--expertise-tint:var(--expertise-03)!important}
.home .expertise-grid .expertise-card.terra{--expertise-tint:var(--expertise-04)!important}
.home .expertise-grid .expertise-card.sage{--expertise-tint:var(--expertise-05)!important}
body .service-hero .photo-01{--service-tint:var(--expertise-01)!important}
body .service-hero .photo-02{--service-tint:var(--expertise-02)!important}
body .service-hero .photo-03{--service-tint:var(--expertise-03)!important}
body .service-hero .photo-04{--service-tint:var(--expertise-04)!important}
body .service-hero .photo-05{--service-tint:var(--expertise-05)!important}


/* Menu mobile simplifie : CTA visible et retour tactile avant navigation. */
@keyframes wj-menu-leave{0%{transform:translateX(0);background:transparent}55%{transform:translateX(10px);background:rgba(246,242,233,.12)}100%{transform:translateX(5px);background:rgba(246,242,233,.07)}}
@media(max-width:960px){
.header #navigation .expertise-overview{display:none!important}
.header #navigation a.wj-menu-tap,.header #navigation a.wj-menu-leaving{animation:wj-menu-leave 170ms cubic-bezier(.2,.8,.2,1)!important;color:#fff!important}
.header #navigation .wj-mobile-contact{display:flex!important;width:100%!important;min-height:58px!important;margin:clamp(22px,3dvh,34px) 0 0!important;padding:15px 18px!important;border:1px solid var(--red)!important;border-radius:10px!important;background:var(--red)!important;color:#fff!important;font-size:16px!important;line-height:1!important;letter-spacing:.035em!important;box-shadow:none!important}
.header #navigation .wj-mobile-contact span{width:auto!important;height:auto!important;border-radius:0!important;background:transparent!important;color:#fff!important;font-size:28px!important;transition:transform 170ms ease!important}
.header #navigation .wj-mobile-contact.wj-menu-tap span,.header #navigation .wj-mobile-contact.wj-menu-leaving span{transform:translate(5px,-5px)!important;background:transparent!important;color:#fff!important}
}

.home #apropos .anniversary>span{text-transform:lowercase}


/* CTA mobile plus discret et animation tactile clairement perceptible. */
@media(max-width:960px){
 .header #navigation .wj-mobile-contact{background:transparent!important;border:1px solid rgba(238,39,55,.9)!important;color:var(--cream)!important;padding:14px 17px!important;min-height:56px!important}
 .header #navigation .wj-mobile-contact span{color:var(--red)!important;font-size:26px!important}
 .header #navigation a.wj-menu-leaving{animation:wj-menu-leave 300ms cubic-bezier(.2,.8,.2,1) both!important;background:rgba(246,242,233,.12)!important;box-shadow:inset 3px 0 0 var(--red)!important}
 .header #navigation .wj-mobile-contact.wj-menu-leaving{background:rgba(238,39,55,.16)!important;box-shadow:none!important}
 .header #navigation .wj-mobile-contact.wj-menu-leaving span{transform:translate(7px,-7px)!important;color:var(--cream)!important}
}

/* Shared closing CTA: random approved gradient, no photographic background. */
.final-cta{background-image:none!important;background-color:var(--expertise-02);color:var(--navy)}
.final-cta.wj-gradient-coral{background:linear-gradient(118deg,#FF5364 0%,#FF875E 100%)!important}
.final-cta.wj-gradient-aqua{background:linear-gradient(118deg,#3EB1C8 0%,#9BCAF1 100%)!important}
.final-cta.wj-gradient-lime{background:linear-gradient(118deg,#FFD447 0%,#A9D85E 100%)!important}
.final-cta .script-label{color:var(--navy)!important}
.final-cta .button{background:var(--navy);color:var(--cream)}
.final-cta .button:hover{background:var(--cream);color:var(--navy)}

/* Final visual corrections: lowercase milestone and clean consent link. */
.home #apropos .wj-business-years>strong{text-transform:lowercase}
.cmplz-cookiebanner .cmplz-link.privacy-statement{text-decoration:none!important}
.cmplz-cookiebanner .cmplz-link.privacy-statement:hover{text-decoration:none!important}

/* Privacy policy headings: one weight lighter. */
.privacy-policy section h2{font-weight:600}

/* Mobile menu polish: pill CTA and visible feedback on every item. */
@keyframes wj-mobile-link-feedback{0%{transform:translateX(0);opacity:1}45%{transform:translateX(10px);opacity:.72}100%{transform:translateX(4px);opacity:1}}
@keyframes wj-mobile-cta-feedback{0%{transform:scale(1)}45%{transform:scale(.965)}100%{transform:scale(1)}}
@media(max-width:960px){
 .header #navigation>a:not(.wj-mobile-contact).wj-menu-tap,.header #navigation>a:not(.wj-mobile-contact).wj-menu-leaving,.header #navigation .expertise-menu>summary.wj-menu-tap{animation:wj-mobile-link-feedback 300ms cubic-bezier(.2,.8,.2,1)!important;background:rgba(246,242,233,.08)!important;color:var(--cream)!important;box-shadow:none!important}
 .header #navigation .wj-mobile-contact{border-radius:999px!important;padding:15px 24px!important;background:var(--red)!important;border-color:var(--red)!important;color:#fff!important}
 .header #navigation .wj-mobile-contact.wj-menu-tap,.header #navigation .wj-mobile-contact.wj-menu-leaving{animation:wj-mobile-cta-feedback 260ms ease-out!important;background:var(--red)!important;box-shadow:none!important}
 .header #navigation .wj-mobile-contact span{color:#fff!important}
 .header #navigation .wj-mobile-contact.wj-menu-tap span,.header #navigation .wj-mobile-contact.wj-menu-leaving span{transform:translate(3px,-3px)!important;color:#fff!important}
}

/* Mobile menu: shared press effect and lower CTA position. */
@keyframes wj-mobile-shared-press{0%{transform:scale(1)}45%{transform:scale(.965)}100%{transform:scale(1)}}
@media(max-width:960px){
 .header #navigation a.wj-menu-tap,.header #navigation a.wj-menu-leaving,.header #navigation summary.wj-menu-tap{animation:wj-mobile-shared-press 260ms ease-out!important;transform-origin:center!important;opacity:1!important;box-shadow:none!important}
 .header #navigation .wj-mobile-contact{margin-top:52px!important}
}


/* Force le rafraichissement des nouveaux motifs d'expertise. */
.expertise-grid .coral .card-art{background-image:url(expertise-01.svg?v=20260925-2)!important}.expertise-grid .aqua .card-art{background-image:url(expertise-02.svg?v=20260925-2)!important}.expertise-grid .yellow .card-art{background-image:url(expertise-03.svg?v=20260925-2)!important}.expertise-grid .terra .card-art{background-image:url(expertise-04.svg?v=20260925-2)!important}.expertise-grid .sage .card-art{background-image:url(expertise-05.svg?v=20260925-2)!important}


/* Menu mobile : retour tactile discret, sans bloc de fond. */
@media(max-width:960px){.header #navigation>a:not(.wj-mobile-contact).wj-menu-tap,.header #navigation>a:not(.wj-mobile-contact).wj-menu-leaving,.header #navigation .expertise-menu>summary.wj-menu-tap{background:transparent!important;color:var(--red)!important;box-shadow:none!important;animation:wj-mobile-link-soft 260ms ease-out!important}}
@keyframes wj-mobile-link-soft{0%{transform:translateX(0)}45%{transform:translateX(6px)}100%{transform:translateX(0)}}


/* Bloc final : systeme anime des cinq expertises. */
.final-cta{display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);align-items:center;gap:5%;overflow:hidden}.final-cta .wj-cta-copy{position:relative;z-index:2}.wj-cta-system{position:relative;z-index:1;width:100%;max-width:760px;justify-self:end;color:rgba(0,43,73,.30)}.wj-cta-system svg{display:block;width:100%;height:auto;overflow:visible}@media(prefers-reduced-motion:no-preference){.wj-cta-orbits{transform-origin:160px 205px;animation:wj-cta-turn 18s linear infinite}.wj-cta-screens{animation:wj-cta-float 5.5s ease-in-out infinite}.wj-cta-waves{animation:wj-cta-wave 6s ease-in-out infinite}.wj-cta-arches{animation:wj-cta-breathe 4.8s ease-in-out infinite}.wj-cta-network,.wj-cta-nodes{transform-origin:165px 330px;animation:wj-cta-pulse 4s ease-in-out infinite}}@keyframes wj-cta-turn{to{transform:rotate(360deg)}}@keyframes wj-cta-float{50%{transform:translate3d(0,-12px,0)}}@keyframes wj-cta-wave{50%{transform:translate3d(12px,0,0)}}@keyframes wj-cta-breathe{50%{transform:scale(.94);opacity:.62}}@keyframes wj-cta-pulse{50%{transform:scale(1.06);opacity:.72}}@media(max-width:900px){.final-cta{grid-template-columns:1fr}.wj-cta-system{position:absolute;right:-120px;bottom:-40px;width:520px;opacity:.38}.final-cta .wj-cta-copy{max-width:620px}}@media(max-width:560px){.wj-cta-system{right:-185px;bottom:-15px;width:470px;opacity:.24}.final-cta .wj-cta-copy{max-width:100%}}


/* Retrait de la premiere exploration visuelle du CTA. */
.wj-cta-system{display:none!important}


/* Menu mobile : réaction immédiate, y compris pour chaque expertise. */
@keyframes wj-expertise-tap-fast{0%{transform:translateX(0) scale(1);opacity:1}45%{transform:translateX(5px) scale(.985);opacity:.78}100%{transform:translateX(0) scale(1);opacity:1}}
@media(max-width:960px){
 .header #navigation a.wj-menu-tap,.header #navigation a.wj-menu-leaving,.header #navigation summary.wj-menu-tap{animation-duration:140ms!important}
 .header #navigation .expertise-menu a.wj-menu-tap,.header #navigation .expertise-menu a.wj-menu-leaving{animation:wj-expertise-tap-fast 140ms ease-out!important;background:transparent!important;box-shadow:none!important}
}


/* Navigation mobile instantanée : retour au toucher, aucun délai au clic. */
@media(max-width:960px){
 .header #navigation a.wj-menu-tap,.header #navigation summary.wj-menu-tap{animation-duration:90ms!important}
 .header #navigation .expertise-menu a.wj-menu-tap,.header #navigation .expertise-menu a.wj-menu-tap>span{animation-duration:90ms!important}
}

/* Retire le bandeau Analytics personnalisé; Complianz reste actif. */
.wj-consent{display:none!important;}

/* Hide legacy privacy control; Complianz remains the consent authority. */
.wj-privacy-settings{display:none!importantimportant}
;
.wj-privacy-settings{display:none!important;}

/* Masque le bouton de préférences demandé. */
button.wj-privacy-settings{display:none!important;visibility:hidden!important}

/* Polices Web optimisées; les TTF d’origine restent disponibles comme repli. */
@font-face{font-family:Barlow;src:url(barlow-700.woff2) format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:Barlow;src:url(barlow-600.woff2) format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:DM;src:url(dm-400.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:DM;src:url(dm-600.woff2) format('woff2');font-weight:600;font-style:normal;font-display:swap}