:root{--cream:#f6f3ed;--ink:#1c2d28;--muted:#777b74;--line:#d9d8d0;--gold:#aa9065;--dark:#1b3029;--white:#fff;--serif:"Playfair Display",Georgia,serif;--sans:"DM Sans",Arial,sans-serif;--mono:"Manrope",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:var(--sans);background:var(--cream);-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}.container{width:min(1280px,calc(100% - 104px));margin-inline:auto}.skip{position:absolute;top:-100px;left:12px;z-index:200;background:white;padding:12px}.skip:focus{top:12px}.compliance-strip{background:#20372f;color:#efede5;display:flex;align-items:center;justify-content:center;gap:24px;padding:9px 20px;font-family:var(--mono);font-weight:600;font-size:9px;letter-spacing:.12em;text-align:center}.compliance-strip strong{font-size:11px;letter-spacing:.14em}.compliance-strip .lic{opacity:.72}.site-header{border-bottom:1px solid #e7e3dc;background:var(--cream);position:sticky;top:0;z-index:90}.header-inner{height:95px;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:14px;line-height:1}.brand-monogram{font-family:var(--serif);font-size:57px;font-style:italic;letter-spacing:-.17em;margin-right:8px;font-weight:400;transform:translateY(-5px)}.brand-point{color:var(--gold);font-size:50px;letter-spacing:0}.brand-wordmark{font-size:12px;line-height:1.3;letter-spacing:.2em;font-weight:700}.main-nav{display:flex;align-items:center;gap:34px}.nav-link{font-size:12px;font-weight:600;letter-spacing:.06em;position:relative}.nav-link:hover,.nav-link.active{color:#9c8055}.nav-link.active:after{content:"";position:absolute;left:0;bottom:-10px;width:100%;height:1px;background:#a58f6b}.nav-cta{display:flex;gap:28px;background:var(--ink);color:white;align-items:center;padding:15px 19px;font-size:12px;letter-spacing:.04em}.nav-cta:hover,.button-dark:hover{background:#40564d}.menu-toggle{display:none}.eyebrow{font-family:var(--mono);font-size:10px;letter-spacing:.22em;font-weight:700;display:flex;align-items:center;gap:12px}.eyebrow.light{color:#e4dbc8}.dot{width:7px;height:7px;background:#b49b70;border-radius:50%;display:inline-block;flex:0 0 7px}.hero{display:grid;grid-template-columns:50% 50%;padding-top:55px;padding-bottom:75px;min-height:680px}.hero-copy{display:flex;flex-direction:column;align-items:flex-start;padding:45px 25px 5px 0;position:relative}.hero h1{font-family:var(--serif);font-weight:400;font-size:clamp(64px,7.3vw,112px);line-height:1.02;letter-spacing:-.07em;margin:37px 0 30px}.hero h1 em,.display-title em,.interior-copy h1 em,.about-lead h1 em,.contact-heading h1 em,.thanks-section h1 em{font-weight:400;color:#9e8a69}.hero-sub{max-width:470px;color:#5d655f;font-size:15px;line-height:1.9;margin:0 0 29px}.hero-actions{display:flex;align-items:center;gap:34px;flex-wrap:wrap}.button{font-size:12px;font-weight:600;letter-spacing:.04em;padding:19px 23px;display:inline-flex;justify-content:space-between;align-items:center;gap:24px;border:1px solid transparent;transition:background .2s ease,transform .2s ease}.button:hover{transform:translateY(-2px)}.button-dark{background:var(--ink);color:white}.text-link{font-size:12px;border-bottom:1px solid #a5a69c;padding:8px 0}.text-link span{margin-left:9px}.hero-footnote{font-family:var(--mono);font-size:9px;letter-spacing:.15em;margin-top:auto;padding-top:45px;color:#798079}.hero-visual{position:relative;padding-left:35px}.hero-image{width:100%;height:100%;min-height:585px;background:linear-gradient(145deg,#a8ad9f 0%,#59685c 48%,#304a42 100%);overflow:hidden}.hero-image img{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.72)}.hero-image-label{position:absolute;bottom:34px;left:-28px;width:188px;height:188px;background:#e9e2d4;color:var(--ink);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:rotate(-12deg);font-family:var(--mono);font-size:9px;letter-spacing:.1em;font-weight:700;box-shadow:0 10px 24px #0001;gap:13px;text-align:center}.tiny-sun{font-size:41px;color:#a88b60;font-weight:400}.hero-vertical{position:absolute;right:-24px;top:4px;writing-mode:vertical-rl;font-size:8px;letter-spacing:.16em;color:#788078}.marquee-bar{background:#eae5dc;border-top:1px solid #d6d1c6;border-bottom:1px solid #d6d1c6}.marquee-content{display:flex;justify-content:space-between;gap:20px;align-items:center;padding-top:21px;padding-bottom:21px;font-family:var(--mono);font-size:9px;letter-spacing:.13em;font-weight:700}.star{color:#a98f6e;font-size:19px;font-weight:400}.section{padding-top:122px;padding-bottom:122px}.section-label{font-family:var(--mono);font-size:10px;letter-spacing:.13em;font-weight:700;display:flex;align-items:center;gap:23px;color:#737a74;margin-bottom:65px}.section-label .line{height:1px;background:#bfc4bc;flex:1}.section-label.inverse{color:#dbddcf}.section-label.inverse .line{background:#627269}.intro-grid{display:grid;grid-template-columns:1fr .72fr;gap:12%}.display-title{font-family:var(--serif);font-size:clamp(47px,5.9vw,81px);font-weight:400;letter-spacing:-.055em;line-height:1.23;margin:0}.intro-right{padding-top:35px;max-width:490px}.intro-right p{font-size:17px;line-height:1.95;color:#5c645d;margin:0 0 22px}.under-link{font-size:12px;font-weight:700;display:inline-flex;justify-content:space-between;width:180px;border-bottom:1px solid #53655b;padding-bottom:13px;margin-top:22px}.services{padding-top:30px}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:27px}.service-photo{height:370px;overflow:hidden;background:#a7a59a;position:relative}.service-photo img{width:100%;height:100%;object-fit:cover;transition:transform .65s;filter:saturate(.72)}.service-card:hover img{transform:scale(1.05)}.photo-chip{position:absolute;left:22px;top:22px;background:rgba(247,243,235,.91);padding:12px 15px;font-family:var(--mono);font-size:9px;font-weight:700;letter-spacing:.13em}.service-title{padding-top:24px;display:flex;justify-content:space-between;align-items:center;gap:15px}.service-title span:first-child{font-family:var(--mono);font-size:9px;letter-spacing:.14em;color:#717a70}.service-title h3{font-family:var(--serif);font-size:37px;font-weight:400;letter-spacing:-.06em;margin:11px 0 8px}.service-title p{font-size:13px;color:#737970;margin:0}.circle-arrow{border:1px solid #bfc1b8;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;flex:0 0 48px;font-size:20px}.statement{background:var(--dark);color:#f6f1e8;overflow:hidden;position:relative}.statement-inner{position:relative;text-align:center;padding-top:118px;padding-bottom:120px}.statement h2,.footer-cta h2,.split-band h2{font-family:var(--serif);font-size:clamp(46px,6vw,83px);font-weight:400;line-height:1.2;letter-spacing:-.06em;margin:27px 0}.statement em,.footer-cta em,.split-band em{color:#c0a77d;font-weight:400}.statement p{color:#bdc9c0;max-width:530px;font-size:16px;line-height:1.95;margin:0 auto 34px}.button-outline-light{border-color:#73867b;color:#f7f5ef}.button-outline-light:hover{background:#40564d}.sunburst{position:absolute;right:-15px;top:-45px;color:#d6c6a9;opacity:.065;font-size:430px;line-height:1;pointer-events:none}.about-teaser{display:grid;grid-template-columns:1fr .84fr;gap:12%;align-items:center}.about-teaser-art{position:relative;padding-right:52px;padding-bottom:52px}.art-photo{height:570px;background:#b1b1a7;overflow:hidden}.art-photo img{width:100%;height:100%;object-fit:cover;filter:saturate(.65)}.art-note{position:absolute;right:0;bottom:0;background:#e9e1d3;width:235px;height:123px;padding:24px;display:flex;justify-content:space-between;flex-direction:column;font-size:10px;line-height:1.4;letter-spacing:.13em;font-family:var(--mono);font-weight:700}.art-note span{align-self:flex-end;font-size:24px}.about-teaser-copy .section-label{margin-bottom:30px}.about-teaser-copy p{font-size:16px;line-height:1.9;color:#646d65;max-width:490px;margin:28px 0}.places{padding-top:55px}.places-heading{display:flex;justify-content:space-between;gap:45px;align-items:flex-end;margin-bottom:70px}.places-heading p{max-width:320px;line-height:1.9;font-size:15px;color:#646e66}.place-row{border-top:1px solid #c7cac2;padding:25px 0;display:grid;grid-template-columns:75px 1.2fr 1fr 30px;align-items:center;gap:12px}.place-row:last-of-type{border-bottom:1px solid #c7cac2}.place-row>span:first-child{font-size:10px;letter-spacing:.12em;color:#7a857b}.place-row strong{font-family:var(--serif);font-size:29px;font-weight:400;letter-spacing:-.03em}.place-row>span:nth-child(3){font-size:12px;color:#737e73}.place-row>span:last-child{font-size:22px}.place-note{font-size:10px;color:#929a90;margin-top:22px}.footer-cta{background:#e7e0d4}.footer-cta-inner{padding-top:76px;padding-bottom:85px;display:flex;align-items:flex-end;justify-content:space-between;gap:28px}.footer-cta h2{margin:18px 0 0;font-size:clamp(45px,5.4vw,73px)}.footer-cta .eyebrow{color:#7d806f}.button-light{background:#f9f7f0;color:#25372f}.button-light:hover{background:#efeadf}.site-footer{background:#13251e;color:#dedfd8}.footer-grid{padding-top:75px;padding-bottom:63px;display:grid;grid-template-columns:1.2fr .7fr 1fr 1.3fr;gap:40px}.footer-grid>div{display:flex;flex-direction:column;align-items:flex-start;gap:13px}.footer-logo{font-family:var(--serif);font-size:49px;font-style:italic;line-height:1}.footer-logo span{color:#c1a478}.footer-logo small{font-family:var(--sans);font-style:normal;font-size:11px;letter-spacing:.15em;font-weight:700;margin-left:5px}.footer-grid p{font-size:12px;color:#b4c0b6;max-width:250px;line-height:1.8}.footer-label{font-family:var(--mono);font-size:9px;letter-spacing:.18em;color:#aab8ac;margin-bottom:13px;font-weight:700}.footer-grid a:not(.footer-logo),.footer-grid span:not(.footer-label){font-size:12px;color:#d2dad1;line-height:1.6}.footer-grid a:hover{color:#c2a472}.footer-license strong{font-size:14px;letter-spacing:.01em}.footer-license mark{background:transparent;color:#e5bc7c;font-weight:700}.subfooter{border-top:1px solid #486055;display:flex;justify-content:space-between;gap:25px;padding-top:26px;padding-bottom:32px;color:#95a69a;font-size:10px;line-height:1.6}.interior-hero{display:grid;grid-template-columns:.88fr 1fr;min-height:610px;gap:7%;padding-top:74px;padding-bottom:75px;align-items:center}.interior-copy{padding:20px 0}.interior-copy h1,.about-lead h1,.contact-heading h1,.thanks-section h1{font-family:var(--serif);font-size:clamp(60px,7vw,103px);font-weight:400;line-height:1.15;letter-spacing:-.075em;margin:36px 0 26px}.interior-copy p,.about-lead>p:not(.lede),.contact-heading>p{font-size:16px;line-height:1.9;color:#606a61;max-width:450px;margin-bottom:34px}.interior-photo{height:545px;position:relative;background:#8e9d8d}.interior-photo img{width:100%;height:100%;object-fit:cover;filter:saturate(.7)}.picture-caption{position:absolute;bottom:0;right:0;background:#ebdfcc;padding:22px 28px;font-size:9px;font-weight:700;letter-spacing:.14em}.process{padding-top:85px}.process-head{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;margin-bottom:75px}.process-head p{max-width:330px;font-size:15px;line-height:1.9;color:#60695f}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.step{border-top:1px solid #9aa79b;padding-top:23px}.step>span{color:#a38c6a;font-size:12px}.step h3{font-family:var(--serif);font-size:27px;font-weight:400;letter-spacing:-.04em;min-height:75px}.step p{color:#646d63;font-size:13px;line-height:1.9}.split-band{background:#213a30;color:#f4f1e8}.split-band-inner{display:grid;grid-template-columns:1.2fr .8fr;gap:12%;padding-top:98px;padding-bottom:100px}.split-band h2{margin-bottom:0}.split-band-inner>div:last-child{padding-top:34px}.split-band p{color:#c4d0c6;line-height:1.9;font-size:16px;margin-bottom:29px}.about-page-hero{display:grid;grid-template-columns:1fr .73fr;gap:12%;padding-top:100px;padding-bottom:85px;align-items:center}.about-lead .lede{font-family:var(--serif);font-size:26px;letter-spacing:-.03em;margin:0 0 23px}.about-portrait-placeholder{height:540px;background:#e7e1d6;position:relative;overflow:hidden;display:grid;place-items:center}.portrait-shape{background:#d9d0c0;border:1px solid #c4b8a6;width:370px;height:370px;max-width:87%;border-radius:50%;display:grid;place-items:center;transform:translateY(-20px)}.portrait-shape>span{font-family:var(--serif);font-size:190px;letter-spacing:-.2em;color:#708677;font-style:italic;transform:translateX(-20px)}.portrait-shape>span span{color:#9ca797}.portrait-copy{position:absolute;bottom:26px;left:34px;font-family:var(--mono);font-size:11px;letter-spacing:.15em;line-height:2;font-weight:700}.portrait-copy span{color:#9d8e79}.about-story{padding-top:90px}.values-section{background:#1d352a;color:#f5f1e9;padding-top:95px;padding-bottom:115px}.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:55px}.values-grid>div{border-top:1px solid #647667;padding-top:24px}.values-grid span{font-size:11px;color:#c1a77e}.values-grid h3{font-family:var(--serif);font-size:36px;font-weight:400;letter-spacing:-.05em;margin:23px 0 13px}.values-grid p{font-size:14px;line-height:1.85;color:#bcc8bd}.contact-hero{padding-top:100px;padding-bottom:130px;display:grid;grid-template-columns:.93fr 1fr;gap:12%}.contact-heading h1{margin-bottom:20px}.contact-direct{margin-top:65px;border-top:1px solid #c7cfc5;padding-top:22px;display:flex;flex-direction:column;gap:10px}.contact-direct>span{font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.14em}.contact-direct a{font-family:var(--serif);font-size:35px}.contact-direct a span{font-family:var(--sans);font-size:17px}.contact-direct small{font-size:10px;color:#889287;max-width:330px;line-height:1.6}.contact-form-wrap{padding:50px;background:#e9e5dc}.form-eyebrow{font-family:var(--mono);font-size:10px;letter-spacing:.16em;color:#767e74;font-weight:700}.contact-form-wrap h2{font-family:var(--serif);font-size:39px;font-weight:400;letter-spacing:-.04em;margin:18px 0 38px}.contact-form-wrap label:not(.check){display:flex;flex-direction:column;gap:12px;font-size:11px;font-weight:700;letter-spacing:.04em;margin-bottom:28px}.contact-form-wrap label>span{color:#9f8058}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.contact-form-wrap input:not([type=checkbox]),.contact-form-wrap select,.contact-form-wrap textarea{background:transparent;border:0;border-bottom:1px solid #b2b9b0;outline:0;border-radius:0;padding:11px 0;font-size:13px;color:#2c4235;min-width:0}.contact-form-wrap textarea{resize:vertical}.contact-form-wrap input:focus,.contact-form-wrap select:focus,.contact-form-wrap textarea:focus{border-color:#314f3c}.check{display:flex;align-items:flex-start;gap:12px;color:#5a695a;font-size:11px;line-height:1.6;margin-bottom:25px}.check input{accent-color:#23382c;margin-top:3px}.check span{color:#5a695a!important}.form-submit{width:100%;border:0}.form-note{font-size:10px;color:#808578;line-height:1.7;margin-top:17px}.visually-hidden{position:absolute!important;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}.thanks-section{padding-top:150px;padding-bottom:185px}.thanks-section p{max-width:500px;font-size:16px;line-height:1.9;color:#67766a;margin-bottom:38px}
@media(max-width:1100px){.container{width:min(100% - 60px,1280px)}.main-nav{gap:23px}.hero{grid-template-columns:50% 50%}.hero h1{font-size:clamp(62px,7vw,90px)}.hero-visual{padding-left:10px}.hero-image-label{left:-35px}.about-teaser{gap:7%}.footer-grid{gap:25px}.marquee-content span:nth-of-type(6),.marquee-content span:nth-of-type(7){display:none}}
@media(max-width:810px){.container{width:calc(100% - 42px)}.compliance-strip{flex-wrap:wrap;gap:4px 10px;padding:8px 12px}.compliance-strip strong{order:-1;width:100%;font-size:10px}.compliance-strip span{font-size:8px}.header-inner{height:76px}.brand-monogram{font-size:47px}.brand-wordmark{font-size:10px}.menu-toggle{display:flex;width:48px;height:48px;border:1px solid #cdd2ca;background:transparent;justify-content:center;flex-direction:column;gap:6px;align-items:center}.menu-toggle span{width:18px;height:1px;background:#253a30}.main-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#f6f3ed;padding:26px 22px 36px;flex-direction:column;align-items:stretch;gap:22px;box-shadow:0 18px 30px #243c2c22}.main-nav.open{display:flex}.main-nav .nav-link{font-size:16px}.nav-link.active:after{display:none}.nav-cta{align-self:flex-start}.hero{padding-top:24px;padding-bottom:85px;grid-template-columns:1fr;gap:35px}.hero-copy{padding:35px 0 0}.hero h1{font-size:clamp(64px,13vw,108px);margin-top:24px}.hero h1 br:nth-of-type(3){display:none}.hero-footnote{display:none}.hero-visual{padding-left:28px;height:520px}.hero-image{min-height:0}.hero-image-label{width:142px;height:142px;left:-5px;bottom:22px;font-size:7px}.tiny-sun{font-size:30px}.hero-vertical{right:-12px}.marquee-content{justify-content:center;flex-wrap:wrap}.marquee-content span:nth-of-type(n+6){display:none}.marquee-content span{font-size:8px}.section{padding-top:85px;padding-bottom:85px}.section-label{margin-bottom:42px;font-size:9px;gap:12px}.intro-grid,.about-teaser,.interior-hero,.about-page-hero,.contact-hero{grid-template-columns:1fr;gap:45px}.intro-right{padding-top:0}.service-photo{height:300px}.statement-inner{padding-top:90px;padding-bottom:95px}.about-teaser-art{max-width:610px}.art-photo{height:430px}.about-teaser-copy{padding-top:10px}.places-heading{flex-direction:column;align-items:flex-start;gap:12px}.place-row{grid-template-columns:36px 1fr 24px}.place-row>span:nth-child(3){display:none}.footer-grid{grid-template-columns:1fr 1fr}.footer-cta-inner{align-items:flex-start;flex-direction:column}.interior-hero{padding-top:47px}.interior-photo{height:450px}.process-head{flex-direction:column;align-items:flex-start}.steps{grid-template-columns:1fr 1fr;row-gap:34px}.split-band-inner{grid-template-columns:1fr;gap:24px}.split-band-inner>div:last-child{padding-top:0}.about-page-hero{padding-top:55px}.about-portrait-placeholder{height:440px}.contact-hero{padding-top:70px}.contact-form-wrap{padding:35px}.contact-direct{margin-top:20px}.subfooter{flex-direction:column;gap:7px}}
@media(max-width:520px){.hero h1{font-size:68px}.hero-visual{height:390px}.hero-image{height:100%}.hero-actions{gap:23px}.hero-sub{font-size:14px}.marquee-content span:nth-of-type(n+4){display:none}.section-label span:last-child:not(.line){display:none}.display-title{font-size:50px}.intro-right p{font-size:15px}.service-grid{grid-template-columns:1fr;gap:50px}.service-photo{height:320px}.service-title h3{font-size:34px}.statement h2{font-size:47px}.about-teaser{gap:35px}.art-photo{height:400px}.places{padding-top:30px}.place-row strong{font-size:24px}.footer-grid{grid-template-columns:1fr 1fr;gap:35px 12px}.footer-grid>div:first-child,.footer-license{grid-column:span 2}.footer-cta h2{font-size:50px}.interior-copy h1,.about-lead h1,.contact-heading h1,.thanks-section h1{font-size:64px}.interior-photo{height:350px}.steps{grid-template-columns:1fr}.step h3{min-height:0}.split-band h2{font-size:45px}.portrait-shape{width:290px;height:290px}.portrait-shape>span{font-size:150px}.about-portrait-placeholder{height:370px}.values-grid{grid-template-columns:1fr;gap:25px}.contact-form-wrap{padding:25px}.form-grid{grid-template-columns:1fr;gap:0}.contact-form-wrap h2{font-size:34px}.picture-caption{font-size:7px;padding:16px}.subfooter{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}

/* JJ's original professional headshot: preserve its natural color and let the burgundy be the accent. */
.art-photo-jj{background:#322c29}
.art-photo-jj .jj-portrait-home{filter:none;object-position:50% 25%}
.about-portrait{height:540px;position:relative;overflow:hidden;background:#51433d}
.jj-portrait-about{width:100%;height:100%;object-fit:cover;object-position:50% 24%;filter:none}
.portrait-tag{position:absolute;left:0;bottom:0;width:min(76%,320px);background:#e9e1d3;padding:22px 28px;color:#24362c;display:flex;flex-direction:column;gap:11px;font-family:var(--mono);letter-spacing:.12em;box-shadow:8px -8px 30px #0002}
.portrait-tag>span{font-size:9px;color:#727c6d;font-weight:700}
.portrait-tag strong{font-size:11px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.portrait-tag strong span{font-size:20px;color:#947950}
@media(max-width:810px){.about-portrait{height:530px}}
@media(max-width:520px){.about-portrait{height:480px}.portrait-tag{padding:18px 19px}}

/* Direct contact information */
.contact-direct .contact-direct-label{margin-top:14px}
.contact-direct .email-link{font-family:var(--sans);font-size:clamp(15px,1.5vw,20px);letter-spacing:-.015em;overflow-wrap:anywhere}
.footer-grid a[href^="mailto:"]{overflow-wrap:anywhere}

/* About page heading: a clean, contemporary name rather than an ornate italic.
   The original italic jj. monogram in the navigation and footer remains unchanged. */
.about-lead h1 .about-name{font-family:var(--sans);font-style:normal;font-size:.79em;font-weight:500;letter-spacing:-.065em;color:#9e8a69;white-space:nowrap;display:inline-block}

/* Draw decorative symbols consistently across platforms. */
.site-icon{display:inline-block;width:1em;height:1em;vertical-align:-.12em;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:square;stroke-linejoin:miter}.icon-star{stroke-width:2.1}.tiny-sun .site-icon,.star .site-icon,.sunburst .site-icon{width:1em;height:1em}

.client-intro{padding-bottom:55px}.client-intro h1{margin:30px 0}.client-intro>p{max-width:650px;line-height:1.8;color:var(--muted)}.client-gallery{columns:3;column-gap:24px}.client-photo{margin:0 0 24px;break-inside:avoid;border:1px solid var(--line);padding:8px;background:#eee9df}.client-photo img{width:100%;height:auto}.client-photo a{display:block}.client-photo a:focus-visible{outline:3px solid var(--gold);outline-offset:4px}@media(min-width:811px){.main-nav{gap:18px}.nav-link{font-size:11px}}@media(max-width:1000px){.client-gallery{columns:2}}@media(max-width:520px){.client-gallery{columns:1}}