/* Editorial pages in the approved CNS FUR storefront pilot.
   Keep this layer last. The shared header, catalogue data and controls are unchanged. */
.pilot-page.pilot-editorial main{
  max-width:1300px;
  margin:0 auto;
  padding:54px 48px 76px;
  min-height:55vh;
  color:#193d3f;
}
.pilot-page.pilot-editorial main > h1,
.pilot-page.pilot-editorial .page-heading h1,
.pilot-page.pilot-editorial .about-lead h1{
  font:400 clamp(37px,4vw,54px)/1.12 Georgia,serif;
  letter-spacing:-.025em;
  margin:0 0 24px;
  max-width:850px;
  overflow-wrap:break-word;
}
.pilot-page.pilot-editorial main > h2,
.pilot-page.pilot-editorial main > section > h2,
.pilot-page.pilot-editorial .about-values h2,
.pilot-page.pilot-editorial .panel h2{
  font:400 clamp(25px,2.5vw,33px)/1.22 Georgia,serif;
  letter-spacing:-.018em;
  margin:0 0 19px;
}
.pilot-page.pilot-editorial main > p,
.pilot-page.pilot-editorial main > section > p,
.pilot-page.pilot-editorial .about-values p,
.pilot-page.pilot-editorial .about-lead p:not(.eyebrow),
.pilot-page.pilot-editorial .panel p,
.pilot-page.pilot-editorial main form > p{
  font:14px/1.85 system-ui,sans-serif;
  color:#52675f;
}
.pilot-page.pilot-editorial main > .eyebrow,
.pilot-page.pilot-editorial main > section > .eyebrow,
.pilot-page.pilot-editorial .about-values .eyebrow{
  font:500 10px/1.6 system-ui,sans-serif;
  letter-spacing:.17em;
  color:#61736b;
  margin:0 0 15px;
}
.pilot-page.pilot-editorial main > .lead,
.pilot-page.pilot-editorial .about-lead .lead{
  font-size:16px;
  line-height:1.8;
  color:#365850;
}
.pilot-page.pilot-editorial main p > a,
.pilot-page.pilot-editorial .new-models-intro a{
  color:#194c53;
  text-decoration-thickness:1px;
  text-underline-offset:4px;
}
.pilot-page.pilot-editorial main .button{
  background:#194c53;
  color:#fff;
  border:1px solid #194c53;
  margin-top:10px;
  max-width:100%;
  white-space:normal;
  text-align:center;
}
.pilot-page.pilot-editorial main .button:hover{
  background:#123b40;
  border-color:#123b40;
}
.pilot-page.pilot-editorial main :is(input,select,textarea){
  max-width:100%;
  border-color:#bbc7bd;
  background:#fffdf8;
  color:#193d3f;
  accent-color:#194c53;
  border-radius:0;
}
.pilot-page.pilot-editorial main :is(button,input,select,textarea,a,summary):focus-visible{
  outline:2px solid #194c53;
  outline-offset:4px;
}

/* About: original corner/entrance images and existing workshop groups. */
.pilot-page.pilot-editorial .about-lead{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  gap:58px;
  align-items:center;
  padding:9px 0 62px;
}
.pilot-page.pilot-editorial .about-lead > div,
.pilot-page.pilot-editorial .about-values > section{min-width:0}
.pilot-page.pilot-editorial .about-lead h1{max-width:600px}
.pilot-page.pilot-editorial .about-lead p:not(.eyebrow){max-width:600px;margin:0 0 17px}
.pilot-page.pilot-editorial .about-lead .lead{margin:0 0 20px}
.pilot-page.pilot-editorial .about-lead figure{max-width:none;margin:0}
.pilot-page.pilot-editorial .about-lead img{
  display:block;
  width:100%;
  height:auto;
  max-height:none;
  object-fit:contain;
  border:0;
  background:#eae9e1;
}
.pilot-page.pilot-editorial .about-lead figcaption,
.pilot-page.pilot-editorial .showroom-overview figcaption,
.pilot-page.pilot-editorial .workshop-grid figcaption{
  font:12px/1.65 system-ui,sans-serif;
  color:#61736b;
  margin:12px 0 0;
}
.pilot-page.pilot-editorial .about-values{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:38px;
  border-top:1px solid var(--pilot-rule,#dcded5);
  padding:41px 0 50px;
}
.pilot-page.pilot-editorial .about-values > section{padding:0}
.pilot-page.pilot-editorial .about-values h2{font-size:26px;margin-bottom:18px}
.pilot-page.pilot-editorial .about-values p{margin:0 0 14px}
.pilot-page.pilot-editorial .showroom-overview{
  width:min(100%,660px);
  max-width:none;
  margin:12px auto 62px;
}
.pilot-page.pilot-editorial .showroom-overview img{
  display:block;
  width:100%;
  height:auto;
  max-height:660px;
  object-fit:contain;
  background:#eae9e1;
}
.pilot-page.pilot-editorial .atelier-story{
  max-width:none;
  padding:45px 30px 48px;
  margin:0 0 58px;
  background:#e9e9df;
  border:0;
  text-align:center;
}
.pilot-page.pilot-editorial .atelier-story h2{
  font-size:clamp(30px,3vw,42px);
  max-width:720px;
  margin:0 auto 21px;
}
.pilot-page.pilot-editorial .atelier-story > p:not(.eyebrow){
  max-width:690px;
  margin:0 auto 18px;
}
.pilot-page.pilot-editorial .workshop-section{
  max-width:none;
  padding:0;
  margin:0;
  border:0;
}
.pilot-page.pilot-editorial .workshop-section > p:not(.eyebrow){max-width:730px;margin-bottom:26px}
.pilot-page.pilot-editorial .workshop-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
}
.pilot-page.pilot-editorial .workshop-grid-extra{
  grid-template-columns:repeat(2,minmax(0,1fr));
  margin-bottom:34px;
}
.pilot-page.pilot-editorial .workshop-grid figure{min-width:0;margin:0}
.pilot-page.pilot-editorial .workshop-grid img{
  display:block;
  width:100%;
  height:330px;
  max-height:none;
  object-fit:contain;
  background:#eeede7;
}

/* Current products continue to use the common catalogue card layer. */
.pilot-page.pilot-editorial main.new-models{max-width:1440px}
.pilot-page.pilot-editorial .new-models-intro{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:16px 27px;
  margin:0 0 32px;
  padding-bottom:23px;
  border-bottom:1px solid var(--pilot-rule,#dcded5);
  font:13px/1.65 system-ui,sans-serif;
  color:#61736b;
}
.pilot-page.pilot-editorial .new-models-intro span{margin-right:auto}
.pilot-page.pilot-editorial .new-models .catalog-grid{margin:0}

/* Reading pages: sizing, privacy, cookies and subscription. */
.pilot-page.pilot-editorial main.commerce-page,
.pilot-page.pilot-editorial main.cookie-policy,
.pilot-page.pilot-editorial main:has(> .size-guide-reference){
  max-width:940px;
}
.pilot-page.pilot-editorial main.commerce-page > h2,
.pilot-page.pilot-editorial main.cookie-policy > h2{
  margin-top:34px;
  padding-top:26px;
  border-top:1px solid var(--pilot-rule,#dcded5);
}
.pilot-page.pilot-editorial main.commerce-page > section{
  margin-top:34px;
  padding-top:26px;
  border-top:1px solid var(--pilot-rule,#dcded5);
}
.pilot-page.pilot-editorial .panel{
  background:#e9e9df;
  border:0;
  border-left:2px solid #9bab98;
  padding:26px 30px;
  margin:31px 0 38px;
}
.pilot-page.pilot-editorial .panel p:last-child{margin-bottom:0}
.pilot-page.pilot-editorial .size-guide-reference{
  max-width:none;
  margin:38px 0 0;
  padding:0;
}
.pilot-page.pilot-editorial .size-guide-reference table{
  max-width:none;
  margin:26px 0;
  background:#fffdf8;
}
.pilot-page.pilot-editorial .cookie-table-wrap{
  max-width:100%;
  overflow-x:auto;
  margin:24px 0 31px;
  border:1px solid var(--pilot-rule,#dcded5);
  background:#fffdf8;
}
.pilot-page.pilot-editorial main.cookie-policy table{margin:0;table-layout:fixed}
.pilot-page.pilot-editorial main.cookie-policy caption{
  padding:16px 20px;
  text-align:left;
  font:500 12px/1.7 system-ui,sans-serif;
  color:#52675f;
  border-bottom:1px solid var(--pilot-rule,#dcded5);
}
.pilot-page.pilot-editorial :is(.size-guide-reference,.cookie-policy) :is(th,td){
  padding:16px 20px;
  border-bottom:1px solid var(--pilot-rule,#dcded5);
  font:13px/1.65 system-ui,sans-serif;
  vertical-align:top;
  overflow-wrap:anywhere;
}
.pilot-page.pilot-editorial :is(.size-guide-reference,.cookie-policy) th{
  background:#e9e9df;
  font-weight:500;
  color:#193d3f;
}
.pilot-page.pilot-editorial .size-guide-reference td:first-child{font-weight:500;color:#193d3f;width:40%}
.pilot-page.pilot-editorial main.cookie-policy th:first-child{width:26%}
.pilot-page.pilot-editorial main.cookie-policy th:last-child{width:28%}
.pilot-page.pilot-editorial main form[data-unsubscribe]{
  border:1px solid var(--pilot-rule,#dcded5);
  padding:29px 32px;
  background:#e9e9df;
  margin:28px 0;
}
.pilot-page.pilot-editorial main form[data-unsubscribe] > p:first-child{margin-top:0}
.pilot-page.pilot-editorial main form[data-unsubscribe] [role=status]:empty{margin:0}

/* Order and delivery policies retain their complete existing text. */
.pilot-page.pilot-editorial .page-heading{
  padding:0 0 34px;
  max-width:900px;
}
.pilot-page.pilot-editorial .page-heading > p:not(.eyebrow){margin:0}
.pilot-page.pilot-editorial :is(.standard-return-policy,.custom-order-policy){
  max-width:870px;
  padding:31px 0 22px;
  border-top:1px solid var(--pilot-rule,#dcded5);
  margin:0 auto 25px;
}
.pilot-page.pilot-editorial :is(.standard-return-policy,.custom-order-policy) p{margin:0 0 17px}
.pilot-page.pilot-editorial .custom-order-policy + .atelier-story{margin-top:27px;margin-bottom:0}

@media(max-width:1100px){
  .pilot-page.pilot-editorial main{padding:43px 30px 60px}
  .pilot-page.pilot-editorial .about-lead{gap:33px}
  .pilot-page.pilot-editorial .about-values{gap:26px}
  .pilot-page.pilot-editorial .about-values h2{font-size:25px}
  .pilot-page.pilot-editorial .workshop-grid img{height:285px}
}
@media(max-width:760px){
  .pilot-page.pilot-editorial main{padding:36px 20px 47px}
  .pilot-page.pilot-editorial main > h1,
  .pilot-page.pilot-editorial .page-heading h1,
  .pilot-page.pilot-editorial .about-lead h1{font-size:37px;margin-bottom:22px}
  .pilot-page.pilot-editorial main > h2,
  .pilot-page.pilot-editorial main > section > h2,
  .pilot-page.pilot-editorial .about-values h2,
  .pilot-page.pilot-editorial .panel h2{font-size:26px}
  .pilot-page.pilot-editorial main > p,
  .pilot-page.pilot-editorial main > section > p,
  .pilot-page.pilot-editorial .about-values p,
  .pilot-page.pilot-editorial .about-lead p:not(.eyebrow),
  .pilot-page.pilot-editorial .panel p,
  .pilot-page.pilot-editorial main form > p{font-size:13px;line-height:1.85}
  .pilot-page.pilot-editorial main > .lead,
  .pilot-page.pilot-editorial .about-lead .lead{font-size:15px}
  .pilot-page.pilot-editorial .about-lead{grid-template-columns:1fr;gap:23px;padding:0 0 34px}
  .pilot-page.pilot-editorial .about-lead figure{margin:0;max-width:none}
  .pilot-page.pilot-editorial .about-values{grid-template-columns:1fr;gap:25px;padding:31px 0}
  .pilot-page.pilot-editorial .about-values > section + section{padding-top:25px;border-top:1px solid var(--pilot-rule,#dcded5)}
  .pilot-page.pilot-editorial .about-values h2{margin-bottom:13px}
  .pilot-page.pilot-editorial .showroom-overview{margin:8px auto 37px}
  .pilot-page.pilot-editorial .showroom-overview img{max-height:none}
  .pilot-page.pilot-editorial .atelier-story{padding:30px 22px 32px;margin-bottom:39px}
  .pilot-page.pilot-editorial .atelier-story h2{font-size:31px}
  .pilot-page.pilot-editorial .workshop-grid,
  .pilot-page.pilot-editorial .workshop-grid-extra{grid-template-columns:1fr;gap:26px}
  .pilot-page.pilot-editorial .workshop-grid-extra{margin-bottom:26px}
  .pilot-page.pilot-editorial .workshop-grid img{height:auto;max-height:none;object-fit:contain}
  .pilot-page.pilot-editorial .new-models-intro{gap:12px 21px;font-size:12px;padding-bottom:20px;margin-bottom:27px}
  .pilot-page.pilot-editorial .new-models-intro span{flex-basis:100%;margin-right:0}
  .pilot-page.pilot-editorial .panel{padding:22px;margin:25px 0 31px}
  .pilot-page.pilot-editorial main.commerce-page > h2,
  .pilot-page.pilot-editorial main.cookie-policy > h2,
  .pilot-page.pilot-editorial main.commerce-page > section{margin-top:27px;padding-top:24px}
  .pilot-page.pilot-editorial main.cookie-policy table{min-width:580px}
  .pilot-page.pilot-editorial main.cookie-policy caption{padding:14px}
  .pilot-page.pilot-editorial :is(.size-guide-reference,.cookie-policy) :is(th,td){padding:13px 14px;font-size:12px}
  .pilot-page.pilot-editorial main form[data-unsubscribe]{padding:23px 22px}
  .pilot-page.pilot-editorial .page-heading{padding-bottom:28px}
  .pilot-page.pilot-editorial :is(.standard-return-policy,.custom-order-policy){padding:26px 0 17px;margin-bottom:18px}
}
@media(max-width:380px){
  .pilot-page.pilot-editorial main > h1,
  .pilot-page.pilot-editorial .page-heading h1,
  .pilot-page.pilot-editorial .about-lead h1{font-size:33px}
}