.portfolio-menu{position:relative}.portfolio-menu summary{list-style:none;cursor:pointer;text-transform:uppercase;font-size:12px;letter-spacing:.12em;white-space:nowrap;padding:8px 16px 8px 0}.portfolio-menu summary::-webkit-details-marker{display:none}.portfolio-menu summary:after{content:'';width:6px;height:6px;border-bottom:1px solid;border-right:1px solid;position:absolute;top:14px;right:2px;transform:rotate(45deg)}.portfolio-menu[open] summary:after{transform:rotate(225deg);top:18px}.portfolio-dropdown{position:absolute;top:100%;left:-18px;width:280px;background:#fbf8f3;color:#202d3d;box-shadow:0 18px 40px #17233225;padding:16px 20px;border-top:2px solid #b59c65;z-index:110}.portfolio-dropdown a{display:block!important;font-size:12px!important;line-height:1.5;letter-spacing:.06em!important;padding:13px 0!important}.portfolio-dropdown a:first-child{font-size:10px!important;color:#806a3d;border-bottom:1px solid #d8d0c2;margin-bottom:6px}.portfolio-menu summary:focus-visible,.portfolio-card:focus-visible{outline:2px solid #a0844a;outline-offset:5px}
.portfolio-section{padding:80px 0;background:#f8f5ef}.portfolio-heading{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;margin-bottom:44px}.portfolio-heading h2{font-size:clamp(38px,4.5vw,62px);line-height:1.06;margin:16px 0 0}.portfolio-heading>p{max-width:48ch;font-size:18px;line-height:1.7}.portfolio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.portfolio-card{display:flex;flex-direction:column;background:#fff;border:1px solid #e3ddd3;color:#202d3d;min-width:0}.portfolio-image{overflow:hidden;aspect-ratio:3/2}.portfolio-image img{width:100%;height:100%;object-fit:contain;display:block;transition:transform .35s}.portfolio-card:hover .portfolio-image img{transform:scale(1.025)}.portfolio-copy{padding:28px 32px 32px;display:flex;flex-direction:column;flex:1}.portfolio-kicker{font-size:10px;letter-spacing:.16em;color:#8b7547}.portfolio-copy h3{font-size:36px;line-height:1.15;margin:12px 0}.portfolio-copy .portfolio-line{font-size:18px;color:#202d3d;margin-bottom:10px}.portfolio-copy p{font-size:15px;line-height:1.7;color:#56616b;max-width:55ch}.portfolio-copy ul{display:flex;gap:8px;flex-wrap:wrap;padding:0;list-style:none;margin:22px 0}.portfolio-copy li{font-size:11px;border:1px solid #ddd4c5;padding:6px 10px;border-radius:20px}.portfolio-link{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:16px;border-top:1px solid #e0d8cb;font-size:12px;letter-spacing:.04em}.portfolio-link span{font-size:23px;color:#8b7547}.portfolio-bottom{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:28px}.portfolio-bottom p,.portfolio-note{font-size:12px;color:#626970;max-width:600px;line-height:1.7}.portfolio-intro{padding-top:145px;padding-bottom:48px}.portfolio-intro h1{font-size:clamp(44px,6vw,78px);line-height:1.06;margin:20px 0}.portfolio-intro>p:last-child{font-size:19px;line-height:1.7;max-width:800px}.portfolio-landing{padding-bottom:80px}.portfolio-note{margin-top:28px}.portfolio-hero{display:grid;grid-template-columns:1fr 1fr;background:#f8f5ef;margin-top:82px;padding:0;align-items:center}.portfolio-hero>div{padding:50px clamp(24px,4vw,70px)}.portfolio-hero h1{font-size:clamp(40px,4.5vw,64px);line-height:1.08;margin:20px 0}.portfolio-hero p{font-size:17px;line-height:1.75;margin:16px 0}.portfolio-hero .portfolio-hero-line{font-size:23px;color:#806a3d}.portfolio-hero .eyebrow{font-size:10px}.portfolio-hero .btn{margin-top:15px}.portfolio-hero figure{margin:0;position:relative}.portfolio-hero img{display:block;width:100%;height:auto}.portfolio-hero figcaption{position:absolute;bottom:10px;right:10px;background:#ffffffd9;padding:6px 9px;font-size:10px}.portfolio-crumb{font-size:12px;margin-bottom:30px;color:#5b6266}body:has(.portfolio-intro) .hdr,body:has(.portfolio-hero) .hdr{background:#fbf8f3;color:#202d3d}body:has(.portfolio-intro) .hdr .lg-l,body:has(.portfolio-hero) .hdr .lg-l{display:none}body:has(.portfolio-intro) .hdr .lg-d,body:has(.portfolio-hero) .hdr .lg-d{display:block}body:has(.portfolio-intro) .burger i,body:has(.portfolio-hero) .burger i{background:#202d3d}
@media(min-width:1021px){.hdr .nav{gap:20px}.hdr .nav>a,.hdr .ddb,.portfolio-menu summary{font-size:11px;letter-spacing:.11em}.hdr .nav .btn{padding-left:15px;padding-right:15px}.hdr .logo{max-width:210px}}@media(max-width:1020px){.portfolio-menu{width:100%;border-bottom:1px solid #ded7ca}.portfolio-menu summary{padding:18px 0;font-size:15px}.portfolio-menu summary:after{right:8px;top:24px}.portfolio-menu[open] summary:after{top:28px}.portfolio-dropdown{position:static;width:100%;box-shadow:none;padding:0 16px 16px;border-top:0}.portfolio-dropdown a{width:100%}.portfolio-heading{gap:30px}.portfolio-copy{padding:24px}.portfolio-hero{grid-template-columns:1fr}.portfolio-hero>div{padding:36px 24px}.portfolio-hero img{max-height:600px;object-fit:contain}.portfolio-hero figure{background:#eee7dc}}@media(max-width:650px){.portfolio-grid,.portfolio-heading{grid-template-columns:1fr}.portfolio-section{padding:48px 0}.portfolio-heading{gap:20px;margin-bottom:28px}.portfolio-heading>p{font-size:16px}.portfolio-copy{padding:24px 22px}.portfolio-copy h3{font-size:31px}.portfolio-grid{gap:26px}.portfolio-bottom{align-items:flex-start;flex-direction:column;gap:16px}.portfolio-intro{padding-top:115px}.portfolio-intro>p:last-child{font-size:17px}.portfolio-hero{margin-top:72px}.portfolio-hero h1{font-size:40px}.portfolio-hero>div{padding:30px 20px}}
@media(min-width:1021px) and (max-width:1250px){.hdr .nav{gap:12px}.hdr .logo .lg{width:165px}.hdr .nav>a,.hdr .ddb,.portfolio-menu summary{font-size:10px;letter-spacing:.07em}.hdr .nav .btn{padding-left:10px;padding-right:10px}}
@media(min-width:1021px){.portfolio-menu{align-self:center}}
#portfolios{scroll-margin-top:78px}
/* Compact, click-controlled navigation: one panel at a time. */
.hdr .dd:not(.open) .sub{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(8px)}
.hdr .dd.open .sub{opacity:1;visibility:visible;pointer-events:auto;transform:none}
.hdr .dd:not(.open) .ddb:after{transform:translateY(-70%) rotate(45deg)}
.hdr .sub-compact{min-width:250px;width:250px;padding:12px 0;border-top:2px solid #b59c65}
.hdr .sub-compact a,.hdr .portfolio-dropdown a{font-size:13px!important;letter-spacing:0!important;text-transform:none;line-height:1.5;min-height:42px;padding:10px 22px!important}
.hdr .portfolio-dropdown{width:250px;padding:10px 0}
.hdr .portfolio-dropdown a:first-child{font-size:12px!important;margin:0 0 5px}
@media(min-width:1021px){.hdr .nav{gap:22px}.hdr .nav>a:not(.btn),.hdr .ddb,.hdr .portfolio-menu summary{font-size:11px;letter-spacing:.08em}.hdr .logo{max-width:190px}.hdr .sub-compact{max-height:calc(100dvh - 100px);overflow:auto}.hdr .ddb:focus:not(:focus-visible){outline:none}}
@media(max-width:1020px){.hdr .sub-compact{position:static;min-width:0;width:100%;border-top:0;padding:0;max-height:0}.hdr .dd.open .sub-compact{max-height:280px;padding:8px 0}.hdr .portfolio-dropdown{width:100%}}