/* Cunningham Law: attorney-led opening, useful service disclosure, quiet supporting sections. */
.selected-home .wrap{width:min(1280px,calc(100% - 112px))}
.selected-home .site-header{position:relative}
.selected-home .utility{font-size:11px}
.selected-home main h2{font-family:'Instrument Sans',Arial,sans-serif;font-size:clamp(32px,3.5vw,46px);font-weight:500;letter-spacing:-.04em;line-height:1.15}
.selected-home .eyebrow{font-family:'Instrument Sans',Arial,sans-serif;text-transform:none;letter-spacing:0;font-size:13px;font-weight:400}
.hero-one{padding:48px 0 52px;background:linear-gradient(105deg,#fff 0%,#fff 54%,#35434e 54.1%,#26313a 100%)}
.option-layout{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:'heading photo' 'details photo' 'location photo';gap:24px 76px;align-items:start}
.option-heading{grid-area:heading;min-width:0;padding-top:20px}
.hero-attorney{font-size:14px;color:var(--muted);margin-bottom:25px}
.option-heading h1{font:400 clamp(54px,5.2vw,76px)/1.05 'DM Serif Display',Georgia,serif;letter-spacing:-.025em;color:var(--ink)}
.hero-line{display:block;overflow:hidden;padding-bottom:.17em;margin-bottom:-.17em}
.hero-line>span{display:inline-block}
.option-details{grid-area:details;min-width:0}
.option-details>p{font-size:17px;line-height:1.75;max-width:420px}
.option-details .actions{gap:12px 22px;margin-top:26px}
.option-details .btn{padding:17px 22px;border-radius:3px}
.option-details .text-link{font-size:14px;font-weight:400;text-decoration:underline;text-underline-offset:6px}
.option-location{grid-area:location;padding-top:14px;font-size:12px;line-height:1.8;color:var(--muted);align-self:end}
.option-location>span{display:block}
.option-photo{grid-area:photo;min-width:0;overflow:hidden;border-bottom:3px solid var(--gold)}
.portrait-window{height:480px;overflow:hidden;background:var(--slate)}
.portrait-window img{width:100%;height:100%;object-fit:cover;object-position:38% 47%}
.option-photo figcaption{display:flex;gap:14px;justify-content:space-between;align-items:baseline;padding:16px 0 18px;color:white}
.option-photo strong{font:400 25px/1.2 'DM Serif Display',Georgia,serif}
.option-photo figcaption>span{font-size:11px;color:#d7ddde}
.counsel-section{padding:92px 0;background:linear-gradient(120deg,#f0e3cb 0%,#f8f1e5 58%,#f3e8d5 100%);--line:#26313a26;--soft:#ffffff80}
.counsel-section>.wrap{display:grid;grid-template-columns:.72fr 1.28fr;gap:100px;align-items:start}
.counsel-intro{position:sticky;top:48px}
.counsel-intro>p{font-size:16px;line-height:1.7;max-width:270px;margin-top:26px}
.counsel-list{border-top:1px solid var(--line)}
.counsel-choice{border-bottom:1px solid var(--line)}
.counsel-choice summary{display:flex;justify-content:space-between;align-items:center;gap:24px;cursor:pointer;padding:27px 0;list-style:none}
.counsel-choice summary::-webkit-details-marker{display:none}
.counsel-title{display:block;font:500 27px/1.25 'Instrument Sans',Arial,sans-serif;letter-spacing:-.03em}
.counsel-summary{display:block;font-size:13px;color:var(--muted);margin-top:7px}
.choice-toggle{position:relative;flex:0 0 36px;height:36px;border-radius:50%;background:var(--soft)}
.choice-toggle:before,.choice-toggle:after{content:'';position:absolute;background:var(--ink);width:12px;height:1px;left:12px;top:17px}
.choice-toggle:after{transform:rotate(90deg)}
.counsel-choice[open] .choice-toggle{background:var(--ink)}
.counsel-choice[open] .choice-toggle:before{background:var(--gold)}
.counsel-choice[open] .choice-toggle:after{transform:rotate(0);background:var(--gold)}
.counsel-content{padding:0 58px 28px 0;max-width:630px}
.counsel-content>p{font-size:16px;line-height:1.7}
.counsel-content ul{display:flex;flex-wrap:wrap;gap:8px 25px;padding:0;margin:22px 0;list-style:none}
.counsel-content li{font-size:12px;line-height:1.65;padding-left:13px;position:relative;color:var(--muted)}
.counsel-content li:before{content:'';width:4px;height:4px;background:var(--gold-dark);position:absolute;left:0;top:8px;border-radius:50%}
.counsel-content .text-link{text-decoration:underline;text-underline-offset:6px;font-size:14px;font-weight:500}
.personal-section{padding-block:72px 96px;border-top:1px solid var(--line)}
.personal-heading{margin-bottom:44px}
.personal-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:100px;align-items:center}
.personal-photo{width:100%;max-width:350px}
.personal-photo img{width:100%;height:410px;object-fit:cover;object-position:center 85%;border-radius:3px}
.personal-photo figcaption{font-size:11px;line-height:1.5;color:var(--muted);padding-top:13px}
.personal-copy{max-width:590px}
.personal-copy .personal-lead{font:400 37px/1.2 'DM Serif Display',Georgia,serif;color:var(--ink);margin-bottom:25px}
.personal-copy>p:not(.personal-lead){font-size:16px;line-height:1.8}
.personal-copy .credentials{margin:27px 0;padding-top:22px;gap:30px}
.personal-copy .credentials strong{font:500 17px 'Instrument Sans',Arial,sans-serif}
.personal-copy .credentials span{font-size:12px}
.personal-copy .text-link{text-decoration:underline;text-underline-offset:6px}
.resource-editorial{background:var(--soft);padding-block:72px}
.resource-editorial-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:100px}
.resource-editorial p{font-size:15px;line-height:1.75;margin-top:24px;max-width:300px}
.resource-links{display:grid;grid-template-columns:1fr 1fr;gap:34px}
.resource-links>a{display:flex;flex-direction:column;padding:25px;background:white;border-radius:4px}
.resource-type{font-size:11px;line-height:1.5;color:var(--muted);margin-bottom:24px}
.resource-links h3{font:500 23px/1.3 'Instrument Sans',Arial,sans-serif;letter-spacing:-.025em;margin-bottom:30px}
.resource-go{font-size:12px;margin-top:auto;display:flex;justify-content:space-between;gap:10px;align-items:center}
.resource-go>span{font-size:20px}
.selected-home .section-head{margin-bottom:38px}
.selected-home .post-grid{gap:32px}
.selected-home .post-card{border:0;padding-bottom:0}
.selected-home .post-art{aspect-ratio:1.7;border-radius:3px;margin-bottom:20px}
.selected-home .post-card h3{font:500 23px/1.3 'Instrument Sans',Arial,sans-serif;letter-spacing:-.025em}
.selected-home .post-meta{text-transform:none;letter-spacing:0;font:400 12px 'Instrument Sans',Arial,sans-serif}
.selected-home .post-card>p{font-size:14px;line-height:1.7}
.selected-home .post-card .text-link{font-weight:400;text-decoration:underline;text-underline-offset:5px}
.selected-home .contact-band{background:linear-gradient(115deg,var(--slate),var(--ink));color:white;padding-block:75px}
.contact-editorial{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}
.selected-home .contact-band h2{font:400 clamp(40px,4.8vw,64px)/1.13 'DM Serif Display',Georgia,serif;letter-spacing:-.025em}
.selected-home .contact-band p{color:#d7ddde;font-size:17px;line-height:1.7;margin:0}
.selected-home .contact-band .small{font-size:11px;max-width:390px;margin-top:24px}
.contact-editorial .actions{margin-top:24px;gap:16px 22px}
.contact-editorial .text-link{color:white;text-decoration:underline;text-underline-offset:6px}
.selected-home .site-footer{background:var(--ink);padding-top:50px}
.selected-home .footer-wordmark{font-size:34px}
@media(prefers-reduced-motion:no-preference){.choice-toggle,.choice-toggle:after{transition:transform .2s,background .2s}.counsel-choice summary:hover .choice-toggle{transform:scale(1.08)}.resource-links>a{transition:box-shadow .25s}.resource-links>a:hover,.resource-links>a:focus-visible{box-shadow:0 9px 26px #26313a14}}
@media(max-width:1100px){.option-layout{gap:24px 46px}.portrait-window{height:470px}.option-heading h1{font-size:58px}.option-photo figcaption{display:block}.option-photo figcaption>span{display:block;margin-top:5px}.counsel-section>.wrap,.personal-layout,.resource-editorial-grid{gap:60px}.resource-links{gap:20px}.resource-links>a{padding:22px}.resource-links h3{font-size:21px}}
@media(max-width:760px){
 .selected-home .wrap{width:calc(100% - 40px)}
 .hero-one{padding:25px 0 0;background:linear-gradient(135deg,#fff,#f3f4f3)}
 .option-layout{grid-template-columns:1fr;grid-template-areas:'heading' 'details' 'location' 'photo';gap:24px}
 .option-heading{padding-top:0}.hero-attorney{font-size:13px;margin-bottom:20px}
 .option-heading h1{font-size:clamp(47px,8vw,64px);line-height:1.08}
 .option-details>p{font-size:17px;max-width:550px}
 .option-details .actions{margin-top:23px;gap:10px 20px}
 .option-details .btn{padding:16px 18px}
 .option-location{padding:0 0 5px;font-size:12px}
 .option-photo{background:var(--ink)}.portrait-window{height:360px}
 .option-photo figcaption{padding:17px 20px;display:flex}.option-photo strong{font-size:24px}.option-photo figcaption>span{font-size:10px;max-width:140px}
 .counsel-section{padding:60px 0}.counsel-section>.wrap{grid-template-columns:1fr;gap:32px}
 .counsel-intro{position:static}.counsel-intro h2 br{display:none}.counsel-intro h2 br:after{content:' '}.counsel-intro>p{max-width:480px;margin-top:20px}
 .counsel-title{font-size:24px}.counsel-choice summary{padding:24px 0}.counsel-summary{font-size:12px;line-height:1.6}
 .counsel-content{padding-right:24px}.counsel-content ul{display:grid;gap:8px}.counsel-content>p{font-size:15px}
 .personal-section{padding-block:45px 60px}.personal-heading{margin-bottom:30px}
 .personal-layout{grid-template-columns:.75fr 1.25fr;gap:30px;align-items:start}.personal-photo img{height:350px}
 .personal-copy .personal-lead{font-size:28px}.personal-copy>p:not(.personal-lead){font-size:15px}.personal-copy .credentials{grid-template-columns:1fr;gap:20px}
 .resource-editorial{padding-block:55px}.resource-editorial-grid{grid-template-columns:1fr;gap:30px}.resource-editorial p{max-width:520px;margin-top:20px}.resource-links{gap:20px}.resource-links h3{font-size:24px}
 .selected-home .section{padding-block:60px}.selected-home .section-head{gap:22px}.selected-home .post-grid{gap:34px}
 .selected-home .contact-band{padding-block:55px}.contact-editorial{grid-template-columns:1fr;gap:28px}.selected-home .contact-band h2{font-size:47px}
}
@media(max-width:500px){.option-heading h1{font-size:49px}.portrait-window{height:330px}.option-photo figcaption{display:block}.option-photo figcaption>span{max-width:none}.counsel-content{padding-right:8px}.personal-layout{grid-template-columns:1fr;gap:30px}.personal-photo{max-width:280px}.personal-photo img{height:350px}.personal-copy .credentials{grid-template-columns:1fr 1fr;gap:18px}.resource-links{grid-template-columns:1fr}.resource-links>a{padding:26px}.resource-links h3{margin-bottom:24px}.selected-home .section-head{display:block}.selected-home .section-head .text-link{margin-top:16px}}
@media(max-width:360px){.option-heading h1{font-size:43px}.hero-attorney{font-size:12px}.portrait-window{height:295px}.counsel-title{font-size:22px}.selected-home .contact-band h2{font-size:40px}.personal-copy .credentials strong{font-size:15px}}

/* A single slow shift of the slate backdrop, then a completely still hero. */
@keyframes hero-backdrop-settle{from{background-size:116% 100%}to{background-size:100% 100%}}
@media(prefers-reduced-motion:no-preference){.hero-one{background-repeat:no-repeat;animation:hero-backdrop-settle 3.6s cubic-bezier(.16,1,.3,1) both}}

/* Two sculptural objects built from CSS 3D surfaces, in the brand palette. */
.counsel-intro>p{max-width:310px}
.practice-sculpture{position:relative;width:310px;max-width:100%;height:270px;margin-top:22px;perspective:950px;isolation:isolate;pointer-events:none}
.sculpture-ground{position:absolute;inset:24% 0 0;background:radial-gradient(ellipse at 50% 64%,#d1ab661a,transparent 66%);z-index:-2}
.sculpture-shadow{position:absolute;width:175px;height:22px;left:45px;bottom:30px;border-radius:50%;background:#26313a26;filter:blur(14px);z-index:-1}
.folio-object{position:absolute;top:28px;left:38px;width:154px;height:192px;transform-style:preserve-3d;transform:rotateX(18deg) rotateY(-26deg) rotateZ(-13deg)}
.folio-cover,.folio-back{position:absolute;inset:0;border-radius:4px 9px 9px 4px;background:linear-gradient(125deg,#53616a,#35434e 42%,#26313a);border:1px solid #738089}
.folio-cover{transform:translateZ(12px);box-shadow:inset 6px 0 0 #1d272f,inset 7px 0 0 #66727b;backface-visibility:hidden}
.folio-back{transform:translateZ(-1px);background:var(--ink)}
.folio-pages{position:absolute;inset:4px -1px 4px 7px;background:repeating-linear-gradient(0deg,#fff 0 2px,#c7cbc9 2px 3px);transform:translateZ(5px);box-shadow:3px 3px 0 #dfe2e1,5px 5px 0 #b9c0c0;border-radius:2px 5px 5px 2px}
.folio-spine{position:absolute;left:-6px;top:0;width:13px;height:192px;background:linear-gradient(90deg,#16212a,#35434e);transform:rotateY(90deg) translateX(-6px);border-radius:3px}
.folio-cover i{position:absolute;inset:16px 14px 16px 20px;border:1px solid #d1ab6680;border-radius:2px}
.folio-cover b{position:absolute;left:53px;top:63px;width:45px;height:45px;border:1px solid var(--gold);border-radius:50%;box-shadow:0 0 0 5px #d1ab6610,inset 0 0 0 5px #d1ab6610}
.folio-cover b:after{content:'';position:absolute;inset:10px;border:1px solid var(--gold);transform:rotate(45deg)}
.folio-cover em{position:absolute;width:43px;height:2px;left:55px;bottom:47px;background:var(--gold);box-shadow:0 7px 0 #d1ab6640}
.seal-object{position:absolute;width:104px;height:104px;right:14px;bottom:34px;transform-style:preserve-3d;transform:rotateX(52deg) rotateY(-14deg) rotateZ(16deg)}
.seal-edge{position:absolute;inset:0;border-radius:50%;background:#80602b;box-shadow:0 2px 0 #b9914f,0 4px 0 #80602b,0 6px 0 #b9914f,0 8px 0 #80602b,4px 15px 17px #26313a35;transform:translateZ(-8px)}
.seal-face{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 30deg,#d1ab66,#f2ddac,#b58c46,#e2c68d,#d1ab66);border:1px solid #e8d0a0;box-shadow:inset 0 0 0 5px #d1ab66,inset 0 0 0 6px #80602b80;transform:translateZ(2px)}
.seal-face i{position:absolute;inset:22px;border:1px solid #80602b99;border-radius:50%;box-shadow:inset 0 0 0 6px #d1ab6650}
.seal-face i:after{content:'';position:absolute;inset:13px;border:1px solid #80602b;transform:rotate(45deg)}
.practice-sculpture[data-active="veterans"] .folio-object{transform:rotateX(12deg) rotateY(-12deg) rotateZ(-8deg)}
.practice-sculpture[data-active="veterans"] .seal-object{transform:translateY(-12px) rotateX(32deg) rotateY(12deg) rotateZ(32deg)}
.practice-sculpture[data-active="small-business"] .folio-object{transform:rotateX(10deg) rotateY(6deg) rotateZ(-5deg)}
.practice-sculpture[data-active="small-business"] .seal-object{transform:translateX(-12px) rotateX(44deg) rotateY(-10deg) rotateZ(-22deg)}
@keyframes folio-arrive{from{transform:translateY(20px) rotateX(32deg) rotateY(-50deg) rotateZ(-19deg)}to{transform:rotateX(18deg) rotateY(-26deg) rotateZ(-13deg)}}
@keyframes seal-arrive{from{transform:translateY(-20px) rotateX(70deg) rotateY(15deg) rotateZ(-30deg)}to{transform:rotateX(52deg) rotateY(-14deg) rotateZ(16deg)}}
@media(prefers-reduced-motion:no-preference){
 .folio-object,.seal-object{transition:transform 1.1s cubic-bezier(.16,1,.3,1)}
 .sculpture-seen .folio-object{animation:folio-arrive 3.8s cubic-bezier(.16,1,.3,1)}
 .sculpture-seen .seal-object{animation:seal-arrive 4.2s cubic-bezier(.16,1,.3,1)}
}
@media(max-width:1100px) and (min-width:761px){.practice-sculpture{width:250px}.folio-object{left:16px}.seal-object{right:0}.option-heading h1{font-size:52px}}
@media(max-width:760px){.counsel-intro{display:grid;grid-template-columns:1fr 220px;column-gap:15px}.counsel-intro h2,.counsel-intro>p{grid-column:1}.counsel-intro>p{max-width:none}.practice-sculpture{grid-column:2;grid-row:1 / 3;width:220px;height:235px;margin:0;align-self:center}.folio-object{left:12px;transform:rotateX(18deg) rotateY(-26deg) rotateZ(-13deg)}.seal-object{right:-2px;bottom:20px;width:85px;height:85px}.selected-home .section-head h2{max-width:750px}}
@media(max-width:500px){.counsel-intro{display:block}.practice-sculpture{width:280px;height:245px;margin:15px auto 0}.folio-object{left:30px}.seal-object{right:18px}.option-heading h1{font-size:45px}}
@media(max-width:360px){.option-heading h1{font-size:38px}}

/* Annotated refinement: readable credentials and kinetic case folio. */
.selected-home .counsel-intro h2{font-family:'DM Serif Display',Georgia,serif;font-size:clamp(38px,4.2vw,58px);font-weight:400;letter-spacing:-.025em;line-height:1.08}
.option-location{font-family:'Instrument Sans',Arial,sans-serif;font-size:15px;line-height:1.65;border-left:3px solid var(--gold);padding:2px 0 2px 17px;color:#42515a}
.option-location strong{display:block;font-weight:600;color:var(--ink);margin-bottom:6px}
.option-location>span{font-size:14px;max-width:35ch}
.option-photo figcaption>span{font-family:'Instrument Sans',Arial,sans-serif;font-size:15px;line-height:1.5;color:#f0f2f2;max-width:none}
.practice-sculpture{height:310px;margin-top:30px}
.folio-object{top:40px;left:65px}
.folio-cover{transform-origin:left center;transform:translateZ(12px) rotateY(-24deg);background:linear-gradient(125deg,#71808a,#35434e 40%,#1d2831);box-shadow:inset 6px 0 0 #18232c,8px 10px 22px #15212b30}
.folio-document{position:absolute;inset:12px 8px 12px 12px;background:linear-gradient(120deg,#fffdf7,#e5e0d2);transform:translateZ(10px) translateY(-19px) rotateZ(5deg);padding:23px 15px;box-shadow:0 3px 8px #17232b30}
.folio-document i{display:block;height:2px;background:#9fa6a2;margin-bottom:11px;width:90%}
.folio-document i:nth-child(2){width:65%}.folio-document b{font:9px Georgia,serif;letter-spacing:.15em;color:#4c5a61}
.seal-object{right:0;bottom:22px}.sculpture-shadow{width:220px;left:40px;bottom:10px}
.practice-sculpture[data-active="veterans"] .folio-cover{transform:translateZ(12px) rotateY(-65deg)}
.practice-sculpture[data-active="small-business"] .folio-cover{transform:translateZ(12px) rotateY(-42deg)}
.practice-sculpture[data-active="veterans"] .folio-document{transform:translateZ(16px) translateY(-35px) rotateZ(8deg)}
.practice-sculpture[data-active="small-business"] .folio-document{transform:translateZ(16px) translateY(-26px) rotateZ(-5deg)}
@keyframes case-open{0%{transform:translateZ(12px) rotateY(0)}45%{transform:translateZ(12px) rotateY(-72deg)}100%{transform:translateZ(12px) rotateY(-24deg)}}
@keyframes document-rise{0%{transform:translateZ(10px) translateY(0)}50%{transform:translateZ(16px) translateY(-42px) rotateZ(8deg)}100%{transform:translateZ(10px) translateY(-19px) rotateZ(5deg)}}
@media(prefers-reduced-motion:no-preference){.folio-cover,.folio-document{transition:transform 1.25s cubic-bezier(.2,.7,.2,1)}.sculpture-seen .folio-cover{animation:case-open 4.4s cubic-bezier(.2,.7,.2,1)}.sculpture-seen .folio-document{animation:document-rise 4.4s cubic-bezier(.2,.7,.2,1)}}
@media(max-width:1100px) and (min-width:761px){.folio-object{left:43px}}
@media(max-width:760px){.option-location{padding:2px 0 2px 15px;font-size:15px}.option-photo figcaption>span{font-size:15px;max-width:none}.practice-sculpture{height:270px}.folio-object{left:38px;top:32px}}
@media(max-width:500px){.practice-sculpture{height:295px;margin-top:28px}.folio-object{left:63px}.seal-object{right:5px}.option-location>span{font-size:14px}}
@media(min-width:501px) and (max-width:760px){.practice-sculpture .sculpture-shadow{width:160px;left:25px}}
