.linear-page{background:#f0efe9}
.linear-breadcrumb{display:flex;flex-wrap:wrap;gap:12px;padding-block:27px;font-size:11px;color:#61625a}
.linear-breadcrumb a{text-decoration:underline;text-underline-offset:4px}
.linear-intro{padding:56px 0 90px}
.linear-intro-copy{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.6fr);align-items:end;gap:clamp(48px,7vw,110px);margin-bottom:58px}
.linear-intro .eyebrow{font-size:9px;margin-bottom:33px}
.linear-intro h1{font-size:clamp(60px,6.2vw,94px);font-weight:500;line-height:1.06}
.linear-underlined{position:relative;white-space:nowrap}
.linear-underlined:after{content:'';position:absolute;left:0;right:0;bottom:-5px;height:5px;background:var(--lime)}
.linear-intro-detail{padding-bottom:8px}
.linear-intro-detail p{max-width:425px;font-size:15px;line-height:1.85;color:#41423d}
.linear-intro-detail p+p{margin-top:18px}
.linear-intro-detail .text-link{margin-top:25px;gap:32px}
.linear-reference>img{width:100%;height:clamp(390px,44vw,640px);object-fit:cover;object-position:50% 42%}
.linear-reference figcaption{display:flex;justify-content:space-between;align-items:start;gap:25px;padding-top:16px}
.linear-reference figcaption>span{font:9px/1.7 Mono,monospace;letter-spacing:.08em;color:#555c50}
.linear-reference figcaption>p{max-width:425px;font-size:10px;line-height:1.8;color:#5a5a55}
.linear-composition{background:#111410}
.linear-composition-heading{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,.6fr);align-items:end;gap:60px;margin-bottom:48px}
.linear-composition-heading .eyebrow{color:#acb3a5;margin-bottom:24px;font-size:9px}
.linear-composition-heading h2{font-size:clamp(38px,4vw,60px);font-weight:500}
.linear-composition-heading>p{max-width:370px;font-size:13px;line-height:1.85;color:#c0c5bc}
.linear-composition-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:27px}
.linear-composition-grid article{border-top:1px solid #64705b;padding-top:24px}
.linear-composition-grid article>span{font:9px/1.6 Mono,monospace;letter-spacing:.08em;color:var(--lime)}
.linear-composition-grid h3{font:500 25px/1.2 Manrope,Inter,sans-serif;letter-spacing:-.04em;margin:18px 0 15px}
.linear-composition-grid p{font-size:12px;line-height:1.85;color:#c0c5bc}
.linear-composition-note{font-size:11px;line-height:1.8;color:#acb3a5;border-top:1px solid #394033;margin-top:38px;padding-top:22px}
.linear-next{display:flex;align-items:center;justify-content:space-between;gap:45px;padding-block:60px;border-top:1px solid #c9c9c0}
.linear-next .eyebrow{font-size:9px;margin-bottom:18px}
.linear-next h2{font-size:36px;max-width:570px}
.linear-next p:not(.eyebrow){font-size:13px;line-height:1.9;color:#555;max-width:530px;margin-top:18px}
.linear-next .button{flex:none}
.linear-footer{display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap}
.linear-footer small{width:100%;font-size:10px;color:#bbb}
.linear-collection{background:#fff}
.linear-collection-heading{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.65fr);gap:64px;align-items:end;margin-bottom:45px}
.linear-collection-heading .eyebrow,.linear-choices-heading .eyebrow{font-size:9px;color:#585d52;margin-bottom:23px}
.linear-collection-heading h2,.linear-choices-heading h2{font-size:clamp(38px,4.2vw,62px);font-weight:500}
.linear-collection-heading>p{max-width:410px;font-size:13px;line-height:1.85;color:#555a50}
.linear-family-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}
.linear-family-card{display:flex;flex-direction:column;min-width:0;background:#f5f5f1;border:1px solid #deded8}
.linear-family-image{position:relative;aspect-ratio:1.22;background:#eeefea;overflow:hidden}
.linear-family-image>img{width:100%;height:100%;object-fit:contain;transition:transform .3s ease}
.linear-family-arrow,.linear-round-icon{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:50%;background:var(--lime);color:#111}
.linear-family-arrow{position:absolute;right:16px;bottom:16px}
.linear-family-arrow .icon,.linear-round-icon .icon{width:20px;height:20px}
.linear-family-card:hover .linear-family-image>img{transform:scale(1.03)}
.linear-family-card:hover .linear-family-arrow,.linear-round-link:hover .linear-round-icon{background:#8fe61f}
.linear-family-copy{display:flex;flex:1;flex-direction:column;align-items:flex-start;padding:26px 24px 24px}
.linear-family-code{font:9px/1.6 Mono,monospace;letter-spacing:.06em;color:#575c51}
.linear-family-copy h3{font:500 clamp(23px,2vw,29px)/1.2 Manrope,Inter,sans-serif;letter-spacing:-.04em;margin:11px 0 12px}
.linear-family-count{font-size:10px;line-height:1.7;color:#555b4e;margin-bottom:20px}
.linear-family-copy>p:not(.linear-family-code):not(.linear-family-count){font-size:12px;line-height:1.85;color:#484d43;margin-bottom:24px}
.linear-family-example{width:100%;margin-top:auto;padding-top:18px;border-top:1px solid #d0d3c8}
.linear-family-example>span{font:8px/1.7 Mono,monospace;letter-spacing:.03em;display:block;color:#585d52}
.linear-family-example>p{font-size:11px;line-height:1.8;margin-top:7px}
.linear-collection-foot{display:flex;justify-content:space-between;align-items:center;gap:40px;margin-top:32px}
.linear-collection-foot>p{max-width:720px;font-size:11px;line-height:1.9;color:#555a50}
.linear-round-link{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;max-width:100%;min-height:44px;font-size:12px;font-weight:600}
.linear-round-link>span:first-child{min-width:0}
.linear-round-link small{display:block;font-size:10px;line-height:1.7;font-weight:400;color:#555b4e;margin-top:4px}
.linear-collection-foot>.linear-round-link{flex:none}
.linear-choices{background:#f0efe9}
.linear-choices-heading{max-width:700px;margin-bottom:48px}
.linear-choices-heading>p:not(.eyebrow){max-width:560px;margin-top:25px;font-size:13px;line-height:1.85;color:#555a50}
.linear-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px}
.linear-choice-grid article{display:flex;flex-direction:column;align-items:flex-start;min-width:0;border-top:1px solid #9a9f91;padding-top:23px}
.linear-choice-number{font:10px/1.6 Mono,monospace;color:#4e5545}
.linear-choice-grid h3{font:500 26px/1.2 Manrope,Inter,sans-serif;letter-spacing:-.04em;margin:15px 0 23px;max-width:300px}
.linear-choice-grid dl{margin:0 0 22px}
.linear-choice-grid dl>div+div{margin-top:22px}
.linear-choice-grid dt{font-size:12px;font-weight:600;margin-bottom:8px}
.linear-choice-grid dd{font-size:12px;line-height:1.85;color:#4b5145;margin:0}
.linear-choice-grid .text-link{margin-top:auto;gap:16px}
.linear-choice-handoff{display:flex;align-items:center;justify-content:space-between;gap:42px;margin-top:48px;padding-top:28px;border-top:1px solid #bfc3b6}
.linear-choice-handoff>p{max-width:680px;font-size:12px;line-height:1.85;color:#4b5145}
.linear-choice-handoff strong{display:block;color:#111;font-weight:600;margin-bottom:5px}
.linear-choice-handoff>.linear-round-link{flex:none}
@media(max-width:1100px){.linear-family-grid{gap:18px}.linear-family-copy{padding:22px 18px}.linear-choice-grid{gap:26px}.linear-choice-grid h3{font-size:23px}.linear-collection-foot,.linear-choice-handoff{align-items:flex-start;flex-direction:column;gap:22px}.linear-collection-foot>p,.linear-choice-handoff>p{max-width:800px}}
@media(max-width:950px){.linear-collection-heading{grid-template-columns:1fr;gap:24px}.linear-collection-heading>p{max-width:600px}.linear-family-grid{grid-template-columns:1fr}.linear-family-card{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr)}.linear-family-image{height:100%;min-height:285px;aspect-ratio:auto}.linear-family-copy h3{font-size:28px}.linear-choice-grid{grid-template-columns:1fr;gap:34px}.linear-choice-grid h3{max-width:none;font-size:28px}.linear-choice-grid dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.linear-choice-grid dl>div+div{margin-top:0}}
@media(max-width:640px){.linear-collection-heading{margin-bottom:30px}.linear-collection-heading h2,.linear-choices-heading h2{font-size:35px}.linear-family-grid{gap:26px}.linear-family-card{display:flex}.linear-family-image{height:auto;min-height:0;aspect-ratio:1.3}.linear-family-copy{padding:23px 20px}.linear-family-copy h3{font-size:27px}.linear-family-count{margin-bottom:15px}.linear-family-copy>p:not(.linear-family-code):not(.linear-family-count){margin-bottom:20px}.linear-collection-foot{margin-top:25px}.linear-collection-foot>p{font-size:10px}.linear-round-link{gap:18px;font-size:11px}.linear-collection-foot>.linear-round-link,.linear-choice-handoff>.linear-round-link{width:100%}.linear-choices-heading{margin-bottom:32px}.linear-choices-heading>p:not(.eyebrow){font-size:12px;margin-top:20px}.linear-choice-grid h3{font-size:26px;margin-block:12px 20px}.linear-choice-grid dl{display:block;margin-bottom:15px}.linear-choice-grid dl>div+div{margin-top:22px}.linear-choice-grid dt,.linear-choice-grid dd{font-size:12px}.linear-choice-handoff{margin-top:34px;padding-top:24px}}
@media(max-width:950px){.linear-intro-copy{grid-template-columns:1fr;gap:30px}.linear-intro h1{font-size:72px}.linear-intro-detail p{max-width:580px}.linear-reference>img{height:470px}.linear-composition-heading{grid-template-columns:1fr;gap:25px}.linear-composition-heading>p{max-width:600px}.linear-composition-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 28px}.linear-next{align-items:flex-start;flex-direction:column;gap:28px}}
@media(max-width:640px){.linear-breadcrumb{font-size:10px;gap:9px;padding-block:22px}.linear-intro{padding:30px 0 50px}.linear-intro-copy{gap:26px;margin-bottom:35px}.linear-intro .eyebrow{font-size:8px;margin-bottom:27px}.linear-intro h1{font-size:clamp(43px,11.5vw,64px)}.linear-intro-detail p{font-size:14px}.linear-intro-detail .text-link{font-size:11px}.linear-reference>img{height:clamp(290px,90vw,410px)}.linear-reference figcaption{flex-direction:column;gap:8px;padding-top:15px}.linear-composition-heading{margin-bottom:33px}.linear-composition-heading h2{font-size:35px}.linear-composition-grid{grid-template-columns:1fr;gap:27px}.linear-composition-grid article{padding-top:20px}.linear-composition-grid h3{margin:12px 0;font-size:24px}.linear-composition-grid p{max-width:430px}.linear-next{padding-block:45px}.linear-next h2{font-size:30px}.linear-footer{gap:22px}.linear-footer .text-link{font-size:11px}}

