/* Public sales landing (#home): The Picks 230g white tee, wholesale and policies. */
.landing{color:var(--text)}
.landing .eyebrow{color:#5f8a74}
.landing-hero .hero-copy>p{font-size:15px;line-height:1.8;color:#4f625d;max-width:470px}
.landing-hero .hero-copy h1{font-size:48px}
.landing-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:12px}
.landing-facts .card{padding:18px 20px}
.landing-facts strong{display:block;font-size:18px;font-weight:600;color:var(--green);letter-spacing:-.3px}
.landing-facts span{display:block;font-size:12px;color:#5f6f6a;margin-top:5px}
.landing-section{margin-top:72px;scroll-margin-top:24px}
.landing-head{max-width:640px;margin-bottom:26px}
.landing-head h2{font-size:30px;line-height:1.3;font-weight:600;letter-spacing:-.8px;color:var(--ink)}
.landing-head h2 em{font-style:normal;color:#769377}
.landing-head>p:not(.eyebrow){font-size:14px;line-height:1.8;color:#5c6e69;margin-top:12px}
.landing .card h3{font-size:16px;color:var(--ink)}
.landing .card p,.landing .card li{font-size:13px;line-height:1.75;color:#5c6e69}
.landing-note{font-size:12px;color:#5f6f6a;margin-top:16px}


.landing-split{display:grid;grid-template-columns:1fr 1.1fr;gap:40px;align-items:start}
.landing-split>*{min-width:0}
.landing-split figure img{width:100%;height:auto;border-radius:14px;aspect-ratio:4/3;object-fit:cover}
.landing-split figcaption{font-size:11px;color:#5f6f6a;margin-top:8px}
.spec-table{border-top:1px solid var(--line)}
.spec-table div{display:grid;grid-template-columns:110px 1fr;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);font-size:13px;line-height:1.6}
.spec-table dt{color:#5f6f6a}
.spec-table dd{margin:0;color:var(--ink)}

.landing-band{background:var(--green-dark);border-radius:18px;padding:48px;color:#fff}
.landing-band .landing-head h2{color:#fff}
.landing-band .landing-head h2 em{color:var(--gold)}
.landing-band .landing-head>p:not(.eyebrow){color:#c6d8cf}
.landing-band .eyebrow{color:#9ec2b0}
.landing-band .landing-note{color:#9ec2b0}
.landing-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;border-top:1px solid #ffffff26;padding-top:24px}
.landing-points span{font-family:Georgia,serif;font-size:20px;color:var(--gold)}
.landing-points h3{font-size:16px;color:#fff;margin:8px 0 6px}
.landing-points p{font-size:13px;line-height:1.75;color:#c6d8cf}

.landing-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.landing-steps figure{padding:12px;margin:0}
.landing-steps img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:10px}
.landing-steps figcaption{padding:12px 4px 4px}
.landing-steps figcaption span{font-size:11px;color:#5f6f6a;margin-right:6px}
.landing-steps figcaption strong{font-size:15px;color:var(--ink)}
.landing-steps figcaption small{display:block;font-size:12px;color:#5c6e69;margin-top:4px}

.landing-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.landing-cards .card{padding:24px}
.landing-cards .card>strong{display:block;font-size:22px;font-weight:600;color:var(--green);margin-bottom:6px}
.landing-cards ul{margin:12px 0 0;padding-left:18px}
.landing-cards li+li{margin-top:6px}
.landing-wholesale-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:16px;padding:24px;background:var(--green-soft)}
.landing-wholesale-cta .hero-buttons{flex-shrink:0;margin:0}

.landing-story{grid-template-columns:200px 1fr;align-items:center}
.landing-story>img{width:100%;max-width:200px}
.landing-story blockquote{font-size:17px;line-height:1.7;color:var(--green);margin:0 0 16px;font-weight:500}
.landing-story p{font-size:14px;line-height:1.8;color:#5c6e69;margin-top:10px}
.landing-story p.landing-sign{font-weight:600;color:var(--ink)}

.landing-faq{display:grid;gap:10px;max-width:820px}
.landing-faq summary{cursor:pointer;font-size:15px;font-weight:600;color:var(--ink)}
.landing-faq details[open] summary{margin-bottom:8px}

.landing-final{margin-top:72px;text-align:center;padding:48px 24px;border-radius:18px;background:var(--green-soft)}
.landing-final h2{font-size:28px;font-weight:600;color:var(--ink);margin-bottom:20px}
.landing-final .hero-buttons{justify-content:center}

.biz-footer{margin-top:56px;padding-top:24px;border-top:1px solid var(--line);font-size:12px;line-height:1.9;color:#5f6f6a}
.biz-footer-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.biz-footer-top strong{color:var(--ink)}
.biz-footer nav{display:flex;gap:16px}
.biz-footer a{color:var(--green);text-decoration:underline}

@media(max-width:1024px){
 .landing-facts,.landing-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
 .landing-split{grid-template-columns:1fr}
 .landing-story{grid-template-columns:1fr}
 .landing-story>img{max-width:120px}
}
@media(max-width:760px){
 .landing-hero .hero-copy h1{font-size:34px}
 .landing-section{margin-top:52px}
 .landing-head h2{font-size:24px}
 .landing-band{padding:28px 20px}
 .landing-points,.landing-cards{grid-template-columns:1fr}
 .landing-wholesale-cta{flex-direction:column;align-items:flex-start}
 .biz-footer-top{flex-direction:column;align-items:flex-start;gap:6px}
}
@media(max-width:480px){
 .landing-facts,.landing-steps{grid-template-columns:1fr}
 .spec-table div{grid-template-columns:84px 1fr}
}

/* Clickable rows and cards */
[data-order],tr[data-action],article[data-action]{cursor:pointer}
[data-order]:focus-visible,[data-action][tabindex]:focus-visible,.landing-facts button.card:focus-visible{outline:3px solid var(--green);outline-offset:2px}
a.stat-card,a.card-link,a.landing-step,a.landing-link-card{display:block;color:inherit;text-decoration:none}
a.stat-card:hover,.order-card[data-order]:hover,.landing-facts button.card:hover,a.landing-step:hover,a.landing-link-card:hover,.message-card[data-action]:hover,a.card-link:hover .route-card{border-color:#769377}
.order-card[data-order]:hover,.activity-item[data-order]:hover p{background:#fafcf8}
.landing-facts button.card{text-align:left;font:inherit;width:100%;cursor:pointer}
.landing-step{padding:0}
.landing-link-card .text-link{display:inline-block;margin-top:10px;font-size:12px}
.btn.is-soon{cursor:default;color:#8b9a95;border-style:dashed}
.size-chart{margin-top:26px}
.size-chart h3{font-size:16px;margin-bottom:10px}.size-chart h3 small{font-size:12px;color:#5f6f6a;font-weight:400}
.size-chart table{font-size:13px}.size-chart th,.size-chart td{text-align:center;white-space:nowrap;padding-left:8px;padding-right:8px}
.size-chart tbody tr:hover td{background:none}
.contact-guide h2{font-size:18px;margin-bottom:16px}
.contact-steps{list-style:none;padding:0;margin:0;display:grid;gap:14px}
.contact-steps li{display:flex;gap:12px}.contact-steps span{font-size:12px;color:#5f6f6a;padding-top:2px}
.contact-steps strong{font-size:14px}.contact-steps p{font-size:13px;color:#5f6f6a;margin-top:2px}
.contact-direct{margin-top:22px;padding-top:18px;border-top:1px solid var(--line);display:grid;gap:6px;font-size:14px}
.contact-direct p{font-size:13px;color:#5f6f6a}.contact-direct a{color:var(--green);font-weight:600}
.hp-field{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.consent{margin:16px 0;font-size:13px}.consent label{display:flex;gap:8px;align-items:center;font-weight:600}
.consent details{margin-top:6px}.consent summary{cursor:pointer;color:#5f6f6a;font-size:12px}
.consent details p{font-size:12px;line-height:1.7;color:#5f6f6a;background:#f6f8f5;border-radius:8px;padding:10px 12px;margin-top:6px}
.form-error{color:#b3412f;font-size:13px;margin-bottom:10px}
.privacy{padding:28px 30px;line-height:1.75;font-size:14px}
.privacy section+section{margin-top:22px}.privacy h2{font-size:16px;margin-bottom:6px}
.privacy ul{padding-left:18px}.privacy table{font-size:13px}.privacy td{vertical-align:top}

/* The Picks catalog */
.cat-jump{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:6px 0 34px}
.cat-jump button{border:1px solid var(--line);background:#fff;border-radius:12px;padding:14px 16px;text-align:left;font:inherit;cursor:pointer;display:grid;gap:4px}
.cat-jump button:hover{border-color:#769377}.cat-jump strong{font-size:14px;color:var(--ink)}.cat-jump small{font-size:12px;color:#5f6f6a}
.cat-line{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:40px;align-items:start;padding:40px 0;border-top:1px solid var(--line)}
.cat-line>*{min-width:0}
.cat-media{display:grid;gap:12px}
.cat-main{margin:0;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.cat-main img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}
.cat-main figcaption{display:flex;align-items:center;gap:8px;font-size:12px;color:#5f6f6a;padding:8px 14px;border-top:1px solid var(--line)}
.cat-color-chip{width:18px;height:18px;border-radius:5px;box-shadow:0 0 0 1px var(--line);flex:none}
.cat-color-figname{font-weight:600;color:var(--ink)}
.cat-color-figpantone{color:#8a8578}
.cat-color-approx{color:#a69f8e;font-style:italic}
.cat-model{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:14px}
.cat-info h2{font-size:26px;font-weight:600;letter-spacing:-.6px;color:var(--ink);margin:4px 0 10px}
.cat-desc{font-size:15px;line-height:1.75;color:#4f625d;margin-bottom:16px}
.cat-colors-title{font-size:14px;font-weight:600;margin:22px 0 10px}.cat-color-name{color:#5c7a58}
.cat-swatches{display:flex;flex-wrap:wrap;gap:8px}
.cat-swatch{padding:0;border:2px solid transparent;border-radius:10px;background:#fff;cursor:pointer;line-height:0;box-shadow:0 0 0 1px var(--line)}
.cat-swatch img{width:56px;height:56px;object-fit:contain;border-radius:8px}
.cat-swatch.is-on{border-color:#155748}
.cat-swatch:focus-visible{outline:3px solid var(--green);outline-offset:2px}
.cat-info .hero-buttons{margin-top:22px}
@media(max-width:1024px){.cat-jump{grid-template-columns:repeat(2,minmax(0,1fr))}.cat-line{grid-template-columns:1fr;gap:22px}}
@media(max-width:480px){.cat-swatch img{width:48px;height:48px}.cat-info h2{font-size:22px}}

/* Public pages: a type scale for reading, not the dense workspace scale (design review 2026-11-06) */
.public-page{word-break:keep-all;overflow-wrap:break-word}
.public-page .contact-steps span{flex:none}
.public-page .hero-copy h1{letter-spacing:-1px}
.public-page .landing-hero .hero-copy>p{font-size:17px}
.public-page .landing-head>p:not(.eyebrow),.public-page .landing .card p,.public-page .landing .card li,.public-page .landing-points p,.public-page .landing-story p,.public-page .spec-table div,.public-page .cat-desc,.public-page .contact-steps p,.public-page .privacy{font-size:16px;line-height:1.75}
.public-page .size-chart table{font-size:15px}
.public-page .page-heading .subtitle{font-size:15px;max-width:none}
.public-page .btn{font-size:14px;min-height:44px;padding-left:18px;padding-right:18px}
.public-page .text-link{font-size:14px}
.public-page .eyebrow{font-size:12px}
.public-page .section-intro p,.public-page .landing-note,.public-page .landing-facts span,.public-page .cat-jump small{font-size:14px}
.public-page .auth-hint,.public-page figcaption,.public-page small,.public-page .sample-label{font-size:13px}
.public-page .field label,.public-page .consent label{font-size:14px}
.public-page input,.public-page select,.public-page textarea{font-size:16px}
.public-page input:focus-visible,.public-page select:focus-visible,.public-page textarea:focus-visible{outline:2px solid var(--green);outline-offset:1px}
@media(max-width:480px){.public-page .eyebrow{font-size:11px}.public-page .btn{font-size:14px;min-height:44px}.public-page .page-heading .subtitle{font-size:15px;max-width:none}}
.public-page .consent summary{font-size:13px}.public-page .consent details p{font-size:14px}
/* Public pages: secondary text at 4.5:1 or better on white and on the page background */
.public-page .eyebrow{color:#4f7a63}
.public-page .subtitle,.public-page .auth-hint,.public-page .section-intro p,.public-page .sample-label,.public-page .field small,.public-page figcaption{color:#5f6f6a}
.public-page ::placeholder{color:#6b7a75}
.public-page a:focus-visible,.public-page button:focus-visible{outline-color:var(--green)}
.public-page .landing-band .eyebrow{color:var(--gold)}
.public-page .btn.is-soon{color:#5f6f6a}
.public-page td{color:#33443f}
.public-page .field label{color:#33443f}
/* The editorial disclosure belongs to the photo, not to the sales copy */
.landing-hero{position:relative}
.hero-caption{position:absolute;right:14px;bottom:12px;margin:0;padding:4px 10px;border-radius:999px;background:#ffffffd9;font-size:12px;color:#33443f}
.hero-image-link{display:block;min-width:0}.hero-image-link:focus-visible{outline:3px solid var(--green);outline-offset:3px}