.p-seasoning, .p-faq{
  --paper:   #FFFFFF;
  --paper-2: #F7F4EF;
  --ink:     #16120F;
  --ink-2:   #453C34;
  --mute:    #7B6E63;
  --rule:    #E4DED5;
  --rule-2:  #CFC6BA;
  --fire:    #C2410C;

  background:var(--paper); color:var(--ink);
}
.p-seasoning main, .p-faq main{ background:var(--paper); }
.p-seasoning ::selection, .p-faq ::selection{ background:var(--fire); color:#fff; }
.p-seasoning, .p-faq{
  --col: 1240px;
  --read: var(--beaufort);
}
.p-seasoning .sn, .p-faq .fq, .cvr-tx p{ font-family:var(--read); }

.cvr{
  position:relative; isolation:isolate;
  height:clamp(28rem,88vh,50rem);
  background:#151210; overflow:hidden;
}
.cvr img{
  width:100%; height:100%; display:block;
  object-fit:cover; object-position:center center;
}
.cvr::after{
  content:""; position:absolute; inset:0;
  background:
    linear-gradient(to top, rgba(12,9,7,.9) 0%, rgba(12,9,7,.4) 42%, rgba(12,9,7,0) 76%),
    linear-gradient(to bottom, rgba(12,9,7,.55) 0%, rgba(12,9,7,0) 22%);
}
.cvr-tx{
  position:absolute; z-index:1; left:0; right:0; bottom:clamp(2.2rem,6vh,4rem);
  max-width:var(--col); margin:0 auto; padding:0 var(--pad);
  color:#fff;
}
.cvr-tx h1{
  font-family:var(--serif); font-weight:500;
  font-size:clamp(2.6rem,7vw,5.6rem);
  line-height:.95; letter-spacing:-.03em;
}
.cvr-tx p{
  margin-top:.9rem; max-width:38ch;
  font-size:clamp(1.05rem,1.3vw,1.25rem);
  color:rgba(255,255,255,.85);
}

.sn{
  max-width:var(--col); margin:0 auto;
  padding:clamp(3.5rem,9vh,6rem) var(--pad) clamp(4rem,10vh,7rem);
  font-size:clamp(1.02rem,.35vw + .95rem,1.13rem);
  line-height:1.75; color:var(--ink-2);
}
.sn-lead{
  color:var(--ink); font-weight:400;
  font-size:clamp(1.3rem,2.4vw,1.75rem);
  line-height:1.5; letter-spacing:-.005em;
  max-width:26em;
}
.sn > section{
  margin-top:clamp(3.5rem,9vh,6rem);
  border-top:1px solid var(--rule);
  padding-top:clamp(1.8rem,4.5vh,2.6rem);
}

.sn-method{
  display:grid; grid-template-columns:minmax(0,5fr) minmax(0,6fr);
  gap:clamp(2rem,5vw,4.5rem); align-items:start;
}
.sn-video-btn{
  display:block; position:relative; width:100%; padding:0;
  border:0; background:none; cursor:pointer; overflow:hidden;
  aspect-ratio:4/3;
}
.sn-video-btn img{
  width:100%; height:100%; object-fit:contain; display:block;
  transition:transform 1.1s var(--ease,ease);
}
.sn-video-btn:hover img{ transform:scale(1.04); }
.sn-video-play{
  position:absolute; inset:0; margin:auto; z-index:2;
  width:4.4rem; height:4.4rem; border-radius:50%;
  display:grid; place-items:center;
  background:rgba(12,9,7,.55); border:1px solid rgba(12,9,7,.25);
  transition:background .3s ease, border-color .3s ease;
}
.sn-video-btn:hover .sn-video-play{ background:var(--fire); border-color:var(--fire); }
.sn-video-play svg{ width:1.5rem; height:1.5rem; fill:#fff; margin-left:.2rem; }
.sn-method iframe{ width:100%; aspect-ratio:4/3; border:0; display:block; }

.sn-steps strong{ color:var(--ink); }

.qa details{ border-bottom:1px solid var(--rule); }
.qa details:first-child{ border-top:1px solid var(--rule); }
.qa summary{
  list-style:none; cursor:pointer;
  display:flex; align-items:center; justify-content:space-between; gap:1.5rem;
  padding:1.25rem 0;
  font-size:clamp(1.08rem,1.5vw,1.28rem); font-weight:600;
  color:var(--ink); line-height:1.35;
  transition:color .3s ease;
}
.qa summary:hover{ color:var(--fire); }
.qa summary > span{ flex:1 1 auto; }
.qa-pan{
  flex:none; width:1.55em; height:auto; margin-right:.75em;
  color:var(--ink-2); transition:color .3s ease;
}
.qa summary:hover .qa-pan,
.qa details.is-open .qa-pan{ color:var(--fire); }
.qa summary::-webkit-details-marker{ display:none; }
.qa summary::after{
  content:""; flex:none; width:15px; height:15px;
  background:
    linear-gradient(var(--fire),var(--fire)) center/15px 1px no-repeat,
    linear-gradient(var(--fire),var(--fire)) center/1px 15px no-repeat;
  transition:transform .45s var(--ease,ease);
}
.qa details.is-open summary::after{ transform:rotate(135deg); }

.qa-a{
  display:grid; grid-template-rows:0fr; opacity:0;
  transition:grid-template-rows .45s var(--ease,ease), opacity .3s ease;
}
.qa-a > div{ overflow:hidden; }
.qa details.is-open .qa-a{ grid-template-rows:1fr; opacity:1; }
.qa-a p{ padding:0 2.5rem 1.5rem 0; max-width:62ch; }
@media (prefers-reduced-motion:reduce){
  .qa-a{ transition:none; }
}

@media (max-width:860px){
  .sn-method{ grid-template-columns:minmax(0,1fr); }
  .sn-video-btn, .sn-method iframe{ aspect-ratio:16/9; }
}
@media (max-width:560px){
  .cvr{ height:32rem; }
  .cvr img{ object-position:center 22%; }

}

.fq{
  max-width:1040px; margin:0 auto;
  padding:clamp(3.5rem,9vh,6rem) var(--pad) clamp(4rem,10vh,7rem);
  font-size:clamp(1.02rem,.35vw + .95rem,1.13rem);
  line-height:1.75; color:var(--ink-2);
}
.fq .qa summary{ padding:1.5rem 0; font-size:clamp(1.15rem,1.8vw,1.45rem); }
.fq .qa-a p{ padding:0 3rem 1.7rem 0; }
.fq-more{
  display:inline-flex; align-items:center; gap:.55rem;
  margin-top:clamp(2.4rem,6vh,3.5rem);
  color:var(--fire); font-weight:600;
}
.fq-more svg{ width:1.15em; height:1.15em; flex:none; transition:transform .35s var(--ease,ease); }
.fq-more:hover svg{ transform:translateX(.35rem); }

.p-faq .cvr-tx h1{ font-size:clamp(2.2rem,5.4vw,4.4rem); max-width:16ch; }
.p-faq .cvr img{ object-position:center 42%; }

.sn-faq{display:block}
.sn-faq-heading{display:flex;align-items:baseline;justify-content:space-between;gap:2rem;margin-bottom:2.5rem}
.sn-faq-heading h2{font-family:var(--serif);font-size:clamp(2rem,3.5vw,3.4rem);font-weight:400;line-height:1.15;letter-spacing:-.035em;max-width:16ch}
.sn-faq-all{display:inline-flex;align-items:center;gap:.75rem;flex:none;background:var(--fire);color:#fff}
.sn-faq-all svg{display:block;width:1.1rem;height:1.1rem;flex:none}
.sn-faq-all:hover{background:var(--ink);color:#fff}
.sn-faq-notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(2rem,7vw,7rem);row-gap:2.2rem}
.sn-faq-note{border-top:1px solid var(--rule);padding-top:1.3rem;min-width:0}
.sn-faq-note h3{font-size:clamp(1.15rem,1.7vw,1.45rem);font-weight:400;line-height:1.35;margin-bottom:.85rem;color:var(--ink)}
.sn-faq-note p{font-size:1rem;line-height:1.75;color:var(--ink-2);max-width:54ch}
@media(max-width:680px){.sn-faq-heading{display:block;margin-bottom:1.8rem}.sn-faq-all{margin-top:1.1rem}.sn-faq-notes{grid-template-columns:1fr;gap:1.6rem}.sn-faq-note p{max-width:none}}

.sn-care-films{margin:5rem 0;padding:3rem 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.sn-care-films-heading{display:flex;align-items:baseline;justify-content:space-between;gap:3rem;margin-bottom:2.3rem}
.sn-care-films-heading h2{font-family:var(--serif);font-size:clamp(2.2rem,4vw,3.8rem);line-height:1.1;font-weight:400;letter-spacing:-.04em}
.sn-care-films-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2.5rem}
.sn-care-player{aspect-ratio:16/9;background:#191713;overflow:hidden}
.sn-care-player .sn-video-btn,.sn-care-player iframe{display:block;width:100%;height:100%;aspect-ratio:16/9;border:0;border-radius:0;position:relative}
.sn-care-player .sn-video-btn img{width:100%;height:100%;object-fit:cover}
.sn-care-play{position:absolute;left:1rem;bottom:1rem;display:flex;align-items:center;gap:.6rem;color:white;background:rgba(20,18,15,.85);padding:.65rem .9rem;font-size:.9rem}
.sn-care-play svg{width:1rem;height:1rem}
.sn-care-player button:focus-visible{outline:3px solid var(--fire);outline-offset:-3px}
.sn-care-film h3{font-family:var(--serif);font-size:clamp(1.5rem,2.4vw,2.3rem);font-weight:400;letter-spacing:-.025em;line-height:1.2}
.sn-care-youtube{display:inline-flex;gap:.7rem;align-items:center;margin-top:.85rem;font-size:.8rem;color:var(--ink-2)}
.sn-care-youtube:hover{color:var(--fire)}
@media(max-width:680px){.sn-care-films{margin:3rem 0;padding:2rem 0}.sn-care-films-heading{display:block}.sn-care-films-grid{grid-template-columns:minmax(0,1fr);gap:2.5rem}}
.sn-care-film{min-width:0}

.sn-opening{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,6vw,6rem);align-items:start}
.sn-opening .sn-lead{font-family:var(--serif);font-size:clamp(2rem,3.5vw,3.3rem);line-height:1.18;max-width:16ch;letter-spacing:-.03em}
.sn-opening-copy>p{font-size:1rem;max-width:44ch;line-height:1.7}
.sn-section-title{grid-column:1/-1;font-family:var(--serif);font-size:clamp(1.9rem,3vw,2.7rem);line-height:1.15;letter-spacing:-.03em;font-weight:400;color:var(--ink)}
.sn .sn-method{column-gap:clamp(2rem,6vw,6rem);row-gap:2rem;margin-top:5rem;padding-top:2.5rem}
.sn-method-tx{padding-top:0}
.sn-steps{list-style:none;padding:0}
.sn-steps li{position:relative;padding:0 0 1.25rem 2.6rem;margin-bottom:1.25rem;border-bottom:1px solid var(--rule)}
.sn-steps li:last-child{margin-bottom:0;border-bottom:0;padding-bottom:0}
.sn-step-pan{position:absolute;left:0;top:.3rem;width:1.6rem;height:auto;color:var(--fire);transform:rotate(-8deg);transform-origin:70% 50%}
@media(max-width:680px){.sn-step-pan{width:1.3rem}}
.sn-steps strong{display:block;font-size:1.2rem;font-weight:400;margin-bottom:.3rem;line-height:1.3}
.sn-steps p{font-size:.95rem;line-height:1.65;max-width:42ch}
.sn .sn-care-films{margin:5rem calc(-1 * var(--pad)) 0;padding:3rem var(--pad);background:#f3f0e9;border:0}
.sn-care-films-heading{margin-bottom:2rem}
.sn-care-films-heading h2{font-size:clamp(1.9rem,3vw,2.7rem)}
.sn-care-film h3{margin-top:1rem;font-size:clamp(1.4rem,2vw,1.9rem)}
.sn .sn-faq{margin-top:4rem;padding-top:0;border-top:0}
.sn-faq-heading h2{font-size:clamp(1.9rem,3vw,2.7rem);max-width:none}
#seasoning-method,#care-films-title,#seasoning-questions{scroll-margin-top:110px}
@media(max-width:680px){.sn-opening{grid-template-columns:1fr;gap:1.3rem}.sn .sn-method{margin-top:3rem}.sn .sn-care-films{margin-top:3rem;padding-top:2rem;padding-bottom:2rem}.sn .sn-faq{margin-top:3rem}}

.sn-opening-copy>p+p{margin-top:1rem}
.sn-section-title,.sn-care-films-heading h2,.sn-faq-heading h2{color:var(--fire)}