body.enc-art{background:var(--concrete,#F3F0EA);color:var(--carbon,#151515);}
.enc-art__crumb{
 max-width:1100px;
 margin:0 auto;
 padding:100px clamp(20px,4vw,56px) 0;
 font-family:'Montserrat',sans-serif;
 font-size:11px;
 font-weight:500;
 letter-spacing:.14em;
 text-transform:uppercase;
 color:var(--steel,#72716D);
}
.enc-art__crumb a{color:inherit;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s ease;}
.enc-art__crumb a:hover{border-bottom-color:var(--carbon);}
.enc-art__crumb span{color:var(--carbon);}
.enc-art__hero{
 max-width:1100px;
 margin:0 auto;
 padding:clamp(28px,4vh,48px) clamp(20px,4vw,56px) clamp(40px,6vh,72px);
 display:grid;
 grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);
 gap:clamp(28px,5vw,64px);
 align-items:end;
}
.enc-art__hero-eyebrow{
 font-family:'Montserrat',sans-serif;
 font-size:11px;
 font-weight:600;
 letter-spacing:.26em;
 text-transform:uppercase;
 color:var(--steel);
 margin:0 0 16px;
}
.enc-art__hero h1{
 font-family:'Cormorant Garamond',serif;
 font-size:clamp(44px,6.5vw,80px);
 font-weight:400;
 letter-spacing:-.018em;
 line-height:1.02;
 margin:0 0 12px;
}
.enc-art__hero h1 em{font-style:italic;font-weight:500;}
.enc-art__hero-type{
 font-family:'Montserrat',sans-serif;
 font-size:14px;
 color:var(--graphite);
 margin:0 0 24px;
}
.enc-art__hero-type b{color:var(--carbon);font-weight:600;}
.enc-art__hero-actions{
 display:flex;
 gap:12px;
 flex-wrap:wrap;
}
.enc-art__hero-media{
 position:relative;
 aspect-ratio:4/3;
 border-radius:22px;
 overflow:hidden;
 background:#e8e3d8;
 box-shadow:0 28px 56px rgba(21,21,21,.08);
}
.enc-art__hero-media img{
 width:100%;height:100%;object-fit:cover;display:block;
}
.enc-art__tldr{
 max-width:1100px;
 margin:0 auto;
 padding:0 clamp(20px,4vw,56px) clamp(40px,6vh,72px);
}
.enc-art__tldr-grid{
 display:grid;
 grid-template-columns:repeat(auto-fit,minmax(140px,1fr));
 gap:1px;
 background:rgba(21,21,21,.08);
 border-radius:18px;
 overflow:hidden;
}
.enc-art__tldr-cell{
 background:#fff;
 padding:18px 18px 16px;
 display:flex;
 flex-direction:column;
 gap:4px;
}
.enc-art__tldr-cell dt{
 font-family:'Montserrat',sans-serif;
 font-size:10px;
 font-weight:600;
 letter-spacing:.18em;
 text-transform:uppercase;
 color:var(--steel);
 margin:0;
}
.enc-art__tldr-cell dd{
 font-family:'Cormorant Garamond',serif;
 font-size:22px;
 font-weight:500;
 letter-spacing:-.005em;
 line-height:1.1;
 color:var(--carbon);
 margin:0;
}
.enc-art__tldr-cell dd small{
 font-family:'Montserrat',sans-serif;
 font-size:11px;
 font-weight:400;
 color:var(--graphite);
 display:block;
 margin-top:1px;
}
.enc-art__section{
 max-width:1100px;
 margin:0 auto;
 padding:clamp(40px,6vh,72px) clamp(20px,4vw,56px);
}
.enc-art__section--paper{background:#fff;max-width:none;padding-left:0;padding-right:0;}
.enc-art__section--paper>.enc-art__section-inner{
 max-width:1100px;
 margin:0 auto;
 padding:0 clamp(20px,4vw,56px);
}
.enc-art__h2{
 font-family:'Cormorant Garamond',serif;
 font-size:clamp(30px,4.5vw,48px);
 font-weight:400;
 letter-spacing:-.012em;
 line-height:1.05;
 margin:0 0 24px;
}
.enc-art__h2 em{font-style:italic;font-weight:500;}
.enc-art__eyebrow{
 font-family:'Montserrat',sans-serif;
 font-size:11px;
 font-weight:600;
 letter-spacing:.26em;
 text-transform:uppercase;
 color:var(--steel);
 margin:0 0 12px;
}
.enc-art__lede{
 font-family:'Montserrat',sans-serif;
 font-size:17px;
 line-height:1.65;
 color:var(--graphite);
 max-width:64ch;
 margin:0 0 18px;
 font-weight:300;
}
.enc-art__p{
 font-family:'Montserrat',sans-serif;
 font-size:15px;
 line-height:1.65;
 color:var(--graphite);
 max-width:64ch;
 margin:0 0 14px;
}
.enc-art__p b{color:var(--carbon);font-weight:600;}
.enc-art__use-grid{
 display:grid;
 grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
 gap:16px;
 margin-top:24px;
}
.enc-art__use{
 background:#fff;
 border-radius:16px;
 padding:22px 22px 18px;
 border:1px solid rgba(21,21,21,.08);
}
.enc-art__use--no{background:var(--concrete,#F3F0EA);border-style:dashed;}
.enc-art__use h3{
 font-family:'Montserrat',sans-serif;
 font-size:13px;
 font-weight:600;
 letter-spacing:.14em;
 text-transform:uppercase;
 margin:0 0 12px;
 color:var(--carbon);
}
.enc-art__use h3::before{
 content:"+";
 font-weight:700;
}
.enc-art__use--no h3::before{content:"— ";color:var(--steel);}
.enc-art__use ul{
 list-style:none;padding:0;margin:0;
 display:flex;flex-direction:column;gap:8px;
}
.enc-art__use li{
 font-family:'Montserrat',sans-serif;
 font-size:13px;
 line-height:1.5;
 color:var(--graphite);
 padding-left:14px;
 position:relative;
}
.enc-art__use li::before{
 content:"·";
 position:absolute;left:4px;
 color:var(--steel);
}
.enc-art__subsystems{
 margin-top:28px;
 overflow-x:auto;
 border-radius:18px;
 border:1px solid rgba(21,21,21,.08);
 background:#fff;
}
.enc-art__subsystems table{
 width:100%;
 border-collapse:collapse;
 font-family:'Montserrat',sans-serif;
 font-size:13px;
 min-width:640px;
}
.enc-art__subsystems th,.enc-art__subsystems td{
 text-align:left;
 padding:14px 16px;
 border-bottom:1px solid rgba(21,21,21,.06);
 vertical-align:top;
}
.enc-art__subsystems thead th{
 background:var(--concrete);
 font-size:10px;
 font-weight:600;
 letter-spacing:.18em;
 text-transform:uppercase;
 color:var(--steel);
 position:sticky;top:0;
}
.enc-art__subsystems tbody tr:last-child td{border-bottom:0;}
.enc-art__subsystems b{
 font-family:'Cormorant Garamond',serif;
 font-weight:500;
 font-size:17px;
 letter-spacing:-.005em;
}
.enc-art__buildup{
 display:grid;
 grid-template-columns:minmax(0,0.85fr) minmax(0,1.15fr);
 gap:32px;
 margin-top:24px;
 align-items:start;
}
.enc-art__layers{
 background:#fff;
 border-radius:18px;
 padding:18px;
 border:1px solid rgba(21,21,21,.08);
}
.enc-art__layer{
 position:relative;
 margin-bottom:4px;
 border-radius:8px;
 padding:12px 14px;
 color:#fff;
 display:flex;
 justify-content:space-between;
 align-items:center;
 font-family:'Montserrat',sans-serif;
 font-size:12px;
 font-weight:500;
}
.enc-art__layer--topcoat{background:#151515;}
.enc-art__layer--body{background:#2D2D2D;height:56px;}
.enc-art__layer--primer{background:#72716D;}
.enc-art__layer--prep{background:#a09e98;color:#151515;}
.enc-art__layer--substrate{
 background:var(--concrete);
 color:var(--carbon);
 border:1px dashed rgba(21,21,21,.18);
}
.enc-art__layer small{font-weight:400;opacity:.8;}
.enc-art__legend{
 display:flex;flex-direction:column;gap:14px;
}
.enc-art__legend-row{
 display:flex;gap:14px;align-items:flex-start;
}
.enc-art__legend-dot{
 flex:0 0 14px;height:14px;border-radius:4px;
 margin-top:3px;
}
.enc-art__legend-body h4{
 font-family:'Montserrat',sans-serif;
 font-size:13px;
 font-weight:600;
 margin:0 0 4px;
 color:var(--carbon);
}
.enc-art__legend-body p{
 font-family:'Montserrat',sans-serif;
 font-size:13px;
 line-height:1.55;
 color:var(--graphite);
 margin:0;
}
.enc-art__legend-body b{color:var(--carbon);font-weight:600;}
.enc-art__timeline{
 margin-top:24px;
 display:grid;
 grid-template-columns:repeat(auto-fit,minmax(140px,1fr));
 gap:1px;
 background:rgba(21,21,21,.08);
 border-radius:18px;
 overflow:hidden;
}
.enc-art__day{
 background:#fff;
 padding:18px 18px 16px;
 display:flex;flex-direction:column;gap:6px;
}
.enc-art__day-num{
 font-family:'Cormorant Garamond',serif;
 font-size:32px;
 font-weight:500;
 line-height:1;
 color:var(--carbon);
}
.enc-art__day-label{
 font-family:'Montserrat',sans-serif;
 font-size:11px;
 font-weight:600;
 letter-spacing:.14em;
 text-transform:uppercase;
 color:var(--steel);
}
.enc-art__day-desc{
 font-family:'Montserrat',sans-serif;
 font-size:12px;
 line-height:1.5;
 color:var(--graphite);
}
.enc-art__cross{
 display:grid;
 grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
 gap:16px;
 margin-top:24px;
}
.enc-art__xcard{
 background:#fff;
 border-radius:18px;
 padding:22px;
 border:1px solid rgba(21,21,21,.08);
 display:flex;flex-direction:column;
 text-decoration:none;color:inherit;
 transition:transform .3s ease,box-shadow .3s ease,border-color .2s;
}
.enc-art__xcard:hover{
 transform:translateY(-3px);
 box-shadow:0 16px 32px rgba(21,21,21,.06);
 border-color:rgba(21,21,21,.18);
}
.enc-art__xcard h4{
 font-family:'Cormorant Garamond',serif;
 font-size:22px;
 font-weight:500;
 letter-spacing:-.005em;
 margin:0 0 4px;
}
.enc-art__xcard p{
 font-family:'Montserrat',sans-serif;
 font-size:13px;
 line-height:1.5;
 color:var(--graphite);
 margin:0 0 14px;
 flex:1;
}
.enc-art__xcard b{color:var(--carbon);font-weight:600;}
.enc-art__xcard span{
 font-family:'Montserrat',sans-serif;
 font-size:11px;
 font-weight:600;
 letter-spacing:.14em;
 text-transform:uppercase;
 color:var(--carbon);
 margin-top:auto;
}
.enc-art__xcard span::after{content:" →";transition:transform .2s ease;}
.enc-art__xcard:hover span::after{transform:translateX(3px);}
[data-show="designer"],[data-show="architect"],[data-show="builder"]{
 display:none;
}
body[data-persona="designer"] [data-show="designer"],
body[data-persona="architect"] [data-show="architect"],
body[data-persona="builder"] [data-show="builder"]{display:block;}
.enc-art__persona-pill{
 position:sticky;top:72px;
 z-index:30;
 background:rgba(243,240,234,.92);
 backdrop-filter:blur(10px);
 border-top:1px solid rgba(21,21,21,.08);
 border-bottom:1px solid rgba(21,21,21,.08);
}
.enc-art__persona-pill-inner{
 max-width:1100px;
 margin:0 auto;
 padding:12px clamp(20px,4vw,56px);
 display:flex;
 gap:14px;
 align-items:center;
 font-family:'Montserrat',sans-serif;
 font-size:11px;
 font-weight:600;
 letter-spacing:.14em;
 text-transform:uppercase;
 color:var(--steel);
 flex-wrap:wrap;
}
.enc-art__persona-pill-inner>span:first-child{color:var(--carbon);}
.enc-art__persona-toggle{
 display:inline-flex;
 gap:2px;
 background:rgba(21,21,21,.06);
 padding:3px;
 border-radius:999px;
}
.enc-art__persona-btn{
 font-family:'Montserrat',sans-serif;
 font-size:10px;
 font-weight:600;
 letter-spacing:.12em;
 text-transform:uppercase;
 padding:6px 12px;
 border-radius:999px;
 border:0;
 background:transparent;
 color:var(--steel);
 cursor:pointer;
 transition:background .2s,color .2s;
}
.enc-art__persona-btn[aria-pressed="true"]{
 background:var(--carbon);
 color:#fff;
}
.enc-art__persona-btn:hover:not([aria-pressed="true"]){color:var(--carbon);}
.enc-art__bottom{
 background:var(--carbon);
 color:#fff;
 padding:clamp(48px,7vh,80px) clamp(20px,4vw,56px);
 text-align:center;
}
.enc-art__bottom h2{
 font-family:'Cormorant Garamond',serif;
 font-size:clamp(28px,4.5vw,44px);
 font-weight:400;
 letter-spacing:-.012em;
 margin:0 0 14px;
 color:#fff;
}
.enc-art__bottom h2 em{font-style:italic;font-weight:500;}
.enc-art__bottom p{
 font-family:'Montserrat',sans-serif;
 font-size:15px;
 line-height:1.6;
 color:rgba(255,255,255,.78);
 max-width:50ch;
 margin:0 auto 24px;
}
.enc-art__bottom-cta{
 display:inline-flex;gap:12px;flex-wrap:wrap;
 justify-content:center;
}
.enc-art__bottom-cta .btn-light{
 background:#fff;
 color:var(--carbon);
}
.enc-art__bottom-cta .btn-ghost{
 border:1px solid rgba(255,255,255,.32);
 color:#fff;
 background:transparent;
 padding:14px 28px;
 border-radius:999px;
 font-family:'Montserrat',sans-serif;
 font-size:12px;
 font-weight:600;
 letter-spacing:.14em;
 text-transform:uppercase;
 text-decoration:none;
 transition:background .2s,border-color .2s;
}
.enc-art__bottom-cta .btn-ghost:hover{
 background:rgba(255,255,255,.10);
 border-color:rgba(255,255,255,.55);
}
@media (max-width:760px){
 .enc-art__hero{grid-template-columns:1fr;gap:24px;align-items:start;}
 .enc-art__hero-media{aspect-ratio:16/10;border-radius:16px;}
 .enc-art__buildup{grid-template-columns:1fr;}
 .enc-art__persona-pill{top:56px;}
 .enc-art__tldr-cell dd{font-size:19px;}
}