/* Own Hours / Studio palette. The swatch values and garment photography are independent of these UI colors. */
:root {
  --ink:#252824; --night:#26302d; --linen:#f5f2eb; --paper:#fbf9f4;
  --muted:#595f58; --quiet:#595f58; --border:#d4d0c5;
  --blue:#38545d; --deep-blue:#253f47; --gold:#c2a36b; --ice:#e5ebe7;
  --forest:#293c35; --clay:#8f5746; --chalk:#f1ebdf; --stone:#e4dfd4;
  --brass-ink:#705a37; --copper:#c19c72;
}
body {background:var(--linen);color:var(--ink)}

/* Pale mineral type and a slate horizon give the Signature collection its evening light. */
:root {--midnight:#202c3b;--orbital:#355463;--silver:#dce4e8;--mineral:#b9cbd8}
.catalogue-cover {background:var(--midnight);color:#f7f4ed}
.cover-head .eyebrow,.cover-head :is(h1,h2) em {color:var(--mineral)}
.cover-head .eyebrow .rule {background:var(--mineral)}
.cover-offers {border-color:#586776}
.cover-offers>a {color:#f7f4ed;border-bottom-color:#586776}
.cover-offers .offer-name small,.cover-delivery,.cover-offers i {color:var(--silver)}
.cover-description {color:#e0e5e9}
.cover-offers .offer-photo {background:#d9deda}
.catalogue-cover .cover-offers>a:focus-visible {outline-color:#dfb999}
.catalogue-home .reverse-study {background:#2a404b;color:#f7f4ed}
.catalogue-home .reverse-study :is(h2 em,.eyebrow) {color:#c2d7df}
.stitch-study {display:block;width:min(100%,460px);padding-block:9px;border-top:1px solid var(--border)}
.stitch-study summary {width:fit-content;cursor:pointer;font:600 13px/1.6 var(--sans);color:var(--deep-blue)}
.stitch-study img {display:block;width:100%;height:auto;margin-top:10px}
.photo-surface {display:block;min-width:0}
::selection {background:#c7d6cb;color:#162721}
body .oh-launch-band,body .ownhours-launch-banner {background:var(--forest);color:var(--chalk);border:0}
body .oh-launch-band .oh-launch-code {background:transparent;color:var(--chalk);border:1px solid #aab8aa}
body .mast,body.home .mast {background:var(--paper);color:var(--ink);border-bottom:1px solid var(--border)}
.mast nav a {font-weight:550;letter-spacing:.025em}
.mast nav a:hover,.mast nav a:focus-visible,.mast nav a[aria-current="page"] {text-decoration:underline;text-decoration-color:var(--brass-ink)}
.mast nav a:hover,.site-foot nav a:hover {text-underline-offset:.35em}
.site-foot {background:var(--night);color:var(--chalk)}
.site-foot nav a {color:var(--chalk)}
.campaign,.wardrobe-index {background:var(--forest)}
.campaign h1 em,.campaign .eyebrow .rule {color:#d7bf97}
.campaign .campaign-cta,.logo-set-caption .set-link {background:var(--chalk);color:var(--ink)}
.campaign .campaign-cta:hover,.logo-set-caption .set-link:hover {background:#dbd1bf;color:var(--ink)}
.edition {background:var(--linen)}
.edition .look-stage,.edition .look-stage[data-shade],.tee-stage,.pants-gallery,.tee-stage>:is(a,.photo-surface),.tee-stage .garment-frame,.pants-gallery figure,.pants-gallery .garment-frame {background:#e8e6df}
.edition .shade,.tee-swatches a,.set-colors a {border-color:#bbb9ae}
.edition .shade:hover,.tee-swatches a:hover,.set-colors a:hover {background:#e6e8df}
.tee-swatches a[aria-current=true],.set-colors a[aria-current=true] {background:#e0e6df;color:#263c35;border-color:#506557}
.edition .shade small {color:var(--brass-ink)}
.edition .shade i {border-color:#738478}
.edition .shade[aria-current=true] i {background:var(--forest);box-shadow:inset 0 0 0 3px var(--linen)}
.tee-swatches a,.set-colors a,.ownhours-set select {border-radius:2px}
.edition .order-link,.set-link,.pants-actions .set-link,.dark-button,
.woocommerce a.button,.woocommerce button.button,.woocommerce button.button.alt {background:var(--deep-blue);color:var(--paper)}
.edition .order-link:hover,.set-link:hover,.dark-button:hover,.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce button.button.alt:hover {background:var(--forest);color:#fff}
.logo-fleece,.set-proof-spread,.set-wardrobe-inspect {background:var(--ice)}
.set-proof-spread .garment-frame {background:transparent}
.logo-sets {background:var(--forest)}
.logo-set-caption {border-color:#8d9a8e}
.print-story {background:#293237;color:#eee5d4}
.origin {background:#dbd1c0;color:var(--ink)}
.frame-label {display:none}
.black-set-detail.black-detail-home {display:block;max-width:34rem;border:0;padding:0}
.native-hoodie-main .native-extra[data-frame=fit] {background:transparent}
.ownhours-set,.outfit-plate,.woocommerce div.product {color:var(--ink)}
.ownhours-set fieldset {border-color:var(--border);background:var(--paper)}
.ownhours-set select {border-color:#9b9d90;color:var(--ink);background:var(--paper)}
.ownhours-set .ownhours-set-summary {border-color:var(--border)}
.outfit-plate,.set-builder-spread .outfit-plate {background:var(--linen)}
.outfit-plate .garment-frame {background:#e8e6df}
body :is(a,button,summary,select,input):focus-visible {outline:2px solid var(--clay);outline-offset:3px}
body :is(.site-foot,.campaign,.logo-sets,.wardrobe-index) :focus-visible {outline-color:#e2c79b}
.material-band.fabric-study {
  display:grid;grid-template-columns:minmax(0,.90fr) minmax(0,1.23fr) minmax(0,.92fr);
  align-items:center;gap:clamp(20px,3.4vw,65px);background:var(--paper);color:var(--ink);
  padding-block:clamp(42px,5vw,88px);border-block:1px solid var(--border);
}
.fabric-study .material-intro {display:block;grid-column:auto;align-self:center}
.fabric-study .material-intro .eyebrow {color:var(--brass-ink);margin-bottom:clamp(12px,1.4vw,22px)}
.fabric-study .material-intro h2 {font-size:clamp(42px,4.5vw,80px);letter-spacing:-.06em;line-height:1;max-width:none}
.fabric-study .material-intro em {color:var(--blue)}
.fabric-study .material-specs {margin:clamp(16px,2vw,30px) 0 0;display:grid;gap:12px}
.material-specs dt {font:650 13px/1.4 var(--sans);color:var(--ink)}
.material-specs dd {font:400 13px/1.55 var(--sans);color:var(--muted);margin:.15em 0 0;max-width:35ch}
.material-notes {margin-top:16px;color:var(--quiet);font:400 12px/1.5 var(--sans)}
.material-notes summary {cursor:pointer;text-decoration:underline;text-underline-offset:4px}
.material-notes p {margin-top:6px;max-width:37ch}
.material-band .fabric-plate {margin:0;min-width:0}
.material-band .fabric-plate :is(a,.photo-surface) {display:block}
.material-band .fabric-plate img {display:block;width:100%;aspect-ratio:3 / 2;object-fit:contain;background:transparent}
@media (min-width:1050px) {.fabric-study .cuff-plate {padding-top:clamp(16px,3vw,58px)}}
@media (min-width:681px) and (max-width:1000px) {
  .material-band.fabric-study {grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:20px 32px}
  .fabric-study .material-intro {grid-row:span 2}
  .material-band .fabric-plate {width:100%}
}
@media (max-width:680px) {
  .material-band.fabric-study {grid-template-columns:1.1fr 1fr;gap:14px 10px;align-items:start;padding-block:32px}
  .fabric-study .material-intro {display:contents}
  .fabric-study .material-intro .eyebrow {grid-row:1;grid-column:1/-1;margin:0}
  .fabric-study .material-intro h2 {grid-row:2;grid-column:1/-1;font-size:clamp(40px,9vw,57px)}
  .fabric-study .fabric-plate {grid-row:3}
  .fabric-study .material-specs {grid-row:4;grid-column:1/-1;grid-template-columns:1.1fr 1fr;gap:12px;margin:0}
  .fabric-study .material-notes {grid-row:5;grid-column:1/-1;margin:0}
  .material-specs dd {font-size:12.5px}
}

/* The masthead uses the same navigation and bag target on customer and editorial pages. */
.mast .mast-inner {
  display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
  align-items:center;gap:clamp(16px,3vw,48px);height:auto;min-height:84px;padding-block:9px;
}
.mast .wordmark {width:fit-content}
.mast .wordmark img {display:block;width:clamp(97px,8.2vw,132px);height:auto}
.mast #mast-links {grid-column:2;gap:clamp(16px,2.6vw,48px)}
.mast #mast-links a,.mast-bag,.mast-menu-toggle {
  display:inline-flex;align-items:center;justify-content:center;min-height:44px;
  font:550 clamp(15px,1.15vw,18px)/1.2 var(--sans);letter-spacing:.005em;text-decoration:none;
}
.mast #mast-links a {border:0}
.mast #mast-links a:hover {text-decoration:underline;text-underline-offset:.32em}
.mast .mast-bag,.mast-menu-toggle {
  gap:10px;color:inherit;background:transparent;border:1px solid currentColor;border-radius:3px;padding:0 17px;
}
.mast .mast-bag {grid-column:3;justify-self:end}
.mast .mast-bag:hover {background:var(--ink);color:var(--paper)}
body.home .mast .mast-bag:hover {background:#ece1ce;color:#1b2933}
.bag-outline {width:14px;height:13px;position:relative;border:1.5px solid currentColor;border-radius:2px;margin-top:3px}
.bag-outline::before {content:'';position:absolute;left:3px;right:3px;top:-5px;height:6px;border:1.5px solid currentColor;border-bottom:0;border-radius:5px 5px 0 0}
.mast .mast-menu-toggle {display:none;cursor:pointer}
.menu-strokes {display:block;width:15px;height:8px;border-block:1.5px solid currentColor}
@media(max-width:720px) {
  .mast .mast-inner {grid-template-columns:1fr auto auto;gap:0 9px;min-height:72px}
  .mast .wordmark img {width:84px}
  .mast.has-menu .mast-menu-toggle {display:inline-flex;grid-column:2;grid-row:1}
  .mast .mast-bag {grid-row:1}
  .mast .mast-bag,.mast .mast-menu-toggle {font-size:14px;padding:0 12px}
  .mast #mast-links {grid-row:2;grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:0 1rem;padding:7px 0}
  .mast #mast-links a {justify-content:flex-start;border-top:1px solid #89919d66}
  .mast.has-menu .mast-menu-toggle[aria-expanded=false]+#mast-links {display:none}
  .mast.has-menu .mast-menu-toggle[aria-expanded=true] {background:#dce3df;color:#233132}
}

.piece-link,.looks-grid .look-card {
  --card-pad:clamp(10px,1.2vw,23px);
  background:var(--paper);border:1px solid #c5c6bb;box-shadow:0 2px 4px #1b29230a,0 12px 25px -19px #202d2759;
}
.piece-link,.looks-grid .look-card,.looks-grid .look-information {display:flex;flex-direction:column}
.piece-link {height:100%}
.piece-link .piece-family,.piece-link .piece-identity,.piece-link .piece-foot {padding-inline:var(--card-pad)}
.piece-link .piece-family {padding-top:var(--card-pad)}
.piece-link .piece-foot {margin-top:auto;padding-top:6px;padding-bottom:var(--card-pad)}
.piece-link .piece-photo.piece-studio-pair {display:grid;grid-template-columns:1fr;grid-template-rows:minmax(0,1fr);background:transparent}
.piece-link .piece-studio-pair img {object-fit:contain;width:100%;height:100%;min-width:0;min-height:0}
.piece-link .piece-studio-pair img+img {display:none}
.pants-gallery figure img[data-pants-image],.pants-variants [data-pants-color] img,
.offer-photo img[data-photo-stem^="pants-"],.horizon-pair-plate img[data-photo-stem^="pants-"],
.pair-pieces img[src*="/pants-"] {mix-blend-mode:normal}
.piece-catalogue:has([data-category=all][aria-current=true]) [data-piece-card=own-time-hoodie] {grid-column:1/-1}
.piece-catalogue:has([data-category=all][aria-current=true]) [data-piece-card=own-time-hoodie] .piece-link {
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.82fr);align-content:center;
  grid-template-rows:1fr auto 1fr;background:#e6e8e1;
}
.piece-catalogue:has([data-category=all][aria-current=true]) .piece-studio-pair {
  grid-row:1/4;align-self:stretch;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));height:clamp(142px,16vw,250px);aspect-ratio:auto;
}
.piece-catalogue:has([data-category=all][aria-current=true]) .piece-studio-pair img+img {display:block}
.piece-catalogue:has([data-category=all][aria-current=true]) [data-piece-card=own-time-hoodie] :is(.piece-identity,.piece-family,.piece-foot) {grid-column:2;padding-inline:clamp(12px,3.1vw,65px)}
.piece-catalogue:has([data-category=all][aria-current=true]) [data-piece-card=own-time-hoodie] .piece-family {align-self:end}
.piece-catalogue:has([data-category=all][aria-current=true]) [data-piece-card=own-time-hoodie] .piece-foot {margin:0;align-self:start}
.looks-grid .look-information {flex:1;padding:var(--card-pad);gap:3px}
.looks-grid .look-choose {margin-top:auto;min-height:44px;width:fit-content}
.origin-copy>p+p {margin-top:.8em}
.origin-copy .origin-signature {margin:clamp(20px,3.4vw,52px) 0 0;border-top:1px solid #888b7c;padding:16px 0 0}
.origin-copy .origin-signature p {font:italic 400 clamp(25px,2.4vw,44px)/1.2 var(--serif);letter-spacing:-.035em}
.origin-signature cite {display:block;margin-top:6px;font:600 12px/1.4 var(--sans)}
.fabric-study .cuff-plate {padding-top:0}
.fabric-study .fabric-plate .photo-surface {overflow:hidden;background:#e4dfd4;box-shadow:0 14px 28px -20px #29312888}
.fabric-study .material-specs dt {font:400 clamp(25px,2.3vw,39px)/1.1 var(--serif);letter-spacing:-.05em}
.material-specs dt span {font:600 13px/1.3 var(--sans);letter-spacing:0}
@media(min-width:1001px) {
  .material-band.fabric-study {grid-template-columns:minmax(0,.92fr) repeat(2,minmax(0,1fr));gap:clamp(18px,2.6vw,54px)}
}
@media(max-width:680px) {
  .material-band.fabric-study {grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
  .piece-link,.looks-grid .look-card {transition:box-shadow .21s ease}
  .piece-link .piece-photo img,.looks-grid .look-photo img {transition:transform .35s ease}
  .piece-link:hover,.looks-grid .look-card:focus-within,.looks-grid .look-card:hover {box-shadow:0 4px 9px #17251f14,0 18px 35px -20px #202d2759}
  .piece-link:hover .piece-photo img,.looks-grid a.look-photo:hover img {transform:scale(1.022)}
}