@scope (.ndm-about-exact){:scope{--about-gold:#c5a25c;--about-green:#12211d;color:#12211d;background:#fff;overflow:hidden}.container{width:min(1180px,calc(100% - 64px));margin-inline:auto}.hero{height:355px;position:relative;isolation:isolate;overflow:hidden;display:grid;place-items:center;text-align:center;color:#fff;background:linear-gradient(115deg,rgb(18 33 29 / .94),rgb(18 33 29 / .87)),radial-gradient(ellipse at 18% 90%,#6a8563,transparent 55%)}.hero::before{content:'';position:absolute;z-index:-1;top:-130px;right:-70px;width:530px;height:530px;border:1px solid rgb(184 163 108 / .25);border-radius:50%}.hero::after{content:'';position:absolute;z-index:-1;left:12%;top:-60px;line-height:1.2;opacity:.09;background-image:url(/wp-content/themes/ndm-law-custom/assets/ndm-scales-watermark.png);background-size:contain;background-repeat:no-repeat;background-position:center;pointer-events:none}.heroContent{position:relative;padding:30px 18px}.eyebrow{font-family:var(--body-strong);font-size:12px;letter-spacing:2.5px;color:#ddbd79;font-weight:700}.hero h1{font-family:var(--heading);font-size:60px;line-height:1.25;margin:20px 0 13px;color:#fff}.hero p{font-size:17px;color:#dfebe0;margin:0;line-height:1.9}.breadcrumb{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:27px;color:#dcca9e;font-size:12px}.breadcrumb a:hover{color:#fff}.intro{background:linear-gradient(rgb(252 251 247 / .31),rgb(252 251 247 / .43)),url(/wp-content/themes/ndm-law-custom/assets/client-about.jpg) center center/cover no-repeat;background-color:#fcfbf7;padding:90px 0}.introGrid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:68px;align-items:center}.kicker{display:block;font-family:var(--body-strong);font-size:12px;font-weight:700;letter-spacing:1.5px;color:#af8b49}.intro h2{font-size:40px;line-height:1.4;margin:15px 0 20px;color:#12211d}.goldLine{display:block;width:57px;height:3px;border-radius:6px;background:var(--about-gold)}.introCopy>.goldLine{margin-bottom:28px}.intro p{font-family:var(--body);font-size:16px;line-height:2.35;color:#12211d;margin:0 0 22px;text-align:justify}.profileButton{display:inline-flex;align-items:center;justify-content:center;gap:13px;border-radius:28px;background:#c7a565;color:#fff;padding:13px 27px;min-height:46px;font-family:var(--body-strong);font-size:14px;font-weight:700;margin-top:12px;transition:background-color .22s ease,transform .22s ease,box-shadow .22s ease}.profileIcon{flex:none;transition:transform .24s ease}.profileButton:hover .profileIcon{transform:translateX(-3px)}.profileButton:hover{background:#a88542;transform:translateY(-2px);box-shadow:0 8px 23px #2a251324}.profileButton:focus-visible,.consult a:focus-visible{outline:3px solid #d4b878;outline-offset:4px}.visual{position:relative;height:430px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;border-radius:12px;background:linear-gradient(143deg,#12211d,#12211d);color:#d5b36f;text-align:center}.visualRing,.visualRingInner{position:absolute;width:310px;height:310px;border:1px solid rgb(207 181 119 / .35);border-radius:50%;pointer-events:none}.visualRingInner{width:240px;height:240px;border-color:rgb(207 181 119 / .25)}.scales{width:94px;height:95px;color:#d5b36f;position:relative;z-index:1}.visual strong{font-family:var(--heading);font-size:25px;line-height:1.5;color:#e7d4a2;margin-top:18px;position:relative;z-index:1}.visualSubtitle{font-size:13px;color:#dadfd6;margin-top:8px;position:relative;z-index:1}.visual small{position:absolute;bottom:20px;color:#a5b6a7;font-size:10px}.journey{padding:90px 0;background:#fff}.sectionHeading{text-align:center;margin-bottom:45px}.sectionHeading h2{font-size:36px;margin:12px 0;color:#12211d}.sectionHeading .goldLine{margin:12px auto 0}.sectionHeading p{font-size:14px;color:#69766c;margin:19px 0 0}.timeline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;list-style:none;margin:0;padding:0}.milestone{border:1px solid #eae6da;border-radius:11px;padding:30px 24px;min-height:185px;background:#fff;box-shadow:0 5px 22px #1e392a08;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}.milestone:hover{transform:translateY(-4px);box-shadow:0 12px 30px #1e392a14;border-color:#d6c195}.year{display:block;color:#b49453;font-family:var(--heading);font-size:35px;line-height:1.4;font-weight:700;direction:rtl;text-align:right;font-variant-numeric:normal;unicode-bidi:isolate}.milestone h3{font-size:17px;margin:13px 0 10px;color:#12211d}.milestone p{font-size:13px;line-height:1.9;color:#69756c;margin:0}.consult{background:#12211d;color:#fff;text-align:center;padding:80px 24px}.consult h2{font-size:34px;color:#fff;margin:12px 0}.consult p{font-size:14px;color:#d3dfd5;margin:0}.consult a{display:inline-flex;align-items:center;justify-content:center;border:1px solid #cba963;color:#e0c58a;border-radius:30px;padding:11px 30px;margin-top:17px;font-size:14px;font-family:var(--body-strong);min-height:44px;transition:background-color .22s ease,color .22s ease,transform .22s ease}.consult a:hover{background:#cba963;color:#12211d;transform:translateY(-2px)}@media(max-width:800px){.introGrid{gap:30px}.intro h2{font-size:32px}.intro p{font-size:14px}.container{width:calc(100% - 40px)}}@media(max-width:700px){.container{width:calc(100% - 40px)}.hero{height:245px}.hero::before{width:260px;height:260px;top:-100px;right:-120px}.hero::after{font-size:180px;top:0;left:-50px}.eyebrow{font-size:10px;letter-spacing:2px}.hero h1{font-size:38px;margin:13px 0 10px}.hero p{font-size:12px;padding:0 16px}.breadcrumb{font-size:11px;margin-top:18px}.intro,.journey{padding:54px 0}.introGrid{grid-template-columns:1fr;gap:30px}.visual{height:230px;grid-row:1}.visualRing{width:205px;height:205px}.visualRingInner{width:150px;height:150px}.scales{height:61px;width:65px}.visual strong{font-size:19px;margin-top:12px}.visualSubtitle{font-size:11px;margin-top:5px}.visual small{font-size:9px;bottom:11px}.intro h2{font-size:29px;margin:12px 0}.intro p{font-size:13px;line-height:2.1}.profileButton{font-size:12px;padding:11px 20px}.sectionHeading{margin-bottom:28px}.sectionHeading h2{font-size:27px}.sectionHeading p{font-size:12px}.timeline{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.milestone{min-height:170px;padding:20px 15px}.year{font-size:29px}.milestone h3{font-size:14px;margin:10px 0 6px}.milestone p{font-size:11px}.consult{padding:55px 20px}.consult h2{font-size:25px}.consult p{font-size:12px}}@media(prefers-reduced-motion:reduce){.profileIcon{transition:none!important}.profileButton,.milestone,.consult a{transition:none!important}.profileButton:hover,.milestone:hover,.consult a:hover{transform:none!important}}}.ndm-about-exact .visual.ndm-visual-custom-image{background:#12211d}.ndm-about-exact .ndm-about-visual-upload{width:100%;height:100%;object-fit:cover;display:block}.ndm-about-exact .visual.ndm-visual-custom-image{isolation:isolate}.ndm-about-exact .visual .ndm-about-visual-upload{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;opacity:.33;pointer-events:none}.ndm-about-exact .visual .scales,.ndm-about-exact .visual strong,.ndm-about-exact .visual .visualSubtitle,.ndm-about-exact .visual small{position:relative;z-index:2}.ndm-about-exact .visual .visualRing,.ndm-about-exact .visual .visualRingInner{z-index:1}.ndm-about-exact .visual small{position:absolute;bottom:20px}