/* Five generous plan layouts, with a quiet change of rhythm between them. */
.visual-page .plans-editorial{background:#e9e4d8;padding-block:94px 88px}
.plans-editorial>.wrap{width:min(1260px,88%)}
.plans-editorial .section-top{margin-bottom:46px}
.plans-editorial .plan-index{margin-bottom:46px}
.plans-editorial .plan-spreads{display:flex;flex-direction:column;gap:84px}
.visual-page .plans-editorial .plan-spread{
  display:grid;
  grid-template-columns:minmax(0,1.13fr) minmax(0,1fr);
  grid-template-areas:"drawing description";
  align-items:stretch;
  background:var(--paper);
  width:100%;
  margin:0;
  min-width:0;
}
.plans-editorial .plan-spread .plan-figure{
  grid-area:drawing;
  padding:27px 30px 22px;
  min-width:0;
  height:auto;
  background:#fff;
}
.plans-editorial .plan-ref{font-size:11px;line-height:1.7;letter-spacing:.16em;text-align:left}
.plans-editorial .plan-figure .plan-image-button{min-width:0;margin-top:9px;cursor:zoom-in}
.plans-editorial .plan-figure .plan-image-button img{width:100%;height:var(--plan-visual-height,570px);object-fit:contain}
.plans-editorial .zoom-link{font-size:14px;min-height:48px;gap:48px;padding-inline:7px;margin-top:5px}
.plans-editorial .zoom-link:hover{color:var(--copper);border-color:var(--copper)}
.visual-page .plans-editorial .plan-spread .plan-info{
  grid-area:description;
  min-width:0;
  padding:49px clamp(27px,3.1vw,50px);
  align-self:center;
}
.plans-editorial .plan-info>.eyebrow{font-size:12px;letter-spacing:.12em;line-height:1.85}
.plans-editorial .plan-feature-letter{margin-top:21px;font-size:15px;gap:13px}
.plans-editorial .plan-feature-letter>span{font-size:72px}
.visual-page .plans-editorial .plan-info h3{font-size:32px;line-height:1.75;letter-spacing:.045em;margin-top:28px}
.plans-editorial .plan-phrase{display:inline-block}
.visual-page .plans-editorial .plan-info .plan-description{font-size:16px;line-height:2;margin-top:24px;max-width:27em}
.visual-page .plans-editorial .plan-info .plan-description br{display:initial}
.visual-page .plans-editorial .plan-uses{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:31px 0 0;padding-top:23px;border-top:1px solid #d7d2c7}
.visual-page .plans-editorial .plan-uses li{min-width:0;font-size:13px;line-height:1.8;gap:11px;padding:0}
.visual-page .plans-editorial .plan-uses .line-icon{width:58px;height:58px;flex:none;color:#6b735e}
.plans-editorial .plan-use-text{display:block;text-wrap:balance}
.visual-page .plans-editorial .plan-spread-b{
  grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);
  grid-template-areas:"description drawing";
  width:96%;margin-left:auto;
  background:#edf0e8;
  --plan-visual-height:540px;
}
.plans-editorial .plan-spread-b .plan-info{border-top:3px solid #b9c0aa}
.visual-page .plans-editorial .plan-spread-c{--plan-visual-height:590px}
.plans-editorial .plan-spread-c .plan-info{border-top:3px solid #c9b995}
.visual-page .plans-editorial .plan-spread-d{
  grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);
  grid-template-areas:"description drawing";
  width:98%;background:#efe8de;
  --plan-visual-height:560px;
}
.plans-editorial .plan-spread-d .plan-info{border-top:3px solid #c8b499}
.visual-page .plans-editorial .plan-spread-e{
  grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);
  gap:32px;
  background:transparent;
  --plan-visual-height:550px;
}
.visual-page .plans-editorial .plan-spread-e .plan-info{padding-inline:20px 15px}
.plans-editorial .plan-spread-e .plan-uses{border-color:#c9c1b0}
.plans-editorial .plan-usage-note{font-size:12px;color:var(--muted);line-height:1.9;margin-top:30px}
.plans-editorial .plan-collection-close{margin-top:44px;padding-top:34px}
@media(min-width:1001px){
  .plans-editorial .plan-spread-b .plan-info{margin-block:26px}
  .plans-editorial .plan-spread-d .plan-info{margin-block:36px}
}
@media(max-width:1100px) and (min-width:801px){
  .plans-editorial>.wrap{width:91%}
  .plans-editorial .plan-spreads{gap:66px}
  .visual-page .plans-editorial .plan-spread{grid-template-columns:minmax(0,1.03fr) minmax(0,1fr)}
  .plans-editorial .plan-spread .plan-figure{padding-inline:17px}
  .plans-editorial .plan-figure .plan-image-button img{height:480px}
  .visual-page .plans-editorial .plan-spread .plan-info{padding:31px 25px}
  .visual-page .plans-editorial .plan-info h3{font-size:27px;letter-spacing:.025em}
  .plans-editorial .plan-feature-letter>span{font-size:64px}
  .visual-page .plans-editorial .plan-info .plan-description{font-size:15px}
  .visual-page .plans-editorial .plan-uses{gap:7px}
  .visual-page .plans-editorial .plan-uses li{font-size:12px}
  .visual-page .plans-editorial .plan-spread-e{gap:20px}
}
@media(max-width:800px){
  .visual-page .plans-editorial{padding-block:66px 58px}
  .plans-editorial>.wrap{width:90%}
  .plans-editorial .section-top{display:block;margin-bottom:27px}
  .plans-editorial .section-top>p{font-size:16px;margin-top:19px}
  .plans-editorial .plan-index{margin:0 0 31px}
  .plans-editorial .plan-spreads{gap:48px}
  .visual-page .plans-editorial .plan-spread{
    display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"drawing" "description";
    width:100%;margin:0;gap:0;
  }
  .plans-editorial .plan-spread .plan-figure{padding:23px 24px 20px}
  .plans-editorial .plan-figure .plan-image-button img{height:clamp(310px,99vw,550px)}
  .visual-page .plans-editorial .plan-spread .plan-info{padding:31px 30px 36px;margin:0;border:0}
  .plans-editorial .plan-feature-letter{margin-top:16px}
  .plans-editorial .plan-feature-letter>span{font-size:61px}
  .visual-page .plans-editorial .plan-info h3{font-size:29px;margin-top:24px}
  .visual-page .plans-editorial .plan-info .plan-description{font-size:16px;margin-top:19px}
  .visual-page .plans-editorial .plan-uses{margin-top:26px;padding-top:20px;gap:10px}
  .visual-page .plans-editorial .plan-spread-e{background:var(--paper)}
  .plans-editorial .plan-usage-note{margin-top:24px}
}
@media(max-width:480px){
  .plans-editorial>.wrap{width:92%}
  .plans-editorial .section-top,.plans-editorial .plan-index,.plans-editorial .plan-collection-close,.plans-editorial .plan-usage-note,.plans-editorial .section-note{margin-inline:3%}
  .plans-editorial .plan-spread .plan-figure{padding:20px 16px 16px}
  .plans-editorial .plan-ref{font-size:10px}
  .plans-editorial .plan-figure .plan-image-button img{height:clamp(290px,99vw,440px)}
  .visual-page .plans-editorial .plan-spread .plan-info{padding:29px 24px 33px}
  .visual-page .plans-editorial .plan-info h3{font-size:27px;letter-spacing:.03em}
  .visual-page .plans-editorial .plan-uses .line-icon{width:52px;height:52px}
  .visual-page .plans-editorial .plan-uses li{font-size:12px;gap:8px}
  .plans-editorial .plan-feature-letter>span{font-size:56px}
}
@media(max-width:360px){
  .visual-page .plans-editorial .plan-spread .plan-info{padding-inline:20px}
  .visual-page .plans-editorial .plan-info h3{font-size:24px;letter-spacing:.02em}
  .visual-page .plans-editorial .plan-uses{gap:5px}
  .visual-page .plans-editorial .plan-uses li{font-size:12px}
}