*{box-sizing:border-box}
:root{
  --black:#060606;
  --panel:#0b0b0b;
  --ivory:#f1eee8;
  --silver:#d2cec6;
  --nickel:#c7c0b5;
  --nickel-dark:#9d968c;
  --accent:#b58c57;
  --accent-light:#d4b284;
  --line:rgba(181,140,87,.34);
  --ink:#171512;
  --paper:#e4dfd6;
}
html{scroll-behavior:smooth}
body{margin:0;background:var(--black);color:var(--ivory);font-family:"Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit}
.site-header{background:var(--black);border-bottom:1px solid var(--line)}
.brand{min-height:118px;display:flex;align-items:center;justify-content:center;padding:16px 24px 12px}
.brand img{width:min(360px,74vw);max-height:84px;object-fit:contain;filter:drop-shadow(0 0 8px rgba(255,255,255,.06))}
.main-nav{max-width:980px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.08);border-left:1px solid var(--line);border-right:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.015),transparent),#090909}
.nav-item{position:relative;border-right:1px solid var(--line)}
.nav-item:last-child{border-right:0}
.nav-item>button{width:100%;height:60px;border:0;background:transparent;color:var(--silver);text-transform:uppercase;letter-spacing:.2em;font-size:.82rem;font-weight:500;cursor:pointer;transition:.2s}
.nav-item>button:after{content:"";display:inline-block;width:5px;height:5px;margin-left:10px;border-right:1px solid var(--accent);border-bottom:1px solid var(--accent);transform:rotate(45deg) translateY(-2px)}
.nav-item:hover>button,.nav-item:focus-within>button{background:linear-gradient(180deg,#c6a06f,#a97f4f);color:#111}
.nav-item:hover>button:after,.nav-item:focus-within>button:after{border-color:#111}
.dropdown{position:absolute;top:100%;left:-1px;min-width:255px;padding:10px;background:#0d0d0d;border:1px solid var(--line);opacity:0;visibility:hidden;transform:translateY(8px);transition:.18s;box-shadow:0 18px 38px rgba(0,0,0,.52);z-index:20}
.nav-item:hover .dropdown,.nav-item:focus-within .dropdown,.nav-item.open .dropdown{opacity:1;visibility:visible;transform:none}
.dropdown a{display:block;padding:12px 14px;color:#c9c4bc;text-decoration:none;text-transform:uppercase;letter-spacing:.11em;font-size:.73rem;border-bottom:1px solid rgba(255,255,255,.06);transition:.18s}
.dropdown a:last-child{border-bottom:0}
.dropdown a:hover,.dropdown a:focus-visible{color:#111;background:linear-gradient(180deg,#d0aa77,#b58c57 52%,#9d7648);padding-left:19px}
.model-grid{min-width:280px;display:grid;grid-template-columns:repeat(2,1fr)}
.menu-toggle{display:none}

.hero-slider{position:relative;height:min(25vw,320px);min-height:250px;overflow:hidden;background:#090909}
.slide{position:absolute;inset:0;background-position:center;background-size:cover;opacity:0;transform:scale(1.01);transition:opacity .75s,transform 5s}
.slide:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.12))}
.slide.is-active{opacity:1;transform:scale(1)}
.slider-arrow{position:absolute;top:50%;z-index:3;width:42px;height:42px;margin-top:-21px;border:1px solid rgba(255,255,255,.32);border-radius:50%;background:rgba(0,0,0,.24);color:#fff;font-size:1.65rem;cursor:pointer}
.slider-arrow:hover{background:var(--accent);color:#111;border-color:var(--accent)}
.prev{left:18px}.next{right:18px}
.slider-dots{position:absolute;left:50%;bottom:16px;z-index:3;display:flex;gap:9px;transform:translateX(-50%)}
.slider-dots button{width:28px;height:2px;padding:0;border:0;background:rgba(255,255,255,.42);cursor:pointer}
.slider-dots button.is-active{background:var(--accent)}

.welcome{min-height:245px;padding:50px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--ink);background:repeating-linear-gradient(0deg,rgba(255,255,255,.05) 0 1px,transparent 1px 3px),linear-gradient(135deg,#d5cec3,#c2bbb0 48%,#9d968c)}
.section-kicker{margin:0 0 16px;text-transform:uppercase;letter-spacing:.22em;font-size:.72rem;color:#5c554c}
.welcome h1{margin:0;font-family:Optima,"Avenir Next","Helvetica Neue",Arial,sans-serif;font-size:clamp(2rem,3vw,3.1rem);font-weight:700}
.welcome>p:last-child{margin:18px 0 0;color:#5f5951;font-size:1rem}

.brand-story{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px;padding:100px 8vw;background:var(--paper);color:var(--ink)}
.story-heading{font-family:"Arial Narrow",Arial,sans-serif;font-size:clamp(4rem,9vw,8rem);font-weight:700;letter-spacing:.08em;color:#9e1b0d;writing-mode:vertical-rl;transform:rotate(180deg)}
.story-copy{max-width:900px;font-size:1.12rem;line-height:1.8}
.story-copy p{margin:0 0 24px}
.story-copy blockquote{margin:42px 0;padding:0 0 0 28px;border-left:3px solid var(--accent);font-size:clamp(1.8rem,3vw,3rem);line-height:1.15;font-weight:700;text-transform:uppercase}

.product-families{display:grid;grid-template-columns:repeat(2,1fr);background:#0b0b0b}
.family{min-height:430px;padding:38px;position:relative;display:flex;flex-direction:column;justify-content:space-between;text-decoration:none;background-size:cover;background-position:center;border-right:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden}
.family:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.86))}
.family>*{position:relative}
.family span{color:var(--accent-light);letter-spacing:.18em;font-size:.68rem}
.family h2{margin:0 0 12px;font-family:Optima,"Avenir Next",sans-serif;font-size:clamp(2rem,4vw,4rem)}
.family p{margin:0;color:#cbc5bc;line-height:1.6}
.family-pickups{background-image:url("../images/pickup-detail.jpg")}
.family-electronics{background-image:url("../images/pots.jpg")}
.family-hardware{background-image:url("../images/pot-detail.jpg")}
.family-sondelli{background-image:url("../images/manifesto.jpg")}

.feature{display:grid;grid-template-columns:1fr 1fr;min-height:620px}
.feature-image img{width:100%;height:100%;object-fit:cover;display:block}
.feature-copy{padding:90px 7vw;display:flex;flex-direction:column;justify-content:center}
.feature-copy h2{margin:0 0 28px;font-family:Optima,"Avenir Next",sans-serif;font-size:clamp(2.8rem,5vw,5.5rem);line-height:.98}
.feature-copy>p{color:#c7c1b8;font-size:1.08rem;line-height:1.8}
.spektra{background:#0d0d0d}
.magnet-map{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:32px 0}
.magnet-map div{padding:20px;border:1px solid var(--line)}
.magnet-map span{display:inline-block;margin-right:14px;color:var(--accent-light);font-size:1.1rem}
.magnet-map strong{display:block;margin-top:12px;font-size:.68rem;letter-spacing:.16em}
.text-link{width:max-content;margin-top:10px;padding-bottom:6px;border-bottom:1px solid var(--accent);text-decoration:none;text-transform:uppercase;letter-spacing:.14em;font-size:.72rem}

.toneshims{background:var(--paper);color:var(--ink)}
.toneshims .feature-copy>p{color:#524d46}
.toneshims .section-kicker{color:#6d6459}
.technical-panel{position:relative;margin:60px;min-height:480px;border:1px solid #6a6259;background:repeating-linear-gradient(0deg,transparent 0 39px,rgba(80,72,64,.13) 39px 40px),repeating-linear-gradient(90deg,transparent 0 39px,rgba(80,72,64,.13) 39px 40px)}
.technical-panel:before{content:"";position:absolute;left:12%;right:12%;bottom:25%;height:10px;background:#5c554d;transform:skewY(-3deg)}
.technical-panel span{position:relative;display:inline-block;margin:28px 18px;color:#5c554d;font-size:.72rem;letter-spacing:.14em}
.technical-panel strong{position:absolute;left:28px;bottom:28px;text-transform:uppercase;letter-spacing:.16em;font-size:.72rem}

.manifesto{position:relative;min-height:620px;background:url("../images/manifesto.jpg") center/cover no-repeat;display:grid;place-items:center;text-align:center}
.manifesto-overlay{position:absolute;inset:0;background:rgba(0,0,0,.48)}
.manifesto blockquote{position:relative;max-width:1150px;margin:0;padding:40px;color:#fff;font-size:clamp(2rem,4vw,4.2rem);line-height:1.1;font-weight:700;text-transform:uppercase}

.resources-home{padding:100px 8vw;background:#0b0b0b;display:grid;grid-template-columns:1fr 1fr;gap:70px}
.resources-home h2{margin:0;font-family:Optima,"Avenir Next",sans-serif;font-size:clamp(2.8rem,5vw,5.6rem);line-height:1}
.resource-grid{border-top:1px solid var(--line)}
.resource-grid a{display:flex;justify-content:space-between;padding:24px 0;border-bottom:1px solid var(--line);text-decoration:none;font-size:1.25rem}
.resource-grid a:hover{color:var(--accent-light)}

.site-footer{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:30px;padding:42px 6vw;border-top:1px solid var(--line);background:#080808;color:#9f9a92}
.site-footer img{width:110px;max-height:64px;object-fit:contain}
.site-footer a{text-decoration:none;font-size:.85rem}
.site-footer small{font-size:.7rem}

@media(max-width:900px){
  .brand{min-height:98px}.brand img{width:min(320px,82vw);max-height:72px}
  .menu-toggle{display:block;width:100%;height:54px;border:0;border-top:1px solid var(--line);background:#090909;color:#fff;text-transform:uppercase;letter-spacing:.18em}
  .main-nav{display:none;grid-template-columns:1fr;border-left:0;border-right:0}.main-nav.open{display:grid}
  .nav-item{border-right:0;border-bottom:1px solid var(--line)}.nav-item>button{height:54px;text-align:left;padding:0 22px}
  .dropdown{position:static;display:none;opacity:1;visibility:visible;transform:none;min-width:0;border:0;box-shadow:none;padding:0 18px 10px}.nav-item.open .dropdown{display:block}
  .hero-slider{height:42vw;min-height:270px}
  .brand-story,.feature,.resources-home{grid-template-columns:1fr}
  .story-heading{writing-mode:horizontal-tb;transform:none;font-size:3.5rem}
  .product-families{grid-template-columns:1fr}
  .family{min-height:340px}
  .technical-panel{margin:30px;min-height:360px}
  .manifesto{min-height:480px}
  .site-footer{grid-template-columns:1fr}
}

.hero-slider{height:min(30vw,390px);min-height:290px}
.welcome{min-height:220px;padding:46px 24px;color:var(--ivory);background:radial-gradient(circle at 50% 0%,rgba(181,140,87,.08),transparent 38%),linear-gradient(180deg,#111 0%,#0a0a0a 100%);border-top:1px solid rgba(181,140,87,.2);border-bottom:1px solid rgba(181,140,87,.28)}
.welcome h1{margin:0;color:#eee8df;font-family:Optima,"Avenir Next","Helvetica Neue",Arial,sans-serif;font-size:clamp(2.1rem,3.6vw,4rem);font-weight:600;line-height:1.05;letter-spacing:.005em}
.welcome>p{margin:16px 0 0;color:#bdb6ac;text-transform:uppercase;letter-spacing:.22em;font-size:clamp(.68rem,1vw,.88rem)}
.brand-story{align-items:start}
.story-heading{align-self:stretch;display:flex;align-items:center;justify-content:center;font-size:clamp(2.8rem,6vw,5.2rem);line-height:1;letter-spacing:.08em}
.story-copy h2{margin:0 0 30px;text-align:center;font-family:Optima,"Avenir Next","Helvetica Neue",Arial,sans-serif;font-size:clamp(2rem,3.5vw,3.8rem);font-weight:700;letter-spacing:.02em}
@media(max-width:900px){.hero-slider{height:48vw;min-height:300px}.welcome{min-height:190px;padding:40px 22px}.story-heading{font-size:3rem}}

/* Fix 02 */
.hero-slider{height:min(33vw,450px)!important;min-height:340px!important;}
.welcome>p{color:#d8d3cb!important;}
.story-heading{font-size:clamp(3.4rem,7vw,6.2rem)!important;}
.nav-item:hover>button,
.nav-item:focus-within>button{
background:linear-gradient(180deg,#d8d6d1 0%,#bdb8ae 48%,#9c978f 100%)!important;
color:#111!important;
}
.dropdown a:hover,
.dropdown a:focus-visible{
background:linear-gradient(180deg,#d8d6d1 0%,#bdb8ae 48%,#9c978f 100%)!important;
color:#111!important;
}


/* Homepage Fix 03 */
.main-nav{
  max-width:1180px;
  grid-template-columns:repeat(5,1fr);
}

.story-heading{
  font-size:clamp(2.8rem,5.6vw,5rem)!important;
}

@media(max-width:1100px){
  .main-nav{
    max-width:1040px;
  }
  .nav-item>button{
    font-size:.74rem;
    letter-spacing:.15em;
  }
}

@media(max-width:900px){
  .main-nav{
    grid-template-columns:1fr;
  }
}

/* Homepage Fix 04 */
.family-sondelli{
  background-image:url("../images/sondelli-genuine-parts.jpg")!important;
  background-position:center 48%!important;
}
.feature-result{
  margin-top:10px!important;
  padding-top:22px;
  border-top:1px solid rgba(210,206,198,.22);
  color:#eee8df!important;
  font-weight:500;
}
.spektra .section-kicker{
  max-width:520px;
  line-height:1.55;
}

.newsletter{background:#111;padding:60px;text-align:center}.newsletter h2{text-transform:uppercase}.site-footer img,.site-footer a{display:none!important}.site-footer{text-align:center;grid-template-columns:1fr!important}
:root{--paper:#ded8ce;--paper-dark:#bcb4a8;--gunmetal:#111315;--gunmetal-2:#24282b}
.material-paper{background:repeating-linear-gradient(0deg,rgba(255,255,255,.06) 0 1px,transparent 1px 3px),repeating-linear-gradient(90deg,rgba(70,65,58,.018) 0 1px,transparent 1px 5px),linear-gradient(135deg,#e5dfd4 0%,#d4cdc2 48%,#b8b0a4 100%);color:var(--ink)}
.material-gunmetal{background:repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0 1px,transparent 1px 4px),linear-gradient(135deg,#0b0d0e 0%,#1a1d1f 50%,#0b0d0e 100%)}
.material-nickel{background:repeating-linear-gradient(0deg,rgba(255,255,255,.06) 0 1px,transparent 1px 4px),linear-gradient(135deg,#d8d2c8 0%,#beb7ad 48%,#9c958b 100%);color:var(--ink)}
.material-black{background:repeating-linear-gradient(0deg,rgba(255,255,255,.012) 0 1px,transparent 1px 4px),linear-gradient(180deg,#0c0c0c,#080808)}
.hero-slider{height:min(34vw,470px)!important;min-height:360px!important}
.story-section{padding:100px 8vw;text-align:center}
.story-section .section-label{color:#5d574f;margin-bottom:34px}
.story-section blockquote{max-width:1100px;margin:0 auto;font-family:"Arial Narrow","Helvetica Neue",Arial,sans-serif;font-size:clamp(2.2rem,4.6vw,5rem);line-height:1.02;font-weight:800;letter-spacing:.015em}
.story-body{max-width:820px;margin:48px auto 0;font-size:1.08rem;line-height:1.8}
.story-body p{margin:0 0 20px}
.story-body strong{display:block;margin-top:28px;letter-spacing:.18em;font-size:.8rem}
.feature-section{display:grid;grid-template-columns:1fr 1fr;min-height:640px}
.feature-media img{width:100%;height:100%;display:block;object-fit:cover}
.feature-copy{padding:90px 7vw;display:flex;flex-direction:column;justify-content:center}
.feature-copy .section-label{color:#c9a675;margin-bottom:22px}
.feature-copy h2{margin:0 0 30px;font-family:"Arial Narrow","Helvetica Neue",Arial,sans-serif;font-size:clamp(2.8rem,5.3vw,5.8rem);line-height:.95;font-weight:800;letter-spacing:.01em}
.feature-copy p{margin:0 0 18px;color:#c9c3ba;font-size:1.05rem;line-height:1.75}
.feature-result{padding-top:20px;margin-top:12px!important;border-top:1px solid rgba(181,140,87,.35)}
.text-link{width:max-content;margin-top:14px;padding-bottom:6px;border-bottom:1px solid var(--accent);text-decoration:none;text-transform:uppercase;letter-spacing:.14em;font-size:.72rem}
.dark-copy .section-label{color:#625b52}.dark-copy h2{color:#171512}.dark-copy p{color:#524d46}.dark-link{color:#171512}
.technical-panel{position:relative;margin:60px;min-height:500px;border:1px solid rgba(52,48,43,.55);background:repeating-linear-gradient(0deg,transparent 0 39px,rgba(80,72,64,.14) 39px 40px),repeating-linear-gradient(90deg,transparent 0 39px,rgba(80,72,64,.14) 39px 40px)}
.fig-label{position:absolute;top:24px;left:24px;font-size:.68rem;letter-spacing:.18em;text-transform:uppercase}
.shim-diagram{position:absolute;inset:70px 40px 40px}
.neck-line,.body-line{position:absolute;left:8%;right:8%;height:10px;background:#3b3732;transform-origin:left center}.neck-line{top:44%;transform:rotate(-4deg)}.body-line{top:56%}
.shim-diagram b{position:relative;display:inline-block;margin:18px;font-size:.72rem;letter-spacing:.12em}
.product-families{display:grid;grid-template-columns:repeat(2,1fr)}.family{min-height:430px}
.manifesto{min-height:620px}
.useful-links{padding:100px 8vw;display:grid;grid-template-columns:1fr 1fr;gap:70px}
.useful-links h2{margin:0;font-family:"Arial Narrow","Helvetica Neue",Arial,sans-serif;font-size:clamp(2.8rem,5vw,5.4rem);line-height:1;font-weight:800}
.links-grid{border-top:1px solid rgba(40,36,32,.35)}
.links-grid a{display:flex;justify-content:space-between;padding:23px 0;border-bottom:1px solid rgba(40,36,32,.35);text-decoration:none;font-size:1.18rem}
.links-grid a:hover{color:#6f5b45}
.newsletter{padding:100px 8vw;text-align:center}
.newsletter .section-label{color:#c9a675}
.newsletter h2{max-width:850px;margin:18px auto 36px;font-family:"Arial Narrow","Helvetica Neue",Arial,sans-serif;font-size:clamp(2.4rem,4.4vw,4.8rem);line-height:1;font-weight:800}
.newsletter-form{max-width:620px;margin:0 auto;display:grid;grid-template-columns:1fr auto;border:1px solid rgba(205,199,190,.35)}
.newsletter-form input{min-width:0;padding:18px 20px;border:0;background:rgba(255,255,255,.03);color:#fff;font:inherit}
.newsletter-form button{padding:0 28px;border:0;border-left:1px solid rgba(205,199,190,.35);background:linear-gradient(180deg,#d5d2cc,#aaa59d);color:#111;text-transform:uppercase;letter-spacing:.16em;cursor:pointer}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-footer{display:flex!important;justify-content:center!important;align-items:center!important;min-height:92px;padding:28px!important;background:#070707;border-top:1px solid rgba(181,140,87,.25);color:#9f9a92}
.site-footer small{letter-spacing:.14em;font-size:.68rem}
@media(max-width:900px){.hero-slider{height:52vw!important;min-height:320px!important}.feature-section,.useful-links{grid-template-columns:1fr}.feature-copy{padding:72px 26px}.technical-panel{margin:28px;min-height:380px}.story-section,.useful-links,.newsletter{padding:76px 26px}.product-families{grid-template-columns:1fr}.manifesto{min-height:480px}}


/* Homepage Fix 07 */
.story-section .section-label{
  font-size:clamp(.88rem,1.15vw,1.05rem);
  font-weight:700;
  letter-spacing:.2em;
  margin-bottom:34px;
}

.story-section blockquote{
  max-width:1320px;
  font-size:clamp(1.9rem,3.45vw,3.95rem);
  line-height:1.04;
  white-space:nowrap;
}

.story-body{
  max-width:920px;
  font-size:1.2rem;
  line-height:1.85;
}

.product-families .family{
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
}

.product-families .family>span{
  position:absolute;
  top:28px;
  left:28px;
}

.product-families .family>div{
  width:100%;
}

.product-families .family h2{
  margin:0;
  font-family:"Arial Narrow","Helvetica Neue",Arial,sans-serif;
  font-size:clamp(2.2rem,4.2vw,4.6rem);
  line-height:.95;
  font-weight:800;
  letter-spacing:.03em;
}

.manifesto-overlay{
  background:rgba(0,0,0,.62)!important;
}

.toneshims-section .feature-copy .section-label{
  font-size:clamp(1rem,1.45vw,1.3rem);
  font-weight:700;
  letter-spacing:.16em;
}

@media(max-width:1100px){
  .story-section blockquote{
    white-space:normal;
  }
}

@media(max-width:900px){
  .story-body{
    font-size:1.08rem;
  }

  .product-families .family h2{
    font-size:clamp(2rem,8vw,3.4rem);
  }
}


/* Corrected Our Story section */
.story-with-photo{
  display:grid;
  grid-template-columns:46% 54%;
  align-items:stretch;
  padding:0;
  text-align:left;
  min-height:680px;
}

.story-photo{
  min-height:680px;
  overflow:hidden;
}

.story-photo img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center;
}

.story-content{
  padding:78px 6vw;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.story-content .section-label{
  margin:0 0 26px;
  font-size:1.1rem;
  font-weight:700;
  letter-spacing:.22em;
  color:#5d574f;
}

.story-content blockquote{
  margin:0 0 34px;
  max-width:760px;
  font-family:"Arial Narrow","Helvetica Neue",Arial,sans-serif;
  font-size:clamp(2rem,3.35vw,3.9rem);
  line-height:1.02;
  font-weight:800;
  letter-spacing:.01em;
  white-space:normal;
}

.story-content .story-body{
  max-width:760px;
  margin:0;
  font-size:1.22rem;
  line-height:1.85;
}

.story-content .story-body p{
  margin:0 0 20px;
}

.story-content .story-body strong{
  display:block;
  margin-top:28px;
  font-size:.9rem;
  letter-spacing:.2em;
}

@media(max-width:900px){
  .story-with-photo{
    grid-template-columns:1fr;
  }

  .story-photo{
    min-height:380px;
  }

  .story-content{
    padding:64px 26px;
    text-align:center;
  }

  .story-content blockquote,
  .story-content .story-body{
    max-width:none;
  }
}

.story-hero{
position:relative;
min-height:520px;
background:
linear-gradient(rgba(0,0,0,.55),rgba(0,0,0,.55)),
url('../images/story-vinyl.jpg') center/cover no-repeat;
display:flex;align-items:center;justify-content:center;text-align:center}
.story-overlay{max-width:1100px;padding:40px}
.story-kicker{letter-spacing:.25em;text-transform:uppercase;color:#d2b083;font-size:.95rem}
.story-hero h2{font-family:"Arial Narrow","Helvetica Neue",Arial,sans-serif;font-size:clamp(2.1rem,4vw,4.5rem);line-height:1.05;color:#fff;font-weight:800}
.story-copy{padding:90px 8vw}
.story-inner{max-width:820px;margin:auto;font-size:1.25rem;line-height:1.9}
.story-inner p{margin:0 0 26px}
.story-inner strong{font-weight:700}


/* Homepage Fix 10 — unified Pursuit of Tone section */
.story-transition{
  height:24px;
  background:
    repeating-linear-gradient(90deg,rgba(255,255,255,.018) 0 1px,transparent 1px 5px),
    linear-gradient(180deg,#090909,#111);
  border-top:1px solid rgba(255,255,255,.04);
  border-bottom:1px solid rgba(180,174,164,.22);
}

.unified-story{
  min-height:760px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:
    linear-gradient(90deg,rgba(0,0,0,.78) 0%,rgba(0,0,0,.56) 46%,rgba(0,0,0,.64) 100%),
    url("../images/story-vinyl.jpg") center/cover no-repeat;
}

.unified-story .story-overlay{
  width:min(1180px,88vw);
  padding:92px 0;
  text-align:center;
}

.unified-story .story-kicker{
  margin:0 0 24px;
  color:#d3cec5;
  font-family:"Arial Narrow","Helvetica Neue",Arial,sans-serif;
  font-size:1rem;
  font-weight:700;
  letter-spacing:.24em;
}

.unified-story h2{
  max-width:1120px;
  margin:0 auto 46px;
  color:#fff;
  font-family:"Arial Narrow","Helvetica Neue",Arial,sans-serif;
  font-size:clamp(2.15rem,3.65vw,4.3rem);
  line-height:1.03;
  font-weight:800;
  letter-spacing:.01em;
}

.story-copy-panel{
  max-width:940px;
  margin:0 auto;
  padding:34px 42px;
  text-align:left;
  background:rgba(6,6,6,.72);
  border:1px solid rgba(205,199,190,.22);
  box-shadow:0 22px 60px rgba(0,0,0,.35);
  backdrop-filter:blur(5px);
}

.story-copy-panel p{
  margin:0 0 22px;
  color:#f0ece5;
  font-family:"Avenir Next","Helvetica Neue",Arial,sans-serif;
  font-size:clamp(1.12rem,1.45vw,1.32rem);
  line-height:1.72;
  font-weight:400;
  letter-spacing:.002em;
}

.story-copy-panel p:last-child{
  margin-bottom:0;
}

@media(max-width:900px){
  .story-transition{height:16px}

  .unified-story{
    min-height:680px;
    background-position:58% center;
  }

  .unified-story .story-overlay{
    width:min(92vw,760px);
    padding:68px 0;
  }

  .unified-story h2{
    margin-bottom:34px;
    font-size:clamp(1.9rem,7vw,3rem);
  }

  .story-copy-panel{
    padding:28px 24px;
  }

  .story-copy-panel p{
    font-size:1.08rem;
    line-height:1.7;
  }
}


/* Homepage Fix 11 — material background and paragraph typography */
.unified-story{
  min-height:720px;
  background:
    repeating-linear-gradient(
      0deg,
      rgba(255,255,255,.055) 0 1px,
      transparent 1px 3px
    ),
    repeating-linear-gradient(
      90deg,
      rgba(70,65,58,.02) 0 1px,
      transparent 1px 5px
    ),
    radial-gradient(
      circle at 50% 12%,
      rgba(255,255,255,.16),
      transparent 42%
    ),
    linear-gradient(
      135deg,
      #e5dfd4 0%,
      #d4cdc2 48%,
      #b8b0a4 100%
    ) !important;
}

.unified-story .story-overlay{
  width:min(1180px,88vw);
  padding:88px 0;
}

.unified-story .story-kicker{
  color:#2a2723;
  font-family:"Arial Narrow","Helvetica Neue",Arial,sans-serif;
  font-size:clamp(1.45rem,2.25vw,2.25rem);
  font-weight:800;
  letter-spacing:.12em;
  margin-bottom:24px;
}

.unified-story h2{
  max-width:1120px;
  margin:0 auto 42px;
  color:#171512;
  font-family:"Arial Narrow","Helvetica Neue",Arial,sans-serif;
  font-size:clamp(2.35rem,4.15vw,4.85rem);
  line-height:1.03;
  font-weight:800;
  letter-spacing:.01em;
}

.story-copy-panel{
  max-width:900px;
  margin:0 auto;
  padding:0;
  text-align:left;
  background:transparent;
  border:0;
  box-shadow:none;
  backdrop-filter:none;
}

.story-copy-panel p{
  margin:0 0 24px;
  color:#211f1c;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(1.15rem,1.42vw,1.32rem);
  line-height:1.78;
  font-weight:400;
  letter-spacing:0;
}

.story-copy-panel p:last-child{
  margin-bottom:0;
}

@media(max-width:900px){
  .unified-story{
    min-height:640px;
  }

  .unified-story .story-overlay{
    width:min(92vw,760px);
    padding:66px 0;
  }

  .unified-story .story-kicker{
    font-size:1.35rem;
  }

  .unified-story h2{
    font-size:clamp(2rem,7vw,3.15rem);
    margin-bottom:32px;
  }

  .story-copy-panel p{
    font-size:1.08rem;
    line-height:1.72;
  }
}

/* Fix12 typography */
.unified-story h2{
font-size:clamp(2.0rem,3.4vw,3.7rem)!important;
max-width:1200px;
letter-spacing:.005em;
}
.story-copy-panel{
max-width:980px!important;
}
.story-copy-panel p{
font-family:Inter,"Avenir Next","Segoe UI",sans-serif!important;
font-size:clamp(1.28rem,1.55vw,1.55rem)!important;
line-height:1.82!important;
font-weight:400;
color:#202020;
}

/* Fix13 ToneShims */
.toneshims-section{
background:#090909;
padding:110px 8vw;
}
.toneshims-section .container{
display:grid;
grid-template-columns:1.1fr .9fr;
gap:70px;
align-items:center;
}
.toneshims-section img{
width:100%;
max-width:700px;
display:block;
margin:auto;
filter:drop-shadow(0 25px 40px rgba(0,0,0,.45));
}
.toneshims-section h2{
font-size:clamp(3rem,5vw,5rem);
margin-bottom:8px;
}
.toneshims-section h3{
font-size:1.2rem;
letter-spacing:.16em;
color:#c9a66b;
margin-bottom:30px;
}
.toneshims-section p{
font-family:Inter,"Avenir Next","Segoe UI",sans-serif;
font-size:1.28rem;
line-height:1.8;
color:#ddd;
margin-bottom:22px;
}
.editorial-link{
display:inline-block;
margin-top:12px;
color:#d6b27a;
text-decoration:none;
}
@media(max-width:900px){
.toneshims-section .container{grid-template-columns:1fr;}
}

.toneshims-simple{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.exploded{width:340px;margin:auto}
.exploded .blk{height:48px;border:1px solid #666;background:#111;color:#bbb;display:flex;align-items:center;justify-content:center;margin:18px 0}
.exploded .plate{height:26px;background:linear-gradient(#d8d8d8,#8e8e8e);color:#111;border-radius:3px;display:flex;align-items:center;justify-content:center;letter-spacing:.08em;box-shadow:0 10px 25px rgba(0,0,0,.4);margin:18px 30px}
.exploded>*{position:relative}
.exploded>*:not(:last-child)::after{content:"";position:absolute;left:50%;top:100%;height:18px;border-left:1px dashed #777}
.tones-copy p{font-family:Inter,"Avenir Next",sans-serif;font-size:1.22rem;line-height:1.8}
@media(max-width:900px){.toneshims-simple{grid-template-columns:1fr}}

.homepage-video{width:100%;background:#050505;border-top:1px solid rgba(181,140,87,.22);border-bottom:1px solid rgba(181,140,87,.22)}
.video-shell{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:#000}
.video-shell iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
.main-nav{max-width:1180px}


/* Homepage Fix 16 */
.sondelli-column{
  display:block !important;
  min-width:250px;
}

.resources-section .resources-intro h2{
  max-width:620px;
  font-size:clamp(2rem,3.4vw,3.8rem);
  line-height:1.05;
}

.resources-section .resources-intro .section-label{
  font-size:.88rem;
  letter-spacing:.22em;
}

@media(max-width:900px){
  .sondelli-column{
    min-width:0;
  }

  .resources-section .resources-intro h2{
    font-size:clamp(1.9rem,7vw,3rem);
  }
}