/* Fishbone Guitars / editorial industrial redesign */
:root{--paper:#ece8e1;--ink:#191817;--warm:#d4cec4;--accent:#a04b3d}
body{background:var(--paper);color:var(--ink)}
.site-header{height:82px;position:absolute;background:transparent!important;color:#211f1c;border-bottom:1px solid rgba(20,20,20,.13);padding:0 clamp(24px,5.5vw,96px)}
.site-header nav a{font-weight:700}.site-header .brand{font-size:24px}
.hero{padding-top:82px;min-height:700px;height:min(850px,95vh);grid-template-columns:48% 52%;background:#e9e5dd}
.hero-copy{padding:30px 5vw 45px clamp(28px,8.5vw,140px);max-width:none}
.hero .eyebrow{display:block;color:#777066;font-size:10px;letter-spacing:.25em;margin-bottom:30px}
.hero h1{font-size:clamp(60px,7.2vw,115px);line-height:.91;letter-spacing:-.064em;margin:0 0 28px;max-width:690px}
.hero-copy p{font-size:14px;line-height:1.85;max-width:370px;color:#5a554d}
.hero .button{margin-top:34px}
.hero-image{background:#bfb9af;position:relative;overflow:hidden}
.hero-real-guitar{padding:6% 17%;object-fit:contain;background:radial-gradient(ellipse at 54% 43%,#b9b6b0 0,#8b8984 63%,#64635f 100%);filter:none}
.hero-image:after{background:linear-gradient(90deg,rgba(233,229,221,.12),transparent 25%),linear-gradient(0deg,rgba(0,0,0,.2),transparent 28%)}
.vertical-note{right:4%;bottom:5%;font-size:10px;letter-spacing:.26em;color:#fff}
.section-number{display:block;font-size:10px;letter-spacing:.25em;opacity:.6;margin-bottom:35px}
.section{padding:100px clamp(24px,7vw,110px)}
.section-heading{margin-bottom:40px;align-items:end}
.section-heading h2{font-size:clamp(48px,5.4vw,82px);letter-spacing:-.055em;margin:9px 0 0}
.section-heading .eyebrow{font-size:10px;letter-spacing:.28em}
.section-heading>p{font-size:13px;line-height:1.8}
.portfolio-section{background:#e8e4dc}
.portfolio-carousel{max-width:1450px;margin:0 auto}
.custom-section{grid-template-columns:48% 52%;min-height:550px;background:#20201e}
.custom-copy{padding:clamp(45px,7vw,115px)}
.custom-section h2{font-size:clamp(52px,6vw,90px);letter-spacing:-.06em}
.custom-copy p{font-size:14px;line-height:1.9}
.process-photo{min-height:550px;background:#34312d}
.process-photo img{padding:7% 20%;filter:none}
.process-caption{left:35px;bottom:32px}
.about-section{grid-template-columns:51% 1fr;gap:clamp(45px,8vw,130px);padding-top:110px;padding-bottom:110px;background:#e9e5dd}
.studio-photo{min-height:510px;background:#bcb6ac}
.studio-photo img{padding:7% 20%;background:radial-gradient(ellipse,#9e9a93,#555450);object-fit:contain}
.about-copy h2{font-size:clamp(53px,6vw,88px);letter-spacing:-.06em}
.about-copy p{font-size:14px;line-height:1.95}
.values{background:#ded9d0}.values>div{padding:32px 15px}
.contact-section{background:#cfc8bc;padding:110px clamp(24px,7vw,110px)}
.contact-section h2{font-size:clamp(55px,6vw,90px)}
.footer{background:#e8e4dc;padding:55px clamp(24px,7vw,110px)}
.button{letter-spacing:.18em;font-weight:700}
@media(max-width:850px){
.site-header{height:72px}.site-header nav{top:72px}.hero{grid-template-columns:1fr;min-height:0;height:auto;padding-top:72px}
.hero-copy{padding:80px 28px 55px}.hero h1{font-size:clamp(59px,12vw,92px)}.hero-image{min-height:550px}
.hero-real-guitar{padding:5% 24%}.section{padding:70px 24px}
.custom-section,.about-section,.contact-section{grid-template-columns:1fr}.custom-copy{padding:70px 28px}
.process-photo{min-height:440px}.about-section{gap:45px}.studio-photo{min-height:420px}
.contact-section{padding:70px 28px}
}
@media(max-width:500px){.hero-copy{padding:55px 25px 48px}.hero h1{font-size:58px}.hero-image{min-height:410px}.hero-real-guitar{padding:5% 18%}.section-heading h2{font-size:45px}.studio-photo{min-height:350px}.process-photo{min-height:350px}.custom-section h2,.about-copy h2,.contact-section h2{font-size:55px}}

/* Hero: original artwork-inspired scene with live, editable HTML text */
.hero{position:relative;display:block!important;min-height:0!important;height:auto!important;aspect-ratio:1657 / 864;background:#d8d1c6!important;padding:0!important;isolation:isolate}
.hero-image{position:absolute!important;inset:0;width:100%;height:100%;z-index:0;background:transparent!important}
.hero-real-guitar{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;background:transparent!important;padding:0!important;filter:none!important}
.hero-image:after{content:none!important}.hero-image .vertical-note{display:none}
.hero-copy{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:45%;height:100%;padding:clamp(80px,8vw,155px) 0 40px clamp(24px,7.5vw,130px)!important;background:transparent!important;pointer-events:none}
.hero-copy>*{pointer-events:auto}
.hero .eyebrow{font-size:clamp(9px,.9vw,13px);letter-spacing:.2em;color:#292622;margin:0 0 clamp(14px,2vw,35px)}
.hero h1{font-size:clamp(38px,5.6vw,100px);letter-spacing:-.045em;line-height:1.02;margin:0 0 clamp(14px,2vw,28px);color:#171615}
.hero-copy p{font-size:clamp(11px,1vw,17px);line-height:1.6;max-width:370px;color:#2d2a27;margin:0}
.hero .button{margin-top:clamp(14px,2.3vw,35px);font-size:clamp(9px,.75vw,13px)}
.site-header{z-index:20;background:transparent!important}
@media(max-width:850px){
.hero{aspect-ratio:auto;min-height:650px!important;height:calc(100svh - 20px)!important;max-height:920px}
.hero-real-guitar{object-fit:cover;object-position:62% center}
.hero-copy{width:62%;padding:110px 0 55px 6vw!important;justify-content:flex-start}
.hero h1{font-size:clamp(42px,7vw,66px)}.hero-copy p{max-width:250px}
}
@media(max-width:550px){
.hero{height:auto!important;min-height:760px!important}
.hero-image{inset:0}.hero-real-guitar{object-fit:cover;object-position:61% center}
.hero-copy{width:100%;height:auto;min-height:330px;padding:110px 25px 40px!important;justify-content:flex-start;background:linear-gradient(180deg,rgba(235,229,220,.94),rgba(235,229,220,.8) 75%,transparent)!important}
.hero h1{font-size:clamp(43px,11vw,62px);max-width:340px}
.hero-copy p{max-width:290px}
}

/* About / Behind the Art: authentic workshop photography */
.about-workshop-photo{min-height:480px;padding:0;background:#24211f;align-items:end}
.about-workshop-photo::before{display:none}
.about-workshop-photo img{position:absolute;inset:0;width:100%;height:100%;padding:0!important;object-fit:cover!important;object-position:center center;background:none!important;filter:none!important}
.about-workshop-photo::after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.6));pointer-events:none}
.about-workshop-photo span{z-index:2;margin:0 0 18px 22px;font-weight:700}
.artist-signature{margin-top:24px!important;font-family:Georgia,serif;font-size:19px!important;color:#24221f!important}
.artist-signature span{display:block;font-family:Arial,sans-serif;font-size:10px;letter-spacing:.1em;color:#77716a;margin-top:8px}
.behind-art-section{display:grid;grid-template-columns:43% 57%;background:#252321;color:#f4f0e9;min-height:430px}
.behind-art-copy{padding:clamp(42px,6vw,90px);align-self:center}
.behind-art-copy h2{font-family:Georgia,serif;font-size:clamp(38px,4.8vw,68px);font-weight:400;letter-spacing:-.05em;line-height:1.05;margin:20px 0}
.behind-art-copy p{font-size:13px;line-height:1.9;color:#d1cac0;max-width:410px}
.behind-art-photo{position:relative;min-height:410px;overflow:hidden}
.behind-art-photo img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center;display:block}
@media(max-width:850px){.behind-art-section{grid-template-columns:1fr}.behind-art-photo{min-height:300px}.behind-art-copy{padding:55px 28px}.about-workshop-photo{min-height:340px}}

/* About: single two-column composition, photograph left and text right. */
@media (min-width:851px){
  .about-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,85px);align-items:center;}
  .about-workshop-photo{width:100%;min-height:clamp(350px,35vw,540px);}
}
@media (max-width:850px){
  .about-section{display:grid;grid-template-columns:1fr;gap:30px;}
  .about-workshop-photo{min-height:300px;}
}

/* Balanced studio and footer spacing */
.about-section{padding-top:clamp(44px,5vw,76px);padding-bottom:clamp(44px,5vw,76px)}
.footer{padding-top:30px;padding-bottom:30px}
@media(max-width:850px){
 .about-section{padding-top:45px;padding-bottom:45px;gap:28px}
 .footer{padding-top:28px;padding-bottom:28px}
}

/* About refinement: compact editorial layout, original workshop image retained */
.about-section{gap:clamp(30px,4vw,66px)!important;padding-top:clamp(36px,4vw,60px)!important;padding-bottom:clamp(36px,4vw,60px)!important}
.about-copy h2{font-size:clamp(48px,5.1vw,76px);line-height:1.04;margin-bottom:14px}
.about-copy p[data-i18n="aboutText"]{max-width:480px;line-height:1.78}
.about-copy .artist-signature{margin-top:17px!important}
.about-actions{display:flex;align-items:center;gap:clamp(14px,2vw,30px);flex-wrap:wrap;margin-top:22px}
.about-actions .fb-cta{margin:0}
.about-portfolio-link{display:inline-flex;gap:10px;align-items:center;font-family:Arial,sans-serif;font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#282521;text-decoration:none;border-bottom:1px solid #817970;padding:9px 0;transition:border-color .2s}
.about-portfolio-link:hover,.about-portfolio-link:focus-visible{border-color:#282521}
.values{min-height:unset}
.values>div{padding-top:22px!important;padding-bottom:22px!important}
@media(min-width:851px){.about-workshop-photo{min-height:clamp(340px,32vw,490px)!important}}
@media(max-width:850px){
 .about-section{padding-top:35px!important;padding-bottom:35px!important;gap:25px!important}
 .about-workshop-photo{min-height:clamp(260px,58vw,390px)!important}
 .about-actions{gap:14px}
 .values>div{padding-top:19px!important;padding-bottom:19px!important}
}