/* Hancott public entry navigation. No fixed panels or shifting startup layout. */
.header .hc-primary-nav{display:flex;align-items:center;justify-content:center;gap:clamp(18px,3vw,46px)}
.hc-primary-nav a{color:#f6f2e9;font:500 13px/1.4 Arial,sans-serif;text-decoration:none;white-space:nowrap;letter-spacing:.07em;padding:12px 0;border-bottom:1px solid transparent}
.hc-primary-nav a:hover,.hc-primary-nav a:focus-visible{color:#e2c595;border-color:currentColor}
body>header{position:relative;inset:auto;background:#101725}
body>header .header{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;gap:24px;align-items:center}
body>header .header>.header-actions{display:flex;grid-column:4;grid-row:1;justify-self:end;gap:10px}
body>header .header>.hc-primary-nav{grid-column:3;grid-row:1}
body>header .header>.brand .brand-logo{height:56px;max-width:180px}
.hc-entry{max-width:1500px;margin:auto;padding:64px 5vw 48px;color:#142d3c;scroll-margin-top:20px}
.hc-entry-heading{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:28px}
.hc-entry-heading h2{font:400 clamp(30px,3.2vw,52px)/1.12 Georgia,serif;letter-spacing:-.035em;margin:12px 0 0}
.hc-entry-heading>p{max-width:330px;font:14px/1.7 Arial,sans-serif;color:#5c6263}
.hc-kicker{display:block;font:600 10px/1.6 Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase}
.hc-entry-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.hc-entry-card{display:grid;grid-template-columns:55% 45%;min-width:0;overflow:hidden;color:inherit;text-decoration:none;background:#e6e3da;border:1px solid #ddd9ce;transition:box-shadow .2s}
.hc-entry-card:hover{box-shadow:0 14px 32px #142d3c17}
.hc-entry-media{min-width:0;display:flex;align-items:center;justify-content:center;background:#dedbd2;aspect-ratio:4/5;overflow:hidden}
.hc-entry-media img{display:block;width:100%;height:100%;object-fit:contain}
.hc-entry-copy{display:flex;justify-content:center;align-items:start;flex-direction:column;padding:clamp(14px,2.2vw,32px);min-width:0}
.hc-entry-copy h3,.hc-entry-portals h3{font:400 clamp(24px,2.4vw,37px)/1.12 Georgia,serif;letter-spacing:-.035em;margin:16px 0 12px}
.hc-entry-copy p,.hc-entry-portals p{font:13px/1.7 Arial,sans-serif;margin:0 0 24px;max-width:260px}
.hc-entry-link{font:600 11px/1.7 Arial,sans-serif;letter-spacing:.025em;border-bottom:1px solid currentColor;padding-bottom:3px}
.hc-denim{background:#173d52;color:#f5f0e5}.hc-woven{background:#e6dfd1}.hc-laces{background:#d9dedb}.hc-new{background:#e9ded6}
.hc-knit-focus{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin:26px 0 36px;min-height:280px;background:#142f42;color:#faf4e6;text-decoration:none;overflow:hidden}
.hc-knit-focus>div:first-child{padding:38px 42px;align-self:center}.hc-knit-focus h3{font:400 clamp(36px,5vw,68px)/1 Georgia,serif;margin:14px 0}.hc-knit-focus p{font:15px/1.65 Arial,sans-serif;margin-bottom:24px}
.hc-knit-art{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:repeating-linear-gradient(60deg,#234d66 0 3px,#1c3d55 3px 7px,#294f68 7px 10px)}
.hc-knit-art>span{font:700 clamp(42px,6vw,86px)/.9 Arial,sans-serif;letter-spacing:-.07em;color:#c8d7df;z-index:1}.hc-knit-art>small{position:absolute;bottom:14px;left:18px;right:18px;font:8px/1.5 Arial,sans-serif;letter-spacing:.12em;color:#b9d0db}
.hc-knit-art i{position:absolute;width:100px;height:220px;border:14px solid #6892ac66;border-radius:50%;transform:rotate(30deg)}.hc-knit-art i:nth-of-type(1){left:0;top:-25px}.hc-knit-art i:nth-of-type(2){right:10px;bottom:-90px}.hc-knit-art i:nth-of-type(3){right:70px;top:-150px}
.hc-entry-portals{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.hc-entry-portals>a{position:relative;display:block;min-width:0;padding:28px;background:#e5e0d6;text-decoration:none;color:#152f3e;border:1px solid #d7d0c3}
.hc-entry-portals h3{font-size:29px}.hc-entry-portals p{min-height:66px;margin-bottom:18px}.hc-entry-portals .hc-map-portal{background:#17394c;color:#f8f0df;overflow:hidden}
.hc-map-portal>img{position:absolute;right:0;top:5px;width:100%;height:100%;object-fit:contain;opacity:.17}.hc-map-portal>div{position:relative}
#menu-panel .hc-menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;width:100%;max-width:1060px;margin:0 auto}
#menu-panel #nav .hc-menu-card{position:relative;min-width:0;min-height:160px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 20px;background:#e5dfd2;color:#153549;text-decoration:none;font:400 clamp(23px,3vw,40px)/1.1 Georgia,serif;letter-spacing:-.03em;border:1px solid #bdac8c}
#menu-panel #nav a::before{display:none;content:none}
#menu-panel .hc-menu-card img{width:36%;height:145px;object-fit:contain;background:#d4d1c8}#menu-panel .hc-menu-card:nth-child(1){background:#183e54;color:#f4e6cd}
#menu-panel #nav{display:block;width:100%}#menu-panel .hc-menu-utility{display:flex;flex-wrap:wrap;justify-content:center;gap:22px;margin:22px auto 10px}#menu-panel #nav .hc-menu-utility a{font:500 13px/1.5 Arial,sans-serif;letter-spacing:.02em;color:inherit;padding:8px 0}
@media(max-width:1050px){body>header .header{gap:16px}.header .hc-primary-nav{gap:18px}.header-actions .btn{font-size:10px;padding:10px}.hc-entry-copy h3{font-size:28px}.hc-entry-card{grid-template-columns:52% 48%}}
@media(max-width:760px){body>header .header{grid-template-columns:30px minmax(0,1fr) auto;gap:10px;padding-top:14px;padding-bottom:10px}body>header .header>.brand{justify-self:start}body>header .header>.brand .brand-logo{height:42px;max-width:130px}body>header .header>.header-actions{grid-column:3}.header .header-actions .btn{font-size:9px;padding:8px}.header .header-actions .count{width:16px;height:16px}body>header .header>.hc-primary-nav{grid-column:1/-1;grid-row:2;justify-content:space-between;gap:12px;width:100%;border-top:1px solid #ffffff24;padding-top:6px}.hc-primary-nav a{font-size:11px;padding:7px 0;letter-spacing:.025em}.hc-entry{padding:38px 18px}.hc-entry-heading{display:block}.hc-entry-heading>p{margin:15px 0 0}.hc-entry-grid{gap:16px;grid-template-columns:1fr}.hc-entry-card{grid-template-columns:52% 48%}.hc-entry-media{aspect-ratio:4/5}.hc-entry-copy{padding:18px}.hc-entry-copy h3{font-size:29px}.hc-entry-copy p{font-size:12px;margin-bottom:16px}.hc-kicker{font-size:9px;letter-spacing:.11em}.hc-knit-focus{grid-template-columns:1fr 40%;gap:0;min-height:250px}.hc-knit-focus>div:first-child{padding:28px 22px}.hc-knit-focus h3{font-size:42px}.hc-knit-art>span{font-size:42px}.hc-entry-portals{grid-template-columns:1fr}.hc-entry-portals>a{padding:24px;min-height:190px}.hc-entry-portals p{min-height:0;max-width:330px}.hc-map-portal>img{width:65%;left:auto;right:0}.hc-entry-heading h2{font-size:34px}#menu-panel #nav .hc-menu-card{padding:12px;gap:10px;font-size:25px;min-height:135px}#menu-panel .hc-menu-card img{height:120px;width:38%}}
@media(max-width:430px){#menu-panel .hc-menu-grid{gap:10px}#menu-panel #nav .hc-menu-card{flex-direction:column-reverse;align-items:start;font-size:23px}#menu-panel .hc-menu-card img{width:100%;height:110px}.hc-entry-copy h3{font-size:26px}.hc-entry-link{font-size:10px}.hc-knit-art>span{font-size:35px}}
@media(prefers-reduced-motion:reduce){.hc-entry-card{transition:none}}

/* Supplied 10 November brand headers: original aspect ratio, no clipping. */
.hc-brands-home{background:#eae4d9;scroll-margin-top:24px}
.hc-brand-gateway{max-width:1500px;margin:auto;padding:70px 5vw 76px}
.hc-collections-page{max-width:1500px!important;padding-top:32px!important;padding-bottom:0!important}
.hc-collections-page .hc-brand-gateway{padding:28px 0 50px}
.hc-brand-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:32px;color:#202320}
.hc-brand-eyebrow{display:block;font:600 10px/1.6 Arial,sans-serif;letter-spacing:.2em;color:#846335}
.hc-brand-heading h1,.hc-brand-heading h2,.site-content .hc-brand-heading h1{font:400 clamp(34px,4.2vw,64px)/1.06 Georgia,serif!important;letter-spacing:-.04em!important;color:#202320!important;margin:14px 0 0!important}
.hc-brand-heading>p{font:14px/1.8 Arial,sans-serif;max-width:310px;margin:0;color:#626154}
.hc-brand-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
.hc-brand-card{display:block;min-width:0;text-decoration:none;color:#f4ead7!important;border:1px solid #a7864d;background:#181917;box-shadow:0 16px 35px #2b231b16;transition:transform .25s,box-shadow .25s;overflow:hidden}
.hc-brand-card:hover{transform:translateY(-5px);box-shadow:0 22px 42px #2b231b26}
.hc-brand-card:focus-visible{outline:3px solid #a27c31;outline-offset:5px}
.hc-brand-art{aspect-ratio:3/2;background:#efe9e0;overflow:hidden}
.hc-brand-art img{display:block!important;position:static!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;aspect-ratio:3/2!important;margin:0!important;max-height:none!important}
.hc-brand-caption{padding:28px 28px 30px;display:flex;align-items:end;justify-content:space-between;gap:18px;min-height:150px}
.hc-brand-caption span{font:600 8px/1.5 Arial,sans-serif;letter-spacing:.18em;color:#cfb47d}
.hc-brand-caption h3,.site-content .hc-brand-caption h3{font:400 clamp(22px,2.4vw,34px)/1.15 Georgia,serif!important;color:#fff6e4!important;letter-spacing:.02em!important;margin:12px 0 8px!important}
.hc-brand-caption p{font:12px/1.6 Arial,sans-serif;color:#d0c8b9;margin:0}
.hc-brand-caption b{flex-shrink:0;font:500 10px/1.5 Arial,sans-serif;letter-spacing:.03em;border-bottom:1px solid #c3a56a;padding-bottom:5px;color:#f7dfab}
.hc-brand-caption i{font-style:normal;font-size:17px;margin-left:8px}
.hc-brand-organicolor{background:#4b3c23;border-color:#b8964a}.hc-brand-organicolor .hc-brand-caption span{color:#e0c78b}
.hc-concept-first{margin:30px 0 52px}
.site-content .hc-edit-heading h2{font:400 clamp(29px,3.4vw,46px)/1.12 Georgia,serif!important;letter-spacing:-.035em!important;margin:12px 0!important;color:#162f3d!important}
.hc-edit-heading>p{font:14px/1.7 Arial,sans-serif;color:#626154;margin-bottom:25px}
.hc-concept-first .hc-concept-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.hc-concept-first .catalog-card{border:1px solid #d0c6b4;background:#e7e1d7;overflow:hidden}
.hc-concept-first .catalog-card a{display:block;padding-bottom:20px}
.hc-concept-first .catalog-card img{width:100%;aspect-ratio:3/2;object-fit:contain;background:#d8d6cf}
.hc-concept-first .catalog-card h3{font:400 26px/1.15 Georgia,serif!important;letter-spacing:-.025em!important;margin:10px 20px!important}
.hc-concept-first .catalog-card span,.hc-concept-first .catalog-card b,.hc-concept-first .catalog-card time,.hc-concept-first .catalog-card p{margin-left:20px;margin-right:20px}
.hc-concept-first .catalog-card span,.hc-concept-first .catalog-card time{font:500 9px/1.6 Arial,sans-serif;letter-spacing:.08em;display:block;margin-top:18px;color:#685738}
.hc-concept-first .catalog-card p{font:12px/1.7 Arial,sans-serif;color:#625e54}
.hc-concept-first .catalog-card b{font:500 10px/1.5 Arial,sans-serif}
.hc-latest-heading{margin-top:54px}.hc-concept-first .hc-edits-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
@media(max-width:1000px){.hc-brand-caption{display:block;padding:22px}.hc-brand-caption b{display:inline-block;margin-top:20px}.hc-concept-first .hc-concept-grid,.hc-concept-first .hc-edits-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.hc-brand-gateway{padding:42px 18px 48px}.hc-brand-heading{display:block;margin-bottom:24px}.hc-brand-heading>p{margin-top:18px;font-size:12px}.hc-brand-grid{grid-template-columns:1fr;gap:22px}.hc-brand-caption{min-height:0;padding:22px}.hc-brand-caption h3,.site-content .hc-brand-caption h3{font-size:28px!important}.hc-brand-caption b{margin-top:16px}.hc-collections-page .hc-brand-gateway{padding-top:16px}.hc-concept-first .hc-concept-grid,.hc-concept-first .hc-edits-grid{grid-template-columns:1fr}.hc-concept-first .catalog-card img{aspect-ratio:3/2}.hc-brand-heading h1,.hc-brand-heading h2,.site-content .hc-brand-heading h1{font-size:40px!important}}
@media(prefers-reduced-motion:reduce){.hc-brand-card{transition:none}.hc-brand-card:hover{transform:none}}

/* The legacy mobile card grid was overridden by a later two-column rule.
   Keep the heritage timeline in reading order with a dedicated date column. */
@media(min-width:761px) and (max-width:1050px){
  .timeline{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}
  .timeline .time{display:block;min-width:0}
}
@media(max-width:760px){
  .timeline{grid-template-columns:minmax(0,1fr);gap:28px;padding-top:0}
  .timeline .time{display:grid;grid-template-columns:90px minmax(0,1fr);gap:6px 28px;min-width:0;padding-top:24px;align-items:start}
  .timeline .time>.year{grid-column:1;grid-row:1/3;min-width:0;white-space:nowrap;font-size:32px;line-height:1.1;margin:0}
  .timeline .time>h3{grid-column:2;grid-row:1;min-width:0;font-size:20px;line-height:1.25;letter-spacing:-.02em;margin:0 0 4px;overflow-wrap:anywhere}
  .timeline .time>p{grid-column:2;grid-row:2;min-width:0;font-size:13px;line-height:1.75;margin:0;overflow-wrap:anywhere}
}
@media(max-width:360px){.timeline .time{grid-template-columns:86px minmax(0,1fr);column-gap:20px}.timeline .time>.year{font-size:30px}}
.header>.hc-social-nav{grid-column:3/5;grid-row:2;justify-self:end;display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:20px;border-top:1px solid #ffffff24;padding-top:10px;margin-top:-8px}
.hc-social-nav>span{font:500 8px/1.5 Arial,sans-serif;letter-spacing:.16em;color:#c6ad7c}
.hc-social-nav>a{font:500 11px/1.5 Arial,sans-serif;letter-spacing:.03em;color:#f9f2e4;padding:3px 0}
.hc-social-nav>a:hover,.hc-social-nav>a:focus-visible{color:#e5c17d;text-decoration:underline;text-underline-offset:5px}
@media(max-width:760px){body>header .header>.hc-social-nav{grid-column:1/-1;grid-row:3;justify-self:stretch;justify-content:flex-end;gap:18px;width:100%;margin:0;padding-top:8px}.hc-social-nav>span{margin-right:auto;font-size:7px}.hc-social-nav>a{font-size:10px}}
@media(max-width:360px){body>header .header>.hc-social-nav{gap:13px}.hc-social-nav>span{font-size:6px}}
.hc-primary-nav .hc-ss28-nav{color:#f4d49b;border-bottom:1px solid #c9a869;font-weight:700}
@media(max-width:760px){body>header .header>.hc-primary-nav{gap:8px}.hc-primary-nav a{font-size:10px;letter-spacing:0}.hc-primary-nav .hc-ss28-nav{white-space:nowrap}}