@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,500;1,400;1,500&display=swap');:root{--ink:#151d22;--navy:#14232b;--cream:#f5f2eb;--gold:#b59b71;--mute:#6b706e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.7 'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.skip{position:absolute;left:-999px}.skip:focus{left:1rem;top:1rem;background:white;z-index:10}.head{height:86px;display:flex;justify-content:space-between;align-items:center;padding:0 clamp(24px,5vw,90px);background:#f9f7f2}.brand{font-family:'Playfair Display',Georgia,serif;letter-spacing:.16em;font-size:27px;font-weight:500;line-height:1}.brand small{display:block;font-family:'DM Sans',Arial,sans-serif;font-size:9px;letter-spacing:.45em;margin-top:9px;text-align:center}.nav{display:flex;gap:33px;align-items:center}.nav a{font-size:12px;letter-spacing:.075em;text-transform:uppercase}.nav a:hover,.text-link:hover{color:#8c6d42}.lang{border-left:1px solid #d8d4cb;padding-left:25px}.menu{display:none}.hero{position:relative;min-height:650px;overflow:hidden;color:#f3eee4;background:#172932;display:grid;grid-template-columns:61% 39%;align-items:center}.hero-inner{position:relative;z-index:2;padding:78px 4vw 115px clamp(24px,8vw,140px)}.eyebrow{letter-spacing:.2em;font-size:11px;font-weight:700;color:#c8b48f;margin:0 0 35px}.eyebrow.dark{color:#8b7656}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Playfair Display',Georgia,serif;font-weight:400}h1{font-size:clamp(48px,5.6vw,92px);line-height:1.13;letter-spacing:-.035em;margin-bottom:30px}h1 em,h2 em{color:#bba581;font-weight:400}.lead{font-size:18px;color:#e0dcd4;max-width:550px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:46px}.btn{display:inline-flex;gap:45px;justify-content:space-between;align-items:center;padding:15px 23px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;min-height:51px}.btn-light{background:#f5f1e8;color:#14232b}.btn-outline{border:1px solid #9eaaad;color:white}.btn:hover{transform:translateY(-2px)}.hero-art{height:100%;position:relative;border-left:1px solid #32444b;background:linear-gradient(145deg,#263b44,#0d1c23);overflow:hidden}.art-circle{height:550px;width:550px;border:1px solid #a68a67;border-radius:50%;position:absolute;top:55px;left:-75px}.art-circle:after{content:'';position:absolute;inset:47px;border:1px solid #5c655f;border-radius:50%}.art-line{position:absolute;top:-40px;bottom:-50px;left:170px;border-left:1px solid #8e7957;transform:rotate(24deg)}.art-caption{position:absolute;bottom:75px;right:30px;text-align:right;font:40px/1.2 'Playfair Display',Georgia,serif;letter-spacing:.12em;color:#dfd4bf}.art-caption span{font:12px 'DM Sans',sans-serif;letter-spacing:.4em}.hero-bottom{position:absolute;left:clamp(24px,8vw,140px);bottom:22px;right:5vw;z-index:3;display:flex;justify-content:space-between;color:#aab7b8;font-size:10px;letter-spacing:.18em}.section{padding:105px clamp(24px,8vw,140px)}.intro{display:grid;grid-template-columns:1fr 1fr;gap:12%}.section h2{font-size:clamp(38px,4vw,65px);line-height:1.2;letter-spacing:-.02em}.intro p:not(.eyebrow),.reading>p{font-size:17px;color:#4b5050}.text-link{display:inline-block;margin-top:14px;color:#6f5838;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid #bda987;padding-bottom:8px}.areas{background:#eae7df}.areas h2{margin-bottom:45px}.area-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #c4c0b5}.area{padding:34px 32px 68px 0;position:relative;min-height:310px;border-bottom:1px solid #c4c0b5}.area+.area{padding-left:35px;border-left:1px solid #c4c0b5}.num{color:#9d8460;font-size:12px}.area h3{font-size:30px;line-height:1.25;margin-top:25px;margin-bottom:18px}.area p{color:#626766;font-size:14px}.arr{position:absolute;bottom:20px;left:0;font-size:24px}.area+.area .arr{left:35px}.statement{background:#1b2a32;color:white;text-align:center;padding:100px 24px}.statement h2{font-size:clamp(38px,4.5vw,70px);max-width:820px;margin:0 auto 38px;line-height:1.2}.statement .btn{margin:auto}.pagehero{background:#1b2a32;color:white;padding:115px clamp(24px,8vw,140px) 105px}.pagehero h1{max-width:900px}.pagehero>p:last-child{max-width:680px;color:#d6ddda;font-size:19px}.reading{max-width:1120px;margin:auto}.reading h2{font-size:43px}.topic-grid{display:grid;grid-template-columns:1fr 1fr;gap:38px 55px;margin:55px 0}.topic-grid article{border-top:1px solid #c8c2b4;padding-top:23px}.topic-grid h3{font-size:26px;margin-bottom:10px}.topic-grid p{color:#5c6562;font-size:15px}.notice{border-left:3px solid #b59b71;background:#ece6d9;padding:20px;font-size:14px!important}.foot{padding:50px clamp(24px,8vw,140px);background:#101e25;color:#c7d0cc;display:flex;gap:30px;justify-content:space-between;align-items:flex-start}.foot .brand{color:white}.footlinks{display:flex;gap:24px;flex-wrap:wrap;font-size:12px}.foot p{font-size:11px;color:#a6b1ae;margin:16px 0 0}@media(max-width:950px){.nav{gap:15px}.nav a{font-size:10px}.hero{grid-template-columns:1fr;min-height:610px}.hero-art{position:absolute;inset:0;opacity:.25;border:0}.hero-inner{padding-right:24px}.intro{gap:7%}.area h3{font-size:25px}}@media(max-width:690px){.head{height:75px}.brand{font-size:23px}.menu{display:block;border:0;background:none;font-size:24px;cursor:pointer}.nav{display:none;position:absolute;z-index:9;top:75px;left:0;right:0;background:#f9f7f2;flex-direction:column;align-items:stretch;padding:25px;box-shadow:0 20px 30px #0002}.nav.show{display:flex}.nav a{font-size:13px}.lang{border:0;padding:0}.hero{min-height:610px}.hero-inner{padding-top:70px}.hero-bottom span{display:none}.intro,.area-grid,.topic-grid{grid-template-columns:1fr}.section{padding-top:75px;padding-bottom:75px}.area+.area{border-left:0;padding-left:0}.area+.area .arr{left:0}.area{min-height:245px}.foot{flex-direction:column}.pagehero{padding-top:80px;padding-bottom:65px}}

/* BLANCHARD AVOCAT — progressive enhancement (visual reference awaiting source-site capture).
   Edit the CSS variables in :root to replace the provisional palette with the original site palette.
   Editorial text is deliberately unchanged from the earlier draft. */
:root{--brand-deep:#172932;--brand-ink:#151d22;--brand-paper:#f5f2eb;--brand-accent:#b59b71;--brand-line:rgba(31,42,47,.16);--ease-editorial:cubic-bezier(.22,1,.36,1);--page-load:0ms}
html{scroll-padding-top:90px}
body{overflow-x:hidden}
button,a,summary{-webkit-tap-highlight-color:transparent}
:focus-visible{outline:2px solid var(--gold);outline-offset:5px}
.visually-hidden{clip-path:inset(50%);height:1px;width:1px;overflow:hidden;position:absolute;white-space:nowrap}
.skip{z-index:1000}.skip:focus{left:1rem;top:1rem;padding:14px 20px;position:fixed}
#page-progress{position:fixed;top:0;left:0;width:var(--page-progress,0%);height:3px;z-index:150;background:linear-gradient(90deg,#c4a576,#e9dbbf);transition:width .15s linear;pointer-events:none}
#site-header{position:sticky;top:0;z-index:100;transition:height .35s var(--ease-editorial),box-shadow .35s,background .35s;background:rgba(249,247,242,.97);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
body.is-scrolled #site-header{box-shadow:0 8px 30px rgba(10,24,32,.08);height:74px}
.brand{white-space:nowrap;transition:opacity .25s}.brand:hover{opacity:.75}
.nav a{position:relative;padding:8px 0;transition:color .25s}
.nav a:not(.lang)::after{content:'';position:absolute;bottom:2px;left:0;right:100%;height:1px;background:var(--gold);transition:right .3s var(--ease-editorial)}
.nav a:not(.lang):hover::after,.nav a[aria-current='page']::after{right:0}
.nav a[aria-current='page']{color:#8c6d42}
.menu{width:42px;height:42px;align-items:center;justify-content:center;flex-direction:column;gap:5px;transition:background .25s}
.menu-line{width:23px;height:1.5px;display:block;background:var(--ink);transform-origin:center;transition:transform .32s,opacity .25s}
.menu[aria-expanded='true'] .menu-line:first-child{transform:translateY(6.5px) rotate(45deg)}
.menu[aria-expanded='true'] .menu-line:nth-child(2){opacity:0}
.menu[aria-expanded='true'] .menu-line:last-child{transform:translateY(-6.5px) rotate(-45deg)}
#menu-backdrop{display:none}
.hero{isolation:isolate}
.hero::before{content:'';pointer-events:none;position:absolute;inset:0;background:radial-gradient(circle at 60% 62%,rgba(176,148,106,.07),transparent 42%);z-index:1}
.hero-inner{animation:intro-rise .85s .12s var(--ease-editorial) both}
.hero-art{will-change:transform}
.hero-art::before{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(110deg,rgba(255,255,255,.02),transparent 45%)}
.art-circle{animation:circle-breathe 12s ease-in-out infinite alternate;transition:transform 900ms var(--ease-editorial)}
.art-circle:after{transition:transform 900ms var(--ease-editorial)}
.art-line{transition:transform 900ms var(--ease-editorial)}
.hero-art:hover .art-circle{transform:translate(16px,-10px) scale(1.02)}
.hero-art:hover .art-circle::after{transform:scale(.98)}
.hero-art:hover .art-line{transform:rotate(29deg) translateX(14px)}
.hero .btn,.statement .btn{transition:transform .35s var(--ease-editorial),background .25s,box-shadow .25s}
.hero .btn:hover,.statement .btn:hover{transform:translateY(-4px);box-shadow:0 12px 26px #0002}
.hero .btn-outline:hover{background:rgba(255,255,255,.09)}
.section{position:relative}
[data-reveal-section] [data-reveal-item]{transition:opacity .65s var(--ease-editorial),translate .65s var(--ease-editorial);transition-delay:var(--reveal-delay,0ms)}
.js-motion [data-reveal-section] [data-reveal-item]:not(.is-visible){opacity:.96;translate:0 20px}
.js-motion [data-reveal-section] [data-reveal-item].is-visible{opacity:1;translate:0 0}
.area{overflow:hidden;transition:background .32s,padding .3s var(--ease-editorial);isolation:isolate}
.area::before{content:'';position:absolute;inset:0;background:linear-gradient(145deg,rgba(181,155,113,.13),transparent 80%);opacity:0;pointer-events:none;transition:opacity .3s}
.area:hover::before,.area:focus-visible::before{opacity:1}
.area .arr{transition:transform .3s var(--ease-editorial)}.area:hover .arr{transform:translate(6px,-6px)}
.area h3{transition:color .25s}.area:hover h3{color:#80613e}
.statement{position:relative;isolation:isolate;overflow:hidden}
.statement::before{content:'';width:600px;height:600px;border:1px solid rgba(181,155,113,.13);border-radius:50%;position:absolute;top:-240px;left:-220px;pointer-events:none;z-index:-1}
.pagehero{position:relative;overflow:hidden}
.pagehero::after{content:'';position:absolute;top:-125px;right:-220px;width:560px;height:560px;border:1px solid rgba(195,173,130,.21);border-radius:50%;pointer-events:none;box-shadow:0 0 0 70px rgba(195,173,130,.025),0 0 0 140px rgba(195,173,130,.022)}
.pagehero>*{position:relative;z-index:1}
.pagehero h1{animation:intro-rise .75s var(--ease-editorial) both}
.pagehero .eyebrow{animation:intro-rise .75s .08s var(--ease-editorial) both}
.pagehero>p:last-child{animation:intro-rise .75s .16s var(--ease-editorial) both}
.topic-grid{gap:0 35px;align-items:start;border-top:1px solid #c8c2b4;margin:55px 0}
.topic-grid .practice-disclosure{padding:0;border-bottom:1px solid #c8c2b4;min-width:0}
.practice-disclosure summary{display:flex;align-items:center;justify-content:space-between;gap:22px;cursor:pointer;list-style:none;padding:25px 8px 25px 0;font-family:'Playfair Display',Georgia,serif;font-size:25px;line-height:1.25;color:var(--ink);transition:color .25s}
.practice-disclosure summary::-webkit-details-marker{display:none}
.practice-disclosure summary:hover{color:#856743}
.disclosure-glyph{height:26px;width:26px;border:1px solid var(--gold);border-radius:50%;flex:none;display:grid;place-items:center;position:relative}
.disclosure-glyph::after,.disclosure-glyph::before{content:'';position:absolute;width:10px;height:1px;background:#8c7553}
.disclosure-glyph::after{transform:rotate(90deg);transition:transform .25s}
.practice-disclosure[open] .disclosure-glyph::after{transform:rotate(0)}
.practice-disclosure>p{margin:0;padding:0 40px 24px 0;color:#5c6562;font-size:15px;animation:reveal-copy .35s ease-out}
.practice-disclosure summary:focus-visible{outline-offset:0}
.foot{position:relative}.foot::before{content:'';position:absolute;top:0;left:8%;right:8%;height:1px;background:rgba(255,255,255,.12)}
@keyframes intro-rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
@keyframes circle-breathe{from{translate:0 0}to{translate:16px -12px}}
@keyframes reveal-copy{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:950px){.head .nav{gap:16px}}
@media(max-width:690px){
  body.menu-open{overflow:hidden}
  #site-header{height:75px}body.is-scrolled #site-header{height:68px}
  .menu{display:flex;z-index:120;position:relative}
  #menu-backdrop{display:block;position:fixed;inset:0;background:rgba(9,20,25,.46);z-index:89;opacity:0;visibility:hidden;transition:opacity .32s,visibility .32s}
  body.menu-open #menu-backdrop{opacity:1;visibility:visible}
  .nav{position:fixed;top:75px;left:0;right:0;bottom:auto;max-height:calc(100dvh - 75px);overflow-y:auto;background:#f9f7f2;z-index:100;display:flex;opacity:0;visibility:hidden;pointer-events:none;flex-direction:column;align-items:stretch;gap:0;padding:20px clamp(24px,7vw,40px) 30px;transform:translateY(-14px);transition:opacity .3s,visibility .3s,transform .3s;box-shadow:0 20px 40px #0001}
  body.menu-open .nav{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
  body.is-scrolled .nav{top:68px;max-height:calc(100dvh - 68px)}
  .nav a{font-size:14px;padding:14px 0;border-bottom:1px solid #d8d4cb}
  .nav a:not(.lang)::after{bottom:-1px}
  .nav .lang{padding-top:20px;border:0}
  .hero-inner{padding-bottom:125px}.hero-art{opacity:.20}
  .hero h1{font-size:clamp(46px,12vw,67px)}
  .topic-grid{grid-template-columns:1fr}
  .practice-disclosure summary{font-size:23px}
  .statement::before{width:320px;height:320px;left:-120px;top:-110px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.js-motion [data-reveal-section] [data-reveal-item]{opacity:1!important;translate:0!important}}

@view-transition{navigation:auto}
::view-transition-old(root){animation:.22s ease both fade-out}::view-transition-new(root){animation:.38s ease both fade-in}@keyframes fade-out{to{opacity:0}}@keyframes fade-in{from{opacity:0}}

/* Révision graphique 03.11.2026 : aquarelle du logo fourni, typographie éditoriale,
   portrait de maquette à valider avant la publication. Les interactions JS sont conservées. */
:root{--ink:#151820;--navy:#fff;--cream:#fff;--gold:#fa730a;--mute:#5e6066;--brand-deep:#fff;--brand-paper:#fff;--brand-accent:#fa730a;--brand-ink:#151820}
body{background:white;color:var(--ink);font-family:'DM Sans',Arial,sans-serif;line-height:1.65}
#site-header,.head{background:rgba(255,255,255,.97);border-bottom:1px solid #e8e9ed}
.head{height:95px;padding-left:clamp(22px,4.5vw,85px);padding-right:clamp(22px,4.5vw,85px)}
.brand{display:inline-flex;align-items:center;gap:14px;color:#111a29;letter-spacing:.18em;font-size:22px;line-height:1.07}
.brand .brand-word{display:inline-block;white-space:nowrap}
.brand-mark{width:55px;height:69px;object-fit:contain;flex:0 0 auto}
.brand small{font-size:10px;letter-spacing:.48em;margin-top:8px;text-align:left;line-height:1.1}
.nav a{text-transform:none;font-family:'DM Sans',sans-serif;letter-spacing:0;font-size:13px;color:#222630}
.nav a:not(.lang)::after{background:#fc6906;height:2px}
.nav a[aria-current='page'],.nav a:hover{color:#ef6b12}
.nav{gap:clamp(12px,2vw,35px)}
.hero{min-height:515px;display:grid;grid-template-columns:62% 38%;background:#fff;color:#151820;overflow:hidden}
.hero-inner{padding:90px 2vw 85px clamp(28px,7vw,110px);z-index:2;max-width:950px}
.hero .eyebrow{font-size:11px;color:#7b828f;letter-spacing:.22em;margin-bottom:25px}
.hero h1{font-size:clamp(45px,4.75vw,78px);line-height:1.11;letter-spacing:-.035em;max-width:990px;color:#151820;margin-bottom:23px;white-space:normal}
.hero h1 .amp{color:#ef7116}
.orange-rule{width:39px;height:2px;background:#fe730c;margin:15px 0 23px}
.hero .lead{color:#41444b;font-size:17px;line-height:1.5;max-width:540px}
.hero .actions{margin-top:31px}
.hero .btn,.btn{font-family:'DM Sans',sans-serif;letter-spacing:.08em;border-radius:0;font-size:11px}
.hero .btn-light{border:1px solid #ff7108;background:transparent;color:#141b26}
.hero .btn-light span,.hero .btn-outline span{color:#ef6b12;font-size:19px;line-height:1}
.hero .btn-outline{border:1px solid #a4a9ae;color:#141b26}
.hero .btn:hover{background:#fff5ee}
.hero-art{background:transparent url('./assets/aquarelle-blanchard.webp') center center / auto 115% no-repeat;border:0;opacity:.90}
.hero-art::before,.hero::before{display:none}
.cabinet-feature{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.8fr);gap:9%;align-items:center;background:#fff;padding-top:72px;padding-bottom:68px;border-top:1px solid #eef0f2}
.cabinet-feature .eyebrow{color:#838690;letter-spacing:.2em;margin-bottom:14px}
.cabinet-feature h2{margin:0;font-size:clamp(37px,4vw,58px);color:#141821}
.cabinet-feature-copy>p:not(.eyebrow){color:#454950;font-size:16px;line-height:1.75;max-width:610px}
.cabinet-feature .text-link{border:1px solid #c5c8cc;color:#1d2128;display:inline-block;padding:10px 17px;margin-top:15px}
.cabinet-feature .text-link span{color:#f16d0d;padding-left:20px}
.portrait-card{margin:0;max-width:430px;justify-self:end;align-self:center}
.portrait-card img{display:block;width:100%;height:auto;aspect-ratio:342/333;object-fit:cover;background:#eeeeee}
.portrait-card figcaption{font-size:10px;letter-spacing:.21em;color:#8a8b8d;text-align:center;margin-top:13px}
.approach-strip{padding-top:51px;padding-bottom:49px;background:linear-gradient(110deg,#f7f8fa,#edf3fc 100%);border-top:1px solid #f3f3f5}
.approach-strip .eyebrow{margin:0 0 17px;color:#586474}
.approach-strip h2{font-size:clamp(32px,3.5vw,51px);max-width:970px;margin-bottom:0;color:#151820}
.approach-strip em{color:#151820;font-style:italic}
.areas{background:#fff;padding-top:80px}
.areas .eyebrow{color:#858c96;margin:0 0 9px}
.areas h2{font-size:clamp(37px,4vw,58px);margin-bottom:28px}
.area-grid{border:0;gap:13px}
.area{padding:31px 30px 58px!important;border:0!important;background:#f7f7f7;min-height:300px}
.area+.area{padding-left:30px}
.area h3{font-size:27px;margin-top:23px}
.area .num{color:#f16c0a}
.area .arr,.area+.area .arr{left:30px;color:#f16c0a}
.statement{background:#f7f7f8;color:#151820;border-top:1px solid #e8eaee}
.statement .eyebrow{color:#757a83}
.statement .btn{background:#fff;border:1px solid #ff7108;color:#151820}
.statement h2 em{color:#151820}
.statement::before{border-color:rgba(244,115,27,.17)}
.pagehero{background:#f7f8fa;color:#151820;border-bottom:1px solid #e9edf1}
.pagehero h1{font-size:clamp(46px,5.6vw,78px)}
.pagehero h1 em{color:#1b2031}
.pagehero>.eyebrow,.pagehero .eyebrow{color:#f07720}
.pagehero>p:last-child{color:#4b4d53}
.pagehero::after{background:url('./assets/aquarelle-blanchard.webp') center/contain no-repeat;border:0;opacity:.15;box-shadow:none}
.reading{min-height:320px}
.reading .eyebrow.dark{color:#f07012}
.topic-grid{border-color:#e2e2e5}
.notice{border-left-color:#f27212;background:#f9f9f9}
.cabinet-profile{float:right;max-width:315px;margin:5px 0 25px 30px}
.foot{background:#fff;color:#202631;border-top:1px solid #e5e7eb}
.foot .brand{color:#171c2a}
.foot p,.footlinks{color:#676a72}
.foot::before{display:none}
#page-progress{background:#f77a11}
.nav a:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid #ee771f}
@media(max-width:1050px){.head{padding-left:24px;padding-right:24px}.brand{font-size:19px;gap:10px}.brand-mark{width:47px;height:60px}.nav{gap:16px}.nav a{font-size:12px}.hero h1{font-size:clamp(42px,5vw,65px)}.hero{grid-template-columns:64% 36%}}
@media(max-width:690px){.head{height:76px}.brand{font-size:19px}.brand small{font-size:9px}.brand-mark{width:40px;height:52px}.nav{background:#fff}.hero{display:block;min-height:0}.hero-inner{padding:75px 25px 85px}.hero h1{font-size:clamp(40px,10.5vw,58px)}.hero-art{position:absolute;right:-110px;top:5px;width:350px;height:330px;opacity:.18;z-index:0;background-size:contain}.hero .lead{max-width:470px}.hero .actions{gap:10px}.hero .btn{min-width:0;gap:14px;font-size:10px;padding:13px 13px}.cabinet-feature{display:flex;flex-direction:column;align-items:stretch;gap:31px;padding-top:55px}.portrait-card{align-self:center;max-width:360px}.approach-strip{padding-top:48px;padding-bottom:48px}.areas{padding-top:65px}.area{min-height:240px}.cabinet-profile{float:none;margin:0 auto 28px}.foot{padding-top:40px}body.is-scrolled #site-header{height:68px}}

/* 03.11.2026 — Photo originale harmonisée et transition directe vers les expertises. */
.portrait-card{max-width:375px;position:relative}
.portrait-card img{aspect-ratio:416/500;width:100%;height:auto;object-fit:cover;object-position:center center;border:1px solid #edf0f3;box-shadow:0 14px 36px rgba(18,31,48,.075);background:#e8e6e5}
.portrait-card::after{content:"";position:absolute;top:-13px;right:-13px;width:55px;height:55px;border-top:2px solid #f37b20;border-right:2px solid #f37b20;pointer-events:none}
.cabinet-profile{max-width:315px}
.streamlined-areas{padding-top:65px;padding-bottom:85px;background:linear-gradient(180deg,#f5f8fd 0,#fff 42%)}
.streamlined-areas h2{font-size:clamp(38px,4.3vw,62px);color:#141923;font-weight:400;line-height:1.18;margin:0 0 38px;letter-spacing:-.026em}
.streamlined-areas h2::after{content:"";display:block;width:43px;height:2px;background:#f47315;margin-top:22px}
.streamlined-areas .area-grid{gap:15px}
.streamlined-areas .area{background:#f8f8f8;transition:background .3s,translate .3s,box-shadow .3s}
.streamlined-areas .area:hover{background:#fff;box-shadow:0 12px 34px rgba(21,31,50,.085);translate:0 -4px}
@media(max-width:690px){.streamlined-areas{padding-top:58px;padding-bottom:65px}.streamlined-areas h2{margin-bottom:27px}.portrait-card{max-width:330px;margin:0 auto}.portrait-card::after{top:-8px;right:-8px}}