.intro{max-width:780px;padding-bottom:45px}.jump-links{display:flex;gap:22px;flex-wrap:wrap;margin-top:26px}.jump-links a{min-height:44px;display:inline-flex;align-items:center;font-size:13px;text-decoration-thickness:1px;color:#007074}.directions[data-mode=smooth]{display:block}.direction.smooth{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:0 50px}.direction-head{grid-column:1/-1}.art-figure{grid-column:1;grid-row:2/7;margin:0;align-self:center}.direction .spec-label{margin-top:24px;margin-bottom:13px}.direction .control-stage{min-height:105px;padding:20px}.direction .spec-label,.direction .control-stage,.direction .panel,.direction .finish-note{grid-column:2}.direction .finish-note{margin-top:15px}.art-figure figcaption{display:block}.art-figure figcaption span{display:block}.logo-section,.pieces-section{padding-top:75px;margin-top:65px;border-top:1px solid #dfe5df;scroll-margin-top:24px}.section-intro{max-width:620px;margin-bottom:32px}.section-intro .eyebrow{margin-bottom:16px}.section-intro h2{font-size:32px;font-weight:550;line-height:1.15;letter-spacing:-.035em;margin:0 0 14px}.section-intro>p:last-child{font-size:16px;line-height:1.65;color:#51635f;margin:0}.logo-contexts{display:grid;grid-template-columns:1fr 1fr;gap:28px}.logo-context{padding:25px;border-radius:16px;min-height:245px;display:flex;flex-direction:column;justify-content:space-between;gap:30px;background:#fff;border:1px solid #dfe5df;box-shadow:0 8px 24px #0713170a}.context-top{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:#51635f}.logo-space{padding:calc(var(--logo-width)*.143);width:max-content;max-width:100%;}.logo-space img{display:block;max-width:100%;height:auto;width:var(--logo-width)}.context-bottom{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:12px}.context-bottom a{margin-left:auto;min-height:44px;display:inline-flex;align-items:center;color:#007074;font-size:12px}.swatch{width:9px;height:9px;border-radius:50%;background:var(--swatch)}.dark-context{background:linear-gradient(125deg,#0a1c23 0%,#12383f 54%,#245e62 100%);color:#fcfbf7;border-color:#285258}.dark-context .context-top{color:#d2e6df}.dark-context .context-bottom a{color:#86eadb}.inverse-logo{filter:invert(98%) sepia(8%) saturate(208%) hue-rotate(357deg) brightness(101%)}.size-study{display:grid;grid-template-columns:1fr 1.65fr;gap:42px;margin-top:45px;align-items:center}.size-copy h3{font-size:19px;letter-spacing:-.02em;font-weight:550;margin:0 0 12px}.size-copy p{font-size:14px;line-height:1.65;color:#51635f;margin:0 0 12px}.size-copy strong{color:#071317;font-weight:550}.quiet{font-size:12px!important;line-height:1.6;color:#51635f}.size-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.size-options figure{margin:0}.size-options figure>div{border:1px solid #dfe5df;border-radius:12px;background:#fff;min-height:128px;display:grid;place-items:center;padding:18px}.size-options .recommended>div{border-color:#007074;box-shadow:0 0 0 1px #007074}.size-options img{display:block;max-width:100%;height:auto}.size-options figcaption{font-size:12px;font-weight:550;margin-top:12px;line-height:1.5}.size-options figcaption span{display:block;font-size:11px;color:#51635f;font-weight:400;margin-top:3px}.clear-space-demo{display:flex;align-items:center;gap:35px;background:#f2f6ef;border-radius:16px;padding:28px;margin-top:32px}.measured{border:1px dashed #007074;position:relative;background:#fff}.measured img{outline:1px solid #d7e4dd}.clear-space-demo p{font-size:13px;color:#34574b;line-height:1.7;max-width:350px}.piece-proof{display:grid;grid-template-columns:minmax(0,2.3fr) minmax(190px,1fr);gap:55px;align-items:center}.piece-proof figure{margin:0}.exact-art{background:linear-gradient(150deg,#fffefb,#f6f3ea);border-radius:16px;padding:25px}.exact-art img{width:100%;height:auto;display:block}.piece-proof figcaption{font-size:12px;color:#51635f;margin-top:14px;line-height:1.6}.source-symbol img{display:block;max-width:100%;height:auto}.source-symbol p{font-size:13px;line-height:1.65}.study-end{margin-top:70px}@media(max-width:1100px){.direction.smooth{gap:0 28px}.control-stage p{max-width:none}.size-study{grid-template-columns:1fr}.size-copy{max-width:580px}.size-options{max-width:750px}.context-bottom a{margin-left:0;flex-basis:100%}}@media(max-width:767px){.direction.smooth{display:block}.intro{padding-bottom:25px}.jump-links{gap:17px}.logo-section,.pieces-section{padding-top:38px;margin-top:42px}.section-intro h2{font-size:28px}.logo-contexts{grid-template-columns:1fr;gap:20px}.logo-context{padding:22px;min-height:260px}.context-bottom a{flex-basis:auto;margin-left:auto}.size-study{gap:24px;margin-top:30px}.size-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}.size-options figure:last-child{grid-column:1/-1;max-width:190px}.size-options figure>div{padding:12px;min-height:115px}.clear-space-demo{flex-direction:column;align-items:flex-start;padding:20px;gap:15px}.clear-space-demo p{margin:0}.piece-proof{grid-template-columns:1fr;gap:30px}.exact-art{padding:10px}.source-symbol{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:center}.source-symbol p{margin:0}.source-symbol .quiet{grid-column:1/-1}.direction .spec-label{margin-top:28px}.study-end{margin-top:45px}}@media(max-width:360px){.size-options{grid-template-columns:1fr}.size-options figure:last-child{grid-column:auto;max-width:none}.context-top{font-size:10px}.context-bottom a{flex-basis:100%;margin-left:0}.clear-space-demo{padding:17px}.logo-space.measured{--logo-width:156px!important}}

.inverse-logo{filter:none}

.dark-context a:focus-visible{outline-color:#86eadb}
@media(max-width:767px){.top img{width:112px}}