:root{--lime:#93fa5e;--ink:#101211;--paper:#f5f4ef}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:var(--ink);color:#fff;font:15px/1.45 Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--lime);outline-offset:5px}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.defs{position:absolute;width:0;height:0;overflow:hidden}.wrap{width:min(1180px,91%);margin-inline:auto}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;letter-spacing:-1.2px;font-weight:700}h2{font-size:42px;line-height:1.02}em{font-style:normal;color:var(--lime)}header{height:100px;background:#0c0f0df5;position:relative;z-index:10}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;align-items:center;gap:15px;flex-shrink:0}.logo{width:66px;height:62px;color:var(--lime);stroke:none}.brand b{font:bold italic 34px Georgia,serif;letter-spacing:.5px;display:block}.brand small{font-size:9px;letter-spacing:3.4px;color:#92958e;display:block;margin-top:9px}header nav{display:flex;align-items:center;gap:30px}header nav a{font-size:12px;text-transform:uppercase;letter-spacing:.6px;position:relative;padding:12px 0}header nav a:after{content:'';position:absolute;bottom:3px;height:2px;background:var(--lime);left:0;right:100%;transition:right .2s}header nav a:hover:after,header nav a.active:after{right:0}.button{border:1px solid var(--lime);background:var(--lime);color:#14210d;border-radius:50px;padding:12px 23px;display:inline-flex;align-items:center;justify-content:center;gap:13px;font-size:12px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;line-height:1.2;min-height:43px;transition:background .2s,transform .2s;white-space:nowrap}.button:hover{background:#acff83;transform:translateY(-2px)}.button svg{width:18px;height:18px}.outline{background:transparent;border-color:#eee;color:#fff}.outline:hover{background:#ffffff14}.menu{display:none}.hero{position:relative;background:#111 url('assets/hero.png') center 53%/cover no-repeat;min-height:462px}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0a0d0bf5,#0a0d0bd0 30%,#0a0d0b30 58%,transparent 80%)}.hero-inner{position:relative;padding-top:53px;padding-bottom:30px;min-height:462px}.hero-copy{width:560px;max-width:56%}h1{font-size:64px;line-height:.97;letter-spacing:-1.6px}.hero-copy>p{max-width:445px;font-size:16px;letter-spacing:.25px;line-height:1.5;margin-top:21px;color:#e0dfda}.actions{display:flex;gap:16px;margin-top:20px}.benefits{display:flex;justify-content:space-between;max-width:520px;margin-top:32px;gap:20px}.benefits>div{display:flex;align-items:center;gap:17px}.benefits svg{width:33px;height:33px;color:var(--lime);stroke-width:1.1}.benefits span{font-size:9px;text-transform:uppercase;letter-spacing:1.2px;line-height:1.5}.signature{position:absolute;right:0;bottom:37px;font:italic 39px/1.1 'Brush Script MT','Segoe Script',cursive;transform:rotate(-12deg);text-align:center}.signature span{padding-left:28px}.signature i{display:block;width:85px;height:8px;border-top:3px solid var(--lime);border-radius:50%;margin:8px 0 0 80px}.light{background:var(--paper);color:#111}.services{padding:25px 0 27px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:22px}.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:3px;display:flex;align-items:center;gap:14px;margin-bottom:10px}.eyebrow:after{content:'';width:39px;height:1px;background:var(--lime)}.intro{font-size:12px;max-width:340px;line-height:1.5;margin-left:auto}.text-link{display:flex;align-items:center;gap:7px;font-size:9px;font-weight:600;letter-spacing:1px;text-transform:uppercase;white-space:nowrap;text-decoration:underline;text-underline-offset:5px;text-decoration-color:#a1bb92}.text-link svg{width:17px;color:#478b2b}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.card{height:310px;background:#121412;position:relative;overflow:hidden;border-radius:9px;color:#fff;border:1px solid #252824}.photo{background-image:url('assets/furniture.png');background-size:200% 200%;background-repeat:no-repeat}.dresser{background-position:left top}.table{background-position:right top}.chair{background-position:left bottom}.carving{background-position:right bottom}.card>.photo{position:absolute;inset:0 0 20%;transition:transform .4s}.card:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#101310 2%,#0f110ff5 25%,#0f110f66 57%,transparent 85%)}.card:hover>.photo{transform:scale(1.045)}.card-copy{position:absolute;z-index:1;inset:117px 24px 18px;display:flex;flex-direction:column}.service-icon{width:35px;height:35px;margin-bottom:11px}.card-copy h3{font-size:27px;letter-spacing:-.5px;line-height:1.03}.card-copy p{font-size:12px;line-height:1.4;max-width:calc(100% - 30px);margin-top:auto;padding-top:12px;color:#e1e1dc}.round{position:absolute;right:0;bottom:9px;width:36px;height:36px;border:1px solid var(--lime);color:var(--lime);border-radius:50%;display:grid;place-items:center}.round svg{width:18px}.about{position:relative;overflow:hidden;min-height:304px;background:#111410}.about-image{position:absolute;right:0;top:0;width:58%;height:100%}.about:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#101310 30%,#101310f7 40%,#1013104d 65%,transparent)}.about .wrap{position:relative;z-index:1}.about-copy{width:51%;padding:24px 0 22px}.about-copy>p:not(.eyebrow){font-size:14px;line-height:1.4;max-width:505px;margin-top:12px;color:#dddfd8}.facts{display:flex;margin-top:18px}.facts>div{padding:0 24px;border-left:1px solid #71736b}.facts>div:first-child{padding-left:0;border:0}.facts strong{font:700 28px Georgia,serif;display:block}.facts span{font-size:9px;text-transform:uppercase;letter-spacing:.6px;display:block;margin-top:5px}.gallery{padding:20px 0}.gallery .section-heading{margin-bottom:16px;align-items:flex-end}.gallery-note{font-size:10px;color:#666;max-width:255px;text-align:right}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.gallery-item{height:142px;position:relative;border:0;border-radius:6px;overflow:hidden;padding:0;background:#332419}.gallery-item>span{display:block;width:100%;height:100%;transition:filter .2s}.gallery-item:hover>span{filter:brightness(1.18)}.contact{background:linear-gradient(90deg,#101310 10%,#101310c9 50%,#101310f5 85%),url('assets/hero.png') center 78%/cover;padding:26px 0 22px}.contact-inner{display:flex;justify-content:space-between;align-items:center;gap:40px}.contact .eyebrow{font-size:9px;letter-spacing:1.5px}.contact h2{font-size:39px}.contact p:not(.eyebrow){font-size:14px;color:#dcddd6;line-height:1.45;margin-top:12px}.contact-details{width:300px;flex-shrink:0}.contact-details .button{width:100%;font-size:11px}.contact dl{margin:12px 0 0;font-size:11px;color:#dadbd4}.contact dl>div{display:flex;gap:14px;margin-top:4px}.contact dt{width:70px;color:#969d90}.contact dd{margin:0}.contact #notice{font-size:12px;color:var(--lime)}footer{border-top:1px solid #ffffff16;padding:19px 0;color:#a3a79e;font-size:10px}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-brand{color:#eee;font:bold italic 19px Georgia,serif}footer nav{display:flex;gap:19px}footer a:hover{color:var(--lime)}dialog{padding:14px;border:1px solid #555;background:#101310;color:white;border-radius:10px;width:min(850px,90vw)}dialog::backdrop{background:#000c}.dialog-image{width:100%;aspect-ratio:1.5}.close{position:absolute;right:22px;top:22px;background:#101310dd;border:1px solid white;color:white;border-radius:50%;width:36px;height:36px;font-size:25px;line-height:1}.dialog-image+p{margin-top:12px;font-size:13px}body.modal-open{overflow:hidden}
@media(min-width:1450px){.hero-inner,.hero{min-height:510px}.hero-inner{padding-top:65px}.card{height:330px}.card-copy{top:132px}.about{min-height:330px}.about-copy{padding-block:30px}.gallery-item{height:155px}}
@media(max-width:1100px){.header-inner{gap:18px}.brand b{font-size:27px}.logo{width:51px}.brand small{font-size:7px;letter-spacing:2.8px}header nav{gap:20px}header nav a{font-size:10px}.header-button{padding:10px 18px;font-size:10px}h1{font-size:54px}.hero-copy{max-width:59%}.actions{gap:12px}.actions .button{padding-inline:17px;font-size:10px}.intro{max-width:290px;font-size:11px}.section-heading{gap:15px}h2{font-size:36px}.text-link{font-size:8px}.card-copy{left:20px;right:20px}.card-copy h3{font-size:24px}.card-copy p{font-size:11px}.facts>div{padding-inline:18px}.facts strong{font-size:25px}.facts span{font-size:8px}}
@media(max-width:800px){header{height:85px}.header-button{margin-left:auto}.menu{display:block;order:3;padding:4px 10px;color:white;background:none;border:1px solid #ffffff50;border-radius:5px;font-size:24px}header nav{display:none;position:absolute;top:85px;left:0;right:0;background:#111611;padding:18px 5%;flex-direction:column;align-items:stretch;gap:5px;border-top:1px solid #333}header nav.open{display:flex}header nav a{font-size:13px}.hero-inner{padding-top:40px}.hero-copy{width:500px;max-width:77%}.hero:before{background:linear-gradient(90deg,#0b0e0bf5,#0b0e0ba8 60%,#0b0e0b35)}h1{font-size:52px}.signature{font-size:28px;bottom:33px}.intro{display:none}.service-grid{grid-template-columns:repeat(2,1fr)}.card{height:315px}.card-copy{top:120px}.card-copy p{font-size:13px}.card-copy h3{font-size:28px}.about-copy{width:65%}.about-image{width:65%}.about:after{background:linear-gradient(90deg,#101310 20%,#101310dd 48%,#10131022)}.facts>div{padding-inline:12px}.gallery-item{height:120px}.contact-inner{gap:25px}.contact-details{width:260px}.contact h2{font-size:33px}.contact p:not(.eyebrow){font-size:12px}.footer-inner{flex-wrap:wrap}footer nav{margin-left:auto}}
@media(max-width:540px){.wrap{width:89%}header{height:82px}header nav{top:82px}.brand{gap:9px}.brand b{font-size:24px}.logo{width:42px;height:50px}.brand small{font-size:6px;letter-spacing:2px}.header-button{display:none}.hero{background-position:63% top}.hero-inner{padding-top:42px;padding-bottom:26px}.hero:before{background:linear-gradient(90deg,#0b0e0bd9,#0b0e0b70),linear-gradient(0deg,#0b0e0bf5,transparent 75%)}.hero-copy{max-width:100%;width:auto}h1{font-size:clamp(37px,9.7vw,51px);letter-spacing:-1.3px}.hero-copy>p{font-size:14px;max-width:340px;margin-top:22px;line-height:1.6}.actions{gap:9px;margin-top:24px;flex-wrap:wrap}.actions .button{font-size:9px;padding:12px 14px;gap:8px}.benefits{gap:12px;margin-top:35px}.benefits>div{gap:8px}.benefits svg{width:26px;height:26px}.benefits span{font-size:7px;letter-spacing:.5px}.signature{display:none}.services{padding:28px 0}.section-heading{align-items:flex-start;gap:12px}.text-link{display:none}h2{font-size:33px}.eyebrow{font-size:9px;letter-spacing:2.5px}.service-grid{gap:12px}.card{height:285px}.card-copy{inset:100px 13px 16px}.service-icon{width:28px;height:28px}.card-copy h3{font-size:23px;letter-spacing:-.5px}.card-copy p{font-size:11px;max-width:100%;padding-bottom:30px;line-height:1.4}.round{width:25px;height:25px;bottom:0}.round svg{width:14px}.about{display:flex;flex-direction:column}.about .wrap{order:0}.about-copy{width:100%;padding:30px 0}.about-copy>p:not(.eyebrow){font-size:13px;max-width:none}.about-image{position:relative;order:1;inset:auto;width:100%;height:260px}.about:after{display:none}.facts{justify-content:space-between;margin-top:23px}.facts>div{padding-inline:17px}.facts strong{font-size:26px}.facts span{font-size:8px}.gallery{padding:27px 0}.gallery .section-heading{display:block}.gallery-note{text-align:left;font-size:10px;max-width:none;margin-top:10px}.gallery-grid{grid-template-columns:repeat(2,1fr);gap:10px}.gallery-item{height:130px}.contact{padding:30px 0}.contact-inner{display:block}.contact h2{font-size:34px}.contact-details{width:100%;margin-top:24px}.contact-details .button{width:auto}.contact dl{font-size:12px;margin-top:18px}.contact dl>div{margin-top:7px}.contact p:not(.eyebrow){font-size:13px}.footer-inner{align-items:flex-start;flex-direction:column;gap:13px}footer nav{margin:0;gap:17px;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
/* Keep descriptions clear of the action icon. */
@media(min-width:541px){.card-copy p{max-width:calc(100% - 45px)}}
.card:nth-child(3)>.photo{background-image:url('assets/hero.png');background-size:230%;background-position:78% 82%}
footer .brand{gap:9px}footer .logo{width:35px;height:36px}footer .brand b{font-size:21px}footer .brand small{font-size:6px;letter-spacing:2px;margin-top:5px}

/* Brand scrollbar: native scrolling, themed track and thumb. */
html{scrollbar-color:var(--lime) #171b16;scrollbar-width:thin}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:#171b16}
::-webkit-scrollbar-thumb{background:var(--lime);border:3px solid #171b16;border-radius:12px}
::-webkit-scrollbar-thumb:hover{background:#b4ff8d}
::-webkit-scrollbar-corner{background:#171b16}
/* Images share a fixed canvas; only the before layer is clipped. */
.about:after{pointer-events:none;z-index:0;background:linear-gradient(90deg,#101310 30%,#101310f7 40%,transparent 56%)}
.about .wrap{pointer-events:none}
.about-copy{pointer-events:auto;width:48%}
.comparison{width:50%;isolation:isolate;overflow:hidden;background:#171b16;user-select:none}
.comparison-photo{position:absolute;inset:0;background-image:url('assets/comparison.png');background-size:200% 100%;background-repeat:no-repeat}
.comparison-after{background-position:right center}
.comparison-before{background-position:left center;clip-path:inset(0 calc(100% - var(--split)) 0 0)}
.comparison-label{position:absolute;bottom:39px;padding:6px 11px;border-radius:4px;font-size:10px;text-transform:uppercase;letter-spacing:1.5px;z-index:2}
.before-label{left:25px;background:#101310d9;border:1px solid #93fa5e85;color:white}
.after-label{right:25px;background:var(--lime);border:1px solid var(--lime);color:#14210d}
.comparison-divider{position:absolute;left:var(--split);top:0;bottom:0;width:2px;transform:translateX(-50%);background:#f5f4ef;z-index:3;pointer-events:none}
.comparison-divider>span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;border:2px solid #f5f4ef;border-radius:50%;background:#151b14e6;color:#fff;display:grid;place-items:center;font:26px Georgia,serif;white-space:pre;box-shadow:0 2px 15px #0005}
.comparison-range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;z-index:4;cursor:ew-resize;touch-action:pan-y}
.comparison:has(.comparison-range:focus-visible){outline:2px solid var(--lime);outline-offset:-3px}
.comparison:has(.comparison-range:focus-visible) .comparison-divider>span{border-color:var(--lime);box-shadow:0 0 0 5px #93fa5e40}
.comparison-note{position:absolute;bottom:10px;left:0;right:0;text-align:center;font-size:9px;letter-spacing:.4px;color:#eee;text-shadow:0 1px 3px #000;background:#10131070;padding:3px;z-index:2;pointer-events:none}
@media(max-width:800px){.about{display:flex;flex-direction:column}.about:after{display:none}.about .wrap{order:0}.about-copy{width:100%}.comparison{position:relative;order:1;width:100%;height:auto;aspect-ratio:1.5;max-height:480px;inset:auto}}
@media(forced-colors:active){html{scrollbar-color:auto}.comparison-range{opacity:1;height:32px;top:auto;bottom:0}.comparison-divider>span{background:Canvas;color:CanvasText}}

.contact dt{flex-shrink:0}.contact dd{min-width:0;overflow-wrap:anywhere}.contact dd a:hover{color:var(--lime)}

#consultation-dialog{width:min(520px,calc(100% - 32px));max-height:calc(100dvh - 40px);padding:42px 32px 30px;border:1px solid #93fa5e55;border-radius:12px;box-shadow:0 24px 90px #0009}
#consultation-dialog::backdrop{background:#070b08d9;backdrop-filter:blur(5px)}
#consultation-dialog .close{top:14px;right:14px;width:32px;height:32px}
#consultation-dialog h2{font-size:36px;line-height:1.12;margin:18px 0}
#consultation-description{color:#d6d8d0;font-size:14px;line-height:1.6}
.consultation-actions{display:flex;flex-direction:column;gap:12px;margin-top:25px}
.consultation-hours{font-size:12px;color:#a9afa3;text-align:center;margin-top:20px}
@media(max-width:540px){#consultation-dialog{padding:42px 22px 25px}#consultation-dialog h2{font-size:31px}.consultation-hours{font-size:11px}}


/* Responsive navigation and comfortable touch targets. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
.button{min-height:44px;white-space:normal;text-align:center}
.menu{width:44px;height:44px;flex-shrink:0;align-items:center;justify-content:center;flex-direction:column;gap:5px}
.menu span{display:block;width:21px;height:2px;background:currentColor;transition:transform .2s,opacity .2s}
.menu[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.menu[aria-expanded="true"] span:nth-child(2){opacity:0}
.menu[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
header nav .mobile-apply{display:none}
.close,#consultation-dialog .close{width:44px;height:44px}
dialog{max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain}
#consultation-dialog{padding-top:58px}
@media(max-width:1000px){
 header{height:82px}
 .header-inner{gap:16px}
 .menu{display:flex;order:3;margin-left:auto;padding:9px;color:white;background:transparent;border:1px solid #ffffff50;border-radius:5px}
 .header-button{display:none}
 header nav{display:none;position:absolute;top:100%;left:0;right:0;max-height:calc(100dvh - 82px);overflow-y:auto;overscroll-behavior:contain;background:#111611;padding:16px 5% 24px;flex-direction:column;align-items:stretch;gap:5px;border-top:1px solid #333;box-shadow:0 16px 30px #0006}
 header nav.open{display:flex}
 header nav a{display:flex;align-items:center;min-height:48px;font-size:14px;padding:12px 8px}
 header nav .mobile-apply{display:flex;margin-top:12px;align-self:flex-start;padding-inline:25px}
 .section-heading{flex-wrap:wrap}
 .intro{display:none}
 .service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .facts>div{min-width:0}
 .facts span{overflow-wrap:anywhere}
}
@media(max-width:600px){
 .wrap{width:calc(100% - 36px)}
 .hero-copy{max-width:100%}
 h1{font-size:clamp(33px,9.6vw,52px)}
 .hero-copy>p{font-size:16px;line-height:1.6}
 .hero,.hero-inner{min-height:0}
 .hero-inner{padding-block:36px}
 .actions{flex-wrap:wrap;gap:12px}
 .actions .button{font-size:11px;padding:13px 18px;flex:1 1 190px}
 .benefits{flex-wrap:wrap;justify-content:flex-start;gap:18px 24px}
 .benefits span{font-size:9px;line-height:1.5}
 .signature{display:none}
 .service-grid{grid-template-columns:1fr}
 .card{height:340px}
 .card-copy{inset:130px 23px 23px}
 .card-copy h3{font-size:30px}
 .card-copy p{font-size:14px;line-height:1.5;max-width:calc(100% - 48px);padding-bottom:0}
 .round{width:36px;height:36px;bottom:5px}
 .round svg{width:18px}
 .about-copy>p:not(.eyebrow){font-size:15px;line-height:1.6}
 .facts>div{padding-inline:10px}
 .facts strong{font-size:25px}
 .facts span{font-size:9px}
 .gallery-note{font-size:12px}
 .contact-inner{display:block}
 .contact-details{width:100%;margin-top:24px}
 .contact-details .button{width:100%;font-size:12px}
 .contact dl{font-size:14px}
 .contact dl>div{margin-top:10px}
 .contact dd a{display:inline-flex;align-items:center;min-height:44px}
 .contact dt{align-self:center}
 .contact p:not(.eyebrow){font-size:15px}
 .footer-inner{flex-direction:column;align-items:flex-start;gap:12px}
 footer{font-size:13px}
 footer nav{margin:0;flex-wrap:wrap;gap:4px 20px}
 footer nav a,.footer-inner>span a{display:inline-flex;align-items:center;min-height:44px}
 .footer-inner>span{display:flex;flex-wrap:wrap;gap:0 8px;align-items:center}
 #consultation-dialog h2{font-size:clamp(27px,7.5vw,34px);overflow-wrap:anywhere}
 .consultation-hours{font-size:12px;line-height:1.6}
}
@media(hover:none){.button:hover{transform:none}.card:hover>.photo{transform:none}}


/* Let card content grow when text is enlarged instead of clipping it. */
.card{height:auto;min-height:330px;display:flex;flex-direction:column}
.card-copy{position:relative;inset:auto;flex:1;margin:117px 24px 18px}
.card-copy h3,.card-copy p{overflow-wrap:anywhere}
.card-copy p{margin-top:auto;padding-top:16px;max-width:100%;padding-right:48px}
.service-icon{flex-shrink:0}
@media(min-width:1450px){.card-copy{margin-top:132px}}
@media(max-width:1000px){
 .brand{min-width:0;flex-shrink:1}
 .brand small,footer .brand small{font-size:11px;letter-spacing:.5px;margin-top:5px}
 .eyebrow,.contact .eyebrow{font-size:12px}
 .benefits{flex-wrap:wrap;gap:18px}
 .benefits span,.facts span{font-size:12px;letter-spacing:.3px}
 .facts{flex-wrap:wrap;gap:16px 0}
 .facts>div{flex:1 1 110px}
 .comparison-label,.comparison-note{font-size:12px}
 .gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .gallery-item{height:auto;aspect-ratio:1.5}
 .gallery-note{font-size:12px}
 .card-copy{margin:120px 20px 20px}
 .card-copy p{font-size:14px;line-height:1.5}
}
@media(max-width:600px){
 .card{min-height:340px}
 .card-copy{margin:130px 23px 23px}
 .actions .button{font-size:12px}
 .before-label{left:12px}
 .after-label{right:12px}
 .comparison-label{bottom:54px}
 .comparison-note{padding-inline:10px}
}

/* Works page category sidebar. */
.works-page{min-height:65vh;padding:32px 0 48px}
.works-layout{display:grid;grid-template-columns:264px minmax(0,1fr);gap:32px;align-items:start}
.works-sidebar{position:relative;min-height:320px;padding:28px 24px;background:linear-gradient(145deg,#1c231c 0%,#141914 65%);border:1px solid #ffffff12;border-radius:16px;box-shadow:0 12px 36px #00000018}
.works-sidebar-heading{display:flex;align-items:center;gap:14px;padding-bottom:24px;border-bottom:1px solid #ffffff12}
.works-sidebar-icon{display:grid;place-items:center;width:40px;height:40px;flex-shrink:0;border:1px solid #93fa5e25;border-radius:12px;background:#93fa5e0c;color:var(--lime)}
.works-sidebar-icon svg{width:19px;height:19px;stroke-width:1.6}
.works-sidebar h2{font:600 17px/1.4 Arial,sans-serif;letter-spacing:.2px;color:#f1f4ee}
.works-categories{display:flex;flex-direction:column;gap:8px;margin-top:24px}
.works-content{min-width:0}
@media(max-width:600px){
 .works-page{padding:20px 0 32px}
 .works-layout{grid-template-columns:minmax(0,1fr);gap:24px}
 .works-sidebar{min-height:140px;padding:20px;border-radius:14px}
 .works-sidebar-heading{padding-bottom:18px}
}
@media(min-width:1001px){
 .works-page{padding:0}
 .works-layout{width:100%;margin-inline:0;min-height:65vh;align-items:stretch}
 .works-sidebar{padding-top:32px;border-radius:0;border-left:0;border-top:0;border-bottom:0;box-shadow:12px 0 36px #00000012}
 .works-content{padding:36px 32px 48px 0}
}
.works-category{display:flex;align-items:center;gap:12px;width:100%;min-height:48px;padding:13px 12px;border:1px solid transparent;border-radius:10px;background:transparent;color:#d8dfd4;text-align:left;font-size:14px;line-height:1.5;transition:background .2s,border-color .2s}
.works-category svg{width:20px;height:20px;color:var(--lime)}
.works-category:hover{background:#ffffff08}
.works-category[aria-pressed="true"]{background:#93fa5e12;border-color:#93fa5e35;color:var(--lime)}
#works-gallery-title{font-size:clamp(28px,3vw,40px);line-height:1.2;letter-spacing:-.7px;overflow-wrap:anywhere}
.works-status{color:#b7c0b1;font-size:15px;line-height:1.6;margin-top:20px}
.works-status:empty{display:none}
.works-images{display:grid;grid-template-columns:repeat(auto-fill,min(100%,260px));justify-content:start;gap:20px;margin-top:28px}
.works-image{display:block;overflow:hidden;border:1px solid #ffffff15;border-radius:14px;background:#171b16}
.works-image img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}

/* Keep gallery categories reachable from the phone/tablet header. */
.works-mobile-categories{display:none}
@media(max-width:1000px){
 .works-body>header{position:sticky;top:0}
 .works-navigation-ready .works-sidebar{display:none}
 .works-navigation-ready .works-layout{grid-template-columns:minmax(0,1fr)}
 .works-mobile-categories{display:block;border-top:1px solid #ffffff18;margin-top:8px;padding-top:16px}
 .works-mobile-categories>p{padding:0 8px;color:#aeb9a6;font-size:12px;letter-spacing:1px;text-transform:uppercase}
 header nav .works-categories{position:static;display:flex;max-height:none;overflow:visible;padding:0;margin:8px 0 0;gap:4px;border:0;background:transparent;box-shadow:none}
 .works-mobile-categories .works-category{font-size:15px;min-height:48px}
 #works-gallery{scroll-margin-top:106px}
}

/* Real category photos in the homepage gallery. */
.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.gallery-item{height:auto;aspect-ratio:4/3}
.gallery-item>img{display:block;width:100%;height:100%;object-fit:cover;transition:filter .2s}
.gallery-item:hover>img{filter:brightness(1.12)}
.dialog-image>img{display:block;width:100%;height:100%;object-fit:contain}
@media(max-width:1000px){.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){.gallery .section-heading .button{margin-top:16px}}