:where(.moskal-home-root) *{box-sizing:border-box} html.moskal-home-document,body.moskal-home-page{margin:0;height:100%;overflow:hidden} body.moskal-home-page{--ink:#101719;--gold:#e4c695;--ivory:#f6f2ea;--safe:max(env(safe-area-inset-bottom,0px),34px);color:var(--ivory);background:var(--ink);font-family:Georgia,serif} :where(.moskal-home-root) button,:where(.moskal-home-root) a{-webkit-tap-highlight-color:transparent} :where(.moskal-home-root) button{font:inherit;cursor:pointer} :where(.moskal-home-root) a{color:inherit} :where(.moskal-home-root) a:focus-visible,:where(.moskal-home-root) button:focus-visible{outline:2px solid var(--gold);outline-offset:-3px} :where(.moskal-home-root)#app{height:100dvh;display:flex;flex-direction:column} :where(.moskal-home-root) #reading{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;background:#f6f2ea;color:#1c282d;scroll-padding-top:24px} :where(.moskal-home-root) #reading::-webkit-scrollbar{display:none} :where(.moskal-home-root) .hero{position:relative;width:100%;aspect-ratio:853 / 1530;overflow:hidden;background:#101719} :where(.moskal-home-root) .hero img{position:absolute;width:100%;height:auto;display:block;top:0;left:0} :where(.moskal-home-root) .route{position:absolute;top:76.66%;height:22.2%;width:45%;border-radius:3px} :where(.moskal-home-root) .route.pi{left:3.8%} :where(.moskal-home-root) .route.cd{right:3.8%} :where(.moskal-home-root) .route:hover{box-shadow:inset 0 0 0 2px #fff8} :where(.moskal-home-root) section.copy{padding:32px 25px;border-bottom:1px solid #d4cec2} :where(.moskal-home-root) section.copy.dark{background:#142024;color:var(--ivory)} :where(.moskal-home-root) .eyebrow{font:11px/1.4 Arial,sans-serif;letter-spacing:2px;text-transform:uppercase;margin:0 0 14px;color:#766140} :where(.moskal-home-root) .dark .eyebrow{color:var(--gold)} :where(.moskal-home-root) h1,:where(.moskal-home-root) h2{font:32px/1.12 Georgia,serif;font-weight:400;margin:0 0 20px} :where(.moskal-home-root) p{font:17px/1.6 Georgia,serif;margin:0 0 18px} :where(.moskal-home-root) .list{font:15px/1.9 Arial,sans-serif;padding-left:20px} :where(.moskal-home-root) .video{min-height:130px;display:grid;place-items:center;border:1px solid #b9a887;margin:24px 0;color:#e4c695;background:#101719} :where(.moskal-home-root) .note{font:13px/1.5 Arial,sans-serif;color:#655e53} :where(.moskal-home-root) .dark .note{color:#c4c4b7} :where(.moskal-home-root) .dock{flex:none;background:var(--ink);padding-bottom:0;border-top:1px solid #b79a6d;z-index:5;box-shadow:0 -5px 20px #0001} :where(.moskal-home-root) .social{display:flex;align-items:center;justify-content:center;gap:10px;max-height:52px;height:52px;overflow:hidden;transition:height .18s ease,max-height .18s ease,opacity .18s ease} :where(.moskal-home-root) .social a{width:48px;height:48px;display:grid;place-items:center;color:var(--gold)} :where(.moskal-home-root) svg{width:21px;height:21px;flex:none} :where(.moskal-home-root) .requestRow{display:flex;align-items:center;height:56px;padding:0 14px;border-top:1px solid #e4c69533;border-bottom:1px solid #e4c69533;transition:height .18s ease} :where(.moskal-home-root) .consult{border:0;background:none;color:var(--ivory);font:21px Georgia,serif;min-height:44px;flex:1;text-align:center;white-space:nowrap} :where(.moskal-home-root) .consult span{color:var(--gold);margin-left:8px} :where(.moskal-home-root) .socialToggle{display:none;align-items:center;justify-content:center;gap:5px;border:0;border-left:1px solid #e4c69544;background:none;color:var(--gold);height:44px;min-width:76px;font:12px Arial,sans-serif} :where(.moskal-home-root) .socialToggle svg{width:18px} :where(.moskal-home-root) .contact{height:52px;display:flex;align-items:center;transition:height .18s ease} :where(.moskal-home-root) .contact a{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;gap:9px;height:44px;text-decoration:none;font:11px Arial,sans-serif;letter-spacing:1px} :where(.moskal-home-root) .contact a+a{border-left:1px solid #e4c69566} :where(.moskal-home-root) .contact svg{color:var(--gold)} :where(.moskal-home-root) .compact .social{height:44px;max-height:44px} :where(.moskal-home-root) .compact .social a{height:44px;width:44px} :where(.moskal-home-root) .compact .requestRow{height:44px} :where(.moskal-home-root) .compact .consult{font-size:18px} :where(.moskal-home-root) .compact .contact{height:44px} :where(.moskal-home-root) .compact .contact a{letter-spacing:.8px} :where(.moskal-home-root) .adaptive.compact .socialToggle{display:flex} :where(.moskal-home-root) .adaptive.compact:not(.expanded) .social{height:0;max-height:0;opacity:0;visibility:hidden} :where(.moskal-home-root) .adaptive.compact .consult{font-size:17px;text-align:left} :where(.moskal-home-root) .adaptive.compact .requestRow{padding:0 16px} :where(.moskal-home-root) .adaptive.compact.expanded .social{opacity:1;visibility:visible} :where(.moskal-home-root) .previewForm{border:1px solid #b9a887;padding:18px} :where(.moskal-home-root) .previewForm p:last-child{margin:0} :where(.moskal-home-root) .end{height:80px}@media(prefers-reduced-motion:reduce){ :where(.moskal-home-root) *{transition:none!important;scroll-behavior:auto!important}} :where(.moskal-home-root)#app{position:fixed;inset:0;height:auto;max-height:100%}@supports(height:100svh){ :where(.moskal-home-root)#app{max-height:100svh}} :where(.moskal-home-root) .bottomClearance{display:block;flex:none;height:78px;min-height:78px;height:max(78px,calc(env(safe-area-inset-bottom,0px) + 32px));background:#101719;pointer-events:none} :where(.moskal-home-root) .contact{padding-left:12px;padding-right:12px} :where(.moskal-home-root)#app{position:fixed} :where(.moskal-home-root) #reading{height:100%;flex:1;padding-bottom:calc(187px + max(0px,env(safe-area-inset-bottom,0px) - 46px))} :where(.moskal-home-root) .dock{position:absolute;bottom:0;left:0;right:0} :where(.moskal-home-root) .requestRow{height:56px;overflow:hidden;transition:height 220ms ease,opacity 220ms ease,border-width 220ms ease} :where(.moskal-home-root) .contact{transition:height 220ms ease} body.moskal-home-page.moskal-dock-minimized .requestRow{height:0;opacity:0;border-width:0;pointer-events:none} body.moskal-home-page.moskal-dock-minimized .contact{height:44px} @media(prefers-reduced-motion:reduce){ :where(.moskal-home-root) .requestRow,:where(.moskal-home-root) .contact{transition:none}} :where(.moskal-home-root) #reading{padding-bottom:calc(239px + max(0px,env(safe-area-inset-bottom,0px) - 46px))} :where(.moskal-home-root) .social{transition:height 220ms ease,max-height 220ms ease,opacity 220ms ease} body.moskal-home-page.moskal-dock-minimized .social{height:0;max-height:0;opacity:0;visibility:hidden;pointer-events:none} :where(.moskal-home-root) .reviews{padding:30px 0;background:#f6f2ea;border-bottom:1px solid #d4cec2;color:#1c282d} @media(prefers-reduced-motion:reduce){ :where(.moskal-home-root) .social{transition:none}}/* Team section: styles scoped to this addition only. */ :where(.moskal-home-root) .teamSection{background:#101719;color:#f6f2ea;padding:48px 25px 56px;border-top:1px solid #e4c69555;border-bottom:1px solid #e4c69555} :where(.moskal-home-root) .teamSection .teamInner{max-width:1180px;margin:0 auto} :where(.moskal-home-root) .teamSection .teamKicker{color:#e4c695;font:11px/1.5 Arial,sans-serif;letter-spacing:1.8px;margin:0 0 18px} :where(.moskal-home-root) .teamSection h2{font:36px/1.12 Georgia,serif;margin:0 0 30px;letter-spacing:-.7px} :where(.moskal-home-root) .teamSection h2 em{color:#e4c695;font-weight:400} :where(.moskal-home-root) .teamSection p{font:17px/1.65 Georgia,serif;margin:0 0 20px} :where(.moskal-home-root) .teamSection .teamIntroduction p:last-child{margin-bottom:0} :where(.moskal-home-root) .teamSection .teamFigure{margin:30px 0 0} :where(.moskal-home-root) .teamSection .teamPhoto{position:relative;aspect-ratio:853/606;overflow:hidden} :where(.moskal-home-root) .teamSection .teamPhoto img{position:absolute;display:block;width:100%;height:auto;top:-87.46%;left:0} :where(.moskal-home-root) .teamSection figcaption{padding:17px 0 0;font:11px/1.6 Arial,sans-serif;letter-spacing:1.2px;color:#f6f2ea} :where(.moskal-home-root) .teamSection figcaption span{color:#e4c695;margin:0 5px} :where(.moskal-home-root) .teamSection figcaption small{display:block;color:#e4c695;font-size:10px;letter-spacing:1.5px;margin-top:8px} :where(.moskal-home-root) .teamSection .teamProfiles{margin-top:40px;display:grid;gap:40px} :where(.moskal-home-root) .teamSection .teamProfile{border-top:1px solid #e4c69566;padding-top:28px;display:flex;flex-direction:column} :where(.moskal-home-root) .teamSection h3{font:32px/1.15 Georgia,serif;font-weight:400;margin:0 0 15px} :where(.moskal-home-root) .teamSection .teamSubheading{color:#e4c695;font:14px/1.6 Arial,sans-serif;margin-bottom:25px} :where(.moskal-home-root) .teamSection .teamLink{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:12px 0;color:#e4c695;text-decoration:none;border-bottom:1px solid #e4c69566;font:19px Georgia,serif;margin-top:auto} :where(.moskal-home-root) .teamSection .teamLink:hover{text-decoration:underline} @media(min-width:900px){ :where(.moskal-home-root) .teamSection{padding:88px 64px 96px} :where(.moskal-home-root) .teamSection h2{font-size:58px;line-height:1.08;margin-bottom:44px} :where(.moskal-home-root) .teamSection .teamOpening{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:start} :where(.moskal-home-root) .teamSection .teamFigure{margin:0;grid-column:2;grid-row:1} :where(.moskal-home-root) .teamSection .teamIntroduction{grid-column:1;grid-row:1} :where(.moskal-home-root) .teamSection .teamProfiles{grid-template-columns:1fr 1fr;gap:72px;margin-top:64px} :where(.moskal-home-root) .teamSection h3{font-size:38px} :where(.moskal-home-root) .teamSection .teamProfile{padding-top:32px} :where(.moskal-home-root) .teamSection .teamSubheading{min-height:68px}}/* New About section only. */ :where(.moskal-home-root) .aboutSection{padding:48px 25px 56px;background:#f6f2ea;color:#1c282d} :where(.moskal-home-root) .aboutSection .aboutInner{max-width:1180px;margin:auto} :where(.moskal-home-root) .aboutSection .aboutKicker{font:11px/1.5 Arial,sans-serif;letter-spacing:1.8px;color:#766140;margin:0 0 18px} :where(.moskal-home-root) .aboutSection h2{font:36px/1.12 Georgia,serif;letter-spacing:-.7px;margin:0 0 28px;max-width:850px} :where(.moskal-home-root) .aboutSection h3{font:28px/1.18 Georgia,serif;font-weight:400;margin:0 0 24px} :where(.moskal-home-root) .aboutSection p{font:17px/1.65 Georgia,serif;margin:0 0 20px} :where(.moskal-home-root) .aboutSection .aboutOpening{max-width:820px} :where(.moskal-home-root) .aboutSection .aboutPractices{display:grid;gap:38px;margin-top:38px} :where(.moskal-home-root) .aboutSection .aboutPractice{border-top:1px solid #b9a887;padding-top:28px;display:flex;flex-direction:column} :where(.moskal-home-root) .aboutSection .aboutLink{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:48px;padding:12px 0;color:#766140;text-decoration:none;border-bottom:1px solid #b9a887;font:19px/1.3 Georgia,serif;margin-top:auto} :where(.moskal-home-root) .aboutSection .aboutLink:hover{text-decoration:underline} :where(.moskal-home-root) .aboutSection .aboutEvidence{margin-top:44px;padding-top:30px;border-top:1px solid #b9a887} @media(min-width:900px){ :where(.moskal-home-root) .aboutSection{padding:80px 64px 88px} :where(.moskal-home-root) .aboutSection h2{font-size:48px;margin-bottom:32px} :where(.moskal-home-root) .aboutSection h3{font-size:32px} :where(.moskal-home-root) .aboutSection .aboutPractices{grid-template-columns:1fr 1fr;gap:72px;margin-top:48px} :where(.moskal-home-root) .aboutSection .aboutEvidence{display:grid;grid-template-columns:1fr 1.4fr;gap:72px;margin-top:56px;padding-top:40px}}/* Targeted mobile reviews and consultation form. */ @media(max-width:767px){ :where(.moskal-home-root) .reviewsInner{ padding:0 18px; } :where(.moskal-home-root) .reviewsInner > h2{ display:none; } :where(.moskal-home-root) .trustindexReviews{ margin-top:4px; } } /* Homepage legal and resource links: mobile and desktop */ :where(.moskal-home-root) .moskalLegalFooter { padding: 24px 25px; background: var(--ink); color: var(--ivory); border-top: 1px solid #e4c69555; } :where(.moskal-home-root) .moskalLegalFooter nav { display: flex; flex-wrap: wrap; justify-content: center; gap: 4px 24px; max-width: 1180px; margin: 0 auto; } :where(.moskal-home-root) .moskalLegalFooter a { display: inline-flex; align-items: center; min-height: 44px; color: var(--gold); font: 13px/1.5 Arial, sans-serif; text-decoration: none; } :where(.moskal-home-root) .moskalLegalFooter a:hover { text-decoration: underline; } :where(.moskal-home-root) .reviews{padding:16px 0} } :where(.moskal-home-root) #consultation{scroll-margin-top:24px} :where(.moskal-home-root) #consultation :is(.wpcf7,.moskal-form-preview){max-width:820px;margin-top:24px} :where(.moskal-home-root) #consultation .wpcf7-form{margin:0} :where(.moskal-home-root) #consultation .formPreviewNote{font:12px/1.5 Arial,sans-serif;color:#655e53;margin-bottom:22px} :where(.moskal-home-root) #consultation .consultFields{display:grid;gap:20px} :where(.moskal-home-root) #consultation .consultField label{display:block;font:11px/1.5 Arial,sans-serif;letter-spacing:1.4px;margin-bottom:8px;color:#1c282d} :where(.moskal-home-root) #consultation .wpcf7-form-control-wrap{display:block} :where(.moskal-home-root) #consultation .wpcf7-text,:where(.moskal-home-root) #consultation .wpcf7-email,:where(.moskal-home-root) #consultation .wpcf7-tel,:where(.moskal-home-root) #consultation .wpcf7-select,:where(.moskal-home-root) #consultation .wpcf7-textarea{display:block;width:100%;min-height:48px;border:1px solid #b9a887;border-radius:0;background:#fffdf8;color:#1c282d;padding:12px;font:16px/1.5 Arial,sans-serif;box-shadow:none;scroll-margin-block:24px 260px} :where(.moskal-home-root) #consultation .wpcf7-textarea{resize:vertical;min-height:140px} :where(.moskal-home-root) #consultation .wpcf7-form-control:focus-visible{outline:2px solid #766140;outline-offset:2px} :where(.moskal-home-root) #consultation .wpcf7-form-control.wpcf7-not-valid{border:2px solid #766140} :where(.moskal-home-root) #consultation .wpcf7-not-valid-tip{display:block;color:#1c282d;font:12px/1.5 Arial,sans-serif;margin-top:6px} :where(.moskal-home-root) #consultation [hidden]{display:none!important} :where(.moskal-home-root) #consultation .wpcf7-acceptance{margin:22px 0;border-top:1px solid #b9a887;border-bottom:1px solid #b9a887;padding:12px 0;color:#655e53} :where(.moskal-home-root) #consultation .wpcf7-acceptance label{display:flex;align-items:center;gap:12px;min-height:44px;font:11px/1.5 Arial,sans-serif} :where(.moskal-home-root) #consultation .wpcf7-acceptance input{width:20px;height:20px;flex:none;accent-color:#766140} :where(.moskal-home-root) #consultation .wpcf7-list-item{margin:0} :where(.moskal-home-root) #consultation .wpcf7-submit{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:54px;padding:16px;border:1px solid #101719;border-radius:0;background:#101719;color:#e4c695;font:12px/1.5 Arial,sans-serif;letter-spacing:1px;cursor:pointer} :where(.moskal-home-root) #consultation .wpcf7-submit:hover{border-color:#b9a887} :where(.moskal-home-root) #consultation .wpcf7-submit:disabled,:where(.moskal-home-root) #consultation .submitting .wpcf7-submit{opacity:.6;cursor:wait} :where(.moskal-home-root) #consultation .wpcf7-response-output{margin:20px 0 0;padding:16px;border:1px solid #766140;font:14px/1.6 Arial,sans-serif;color:#1c282d;background:#fffdf8} :where(.moskal-home-root) #consultation .sent .wpcf7-response-output{border-left:4px solid #766140} :where(.moskal-home-root) #consultation .invalid .wpcf7-response-output,:where(.moskal-home-root) #consultation .failed .wpcf7-response-output{border-left:4px solid #1c282d} :where(.moskal-home-root) #consultation .submitting .wpcf7-response-output{opacity:.75} @media(min-width:768px){ :where(.moskal-home-root) #consultation .consultFields{grid-template-columns:1fr 1fr} :where(.moskal-home-root) #consultation .consultWide{grid-column:1/-1}}/* Collapse the removed team photo column only. */ :where(.moskal-home-root) .teamSection .teamOpening{display:block} :where(.moskal-home-root) .teamSection .teamIntroduction{max-width:820px}/* Targeted individual portraits and compact practice navigation. */ :where(.moskal-home-root) .teamSection .individualPortrait{margin:0 0 28px;width:100%;aspect-ratio:4/5;overflow:hidden} :where(.moskal-home-root) .teamSection .individualPortrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center} :where(.moskal-home-root) .helpSection{background:#f6f2ea;color:#1c282d;padding:44px 25px 48px} :where(.moskal-home-root) .helpInner{max-width:1180px;margin:auto} :where(.moskal-home-root) .helpSection h2{font:28px/1.2 Georgia,serif;margin:0 0 22px;letter-spacing:.3px} :where(.moskal-home-root) .helpIntro{font:17px/1.65 Georgia,serif;max-width:820px;margin:0 0 30px} :where(.moskal-home-root) .helpColumns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px} :where(.moskal-home-root) .helpColumn{border-top:2px solid #b9a887;padding-top:18px;display:flex;flex-direction:column;min-width:0;scroll-margin-top:24px} :where(.moskal-home-root) .helpColumn h3{font:16px/1.35 Georgia,serif;text-transform:uppercase;font-weight:400;margin:0 0 14px;min-height:44px} :where(.moskal-home-root) .helpColumn ul{list-style:none;padding:0;margin:0 0 20px} :where(.moskal-home-root) .helpColumn li{margin:0;padding:0} :where(.moskal-home-root) .helpColumn .caseLink{display:flex;align-items:center;min-height:44px;padding:7px 0;font:16px/1.35 Georgia,serif;text-decoration:none} :where(.moskal-home-root) .helpColumn .helpExplore{display:block;min-height:48px;padding:13px 0;margin-top:auto;border-top:1px solid #b9a887;font:12px/1.5 Arial,sans-serif;letter-spacing:.6px;text-transform:uppercase;color:#766140;text-decoration:none} :where(.moskal-home-root) .helpColumn a[aria-disabled=true]{cursor:default} :where(.moskal-home-root) .helpColumn a:focus-visible{outline:2px solid #766140;outline-offset:2px} @media(min-width:900px){ :where(.moskal-home-root) .teamSection .individualPortrait{max-height:560px} :where(.moskal-home-root) .helpSection{padding:72px 64px 80px} :where(.moskal-home-root) .helpSection h2{font-size:38px} :where(.moskal-home-root) .helpColumns{gap:72px} :where(.moskal-home-root) .helpColumn h3{font-size:26px;min-height:0;margin-bottom:20px} :where(.moskal-home-root) .helpColumn .caseLink{font-size:20px;min-height:48px} :where(.moskal-home-root) .helpColumn .helpExplore{font-size:14px}}/* Secondary services only: retain the primary practice columns unchanged. */ :where(.moskal-home-root) .additionalServices{margin-top:32px;padding-top:22px;border-top:1px solid #b9a887} :where(.moskal-home-root) .additionalServices h3{font:11px/1.5 Arial,sans-serif;letter-spacing:1.4px;color:#766140;margin:0 0 12px} :where(.moskal-home-root) .secondaryServices{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px} :where(.moskal-home-root) .secondaryService a{display:flex;align-items:center;gap:8px;min-height:44px;font:12px/1.5 Arial,sans-serif;letter-spacing:.5px;text-transform:uppercase;text-decoration:none;color:#766140;cursor:default} :where(.moskal-home-root) .secondaryService a span{flex:none} :where(.moskal-home-root) .secondaryService p{font:13px/1.5 Georgia,serif;margin:0;max-width:280px} :where(.moskal-home-root) .secondaryService a:focus-visible{outline:2px solid #766140;outline-offset:2px} @media(min-width:900px){ :where(.moskal-home-root) .additionalServices{margin-top:40px} :where(.moskal-home-root) .secondaryServices{gap:72px} :where(.moskal-home-root) .secondaryService a{font-size:14px} :where(.moskal-home-root) .secondaryService p{font-size:15px}}/* Compact secondary routing directly beneath the unchanged hero. */ :where(.moskal-home-root) .heroSecondary{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2.4%;padding:0 3.8% 16px;background:#101719;color:#f6f2ea} :where(.moskal-home-root) .heroSecondaryTile{display:flex;flex-direction:column;justify-content:space-between;gap:7px;min-width:0;min-height:102px;padding:12px;border:1px solid #e4c69577;border-radius:0;text-decoration:none;cursor:default} :where(.moskal-home-root) .secondaryTitle{font:11px/1.3 Arial,sans-serif;letter-spacing:.7px;text-transform:uppercase;color:#e4c695} :where(.moskal-home-root) .secondaryDescription{font:15px/1.25 Georgia,serif} :where(.moskal-home-root) .secondaryExplore{font:10px/1.3 Arial,sans-serif;letter-spacing:.7px;text-transform:uppercase;color:#e4c695} :where(.moskal-home-root) .secondaryExplore span{margin-left:5px} @media(min-width:900px){ :where(.moskal-home-root) .heroSecondaryTile{min-height:140px;padding:20px 24px} :where(.moskal-home-root) .secondaryTitle{font-size:13px} :where(.moskal-home-root) .secondaryDescription{font-size:22px} :where(.moskal-home-root) .secondaryExplore{font-size:12px} :where(.moskal-home-root) .heroSecondary{padding-bottom:24px}}/* Secondary routing cards: intentional landscape-square proportions. */ :where(.moskal-home-root) .heroSecondary{grid-template-columns:repeat(2,minmax(0,1fr));gap:2.6%;padding-top:4px} :where(.moskal-home-root) .heroSecondaryTile{aspect-ratio:1/.78;min-height:0;padding:14px;justify-content:flex-start;gap:10px;background:#101719;box-shadow:none} :where(.moskal-home-root) .heroSecondaryTile .secondaryExplore{margin-top:auto} @media(min-width:900px){ :where(.moskal-home-root) .heroSecondaryTile{aspect-ratio:1/.75;min-height:0;padding:24px;gap:14px}}/* Compact media authority at the foot of the existing hero area. */ :where(.moskal-home-root) .heroFeatured{background:#101719;color:#f6f2ea;padding:2px 3.8% 16px} :where(.moskal-home-root) .heroFeatured .featuredLabel{font:9px/1.4 Arial,sans-serif;letter-spacing:1.6px;color:#e4c695;margin:0 0 10px;text-align:center} :where(.moskal-home-root) .heroFeatured .featuredRow{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;align-items:center;padding:0;margin:0} :where(.moskal-home-root) .featuredRow li{text-align:center;min-width:0} :where(.moskal-home-root) .featuredRow li>span{display:flex;align-items:center;justify-content:center;min-height:29px;font:11px/1.25 Arial,sans-serif} :where(.moskal-home-root) .featuredRow small{display:block;font:8px/1.4 Arial,sans-serif;color:#e4c695;margin-top:3px} @media(min-width:900px){ :where(.moskal-home-root) .heroFeatured{padding-bottom:22px} :where(.moskal-home-root) .heroFeatured .featuredRow{max-width:800px;margin:auto;gap:32px} :where(.moskal-home-root) .featuredRow li>span{font-size:14px;min-height:36px} :where(.moskal-home-root) .featuredRow small{font-size:9px}}/* Targeted routing recolor and completed media modules. */ :where(.moskal-home-root) .hero .route{background:#e4c695;color:#101719;border:1px solid #e4c695;border-radius:0;text-decoration:none;padding:3%;display:flex;flex-direction:column;gap:5px} :where(.moskal-home-root) .primaryLabel{font:clamp(10px,2.6vw,34px)/1.35 Arial,sans-serif;letter-spacing:1px;max-width:90%} :where(.moskal-home-root) .primaryTitle{font:bold clamp(25px,7.5vw,108px)/1.05 Georgia,serif} :where(.moskal-home-root) .primaryArrow{font:clamp(26px,7vw,90px)/1 Georgia,serif;margin-top:auto} :where(.moskal-home-root) .heroSecondaryTile{background:#e4c695;border-color:#e4c695;color:#101719} :where(.moskal-home-root) .heroSecondaryTile .secondaryTitle{font:clamp(24px,6.4vw,58px)/1.05 Georgia,serif;text-transform:none;letter-spacing:-.4px;color:#101719;max-width:7ch} :where(.moskal-home-root) .heroSecondaryTile .secondaryExplore{color:#101719;font-size:13px;text-transform:none;letter-spacing:0} :where(.moskal-home-root) .featuredRow .verifiedLogo{position:relative;display:block;overflow:hidden;margin:auto;min-height:0;filter:grayscale(1)} :where(.moskal-home-root) .verifiedLogo img{position:absolute;max-width:none;height:auto} :where(.moskal-home-root) .heroFeatured{padding-bottom:16px} :where(.moskal-home-root) .mediaInner{max-width:1180px;margin:auto} :where(.moskal-home-root) .experienceSection{padding:32px 25px;background:#101719;color:#f6f2ea} :where(.moskal-home-root) .experienceSection h2{font:24px/1.2 Georgia,serif;margin-bottom:24px} :where(.moskal-home-root) .statsRow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px} :where(.moskal-home-root) .statsRow>div{border-top:1px solid #e4c69566;padding-top:16px} :where(.moskal-home-root) .statsRow strong{display:block;color:#e4c695;font:36px/1 Georgia,serif;letter-spacing:-1px;margin-bottom:12px} :where(.moskal-home-root) .statsRow p{font:10px/1.5 Arial,sans-serif;letter-spacing:.5px;margin:0} :where(.moskal-home-root) .newsSection{padding:32px 25px;background:#f6f2ea;color:#1c282d} :where(.moskal-home-root) .newsSection h2{font:28px/1.2 Georgia,serif;margin-bottom:22px} :where(.moskal-home-root) .newsTrack{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none} :where(.moskal-home-root) .newsTrack::-webkit-scrollbar{display:none} :where(.moskal-home-root) .newsCard{flex:0 0 92%;scroll-snap-align:start;border-top:1px solid #b9a887;padding-top:14px;display:flex;flex-direction:column} :where(.moskal-home-root) .newsCard>a{display:flex;flex-direction:column;flex:1;text-decoration:none} :where(.moskal-home-root) .newsImagePlaceholder { height: auto; aspect-ratio: 4 / 3; flex-shrink: 0; display: grid; place-items: center; overflow: hidden; background: #101719; color: #e4c695; font: 10px Arial,sans-serif; letter-spacing: 1px; margin-bottom: 16px; } :where(.moskal-home-root) .newsImagePlaceholder img { width: 100% !important; height: 100% !important; object-fit: contain !important; object-position: center !important; } :where(.moskal-home-root) .newsCard .newsPublication{font:10px/1.4 Arial,sans-serif;letter-spacing:1px;margin:0 0 10px;color:#766140} :where(.moskal-home-root) .newsCard h3{font:21px/1.25 Georgia,serif;margin:0 0 12px} :where(.moskal-home-root) .newsCard .newsDate{font:12px/1.4 Arial,sans-serif;margin:0 0 10px} :where(.moskal-home-root) .newsRead{display:flex;align-items:center;min-height:44px;font:11px Arial,sans-serif;letter-spacing:1px;color:#766140;margin-top:auto} :where(.moskal-home-root) .newsControls{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:8px;font:11px Arial,sans-serif} :where(.moskal-home-root) .newsControls button{width:44px;height:44px;border:0;background:none;color:#766140} :where(.moskal-home-root) .newsTrack:focus-visible{outline:2px solid #766140;outline-offset:3px} @media(min-width:900px){ :where(.moskal-home-root) .experienceSection, :where(.moskal-home-root) .newsSection{ padding:56px 64px; } :where(.moskal-home-root) .statsRow{ gap:48px; } :where(.moskal-home-root) .statsRow strong{ font-size:64px; } :where(.moskal-home-root) .statsRow p{ font-size:12px; max-width:230px; } :where(.moskal-home-root) .newsCard{ flex-basis:42%; } :where(.moskal-home-root) .mediaInner{ position:relative; } :where(.moskal-home-root) .newsControls{ justify-content:center; margin-top:8px; } :where(.moskal-home-root) .newsControls .newsPrev, :where(.moskal-home-root) .newsControls .newsNext{ position:absolute; top:50%; transform:translateY(-50%); z-index:5; width:58px; height:58px; display:flex; align-items:center; justify-content:center; background:#f6f2ea; border:1px solid #b9a887; color:#766140; font:34px/1 Georgia,serif; cursor:pointer; } :where(.moskal-home-root) .newsControls .newsPrev{ left:-66px; } :where(.moskal-home-root) .newsControls .newsNext{ right:-66px; } :where(.moskal-home-root) .heroSecondaryTile .secondaryExplore{ font-size:18px; } } :where(.moskal-home-root) .heroSecondaryTile .secondaryTitle{font-weight:700;max-width:none}/* Desktop-only composition. Mobile elements and measurements remain unchanged. */ :where(.moskal-home-root) .desktopHeader,:where(.moskal-home-root) .desktopHeroCopy,:where(.moskal-home-root) .desktopTeam{display:none} @media(min-width:900px){ :where(.moskal-home-root) .heroShell{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:40px;background:#101719;color:#f6f2ea;padding:0 max(32px,calc((100vw - 1320px)/2));align-items:start} :where(.moskal-home-root) .desktopHeader{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:22px 0;border-bottom:1px solid #e4c69533;margin-bottom:32px} :where(.moskal-home-root) .desktopWordmark{font:32px/1 Georgia,serif;letter-spacing:4px;white-space:nowrap} :where(.moskal-home-root) .desktopWordmark span{display:block;font:10px/1.5 Arial,sans-serif;letter-spacing:3px;margin-top:9px} :where(.moskal-home-root) .desktopHeader nav{display:flex;align-items:center;gap:24px} :where(.moskal-home-root) .desktopHeader a{font:15px/1.4 Georgia,serif;text-decoration:none;min-height:44px;display:flex;align-items:center} :where(.moskal-home-root) .desktopHeader a:hover{color:#e4c695} :where(.moskal-home-root) .heroShell .hero{grid-column:1;grid-row:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;aspect-ratio:auto;overflow:visible;width:auto;background:none;position:relative} :where(.moskal-home-root) .heroShell .hero>img{display:none} :where(.moskal-home-root) .desktopHeroCopy{display:block;grid-column:1/-1} :where(.moskal-home-root) .desktopHeroCopy .desktopLocation{font:10px/1.5 Arial,sans-serif;letter-spacing:2px;color:#e4c695;margin:0 0 12px} :where(.moskal-home-root) .desktopHeroCopy h1{font:bold clamp(26px,2vw,30px)/1.15 Georgia,serif;color:#e4c695;margin:0 0 22px;letter-spacing:-.5px} :where(.moskal-home-root) .desktopHeroCopy h1 span{font-weight:400} :where(.moskal-home-root) .desktopHeroCopy .desktopCredentials{font:clamp(27px,2.55vw,38px)/1.13 Georgia,serif;margin:0 0 18px;letter-spacing:-.4px} :where(.moskal-home-root) .desktopHeroCopy .desktopExperience{font:10px/1.6 Arial,sans-serif;letter-spacing:1.4px;color:#e4c695;margin:0 0 10px;max-width:460px} :where(.moskal-home-root) .heroShell .hero .route{position:static;width:auto;height:128px;padding:16px;gap:7px;left:auto;right:auto;top:auto} :where(.moskal-home-root) .heroShell .primaryLabel{font:9px/1.4 Arial,sans-serif;letter-spacing:1px;max-width:none} :where(.moskal-home-root) .heroShell .primaryTitle{font:bold clamp(25px,2.25vw,34px)/1.03 Georgia,serif} :where(.moskal-home-root) .heroShell .primaryArrow{font:26px/1 Georgia,serif} :where(.moskal-home-root) .desktopTeam{display:flex;flex-direction:column;justify-content:center;grid-column:2;grid-row:2/4;margin:0;align-self:stretch;min-width:0} :where(.moskal-home-root) .desktopPhoto{position:relative;aspect-ratio:853/530;overflow:hidden;width:100%;background:#101719} :where(.moskal-home-root) .desktopPhoto img{position:absolute;width:100%;height:auto;max-width:none;left:0;top:-100%} :where(.moskal-home-root) .desktopTeam figcaption{font:18px/1.5 Georgia,serif;color:#e4c695;text-align:center;padding:12px 0} :where(.moskal-home-root) .heroShell .heroSecondary{grid-column:1;grid-row:3;padding:14px 0 0;gap:14px;background:none} :where(.moskal-home-root) .heroShell .heroSecondaryTile{aspect-ratio:auto;min-height:0;height:88px;padding:12px 16px;gap:6px;justify-content:space-between} :where(.moskal-home-root) .heroShell .heroSecondaryTile .secondaryTitle{font:bold clamp(21px,1.9vw,28px)/1.05 Georgia,serif;letter-spacing:0;max-width:none} :where(.moskal-home-root) .heroShell .heroSecondaryTile .secondaryExplore{font:11px/1.2 Arial,sans-serif;margin-top:auto} :where(.moskal-home-root) .heroShell .heroFeatured{grid-column:1/-1;padding:22px 0 20px;display:flex;align-items:center;justify-content:center;gap:30px;background:none} :where(.moskal-home-root) .heroShell .featuredLabel{margin:0} :where(.moskal-home-root) .heroShell .featuredRow{margin:0;width:420px;gap:36px} :where(.moskal-home-root) .dock{display:flex;align-items:center;height:58px;padding:0 32px;gap:24px} :where(.moskal-home-root) .dock .bottomClearance{display:none} :where(.moskal-home-root) .dock .social{width:220px;height:44px;max-height:44px;gap:0;flex:none} :where(.moskal-home-root) .dock .social a{width:44px;height:44px} :where(.moskal-home-root) .dock .requestRow{height:44px;border:0;padding:0;flex:1} :where(.moskal-home-root) .dock .consult{font-size:18px;min-height:44px} :where(.moskal-home-root) .dock .contact{height:44px;width:350px;flex:none;padding:0} :where(.moskal-home-root) .dock .contact a{height:44px} :where(.moskal-home-root) .dock .contact svg{width:18px;height:18px} body.moskal-home-page.moskal-dock-minimized .dock .social{height:44px;max-height:44px;opacity:1;visibility:visible} body.moskal-home-page.moskal-dock-minimized .dock .requestRow{height:44px;opacity:1;pointer-events:auto} :where(.moskal-home-root) #reading{padding-bottom:78px} } @media(min-width:900px) and (max-width:1100px){ :where(.moskal-home-root) .heroShell{column-gap:24px;padding-left:28px;padding-right:28px} :where(.moskal-home-root) .desktopHeader nav{gap:15px} :where(.moskal-home-root) .desktopHeader a{font-size:13px} :where(.moskal-home-root) .desktopWordmark{font-size:27px} :where(.moskal-home-root) .heroShell .hero .route{padding:13px} :where(.moskal-home-root) .heroShell .heroSecondaryTile{padding:12px} :where(.moskal-home-root) .dock{gap:14px;padding:0 24px} :where(.moskal-home-root) .dock .contact{width:290px}} @media(min-width:900px){ :where(.moskal-home-root) .desktopHeroCopy h1 .desktopPracticeName{font-weight:700;white-space:nowrap}} @media(min-width:1101px){ :where(.moskal-home-root) .heroShell .hero .route{height:144px} :where(.moskal-home-root) .heroShell .heroSecondaryTile{height:104px}} /* WordPress-only integration: invisible semantics and admin toolbar clearance. */ :where(.moskal-home-root) .moskal-mobile-heading{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} @media(min-width:900px){:where(.moskal-home-root) .moskal-mobile-heading{display:none}} body.moskal-home-page.admin-bar #app{top:var(--moskal-admin-offset,32px)} :where(.moskal-home-root) .teamLink[aria-disabled="true"]{cursor:default} /* Live Google Reviews via Trustindex */ :where(.moskal-home-root) .reviewsInner{ width:100%; max-width:1230px; margin:0 auto; padding:0 25px; } :where(.moskal-home-root) .reviewsInner > .eyebrow{ margin-left:0; margin-right:0; } :where(.moskal-home-root) .reviewsInner > h2{ margin-left:0; margin-right:0; margin-bottom:14px; } :where(.moskal-home-root) .trustindexReviews{ width:100%; margin-top:8px; } @media(max-width:767px){ :where(.moskal-home-root) .reviewsInner{ padding:0 18px; } /* Homepage legal and resource links */ :where(.moskal-home-root) .moskalLegalFooter { padding: 24px 25px; background: var(--ink); color: var(--ivory); border-top: 1px solid #e4c69555; } :where(.moskal-home-root) .moskalLegalFooter nav { display: flex; flex-wrap: wrap; justify-content: center; gap: 4px 24px; max-width: 1180px; margin: 0 auto; } :where(.moskal-home-root) .moskalLegalFooter a { display: inline-flex; align-items: center; min-height: 44px; color: var(--gold); font: 13px/1.5 Arial, sans-serif; text-decoration: none; } :where(.moskal-home-root) .moskalLegalFooter a:hover { text-decoration: underline; } :where(.moskal-home-root) .reviewsInner > h2{ display:none; } :where(.moskal-home-root) .trustindexReviews{ margin-top:4px; } } /* MOSKAL LAW DESKTOP NAVIGATION */ @media (min-width: 900px) { .moskal-home-root .moskalDesktopNav { position: relative; z-index: 100; } .moskal-home-root .moskalDesktopNav ul { list-style: none; margin: 0; padding: 0; } .moskal-home-root .moskalDesktopNav > ul { display: flex; align-items: center; gap: 24px; } .moskal-home-root .moskalDesktopNav li { position: relative; margin: 0; padding: 0; } .moskal-home-root .moskalDesktopNav a { display: flex; align-items: center; padding: 10px 0; white-space: nowrap; text-decoration: none; color: #f6f2ea; font: 15px/1.4 Georgia, serif; } .moskal-home-root .moskalDesktopNav .sub-menu { display: none; position: absolute; top: 100%; left: 0; min-width: 230px; max-height: 70vh; overflow-y: auto; background: #101719; border: 1px solid #e4c69566; box-shadow: 0 12px 24px #0005; z-index: 200; } .moskal-home-root .moskalDesktopNav .sub-menu li a { padding: 12px 16px; white-space: normal; font-size: 14px; } .moskal-home-root .moskalDesktopNav li:hover > .sub-menu, .moskal-home-root .moskalDesktopNav li:focus-within > .sub-menu { display: block; } .moskal-home-root .moskalDesktopNav .sub-menu .sub-menu { position: static; top: auto; left: auto; min-width: 0; max-height: none; margin: 0 10px 10px; padding-left: 10px; border: 0; border-left: 1px solid #e4c69566; box-shadow: none; } .moskal-home-root .moskalDesktopNav a:hover { color: #e4c695; } } /* Readable consent links on the Moskal homepage */ .moskal-home-root #consultation .wpcf7-acceptance a { color: #1c282d !important; text-decoration: underline; text-underline-offset: 3px; } /* Hover treatment for connected secondary hero cards */ .moskal-home-root .heroSecondaryTile[href] { cursor: pointer; } .moskal-home-root .heroSecondaryTile[href]:hover { box-shadow: inset 0 0 0 2px #fff8; } /* Working mobile navigation over the existing image header */ .moskal-home-root .moskalMobileMenu { display: none; } @media (max-width: 899px) { .moskal-home-root .heroShell { position: relative; } .moskal-home-root .moskalMobileMenu { display: block; position: absolute; top: 0; left: 0; width: 100%; z-index: 20; color: #f6f2ea; } .moskal-home-root .moskalMobileMenu > summary { display: flex; align-items: center; justify-content: center; width: 18%; min-width: 44px; height: 14.65vw; min-height: 44px; margin-left: auto; padding: 0; list-style: none; cursor: pointer; background: transparent; } .moskal-home-root .moskalMobileMenu > summary::-webkit-details-marker { display: none; } .moskal-home-root .moskalMobileMenu > summary::marker { content: ""; } .moskal-home-root .moskalMobileMenu > summary:focus-visible { outline: 2px solid #e4c695; outline-offset: -4px; } .moskal-home-root .moskalMenuClose { display: none; font: 40px/1 Arial, sans-serif; } .moskal-home-root .moskalMobileMenu[open] > summary { background: #101719; } .moskal-home-root .moskalMobileMenu[open] .moskalMenuClose { display: block; } .moskal-home-root .moskalMobileMenu > nav { max-height: 55dvh; overflow-y: auto; overscroll-behavior: contain; padding: 12px 22px 20px; background: #101719; border-block: 1px solid #e4c69566; box-shadow: 0 12px 24px #0005; } .moskal-home-root .moskalMobileMenu ul { display: block; position: static; list-style: none; margin: 0; padding: 0; } .moskal-home-root .moskalMobileMenu li { margin: 0; padding: 0; } .moskal-home-root .moskalMobileMenu a { display: flex; align-items: center; min-height: 44px; padding: 10px 0; color: #f6f2ea; font: 18px/1.4 Georgia, serif; text-decoration: none; white-space: normal; } .moskal-home-root .moskalMobileMenu .sub-menu { margin-left: 12px; padding-left: 14px; border-left: 1px solid #e4c69555; } .moskal-home-root .moskalMobileMenu .sub-menu a { font-size: 16px; color: #e4c695; } } @media (max-width: 899px) { .moskal-home-root .moskalMobileMenu li { position: relative; } .moskal-home-root .moskalMobileMenu li.menu-item-has-children > a { padding-right: 52px; } .moskal-home-root .moskalMobileMenu .sub-menu { display: none; } .moskal-home-root .moskalMobileMenu li.mobile-submenu-open > .sub-menu { display: block; } .moskal-home-root .moskalSubmenuToggle { position: absolute; top: 0; right: 0; display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; border: 0; background: transparent; color: #e4c695; font: 26px/1 Arial, sans-serif; cursor: pointer; } } /* Mobile drawer slides in from the right */ @media (max-width: 899px) { .moskal-home-root .moskalMobileMenu[open] { position: fixed; top: var(--moskal-admin-offset, 0px); right: 0; bottom: 0; left: 0; width: 100%; z-index: 1000; background: rgba(0, 0, 0, 0.6); } .moskal-home-root .moskalMobileMenu[open] > summary { position: absolute; top: 0; right: 0; width: min(88vw, 380px); height: max(44px, 14.65vw); justify-content: flex-end; padding-right: 6%; background: #101719; border-left: 1px solid #e4c69555; animation: moskalDrawerEnter 280ms ease-out both; } .moskal-home-root .moskalMobileMenu[open] > nav { position: absolute; top: max(44px, 14.65vw); right: 0; bottom: 0; width: min(88vw, 380px); max-height: none; padding: 16px 24px max(32px, env(safe-area-inset-bottom, 0px)); overflow-y: auto; background: #101719; border-left: 1px solid #e4c69555; box-shadow: -12px 0 30px #0004; animation: moskalDrawerEnter 280ms ease-out both; } } @keyframes moskalDrawerEnter { from { transform: translateX(100%); } to { transform: translateX(0); } } @media (prefers-reduced-motion: reduce) { .moskal-home-root .moskalMobileMenu[open] > summary, .moskal-home-root .moskalMobileMenu[open] > nav { animation: none; } } @media (max-width: 899px) { .moskal-home-root .moskalDrawerActions { margin-top: 28px; padding-top: 24px; border-top: 1px solid #e4c69555; } .moskal-home-root .moskalDrawerActions .moskalDrawerCTA, .moskal-home-root .moskalDrawerContact a { display: flex; align-items: center; justify-content: center; min-height: 48px; padding: 14px 12px; border-radius: 28px; background: #e4c695; color: #101719; text-align: center; text-decoration: none; font: bold 14px/1.4 Arial, sans-serif; letter-spacing: 1px; text-transform: uppercase; } .moskal-home-root .moskalDrawerActions .moskalDrawerCTA { min-height: 56px; margin-bottom: 24px; } .moskal-home-root .moskalDrawerContact { display: grid; gap: 12px; } .moskal-home-root .moskalDrawerSocial { display: flex; flex-wrap: wrap; justify-content: center; gap: 0 16px; margin-top: 22px; } .moskal-home-root .moskalDrawerSocial a { min-height: 44px; padding: 10px 0; color: #e4c695; font: 13px/1.4 Arial, sans-serif; } } @media (max-width: 899px) { .moskal-home-root .moskalDrawerSocial { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 6px; margin-top: 22px; } .moskal-home-root .moskalDrawerSocial a { display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; color: #e4c695; } .moskal-home-root .moskalDrawerSocial svg { width: 23px; height: 23px; } } /* Mobile homepage: move the UserWay button wrapper */ @media (max-width: 899px) { body.moskal-home-page .uwy { transform: none !important; } body.moskal-home-page .uwy .userway_buttons_wrapper { position: fixed !important; top: auto !important; right: auto !important; bottom: max(14px, env(safe-area-inset-bottom, 0px)) !important; left: 14px !important; margin: 0 !important; transform: none !important; } body.moskal-home-page #userwayAccessibilityIcon { position: relative !important; top: auto !important; right: auto !important; bottom: auto !important; left: auto !important; margin: 0 !important; transform: none !important; } } /* Mobile: social icons between the two bottom widgets */ @media (max-width: 899px) { body.moskal-home-page .dock .social { position: absolute; left: 64px; right: 72px; bottom: max(14px, env(safe-area-inset-bottom, 0px)); width: auto; height: 44px; max-height: 44px; display: flex; align-items: center; justify-content: center; gap: 2px; margin: 0; opacity: 1; visibility: visible; pointer-events: auto; transition: none; } body.moskal-home-page .dock .social a { flex: 1 1 0; min-width: 0; max-width: 44px; width: auto; height: 44px; } body.moskal-home-page .dock .social svg { width: 20px; height: 20px; } body.moskal-home-page.moskal-dock-minimized .dock .social { height: 44px; max-height: 44px; opacity: 1; visibility: visible; pointer-events: auto; } } /* Close control beside the expanded reCAPTCHA badge */ body.moskal-home-page .moskalRecaptchaClose { position: fixed; z-index: 2147483647; display: grid; place-items: center; width: 36px; height: 36px; padding: 0; border: 1px solid #e4c695; border-radius: 50%; background: #101719; color: #e4c695; font: 28px/1 Arial, sans-serif; cursor: pointer; } body.moskal-home-page .moskalRecaptchaClose[hidden] { display: none !important; } body.moskal-home-page .moskalRecaptchaClose:focus-visible { outline: 2px solid #e4c695; outline-offset: 3px; } /* Compact mobile dock and relocated utility controls */ .moskal-home-root .moskalFooterSocial, .moskal-home-root .moskalAccessibilityTrigger, .moskal-home-root .moskalRecaptchaNotice { display: none; } @media (max-width: 899px) { /* Remove the floating social row once footer links exist. */ body.moskal-home-page.moskal-social-relocated .dock .social { display: none; } /* Hide only the UserWay launcher, not its accessibility panel. */ body.moskal-home-page.moskal-accessibility-ready .uwy .userway_buttons_wrapper { display: none !important; } /* Branding is now displayed beside the form. */ body.moskal-home-page.moskal-recaptcha-notice-ready .grecaptcha-badge { visibility: hidden !important; } /* Keep just the spacing needed at the bottom of the phone. */ body.moskal-home-page.moskal-accessibility-ready.moskal-recaptcha-notice-ready .dock .bottomClearance { height: 8px; min-height: 8px; } body.moskal-home-page.moskal-accessibility-ready.moskal-recaptcha-notice-ready #reading { padding-bottom: calc( 128px + max(12px, env(safe-area-inset-bottom, 0px)) ); } .moskal-home-root .moskalLegalFooter .moskalFooterSocial { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 6px; margin: 0 auto 16px; } .moskal-home-root .moskalFooterSocial a { display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; color: #e4c695; } .moskal-home-root .moskalFooterSocial svg { width: 22px; height: 22px; } .moskal-home-root .moskalAccessibilityTrigger { display: block; min-height: 44px; margin: 16px auto 0; padding: 10px 18px; border: 1px solid #e4c69566; border-radius: 4px; background: transparent; color: #e4c695; font: 14px/1.4 Arial, sans-serif; cursor: pointer; } .moskal-home-root .moskalAccessibilityTrigger[hidden] { display: none !important; } .moskal-home-root #consultation .moskalRecaptchaNotice { display: block; margin: 16px 0 0; color: #655e53; font: 12px/1.5 Arial, sans-serif; } } /* Mobile dock: contact and consultation replace each other. */ @media (max-width: 899px) { body.moskal-home-page.moskal-dock-swap .dock { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: 56px auto; gap: 0; height: auto; padding: 0; overflow: hidden; isolation: isolate; } body.moskal-home-page.moskal-dock-swap .dock .social { display: none; } body.moskal-home-page.moskal-dock-swap .dock .requestRow, body.moskal-home-page.moskal-dock-swap .dock .contact { grid-area: 1 / 1; display: flex; align-items: center; width: 100%; height: 56px; min-height: 56px; max-height: none; margin: 0; background: var(--ink); border: 0; opacity: 1; visibility: visible; transition: transform 300ms cubic-bezier(.22, .61, .36, 1); } body.moskal-home-page.moskal-dock-swap .dock .requestRow { padding: 0 14px; transform: translateY(100%); pointer-events: none; } body.moskal-home-page.moskal-dock-swap .dock .contact { padding: 0 12px; transform: translateY(0); pointer-events: auto; } body.moskal-home-page.moskal-dock-swap.moskal-dock-show-consultation .dock .requestRow { transform: translateY(0); pointer-events: auto; } body.moskal-home-page.moskal-dock-swap.moskal-dock-show-consultation .dock .contact { transform: translateY(-100%); pointer-events: none; } body.moskal-home-page.moskal-dock-swap .dock .bottomClearance { grid-area: 2 / 1; position: relative; z-index: 2; background: var(--ink); } body.moskal-home-page.moskal-dock-swap #reading { padding-bottom: calc( 76px + max(8px, env(safe-area-inset-bottom, 0px)) ); } } @media (max-width: 899px) and (prefers-reduced-motion: reduce) { body.moskal-home-page.moskal-dock-swap .dock .requestRow, body.moskal-home-page.moskal-dock-swap .dock .contact { transition: none; } } /* Give the form the available screen while editing on mobile. */ @media (max-width: 899px) { body.moskal-home-page.moskal-dock-swap.moskal-form-editing .dock { display: none; } body.moskal-home-page.moskal-dock-swap.moskal-form-editing #reading { padding-bottom: 24px; scroll-padding-bottom: 20px !important; } } /* Separate hero photograph and mobile text */ .moskal-home-root .moskalSeparatedHero { background: #101719; color: #f6f2ea; } .moskal-home-root .moskalSeparatedHero .moskalMobileTeam { display: none; } /* Show the new photograph without the old composite crop */ .moskal-home-root .moskalSeparatedHero .moskalHeroPhoto { position: relative; width: 100%; aspect-ratio: auto; overflow: hidden; background: #101719; } .moskal-home-root .moskalSeparatedHero .moskalHeroPhoto img { position: static; display: block; width: 100%; max-width: 100%; height: auto; margin: 0; top: auto; left: auto; transform: none; } @media (max-width: 899px) { .moskal-home-root .moskalSeparatedHero { --moskal-header-height: 70px; } .moskal-home-root .moskalSeparatedHero .desktopHeader { display: flex; align-items: center; min-height: var(--moskal-header-height); margin: 0; padding: 12px 76px 12px 16px; border-bottom: 1px solid #e4c69533; } .moskal-home-root .moskalSeparatedHero .desktopWordmark { color: #f6f2ea; font: clamp(23px, 6.6vw, 36px)/1 Georgia, serif; letter-spacing: 2px; white-space: nowrap; } .moskal-home-root .moskalSeparatedHero .desktopWordmark span { display: block; margin-top: 7px; font: 9px/1.4 Arial, sans-serif; letter-spacing: 2.6px; } .moskal-home-root .moskalSeparatedHero .moskalDesktopNav { display: none; } .moskal-home-root .moskalSeparatedHero .moskalMobileMenu:not([open]) { left: auto; right: 0; width: 64px; } .moskal-home-root .moskalSeparatedHero .moskalMobileMenu > summary { width: 64px; height: var(--moskal-header-height); } .moskal-home-root .moskalSeparatedHero .moskalMenuBars { display: block; width: 28px; height: 28px; } .moskal-home-root .moskalSeparatedHero .moskalMobileMenu[open] .moskalMenuBars { display: none; } .moskal-home-root .moskalSeparatedHero .moskalMobileMenu[open] > summary { width: min(88vw, 380px); height: var(--moskal-header-height); } .moskal-home-root .moskalSeparatedHero .moskalMobileMenu[open] > nav { top: var(--moskal-header-height); } .moskal-home-root .moskalSeparatedHero .hero { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; width: 100%; aspect-ratio: auto; overflow: visible; padding: 18px 3.8% 14px; } .moskal-home-root .moskalSeparatedHero .desktopHeroCopy { display: block; grid-column: 1 / -1; text-align: center; } .moskal-home-root .moskalSeparatedHero .desktopLocation, .moskal-home-root .moskalSeparatedHero .moskalPracticeSeparator, .moskal-home-root .moskalSeparatedHero .moskalDesktopBreak { display: none; } .moskal-home-root .moskalSeparatedHero .desktopHeroCopy h1 { margin: 0 0 14px; color: #e4c695; font: bold clamp(27px, 7.5vw, 44px)/1.06 Georgia, serif; letter-spacing: -.5px; } .moskal-home-root .moskalSeparatedHero .desktopPracticeName { display: block; } .moskal-home-root .moskalSeparatedHero .desktopCredentials { margin: 0 0 12px; color: #f6f2ea; font: clamp(18px, 4.9vw, 26px)/1.2 Georgia, serif; } .moskal-home-root .moskalSeparatedHero .desktopExperience { max-width: 380px; margin: 0 auto; color: #e4c695; font: 10px/1.5 Arial, sans-serif; letter-spacing: 1.6px; } .moskal-home-root .moskalSeparatedHero .moskalMobileTeam { display: block; grid-column: 1 / -1; min-width: 0; margin: 0; } .moskal-home-root .moskalSeparatedHero .moskalMobileTeam figcaption { padding: 10px 0 2px; text-align: center; color: #e4c695; font: clamp(15px, 4.2vw, 22px)/1.4 Georgia, serif; } .moskal-home-root .moskalSeparatedHero .hero .route { position: static; width: auto; height: auto; min-height: 132px; padding: 13px; gap: 7px; } .moskal-home-root .moskalSeparatedHero .primaryLabel { max-width: none; font: 9px/1.4 Arial, sans-serif; letter-spacing: .7px; } .moskal-home-root .moskalSeparatedHero .primaryTitle { font: bold clamp(23px, 6.5vw, 34px)/1.05 Georgia, serif; } .moskal-home-root .moskalSeparatedHero .primaryArrow { font: 26px/1 Georgia, serif; } } .moskal-home-root .heroFeatured .moskalCnbcLogo { position: static; display: block; width: 58px; height: 42px; max-width: 100%; margin: 0 auto; object-fit: contain; filter: grayscale(1); } .moskal-home-root .heroFeatured .moskalDiscoveryLogo { position: static; display: block; width: 50px; height: 50px; max-width: 100%; margin: 0 auto; object-fit: contain; filter: grayscale(1); } /* M icon beside the Moskal Law wordmark */ .moskal-home-root .moskalBrand { display: flex; align-items: center; gap: 12px; min-width: 0; } .moskal-home-root .moskalBrandIcon { display: block; position: static; width: 64px; height: 64px; flex: 0 0 64px; object-fit: contain; } @media (max-width: 899px) { .moskal-home-root .moskalBrand { gap: 8px; } .moskal-home-root .moskalBrandIcon { width: 44px; height: 44px; flex-basis: 44px; } .moskal-home-root .moskalBrand .desktopWordmark { font-size: clamp(19px, 5.5vw, 30px); letter-spacing: 1.5px; } .moskal-home-root .moskalBrand .desktopWordmark span { font-size: 8px; letter-spacing: 1.8px; } } /* Champagne frame and larger M */ .moskal-home-root .moskalBrandFrame { display: grid; place-items: center; width: 64px; height: 64px; flex: 0 0 64px; overflow: hidden; border: 1px solid #e4c695; background: #101719; } .moskal-home-root .moskalBrandFrame .moskalBrandIcon { width: 100%; height: 100%; max-width: none; object-fit: contain; transform: scale(1.15); } @media (max-width: 899px) { .moskal-home-root .moskalBrandFrame { width: 48px; height: 48px; flex-basis: 48px; } } /* Desktop: leave room for the UserWay button */ @media (min-width: 900px) { .moskal-home-root .dock { padding-left: 88px; } } /* Desktop: clearer names and larger media logos */ @media (min-width: 900px) { .moskal-home-root .desktopTeam figcaption { color: #ffffff !important; opacity: 1; font-size: 20px; } .moskal-home-root .heroShell .heroFeatured .featuredRow { width: 520px; max-width: 100%; } .moskal-home-root .heroFeatured .featuredRow li { display: grid; place-items: center; min-height: 60px; } .moskal-home-root .heroFeatured .featuredRow li > span, .moskal-home-root .heroFeatured .featuredRow li > img { transform: scale(1.35); transform-origin: center; } } .moskal-home-root .moskalSeparatedHero .moskalMobileTeam figcaption, .moskal-home-root .moskalSeparatedHero .desktopTeam figcaption { color: #ffffff !important; opacity: 1; } /* Homepage consultation dropdowns */ .moskal-home-root #consultation .fancy-select { position: relative; } .moskal-home-root #consultation .fancy-select .trigger { position: relative; min-height: 48px; height: auto; padding: 12px 40px 12px 12px; border: 1px solid #b9a887; background: #fffdf8; color: #1c282d; font: 16px/1.5 Arial, sans-serif; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: pointer; opacity: 1; } .moskal-home-root #consultation .fancy-select .trigger::before { content: ""; position: absolute; right: 16px; top: 50%; width: 8px; height: 8px; padding: 0; border-right: 2px solid #766140; border-bottom: 2px solid #766140; transform: translateY(-70%) rotate(45deg); opacity: 1; } .moskal-home-root #consultation .fancy-select .trigger.open::before { transform: translateY(-30%) rotate(225deg); } .moskal-home-root #consultation .fancy-select ul.options { display: none; position: absolute; top: 100%; left: 0; width: 100%; max-height: 260px; overflow-y: auto; margin: 0; padding: 0; list-style: none; border: 1px solid #b9a887; background: #fffdf8; color: #1c282d; box-shadow: 0 6px 18px #0002; z-index: 30; } .moskal-home-root #consultation .fancy-select ul.options.open { display: block; } .moskal-home-root #consultation .fancy-select ul.options.overflowing { top: auto; bottom: 100%; } .moskal-home-root #consultation .fancy-select ul.options li { margin: 0; padding: 12px 16px; min-height: 44px; font: 16px/1.4 Arial, sans-serif; cursor: pointer; } .moskal-home-root #consultation .fancy-select ul.options li:hover, .moskal-home-root #consultation .fancy-select ul.options li.selected, .moskal-home-root #consultation .fancy-select ul.options li.hover { background: #e4c695; color: #101719; } /* Center the team headline on desktop. */ @media (min-width: 900px) { .moskal-home-root #teamHeadline { text-align: center; } } .moskal-home-root .desktopCredentials > span { display: block; } @media (min-width: 900px) { .moskal-home-root .desktopCredentials > .moskalProsecutorCredential { padding-bottom: 14px; margin-bottom: 14px; border-bottom: 1px solid #ffffff; } }