:root{--ink:#151515;--cream:#f8f5ed;--paper:#fffdf7;--lavender:#d8c1de;--yellow:#ffe087;--line:#ded9cd;--muted:#57554f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.55}img{display:block;max-width:100%}a{color:inherit}button,input,textarea{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.04;letter-spacing:-.055em}h1{font-size:clamp(3.5rem,8vw,7.8rem);font-weight:900}h2{font-size:clamp(2.5rem,5vw,5rem);font-weight:900}h3{font-size:1.65rem}h1 em{font-style:normal;color:#695370}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #735a9b;outline-offset:3px}.skip-link{position:absolute;top:-100px;left:1rem;z-index:50;background:white;padding:.5rem 1rem}.skip-link:focus{top:1rem}.shell,.header-inner,.footer-inner{max-width:1280px;padding-left:clamp(20px,4vw,60px);padding-right:clamp(20px,4vw,60px);margin:auto}.site-header{background:var(--paper);border-bottom:1px solid var(--line)}.header-inner{min-height:92px;display:flex;align-items:center;gap:2rem}.brand{width:170px;display:block;flex:none}.brand img{width:100%;height:52px;object-fit:contain}.site-header nav{display:flex;gap:clamp(15px,2.4vw,35px);margin-left:auto}.site-header nav a{text-decoration:none;font-size:.92rem;font-weight:700;white-space:nowrap}.site-header nav a[aria-current]{text-decoration:underline;text-decoration-color:#8b6b97;text-decoration-thickness:3px;text-underline-offset:8px}.header-shop{margin-left:1rem;padding:.7rem 1.1rem;border:1px solid var(--ink);border-radius:100px;text-decoration:none;font-size:.88rem;font-weight:700;white-space:nowrap}.header-shop:hover,.button-dark:hover{background:#3c3040;color:white}.hero{max-width:1450px;margin:auto;min-height:610px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;padding:clamp(20px,4vw,60px);gap:3rem}.hero-copy{padding:4rem 0}.hero h1{max-width:800px;margin:1rem 0 1.5rem}.lead{max-width:660px;color:#383630;font-size:clamp(1.13rem,1.8vw,1.5rem);line-height:1.5}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;font-weight:900;color:#655469}.actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:1.2rem;text-decoration:none;border-radius:100px;padding:.9rem 1.35rem;font-size:.95rem;font-weight:800;min-height:52px;border:1px solid var(--ink);transition:transform .2s,background .2s,color .2s}.button:hover{transform:translateY(-2px)}.button-dark{background:var(--ink);color:white}.button-outline{background:transparent;color:var(--ink)}.button-outline:hover{background:#eee9db}.hero-art{position:relative}.hero-art img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:50% 50% 44% 48%}.intro-strip{background:var(--ink);color:white;display:flex;justify-content:center;align-items:center;gap:clamp(1rem,3vw,4rem);padding:1rem;text-transform:uppercase;letter-spacing:.15em;font-weight:800;font-size:.76rem;text-align:center}.asterisk{color:var(--yellow);font-size:1.25rem}.section{padding-top:6rem;padding-bottom:6rem}.section-head{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:2.5rem}.section-head h2{margin:0}.text-link{font-weight:800;text-decoration:none;border-bottom:2px solid currentColor;padding-bottom:3px}.text-link:hover{color:#725b83}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.35rem}.pattern-card{background:var(--paper);border:1px solid var(--line);border-radius:15px;overflow:hidden;display:flex;flex-direction:column}.card-image{display:block;overflow:hidden;background:#ded6ca}.card-image img{width:100%;aspect-ratio:1/1;object-fit:cover;transition:transform .3s}.card-image:hover img{transform:scale(1.035)}.card-body{padding:1.45rem;flex:1;display:flex;flex-direction:column}.card-body h3{margin:.15rem 0 .65rem}.card-body p:not(.eyebrow){color:var(--muted)}.card-body .text-link{align-self:flex-start;margin-top:auto}.statement{border-top:1px solid var(--line);padding-top:5rem;padding-bottom:6rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem}.statement p:not(.eyebrow){font-size:1.3rem;line-height:1.6}.social-band{background:#e7d7e9;padding:5rem 0}.social-band h2{max-width:850px}.social-band p:not(.eyebrow){font-size:1.18rem}.page-hero{padding-top:5.8rem;padding-bottom:4rem}.page-hero h1{max-width:1000px;margin:.5rem 0 1.3rem}.about-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(2rem,6vw,6rem);padding-bottom:6rem}.about-image img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:14px}.about-copy p:not(.eyebrow){font-size:1.18rem}.about-copy .button{margin-top:1rem}.pattern-list{padding-top:1rem}.shop-callout{margin-top:3rem;padding:2rem;border-radius:15px;background:var(--yellow);display:flex;justify-content:space-between;align-items:center;gap:1rem}.shop-callout p{font-size:1.4rem;font-weight:800;margin:0}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:4rem;padding-bottom:6rem}.contact-card{background:#e7d7e9;border-radius:15px;padding:2rem;align-self:start}.contact-card h2{font-size:2.5rem}.contact-form{background:var(--paper);border:1px solid var(--line);border-radius:15px;padding:2rem;display:grid;gap:1.2rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.contact-form label{display:grid;gap:.4rem;font-weight:700}.contact-form input,.contact-form textarea{width:100%;padding:.85rem;border:1px solid #ada79c;border-radius:7px;background:white;color:var(--ink)}.contact-form textarea{resize:vertical}.contact-form button{justify-self:start}.contact-form button:disabled{opacity:.5;cursor:not-allowed}.form-status{margin:0;color:#523b63}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}footer{background:var(--ink);color:#fff;padding:3rem 0}.footer-inner{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.footer-inner strong{font-size:1.3rem}.footer-inner p{color:#d5d1ca}.footer-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:1.3rem}.footer-links a{text-decoration:none}.footer-links a:hover{text-decoration:underline}.copyright{font-size:.8rem;grid-column:1/-1;margin:0}@media(max-width:850px){.header-inner{flex-wrap:wrap;padding-top:.7rem;padding-bottom:.7rem;gap:.3rem 1rem}.site-header nav{order:3;width:100%;justify-content:space-between;margin:0}.header-shop{margin-left:auto}.hero{grid-template-columns:1fr;gap:0}.hero-copy{padding:2rem 0}.hero-art{max-width:520px;margin:auto}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.statement,.about-grid,.contact-grid{grid-template-columns:1fr;gap:2rem}.contact-card{order:2}.footer-inner{grid-template-columns:1fr}.footer-links{justify-content:flex-start}.intro-strip{flex-wrap:wrap}}@media(max-width:600px){h1{font-size:clamp(3.3rem,15vw,5.8rem)}.brand{width:138px}.header-shop{font-size:.74rem;padding:.55rem .7rem}.site-header nav{gap:.3rem}.site-header nav a{font-size:.82rem}.card-grid,.form-row{grid-template-columns:1fr}.section{padding-top:4rem;padding-bottom:4rem}.section-head{display:block}.section-head .text-link{display:inline-block;margin-top:1rem}.page-hero{padding-top:3rem}.shop-callout{display:block}.shop-callout .button{margin-top:1rem}.contact-form{padding:1.2rem}.intro-strip{font-size:.65rem;gap:.65rem}.asterisk{font-size:.9rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}}

/* Keep every mobile grid track and control inside the viewport. */
@media (max-width: 850px) {
  .hero { grid-template-columns: minmax(0, 1fr); }
  .hero-copy, .hero-art { min-width: 0; }
  .hero-art { width: 100%; }
}
@media (max-width: 600px) {
  .header-inner { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 10px; }
  .site-header nav { grid-column: 1 / -1; width: 100%; min-width: 0; }
  .header-shop { margin-left: 0; }
  .hero h1, .page-hero h1 { font-size: clamp(2.75rem, 11.5vw, 4rem); }
  .hero .actions .button { max-width: 100%; }
}

/* Override HTML intrinsic dimensions so square artwork remains square. */
.hero-art img, .about-image img, .card-image img {
  height: auto;
}
.hero-art img { border-radius: 0; object-fit: contain; }
.hero h1 { font-size: clamp(3.5rem, 5.6vw, 5.9rem); }
.card-image img { aspect-ratio: 4 / 5; object-position: center; }

/* Small yarn and colour accents echo the supplied logo and finished garments. */
.statement, .page-hero { position: relative; }
.statement::after, .page-hero::after {
  content: "";
  position: absolute;
  width: 160px;
  height: 74px;
  background: url('/assets/yarn-accent.svg') center / contain no-repeat;
  pointer-events: none;
}
.statement::after { right: 45px; top: -35px; }
.page-hero::after { right: 55px; bottom: 20px; opacity: .65; }
.pattern-card { border-top: 6px solid var(--card-accent, #b996c2); }
.pattern-card:nth-child(2) { --card-accent: #d7a9aa; }
.pattern-card:nth-child(3) { --card-accent: #e3bf57; }
.pattern-card:nth-child(4) { --card-accent: #85a9ba; }
.pattern-card:nth-child(5) { --card-accent: #874a53; }
.pattern-card:nth-child(6) { --card-accent: #376491; }
@media (max-width: 600px) {
  .hero h1 { font-size: clamp(2.75rem, 11.5vw, 4rem); }
  .statement::after { width: 110px; height: 52px; right: 20px; top: -24px; }
  .page-hero::after { display: none; }
}