/* Fishbone Guitars — exact original fishbone symbol + logo 13 typography */
.site-header .brand{display:flex;align-items:center;gap:11px;min-width:0;line-height:1;letter-spacing:normal;text-decoration:none}
.site-header .brand-mark{display:block;width:74px;height:auto;flex:none;object-fit:contain}
.site-header .brand-type{display:flex;flex-direction:column;align-items:center;gap:5px;white-space:nowrap}
.site-header .brand-type strong{font-family:Georgia,'Times New Roman',serif;font-size:clamp(17px,1.6vw,24px);font-weight:400;letter-spacing:.12em;line-height:1}
.site-header .brand-type small{font-family:Georgia,'Times New Roman',serif;display:block;font-size:10px;letter-spacing:.28em;margin:0}
/* Larger navigation while preserving the current colors, positioning and responsive menu */
.site-header nav{gap:clamp(13px,1.65vw,27px)}
.site-header nav>a{font-size:clamp(12px,1.05vw,15px);font-weight:600;letter-spacing:.085em;white-space:nowrap}
.site-header .languages button{font-size:12px}
/* A strong, clear portfolio action */
.portfolio-section .view-all-cta{display:flex;align-items:center;justify-content:center;gap:28px;width:max-content;max-width:100%;margin:44px auto 0;padding:19px 31px;border:1.5px solid #211f1c;background:#211f1c;color:#f5f1e9;text-decoration:none;font-family:Arial,Helvetica,sans-serif;font-size:clamp(13px,1.15vw,16px);font-weight:700;letter-spacing:.14em;line-height:1.3;transition:background .2s,color .2s,transform .2s}
.portfolio-section .view-all-cta:hover{background:transparent;color:#211f1c;transform:translateY(-2px)}
.portfolio-section .view-all-cta .cta-arrow{font-size:23px;font-weight:400;line-height:1}
@media(max-width:1100px){.site-header .brand-mark{width:56px}.site-header .brand-type strong{font-size:17px}.site-header nav{gap:12px}.site-header nav>a{font-size:12px}}
@media(max-width:850px){.site-header .brand-mark{width:58px}.site-header .brand-type strong{font-size:18px}.site-header nav>a{font-size:16px;padding:8px 0}.portfolio-section .view-all-cta{margin-top:30px;padding:17px 23px;gap:15px;font-size:13px}}
@media(max-width:400px){.site-header .brand-mark{width:48px}.site-header .brand-type strong{font-size:16px}.site-header .brand-type small{font-size:8px}}

/* October 27: prominent, accessible homepage actions */
.hero .hero-copy > a.button.button-dark {
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  gap:24px!important;min-height:54px!important;padding:17px 25px!important;
  margin-top:26px!important;background:#211f1c!important;color:#fffaf2!important;
  border:2px solid #211f1c!important;border-radius:2px!important;
  font-size:clamp(12px,1.05vw,15px)!important;font-weight:700!important;
  letter-spacing:.105em!important;line-height:1.2!important;
  text-decoration:none!important;box-shadow:0 5px 14px rgba(0,0,0,.12)!important;
  transition:background .2s,color .2s,transform .2s,box-shadow .2s!important;
}
.hero .hero-copy > a.button.button-dark:hover {background:#a33a2d!important;border-color:#a33a2d!important;transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.18)!important}
.hero .hero-copy > a.button.button-dark:focus-visible,.portfolio-section .view-all-cta:focus-visible{outline:3px solid #b23d2d;outline-offset:4px}
.portfolio-section .view-all-cta{
  display:flex!important;width:fit-content!important;min-height:58px!important;
  margin:35px auto 0!important;padding:18px 34px!important;
  gap:24px!important;background:#211f1c!important;color:#fffaf2!important;
  border:2px solid #211f1c!important;border-bottom:2px solid #211f1c!important;
  border-radius:2px!important;font-size:clamp(13px,1.12vw,16px)!important;
  font-weight:700!important;letter-spacing:.11em!important;
  box-shadow:0 5px 14px rgba(0,0,0,.09);
}
.portfolio-section .view-all-cta:hover{background:#a33a2d!important;color:white!important;border-color:#a33a2d!important;transform:translateY(-2px)}
@media(max-width:550px){
 .hero .hero-copy > a.button.button-dark{min-height:48px!important;padding:13px 17px!important;gap:12px!important;font-size:11px!important;margin-top:18px!important}
 .portfolio-section .view-all-cta{max-width:100%!important;min-height:52px!important;padding:15px 20px!important;gap:12px!important;font-size:12px!important}
}

/* Mobile polish — October 27 */
@media (max-width:850px) {
 .site-header {height:76px!important;padding-inline:20px!important;}
 .site-header .menu-toggle {display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;cursor:pointer;font-size:26px;position:relative;z-index:22;}
 .site-header nav {top:76px!important;left:12px!important;right:12px!important;padding:18px 22px 22px!important;gap:4px!important;max-height:calc(100svh - 88px);overflow-y:auto;box-shadow:0 16px 30px rgba(0,0,0,.15);z-index:21;}
 .site-header nav>a {display:block;width:100%;min-height:44px;align-content:center;border-bottom:1px solid rgba(0,0,0,.09);}
 .site-header .languages {gap:20px;margin-top:14px;}
 .site-header .languages button {min-width:36px;min-height:40px;}
 .hero {scroll-margin-top:0;}
 .portfolio-section,.about-section {scroll-margin-top:20px;}
 .portfolio-carousel {gap:5px!important;}
 .carousel-arrow {flex:0 0 34px;min-width:34px;min-height:48px;}
 .slide-caption {padding:25px 13px 13px!important;}
 .slide-caption h3 {font-size:clamp(15px,4vw,21px)!important;line-height:1.15;}
 .about-section {gap:24px!important;}
 .about-copy {min-width:0;}
 .about-copy h2 {font-size:clamp(34px,8vw,52px);}
 .contact-section {grid-template-columns:1fr!important;gap:22px!important;}
}
@media (max-width:550px) {
 .site-header .brand {gap:7px;}
 .site-header .brand-mark {width:48px;}
 .site-header .brand-type strong {font-size:15px;}
 .hero {min-height:690px!important;}
 .hero-copy {padding:102px 22px 25px!important;}
 .hero h1 {font-size:clamp(40px,11vw,58px)!important;}
 .hero-copy p {font-size:13px!important;line-height:1.55!important;}
 .hero .hero-copy > a.button.button-dark {min-height:50px!important;font-size:12px!important;}
 .section {padding:55px 20px!important;}
 .section-heading {align-items:flex-start!important;flex-direction:column!important;gap:12px!important;}
 .section-heading>p {max-width:100%!important;}
 .portfolio-section .view-all-cta {width:100%!important;max-width:360px!important;justify-content:center!important;min-height:56px!important;}
 .studio-image.about-workshop-photo {min-height:260px!important;}
 .contact-section {padding:55px 20px!important;}
 .footer {grid-template-columns:1fr!important;text-align:center;justify-items:center;gap:14px;}
 .footer-links {flex-wrap:wrap;justify-content:center;}
}
@media (prefers-reduced-motion:reduce) {
 .hero .hero-copy > a.button.button-dark,.portfolio-section .view-all-cta {transition:none!important;transform:none!important;}
}

/* Mobile hero: copy above, guitar image below. Desktop remains unchanged. */
@media (max-width: 850px) {
  .hero { display:flex!important; flex-direction:column!important; height:auto!important; min-height:0!important; max-height:none!important; aspect-ratio:auto!important; overflow:visible!important; background:#eae5dc!important; }
  .hero-copy { position:relative!important; z-index:1!important; width:100%!important; height:auto!important; min-height:0!important; flex:none!important; padding:112px 25px 36px!important; background:#eae5dc!important; pointer-events:auto!important; }
  .hero-image { position:relative!important; inset:auto!important; display:block!important; width:100%!important; height:clamp(350px,105vw,600px)!important; min-height:0!important; flex:none!important; overflow:hidden!important; background:#eae5dc!important; }
  .hero-real-guitar { position:absolute!important; inset:0!important; width:100%!important; height:100%!important; display:block!important; object-fit:cover!important; object-position:66% center!important; padding:0!important; }
}
@media (max-width:550px) {
  .hero-copy {padding:100px 22px 28px!important;}
  .hero .eyebrow {margin-bottom:15px!important;}
  .hero h1 {font-size:clamp(40px,11vw,60px)!important;line-height:1.02!important;margin-bottom:17px!important;}
  .hero-copy p {font-size:13px!important;line-height:1.65!important;max-width:330px!important;}
  .hero-image {height:clamp(360px,125vw,550px)!important;}
  .hero-real-guitar {object-position:64% center!important;}
}

/* Mobile only: editorial hero, portfolio directly after intro */
@media (max-width:850px) {
 .hero {display:block!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;background:#eeeae2!important;}
 .hero-image {display:none!important;}
 .hero-copy {width:100%!important;max-width:650px!important;padding:112px 25px 54px!important;background:transparent!important;}
 .hero-copy p {max-width:390px!important;}
 .portfolio-section {padding-top:48px!important;}
}
@media (max-width:550px) {
 .hero-copy {padding:105px 22px 52px!important;}
 .portfolio-section {padding-top:38px!important;}
}

/* Selected Works: mobile refinements (desktop unchanged) */
@media (max-width: 850px) {
  .portfolio-section .section-heading { margin-bottom: 18px !important; gap: 12px !important; }
  .portfolio-section .section-heading h2 {
    font-size: clamp(34px, 8.5vw, 56px) !important;
    line-height: 1.08 !important;
    letter-spacing: -.045em !important;
    overflow-wrap: normal;
  }
  .portfolio-section .section-heading > p {
    margin: 0 !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
  }
  .portfolio-section .portfolio-carousel { margin-top: 16px !important; }
  .portfolio-section .carousel-footer { margin-top: 14px !important; justify-content: flex-start !important; }
}
@media (max-width: 550px) {
  .portfolio-section .section-heading { margin-bottom: 12px !important; }
  .portfolio-section .section-heading h2 { font-size: clamp(32px, 8.3vw, 43px) !important; }
  .portfolio-section .portfolio-carousel { margin-top: 12px !important; }
}