html{scroll-padding-top:96px}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #d39a32;outline-offset:5px}
.navitem:focus-within .dropdown{display:block;opacity:1;visibility:visible;transform:none}
.skip-link{position:fixed;top:-100px;left:16px;z-index:200;background:#d39a32;color:#10251d;padding:14px 18px;font-size:13px}
.skip-link:focus{top:8px}
.media-dialog{max-height:calc(100dvh - 32px);overflow:auto}
@media(max-width:1000px){
 .navlinks{display:none!important}
 .mobile-menu{display:block!important;background:transparent;color:#fff;border:1px solid #c9972e;padding:10px 14px;cursor:pointer;min-height:44px}
 .navlinks.mobile-open{display:flex!important;position:absolute;top:76px;left:0;right:0;background:#071f17;flex-direction:column;align-items:stretch;padding:12px 22px 24px;gap:0;max-height:calc(100dvh - 76px);overflow:auto}
 .navlinks.mobile-open .navitem>a{display:block;padding:14px 4px!important;min-height:44px}
 .navlinks.mobile-open .navitem>.book-btn{padding:14px!important;margin-top:10px;text-align:center}
 .navlinks.mobile-open .dropdown{display:none!important}
 .navlinks.mobile-open .navitem>a{font-size:12px}
 .navlinks.mobile-open .mobile-consultation{display:block}
}
@media(max-width:650px){.photo-card:after{right:0}}
@media(max-width:360px){.final h2{font-size:46px;overflow-wrap:break-word}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.project-links{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:22px}
.project-links a{display:inline-block;min-height:40px;padding:8px 0;font-size:10px;font-weight:700;line-height:1.6;text-decoration:underline;text-underline-offset:4px}
.section.dark .project-links a{color:#dfbf76}
.brand-card .project-note{margin-top:16px;font-size:10px;font-style:italic}
.portfolio-details>summary{cursor:pointer;padding:22px 0;border-top:1px solid rgba(7,51,38,.2);font-size:13px;font-weight:600;line-height:1.7}
.portfolio-details[open]>summary{margin-bottom:22px}
.character-card .character-copy{min-height:150px}
.consultation-hours{margin:30px auto 0;padding:26px 28px;max-width:760px;border:1px solid rgba(7,51,38,.18);text-align:center;color:#073326;background:#eee5d5}
.consultation-hours strong{font-size:11px;text-transform:uppercase;letter-spacing:.1em}
.consultation-hours p{font-size:14px;line-height:1.8;margin:12px 0}
.consultation-hours small{font-size:11px;line-height:1.6;display:block}