.crumb{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:12px;color:var(--ink-mute);padding:22px 0 0;flex-wrap:wrap}.crumb a{color:var(--ink-mute);text-decoration:none}.crumb a:hover{color:var(--ink)}.crumb .sep{color:var(--ink-faint)}.crumb .foil{background:var(--vault-foil);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:600}.crumb .cur{color:var(--ink)}.pdp{display:grid;grid-template-columns:1.1fr 1fr;gap:56px;padding-top:28px;align-items:start}@media(max-width:1000px){.pdp{grid-template-columns:1fr;gap:36px}}.gal{position:sticky;top:96px;display:flex;flex-direction:column;gap:16px}@media(max-width:1000px){.gal{position:static}}.gal__main{position:relative;aspect-ratio:1;background:var(--stone);border:1.5px solid var(--ink);overflow:hidden}.gal__main img{width:100%;height:100%;object-fit:cover;display:block}.gal__badges{position:absolute;top:14px;left:14px;display:flex;gap:6px}.gal__badge{background:var(--snow);color:var(--ink);border:1.5px solid var(--ink);padding:4px 10px;font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;font-weight:600}.gal__badge--moss{background:var(--moss);color:var(--snow);border-color:var(--moss)}.gal__badge--rust{background:var(--rust);color:var(--snow);border-color:var(--rust)}.gal__cert-row{position:absolute;top:14px;right:14px;display:flex;gap:6px}.gal__cert{display:inline-flex;align-items:center;gap:6px;background:var(--snow);border:1.5px solid var(--ink);padding:4px 8px;font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.06em}.gal__cert img{width:18px;height:18px;display:block}.gal__caption{display:flex;flex-wrap:wrap;gap:14px 24px;padding:14px 18px;border:1.5px solid var(--ink);background:var(--snow)}.gal__cap-cell{display:flex;flex-direction:column;gap:2px}.gal__cap-cell span{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint)}.gal__cap-cell b{font-family:var(--font-sans);font-size:14px;font-weight:500;color:var(--ink)}.gal__swatches{display:flex;gap:4px;margin-top:2px}.gal__swatches i{width:14px;height:14px;border:1px solid var(--line);display:block}.info{display:flex;flex-direction:column;gap:22px;min-width:0}.info__kicker{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-mute)}.info__kicker .foil-pill{background:var(--vault-foil);color:#1a1408;padding:3px 10px;font-weight:600}.info__kicker .mono{text-transform:none;letter-spacing:0;color:var(--ink-faint)}.info h1{font-family:var(--font-sans);font-weight:400;font-size:clamp(36px,4vw,52px);line-height:1.04;letter-spacing:-.025em;color:var(--ink);margin:0}.info__sub{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-family:var(--font-mono);font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-mute)}.info__sub b{color:var(--ink);font-weight:500}.info__sub .dot{width:4px;height:4px;background:var(--ink-faint)}.info__desc{font-size:var(--t-body);color:var(--ink-soft);line-height:var(--lh-body);margin:0;max-width:60ch}.pmeta{display:grid;grid-template-columns:repeat(4,1fr);border:1.5px solid var(--ink);background:var(--snow)}.pmeta__cell{padding:14px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:4px;min-width:0}.pmeta__cell:last-child{border-right:0}.pmeta__cell .lbl{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint)}.pmeta__cell .val{font-size:16px;font-weight:500;color:var(--ink)}.pmeta__cell small{display:block;font-family:var(--font-mono);font-size:10px;color:var(--ink-mute)}@media(max-width:600px){.pmeta{grid-template-columns:1fr 1fr}.pmeta__cell:nth-child(2){border-right:0}.pmeta__cell:nth-child(-n+2){border-bottom:1px solid var(--line)}}.locked-state{background:var(--snow);border:1.5px solid var(--ink);padding:36px 32px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}.lock-ico{width:56px;height:56px;border-radius:50%;background:var(--cobalt-tint);border:1.5px solid var(--cobalt);display:flex;align-items:center;justify-content:center;color:var(--cobalt)}.locked-state h3{font-family:var(--font-sans);font-size:22px;font-weight:500;color:var(--ink);margin:0;letter-spacing:-.01em}.locked-state p{color:var(--ink-soft);font-size:14px;line-height:1.5;max-width:36ch;margin:0}.locked-state .links{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.locked-state .links a{text-decoration:none;padding:12px 22px;font-size:13.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.locked-state .links .primary{background:var(--vault-foil);color:#1a1408}.locked-state .links .secondary{border:1.5px solid var(--ink);color:var(--ink)}.locked-state .links .secondary:hover{background:var(--ink);color:var(--snow)}.locked-state .hint-row{display:flex;gap:18px;flex-wrap:wrap;justify-content:center;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-mute)}.locked-state .hint-row span{display:inline-flex;align-items:center;gap:6px}.locked-state .hint-row .dot{width:6px;height:6px;background:var(--cobalt)}html[data-auth=in] .locked-state,html[data-auth=out] .order-form,html[data-auth=out] .viewer,html[data-auth=out] .mockup{display:none}.order-form{background:var(--snow);border:1.5px solid var(--ink)}.order-form__head{padding:18px 24px;background:var(--ink);color:var(--snow);font-size:18px;font-weight:500;letter-spacing:-.01em}.order-form__pending{min-height:160px}.step-block{padding:22px 24px;border-bottom:1px solid var(--line)}.step-block:last-of-type{border-bottom:0}.step-block__head{display:flex;align-items:center;gap:12px;margin-bottom:14px}.step-num{width:28px;height:28px;border-radius:50%;background:var(--cobalt);color:var(--snow);font-size:13px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.step-block h4{font-family:var(--font-sans);font-size:16px;font-weight:600;color:var(--ink);margin:0}.step-block h4 .star{color:#c99655}.qual-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:8px}@media(max-width:480px){.qual-grid-2{grid-template-columns:1fr}}.qual-card{display:grid;grid-template-columns:20px 1fr auto;gap:12px;align-items:center;padding:14px 16px;border:1.5px solid var(--line);background:var(--paper);text-align:left;cursor:pointer;font-family:inherit;color:var(--ink);transition:border-color var(--d-fast) var(--ease)}.qual-card:hover{border-color:var(--ink)}.qual-card[aria-pressed=true]{border-color:var(--cobalt);background:var(--cobalt-wash)}.radio{position:relative;width:18px;height:18px;border-radius:50%;border:1.5px solid var(--ink-faint);background:var(--paper);flex-shrink:0}[aria-pressed=true]>.radio{border-color:var(--cobalt)}[aria-pressed=true]>.radio:after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--cobalt)}.qual-card .body{display:flex;flex-direction:column;gap:2px;min-width:0}.qual-card .body b{font-size:14px;font-weight:600}.qual-card .body span{font-family:var(--font-mono);font-size:12px;color:var(--ink-mute)}.qual-card .cert-icon{width:24px;height:24px;display:block}.qual-detail{margin-top:12px;padding:18px 20px;background:var(--snow-deep);border:1px solid var(--line)}.qual-detail__specs{display:grid;grid-template-columns:1fr 1fr;gap:12px 24px}@media(max-width:480px){.qual-detail__specs{grid-template-columns:1fr}}.qual-detail__specs div{display:grid;grid-template-columns:110px 1fr;font-size:13px;gap:8px}.qual-detail__specs span{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-mute)}.qual-detail__specs b{font-weight:500;color:var(--ink)}.qual-detail__variants{margin-top:14px}.qual-detail__variants .lbl{display:block;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-mute);margin-bottom:8px}.variant-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.variant-opt{display:grid;grid-template-columns:18px 1fr auto;gap:10px;align-items:center;padding:12px 14px;border:1.5px solid var(--line);background:var(--paper);cursor:pointer;font-family:inherit;color:var(--ink);text-align:left}.variant-opt:hover{border-color:var(--ink)}.variant-opt[aria-pressed=true]{border-color:var(--cobalt);background:var(--cobalt-wash)}.variant-opt span{font-family:var(--font-mono);font-size:12px;color:var(--ink-soft)}.variant-opt b{font-family:var(--font-mono);font-size:13px;font-weight:600}.meters-row{display:grid;grid-template-columns:1fr 1.4fr;gap:12px}@media(max-width:480px){.meters-row{grid-template-columns:1fr}}.meters-input-wrap{display:flex;align-items:center;gap:8px;padding:0 18px;border:1.5px solid var(--line);background:var(--paper);height:80px}.meters-input-wrap:focus-within{border-color:var(--cobalt)}.meters-input-wrap input[type=number],.meters-input-wrap input[type=text]{border:0;padding:0;border-radius:0;width:100%;max-width:none;min-width:0;box-shadow:none;background:transparent;font-family:var(--font-sans);font-size:28px;font-weight:600;color:var(--ink);outline:none}.meters-input-wrap input::-webkit-outer-spin-button,.meters-input-wrap input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.meters-input-wrap input[type=number]{-moz-appearance:textfield;appearance:textfield}.meters-input-wrap .unit{font-size:14px;color:var(--ink-mute);flex-shrink:0}.estimate-box{padding:14px 20px;background:var(--cobalt-wash);border-left:3px solid var(--cobalt);display:flex;flex-direction:column;justify-content:center;gap:2px;min-width:0}.estimate-box .lbl{font-family:var(--font-mono);font-size:10.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--cobalt-deep)}.estimate-box .val{font-size:32px;font-weight:600;color:var(--cobalt);letter-spacing:-.02em;line-height:1.1}.estimate-box .val--sm{font-size:22px}.estimate-box .calc{font-family:var(--font-mono);font-size:11px;color:var(--cobalt-deep)}.meters-hint{font-family:var(--font-mono);font-size:11px;color:var(--ink-mute);margin:12px 0 0;line-height:1.5}.meters-hint--error{color:var(--error)}label.option-row{display:grid;grid-template-columns:22px 1fr;gap:14px;align-items:start;padding:14px 16px;background:var(--snow-deep);border:1px solid var(--line);margin:0;cursor:pointer;font-weight:400}.option-row input[type=checkbox]{appearance:none;-webkit-appearance:none;width:22px;height:22px;border:1.5px solid var(--ink);background:var(--paper);margin:0;position:relative;cursor:pointer;flex-shrink:0}.option-row input[type=checkbox]:checked{background:var(--cobalt);border-color:var(--cobalt)}.option-row input[type=checkbox]:checked:after{content:"";position:absolute;left:6px;top:2px;width:6px;height:12px;border:solid var(--snow);border-width:0 2px 2px 0;transform:rotate(45deg)}.option-row div{display:flex;flex-direction:column;gap:2px}.option-row b{font-size:14px;font-weight:600;color:var(--ink)}.option-row span{font-size:12.5px;color:var(--ink-mute);line-height:1.45}.excl-pitch{background:#fff8e8;border:1px solid #C99655;padding:16px 18px;display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;margin-bottom:12px}@media(max-width:480px){.excl-pitch{grid-template-columns:1fr}}.excl-pitch b{display:block;font-size:14px;font-weight:600;color:var(--ink);margin-bottom:4px}.excl-pitch p{font-size:12.5px;color:var(--ink-soft);margin:0;line-height:1.45}label.excl-add-toggle{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--ink);margin:0;white-space:nowrap;cursor:pointer}.excl-add-toggle input[type=checkbox]{width:20px;height:20px;margin:0;accent-color:#C99655;cursor:pointer}.excl-tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}@media(max-width:600px){.excl-tiers{grid-template-columns:1fr}}.tier-opt{position:relative;display:flex;flex-direction:column;gap:6px;padding:14px;border:1.5px solid var(--line);background:var(--paper);text-align:left;cursor:pointer;font-family:inherit;color:var(--ink)}.tier-opt:hover{border-color:var(--ink)}.tier-opt[aria-pressed=true]{border-color:var(--cobalt);background:var(--cobalt-wash)}.tier-opt .radio{position:absolute;top:14px;right:14px;width:16px;height:16px}.tier-opt b{font-size:14px;font-weight:600;padding-right:24px}.tier-opt span{font-size:11.5px;color:var(--ink-mute);line-height:1.4}.tier-opt em{font-style:normal;font-family:var(--font-mono);font-weight:700;font-size:14px;color:var(--cobalt)}.order-form textarea{width:100%;max-width:none;border:1.5px solid var(--line);border-radius:0;background:var(--paper);padding:12px 14px;font-family:var(--font-sans);font-size:14px;color:var(--ink);min-height:88px;resize:vertical}.order-form textarea:focus{border-color:var(--cobalt);box-shadow:none;outline:none}.ship-summary{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:start;padding:14px 16px;background:var(--snow-deep);border:1px solid var(--line);font-size:13.5px;color:var(--ink-soft);line-height:1.5}.ship-summary b{color:var(--ink);font-weight:600;display:block}.ship-summary button,.ship-summary a{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--cobalt);background:none;border:0;padding:0;cursor:pointer;white-space:nowrap;text-decoration:none}.ship-summary--missing{border-color:var(--rust);color:var(--rust)}.ship-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media(max-width:480px){.ship-fields{grid-template-columns:1fr}}.ship-fields label{margin:0;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-mute);font-weight:500;display:flex;flex-direction:column;gap:4px}.ship-fields label.wide{grid-column:1 / -1}.ship-fields input[type=text],.ship-fields input[type=tel]{max-width:none;border:1.5px solid var(--line);border-radius:0;background:var(--paper);padding:10px 12px;font-family:var(--font-sans);font-size:14px;color:var(--ink);text-transform:none;letter-spacing:0}.ship-fields input:focus{border-color:var(--cobalt);box-shadow:none;outline:none}.ship-fields .btn{grid-column:1 / -1;justify-self:start}.order-submit{padding:22px 24px;display:flex;flex-direction:column;gap:8px;background:var(--snow-deep);border-top:1px solid var(--line)}.order-submit__btn{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;background:var(--ink);color:var(--snow);border:0;cursor:pointer;font-family:inherit;text-align:left;width:100%;transition:background var(--d-fast) var(--ease)}.order-submit__btn:hover{background:var(--cobalt)}.order-submit__btn:disabled{opacity:.6;cursor:wait}.order-submit__btn .lead{display:flex;flex-direction:column;gap:3px;min-width:0}.order-submit__btn .top{font-size:14.5px;font-weight:600}.order-submit__btn .bottom{font-family:var(--font-mono);font-size:11px;opacity:.85}.order-submit__btn b{font-family:var(--font-mono);font-size:18px;font-weight:600;white-space:nowrap}.order-submit__note{font-family:var(--font-mono);font-size:10.5px;color:var(--ink-mute);text-align:center;margin:0}.order-submit__or{display:flex;align-items:center;gap:12px;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint)}.order-submit__or:before,.order-submit__or:after{content:"";flex:1;height:1px;background:var(--line)}.order-submit .btn--block{justify-content:center}.order-submit .btn--block.is-added{border-color:var(--moss);color:var(--moss);background:transparent}.order-submit .btn--block.is-added:hover{background:var(--moss);color:var(--snow)}.order-submit__err{font-size:13px;color:var(--error);margin:0}.order-done{background:var(--snow);border:1.5px solid var(--ink);padding:32px 28px;display:flex;flex-direction:column;gap:18px}.order-done h3{font-family:var(--font-sans);font-size:22px;font-weight:500;color:var(--ink);margin:0;letter-spacing:-.01em}.order-done p{font-size:14px;color:var(--ink-soft);margin:0;line-height:1.5}.order-done ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}@media(max-width:480px){.order-done ol{grid-template-columns:1fr}}.order-done li{padding:12px 14px;border:1px solid var(--line);background:var(--paper);font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft);display:flex;gap:8px;align-items:baseline}.order-done li i{font-style:normal;color:var(--cobalt);font-weight:700}.order-done li:first-child{border-color:var(--moss);color:var(--moss)}.order-done .links{display:flex;gap:10px;flex-wrap:wrap}.viewer,.mockup{margin-top:var(--s-16)}.viewer__head,.mockup__head{display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:end;margin-bottom:20px}@media(max-width:700px){.viewer__head,.mockup__head{grid-template-columns:1fr;gap:8px}}.viewer__head .idx,.mockup__head .idx{font-family:var(--font-sans);font-size:14px;font-weight:500;color:var(--cobalt)}.viewer__head h2,.mockup__head h2,.related__head h2{font-family:var(--font-sans);font-weight:400;font-size:clamp(28px,3vw,40px);line-height:1.05;letter-spacing:-.02em;color:var(--ink);margin:8px 0 0}.viewer__head h2 em,.mockup__head h2 em,.related__head h2 em{font-style:italic;color:var(--cobalt)}.viewer__head h2 span,.mockup__head h2 span{display:block;font-size:13.5px;font-weight:400;letter-spacing:0;color:var(--ink-mute);margin-top:8px;line-height:1.45}.viewer .reset{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--line);background:var(--paper);color:var(--ink);height:26px;padding:0 12px;margin-left:8px;cursor:pointer}.viewer .reset:hover{border-color:var(--ink)}.viewer__shell{border:1.5px solid var(--ink);background:var(--snow)}.viewer__controls{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1.5px solid var(--ink)}.viewer__ctrl-group{padding:14px 18px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:8px}.viewer__ctrl-group:last-child{border-right:0}@media(max-width:700px){.viewer__controls{grid-template-columns:1fr}.viewer__ctrl-group{border-right:0;border-bottom:1px solid var(--line)}.viewer__ctrl-group:last-child{border-bottom:0}}.viewer__ctrl-group .lbl{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-mute);font-weight:500}.viewer__seg{display:inline-flex;flex-wrap:wrap;border:1px solid var(--ink);background:var(--paper);align-self:flex-start}.viewer__seg button{padding:6px 11px;font-family:var(--font-mono);font-size:11.5px;font-weight:500;color:var(--ink-soft);background:transparent;border:0;border-right:1px solid var(--ink);cursor:pointer}.viewer__seg button:last-child{border-right:0}.viewer__seg button[aria-pressed=true]{background:var(--ink);color:var(--snow)}.viewer__canvas-wrap{position:relative;background:var(--paper);padding:28px;overflow:hidden}.viewer__canvas-wrap svg{display:block;width:100%;height:auto;border:1px solid var(--ink);touch-action:none;user-select:none}.grid-toggle{position:absolute;top:14px;right:14px;z-index:2;display:inline-flex;align-items:center;gap:6px;background:var(--snow);border:1px solid var(--ink);color:var(--ink);padding:6px 10px;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}.grid-toggle:before{content:"";width:10px;height:10px;background:linear-gradient(currentColor,currentColor) 50% 0 / 1px 100% no-repeat,linear-gradient(currentColor,currentColor) 0 50% / 100% 1px no-repeat;border:1px solid currentColor}.grid-toggle[aria-pressed=true]{background:var(--ink);color:var(--snow)}.viewer__status{padding:14px 18px;background:var(--snow-deep);border-top:1.5px solid var(--ink);display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;font-family:var(--font-mono);font-size:11px;color:var(--ink-soft)}.viewer__status b{color:var(--ink);font-weight:500}.viewer__status .hint{color:var(--ink-mute)}.viewer__status .zoom-fine{display:inline-flex;gap:4px}.viewer__status .zoom-fine button:not(.reset){width:26px;height:26px;border:1px solid var(--ink);background:var(--paper);color:var(--ink);font-family:var(--font-mono);cursor:pointer}.mockup__shell{border:1.5px solid var(--ink);background:var(--snow)}.mockup__inner{display:grid;grid-template-columns:220px 1fr}@media(max-width:800px){.mockup__inner{grid-template-columns:1fr}}.mockup__side{padding:20px;border-right:1.5px solid var(--ink);background:var(--snow-deep);display:flex;flex-direction:column;gap:18px}@media(max-width:800px){.mockup__side{border-right:0;border-bottom:1.5px solid var(--ink)}}.mockup__side .lbl{display:block;font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-mute);margin-bottom:6px}.mockup__models{display:grid;grid-template-columns:1fr 1fr;gap:6px}@media(max-width:800px){.mockup__models{grid-template-columns:repeat(3,1fr)}}.mockup__model{position:relative;aspect-ratio:3 / 4;border:1.5px solid var(--line);background:var(--stone);padding:0;overflow:hidden;cursor:pointer}.mockup__model img{width:100%;height:100%;object-fit:cover;display:block}.mockup__model[aria-pressed=true]{border:2px solid var(--cobalt)}.mockup__model .name{position:absolute;left:0;right:0;bottom:0;padding:4px 6px;background:#0d1019b3;color:var(--snow);font-family:var(--font-mono);font-size:9px;letter-spacing:.04em;text-align:left}.mockup__seg{display:flex;flex-wrap:wrap;border:1px solid var(--ink);background:var(--paper)}.mockup__seg button{flex:1;min-width:50px;padding:6px 4px;font-family:var(--font-mono);font-size:10.5px;font-weight:500;color:var(--ink-soft);background:transparent;border:0;border-right:1px solid var(--ink);cursor:pointer}.mockup__seg button:last-child{border-right:0}.mockup__seg button[aria-pressed=true]{background:var(--ink);color:var(--snow)}.mockup__canvas{position:relative;aspect-ratio:4 / 3;background:var(--paper);display:flex;align-items:center;justify-content:center;overflow:hidden}.mockup__canvas canvas{max-width:100%;max-height:100%;display:block}.mockup__label{position:absolute;left:12px;bottom:12px;background:#f8f8f4e6;border:1px solid var(--ink);padding:5px 9px;font-family:var(--font-mono);font-size:10.5px;color:var(--ink)}.mockup__msg{font-family:var(--font-mono);font-size:11.5px;color:var(--ink-mute);padding:24px;text-align:center}.related{margin-top:var(--s-20)}.related__head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px;flex-wrap:wrap}.related__head h2{margin:0}.related__head a{font-size:13px;font-weight:500;color:var(--ink);text-decoration:none;border-bottom:1.5px solid var(--ink);padding-bottom:2px;white-space:nowrap}.related__head a:hover{color:var(--cobalt);border-color:var(--cobalt)}.related__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.related__grid>.tile-card{text-decoration:none}@media(max-width:900px){.related__grid{grid-template-columns:1fr 1fr;gap:12px}}