/* Grand Alpaca Company fiber-mill profile */
.fiber-mill-profile {
  --mill-ink:#292c2b; --mill-charcoal:#3c4442; --mill-forest:#425c4d; --mill-forest-dark:#294035;
  --mill-rust:#a46142; --mill-oat:#e8dcc5; --mill-wool:#f6f1e7; --mill-paper:#fffdf9;
  --mill-muted:#6c716d; --mill-rule:#d9d2c5; background:#faf7f0; color:var(--mill-ink);
}
.fiber-mill-profile main{padding-top:clamp(1.2rem,3vw,2rem)}
.fiber-mill-profile .eyebrow{color:var(--mill-rust)}
.fiber-mill-profile a:focus-visible{outline:3px solid var(--mill-rust);outline-offset:3px}

.mill-hero{display:grid;grid-template-columns:minmax(0,.95fr) minmax(24rem,1.05fr);margin-bottom:clamp(3.5rem,7vw,5.5rem);background:var(--mill-forest-dark);color:#fff}
.mill-hero__copy{align-self:center;padding:clamp(2.4rem,5vw,4.8rem)}
.mill-kicker{margin:0 0 .8rem;color:#c7d5cc;font-size:.7rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.mill-hero h1{max-width:11ch;margin:0 0 1rem;color:#fff;font-size:clamp(2.8rem,5.8vw,5rem);line-height:.96}
.mill-hero__summary{max-width:35rem;margin:0;color:#dce5df;font-size:1.04rem;line-height:1.65}
.mill-hero .button-link{background:var(--mill-rust);border-color:var(--mill-rust)}
.mill-hero .button-link:hover{background:#fff;border-color:#fff;color:var(--mill-forest-dark)}
.mill-text-link{color:#fff;font-size:.84rem;font-weight:800;text-underline-offset:.25rem}
.mill-hero__figure{min-height:29rem;margin:0}
.mill-hero__figure img{display:block;width:100%;height:100%;object-fit:cover}
.mill-facts{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);margin:0;background:var(--mill-paper);color:var(--mill-ink)}
.mill-facts div{padding:.95rem 1.1rem}.mill-facts div+div{border-left:1px solid var(--mill-rule)}
.mill-facts dt{margin-bottom:.2rem;color:var(--mill-muted);font-size:.61rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.mill-facts dd{margin:0;color:var(--mill-forest-dark);font-family:var(--font-display);font-weight:700}

.mill-intro{display:grid;grid-template-columns:minmax(14rem,.72fr) minmax(0,1.28fr);gap:clamp(2rem,6vw,5rem);margin-bottom:clamp(4rem,8vw,6rem)}
.mill-intro__heading{padding-top:.8rem;border-top:5px solid var(--mill-rust)}
.mill-intro h2,.mill-process h2,.mill-herd h2{max-width:16ch;margin:.35rem 0 0;color:var(--mill-forest-dark);font-size:clamp(2rem,4vw,3.25rem);line-height:1.02}
.mill-intro__copy p{max-width:45rem;margin:0 0 1rem;line-height:1.75}
.mill-intro__copy a,.mill-herd__copy a,.mill-home-link a{color:var(--mill-forest-dark);font-weight:800;text-decoration-color:rgba(41,64,53,.32);text-underline-offset:.2rem}

.mill-process{margin:0 calc(50% - 50vw) clamp(4rem,8vw,6rem);padding:clamp(3rem,6vw,5rem) max(1.25rem,calc((100vw - var(--wrap))/2));background:var(--mill-charcoal);color:#fff}
.mill-process__lead{display:grid;grid-template-columns:minmax(14rem,.7fr) minmax(0,1.3fr);gap:clamp(2rem,6vw,5rem);align-items:end;margin-bottom:2.5rem}
.mill-process .eyebrow{color:#ddb58f}.mill-process h2{color:#fff}
.mill-process__lead>p{max-width:43rem;margin:0;color:#d9dfdc;line-height:1.7}
.mill-process__flow{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.25);border-bottom:1px solid rgba(255,255,255,.25)}
.mill-process__flow div{min-width:0;padding:1.4rem 1.2rem}.mill-process__flow div+div{border-left:1px solid rgba(255,255,255,.2)}
.mill-process__flow span,.mill-output h3{display:block;margin-bottom:.35rem;color:#ddb58f;font-size:.64rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase}
.mill-process__flow strong{font-family:var(--font-display);font-size:1.15rem;line-height:1.25}
.mill-output{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:1.5rem 2.5rem;align-items:center;margin-top:1.8rem}
.mill-output h3{margin:0}.mill-output ul{display:flex;flex-wrap:wrap;gap:.45rem 1.2rem;margin:0;padding:0;list-style:none;color:#e6ebe8;font-size:.84rem}
.mill-output li::before{content:"•";margin-right:.45rem;color:#ddb58f}
.mill-arrow-link{color:var(--mill-forest-dark);font-size:.84rem;font-weight:800;text-decoration:none}.mill-arrow-link::after{content:" →"}.mill-process .mill-arrow-link{color:#fff}

.mill-herd{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(15rem,.65fr);gap:clamp(2rem,6vw,5rem);align-items:start;margin-bottom:clamp(4rem,8vw,6rem)}
.mill-herd__copy p{max-width:45rem;line-height:1.72}.mill-herd__note{padding:1.6rem;background:var(--mill-wool);border-top:5px solid var(--mill-forest)}
.mill-herd__note span{display:block;margin-bottom:.45rem;color:var(--mill-rust);font-size:.63rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.mill-herd__note strong{display:block;color:var(--mill-forest-dark);font-family:var(--font-display);font-size:1.5rem}.mill-herd__note p{margin:.65rem 0 0;color:var(--mill-muted);font-size:.84rem;line-height:1.55}

.mill-asides{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;margin-bottom:clamp(4rem,8vw,6rem)}
.mill-aside{display:grid;grid-template-columns:minmax(10rem,.9fr) minmax(0,1.1fr);min-width:0;overflow:hidden;background:var(--mill-paper);border:1px solid var(--mill-rule)}
.mill-aside>img{display:block;width:100%;height:100%;min-height:13rem;object-fit:cover}
.mill-aside>div:last-child{padding:1.4rem}.mill-aside h2{margin:.25rem 0 .55rem;color:var(--mill-forest-dark);font-size:1.5rem}.mill-aside p:not(.eyebrow){margin:0 0 .75rem;color:var(--mill-muted);font-size:.83rem;line-height:1.55}.mill-aside a{color:var(--mill-forest-dark);font-size:.79rem;font-weight:800}

.mill-contact{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:2rem;padding:clamp(1.7rem,4vw,2.8rem);background:var(--mill-forest-dark);color:#fff}
.mill-contact .eyebrow{color:#ddb58f}.mill-contact h2{margin:.25rem 0 .45rem;color:#fff}.mill-contact p{margin:0;color:#dbe4de}
.mill-contact__actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem}.mill-contact__actions a:not(.button-link){color:#fff;font-size:.82rem;font-weight:700}.mill-contact .button-link{background:var(--mill-rust);border-color:var(--mill-rust)}
.mill-source-note,.mill-home-link{max-width:55rem;margin:1rem 0 0;color:var(--mill-muted);font-size:.75rem;line-height:1.55}.mill-home-link{margin-bottom:2rem}

@media (max-width:58rem){
  .mill-hero,.mill-intro,.mill-process__lead,.mill-herd{grid-template-columns:1fr}.mill-hero__figure{min-height:22rem}.mill-facts{grid-template-columns:repeat(2,1fr)}
  .mill-facts div:nth-child(3){border-left:0;border-top:1px solid var(--mill-rule)}.mill-facts div:nth-child(4){border-top:1px solid var(--mill-rule)}
  .mill-process__flow{grid-template-columns:repeat(2,1fr)}.mill-process__flow div:nth-child(3){border-top:1px solid rgba(255,255,255,.2);border-left:0}.mill-process__flow div:nth-child(4){border-top:1px solid rgba(255,255,255,.2)}
  .mill-output{grid-template-columns:1fr}.mill-asides{grid-template-columns:1fr}
}
@media (max-width:36rem){
  .mill-facts,.mill-process__flow,.mill-aside{grid-template-columns:1fr}.mill-facts div+div,.mill-process__flow div+div,.mill-process__flow div:nth-child(3){border-left:0}
  .mill-aside>img{min-height:0;max-height:14rem}.mill-contact,.mill-contact__actions{align-items:flex-start;flex-direction:column}
}