
/* DESIGN TRIAL ONLY — reversible editorial direction, not approved for production */
body{font-family:Georgia,"Times New Roman",serif;line-height:1.64;background:#eeeae1;color:#242722}
.nav,.btn,.kicker,.eyebrow,.number,.step,.links,.brand,.compact-site-menu{font-family:Arial,sans-serif}
.nav{background:#121d20}
.navin{height:78px}
.brand{letter-spacing:.035em;font-size:.83rem}
.links{gap:17px;font-size:.79rem}
.btn{border-radius:3px;font-weight:650;letter-spacing:.012em}
.primary{background:#c8a36d;color:#1c2423}
.hero{background:#17262b;padding:86px 0 72px}
.hero h1{font-family:Georgia,serif;font-weight:400;letter-spacing:-.055em;font-size:clamp(3.4rem,7vw,6.8rem);line-height:1.02;max-width:900px}
.hero .lead{font-size:1.3rem;line-height:1.6;color:#e0e1d9}
.section{padding:76px 0}
.title{font-weight:400;letter-spacing:-.045em}
.kicker,.eyebrow{color:#b9915c;letter-spacing:.18em}
.white{background:#f8f6f0}
.grid.g3{gap:0;border-top:1px solid #c8c5bc;border-bottom:1px solid #c8c5bc}
.grid.g3 .card{background:transparent;border:0;border-right:1px solid #c8c5bc;border-radius:0;min-height:220px;padding:24px 27px 30px}
.grid.g3 .card:last-child{border-right:0}
.card h3{font-family:Georgia,serif;font-weight:400;font-size:1.55rem;letter-spacing:-.02em;margin:22px 0 8px}
.card p{font-size:1rem;line-height:1.65}
.callout,.band{border-radius:4px}
.design-project-figure{max-width:480px;margin-inline:auto}
.design-project-figure img{max-height:340px;object-fit:contain}
@media(max-width:760px){.grid.g3{display:block}.grid.g3 .card{border-right:0;border-bottom:1px solid #c8c5bc}.hero{padding:62px 0}.section{padding:58px 0}}

/* M39: Extend approved Design-page direction to shop, learning and contact. */
:root{--editorial-rule:#c8c5bc}
.productTile{border-radius:3px;box-shadow:none;border-color:#d1cec5}
.productTile .productInfo{background:#f8f6f0}
.productTile .productActions{border-top:1px solid #d6d2c8;padding-top:12px}
.brandSection{border-top:1px solid var(--editorial-rule)}
.shop-brand-accordion{border-radius:3px;border-color:#52564f;background:#17262b}
.shop-brand-accordion>summary{transition:background-color .15s ease}
.shop-brand-accordion>summary:hover{background:#203238}
.shop-brand-accordion .brand-preview{border-radius:2px}
.ssd-card{border-radius:3px;background:#17262b;border-color:#47545a}
.ssd-visual{background:#f0eee8}
.ssd-photo-frame img{mix-blend-mode:normal}
.ssd-copy{padding:22px 24px}
.ssd-copy h3{font-family:Georgia,serif;font-weight:400;font-size:1.5rem}
.ssd-shop-banner,.ssd-more,.tool-card{border-radius:3px}
.tool-card{background:#17262b}
input,textarea,select{border-radius:3px}
:where(a,button,input,textarea,select,summary):focus-visible{outline:3px solid #c8a36d;outline-offset:4px}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media(max-width:760px){.productTile{min-height:0}.ssd-copy{padding:20px}}

/* M40 — restrained heading hierarchy, secondary pages only */
.hero h1{font-size:clamp(2.55rem,5.1vw,5.05rem);line-height:1.09;letter-spacing:-.042em;max-width:850px}
.title,h2.title{font-size:clamp(2.05rem,3.6vw,3.35rem);line-height:1.14;letter-spacing:-.035em;margin-bottom:16px}
.section h2:not(.title){font-size:clamp(1.7rem,2.8vw,2.45rem);line-height:1.2}
.card h3{font-size:1.35rem;margin-top:17px}
.ssd-copy h3{font-size:1.32rem}
.hero{padding-top:72px;padding-bottom:64px}
.section{padding-top:66px;padding-bottom:66px}
@media(max-width:760px){.hero h1{font-size:clamp(2.25rem,8vw,3.05rem)}.title,h2.title{font-size:clamp(1.9rem,6vw,2.45rem)}.hero{padding-top:54px;padding-bottom:50px}.section{padding-top:50px;padding-bottom:50px}}
