/* Navigation offer and homepage entry */
.nav-landing{--forest:#303e2a;--sage:#dfe4d5}.nav-landing h1,.nav-landing h2,.nav-promo h2{letter-spacing:-.055em;line-height:.98}.nav-landing h2{font-size:clamp(34px,4.6vw,62px);margin:16px 0 24px}.nav-landing p{color:#60675b}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.13em;line-height:1.6}.nav-hero{display:grid;grid-template-columns:1fr 1fr;gap:48px;padding-top:60px;padding-bottom:64px;align-items:center}.backlink{display:block;color:#686d62;font-size:13px;margin-bottom:38px}.nav-hero h1{font-size:clamp(46px,5.6vw,78px);margin:20px 0 28px}.nav-hero h1 em{font-style:normal;color:#5c703d}.nav-hero .lead{font-size:21px;color:#30382b;max-width:510px}.nav-hero-copy>p{max-width:490px}.text-link{font-weight:700;text-decoration:underline;text-underline-offset:5px;align-self:center}.hero-foot{font-size:12px;line-height:1.8;color:#6a7063;margin-top:34px}.nav-scene{margin:0;border-radius:28px;overflow:hidden;background:#e0e3d9}.nav-scene svg{display:block;width:100%;height:auto}.nav-scene figcaption{font-size:11px;padding:14px 20px;color:#515a48}.route-strip{background:#303e2a;color:#eff2e8;padding:23px 0}.route-strip .wrap{display:flex;justify-content:space-between;gap:14px;align-items:center;font-size:12px;font-weight:700;letter-spacing:.12em}.route-strip b{color:#d7ff19;font-size:23px}.nav-section{padding-top:88px;padding-bottom:88px;scroll-margin-top:110px}.nav-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:end;margin-bottom:34px}.nav-heading>p{font-size:18px;max-width:490px}.zone-buttons{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.zone-buttons button{font:inherit;font-size:14px;border:1px solid #c8cebf;padding:13px 19px;border-radius:40px;cursor:pointer;background:transparent;color:#303e2a}.zone-buttons button[aria-pressed=true]{background:#303e2a;color:#fff;border-color:#303e2a}.zone-buttons button:hover{box-shadow:inset 0 0 0 1px #303e2a}.nav-landing :focus-visible,.nav-promo a:focus-visible{outline:3px solid #768f31;outline-offset:5px}.zone-panel{display:grid;grid-template-columns:1fr 1fr;min-height:400px;background:#fafbf7;border:1px solid #d9ddd2;border-radius:25px;overflow:hidden}.zone-panel[hidden]{display:none}.zone-copy{padding:42px}.zone-copy h3{font-size:30px;line-height:1.1;letter-spacing:-.03em;margin:24px 0}.zone-copy p{line-height:1.65}.zone-copy ul,.brief-list ul{padding-left:20px;line-height:2}.sample{padding:36px;display:flex;flex-direction:column;justify-content:center;background:#dfe4d5;color:#303e2a}.sample-label{font-size:10px;letter-spacing:.15em}.sample strong{font-size:clamp(72px,9vw,132px);font-weight:500;letter-spacing:-.07em;line-height:1.1;margin-top:32px}.sample-small{letter-spacing:.2em;font-size:14px}.sample-line{padding:20px 0;margin-top:26px;border-top:1px solid #9faa92;font-size:20px}.sample-note{font-size:11px;opacity:.7;margin-top:auto;padding-top:20px}.sample-2{background:#303e2a;color:#d7ff19}.sample-3{background:#ded6c4}.sample-4{background:#e6e7e0}.nav-dark{background:#20281c;color:#f0f2e9}.nav-dark .eyebrow{color:#d7ff19}.nav-dark p{color:#c2cbb8}.material-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.material{height:230px;border-radius:14px;display:flex;align-items:center;justify-content:center;overflow:hidden}.material span{font-size:80px;letter-spacing:-.05em}.material small{display:block;font-size:12px;letter-spacing:.13em}.metal{background:linear-gradient(125deg,#8b9186,#dce0d6 48%,#949c8a);color:#36402f}.metal span{text-shadow:2px 4px 1px #89927c}.acrylic{background:#ecece4;color:#28351e}.contrast{background:#d7ff19;color:#27341f}.material-grid h3{font-size:23px;margin-bottom:9px}.material-grid p{font-size:15px;line-height:1.7}.material-caption{font-size:12px;margin:25px 0 0;max-width:800px}.nav-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.nav-steps article{border-top:1px solid #bfc7b7;padding-top:22px}.nav-steps b{font-size:13px;color:#677947}.nav-steps h3{font-size:23px;line-height:1.1;margin-top:32px}.nav-steps p{font-size:15px;line-height:1.7}.nav-principles{background:#e0e5d8}.principle-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:60px}.principle-grid article{border-bottom:1px solid #c1cbb5;padding:12px 0}.principle-grid h3{font-size:20px}.nav-brief{display:grid;grid-template-columns:1.2fr 1fr;gap:55px}.brief-list{padding:34px;background:#e4e8dc;border-radius:24px;align-self:center}.brief-list h3{font-size:23px;margin-top:0}.brief-list p{font-size:13px}.nav-promo{background:#303e2a;color:#f1f4e9;padding:48px;border-radius:28px;display:grid;grid-template-columns:1.2fr 1fr;gap:35px;align-items:center;margin-top:0;margin-bottom:60px}.nav-promo h2{font-size:clamp(34px,4vw,55px);margin:15px 0}.nav-promo p{color:#cbd4c0;font-size:18px;max-width:540px}.nav-promo .eyebrow{color:#d7ff19}.promo-sign{border:1px solid #65725b;border-radius:16px;padding:28px;display:flex;flex-direction:column;gap:12px}.promo-sign strong{font-size:80px;line-height:1;letter-spacing:-.06em;color:#d7ff19}.promo-sign span{font-size:13px;letter-spacing:.06em}.promo-sign hr{width:100%;border:0;border-top:1px solid #65725b}.nav-entry{background:#303e2a;color:#f4f6ed;border-color:#303e2a}
@media(max-width:980px){.nav-hero{gap:25px}.nav-heading{gap:30px}.nav-steps{grid-template-columns:1fr 1fr}.nav-hero h1{font-size:52px}.nav-promo{padding:32px}.zone-copy{padding:28px}.sample{padding:28px}}
@media(max-width:700px){.nav-hero,.nav-heading,.zone-panel,.principle-grid,.nav-brief{grid-template-columns:1fr}.nav-hero{padding-top:32px}.nav-hero h1{font-size:clamp(43px,11vw,64px)}.backlink{margin-bottom:26px}.nav-scene{max-width:500px;width:100%}.nav-section{padding-top:56px;padding-bottom:56px}.route-strip .wrap{flex-wrap:wrap;justify-content:center;font-size:10px;gap:12px}.material-grid{grid-template-columns:1fr}.material{height:210px}.material-grid article{display:grid;grid-template-columns:1fr;gap:0}.nav-promo{grid-template-columns:1fr;padding:28px;margin-bottom:38px}.promo-sign{display:none}.zone-buttons button{padding:11px 14px;font-size:13px}.sample{min-height:330px}.nav-heading{gap:0}.principle-grid,.nav-brief{gap:20px}.nav-steps{gap:22px}.nav-steps h3{font-size:20px}.brief-list{padding:25px}.nav-landing .actions{gap:18px}.hero-foot{margin-top:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.nav-pictograms{display:block;width:100%;max-width:350px;height:auto;margin:40px 0 30px}

.nav-entry{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);box-shadow:0 8px 24px rgba(191,224,20,.24)}.nav-entry:hover{background:#c6ee00;transform:translateY(-1px)}