/* The daylight collection uses the same ink, paper, blue and gold on all shop routes. */
:root {
  --ink:#171d2c; --night:#181e31; --linen:#fcfbf7; --paper:#fff; --muted:#505866; --border:#ced2d7;
  --blue:#223fd4; --deep-blue:#182b83; --gold:#ffd246; --ice:#eef4fc;
  --section-space:clamp(40px,5vw,82px);
}
body {color:var(--ink);background:var(--linen)}
.mast,body.home .mast {position:relative;inset:auto;background:var(--linen);color:var(--ink);border:0}
.mast-inner {height:68px}
body.home .mast-inner::after {display:none}
body.home .mast .wordmark img {filter:none}
.mast nav a {font-size:13px;font-weight:650}
.mast nav a:first-child {border-bottom:2px solid var(--blue)}
.oh-launch-band,.ownhours-launch-banner {background:var(--gold);color:var(--ink);border:0}
.oh-launch-band .oh-launch-code {background:var(--ink);color:#fff}
.campaign {display:grid;grid-template: "copy photo" minmax(435px,auto)/minmax(0,41fr) minmax(0,59fr);min-height:0;background:var(--blue);color:#fff}
.campaign::before,.concert-plate::after {display:none}
.campaign-inner {grid-area:copy;position:relative;min-width:0;margin:0;align-items:center;padding:clamp(38px,4.6vw,80px) clamp(22px,3vw,58px) clamp(39px,4.8vw,84px) max(var(--edge),calc((100vw - 1540px)/2));}
.concert-plate {grid-area:photo;position:relative;inset:auto;z-index:auto;width:100%;height:100%;min-height:0;overflow:hidden;aspect-ratio:auto}
.concert-plate .campaign-photo {z-index:auto;object-fit:cover;object-position:right top}
.campaign .eyebrow {font-size:11px;letter-spacing:.13em;color:#fff;margin-bottom:clamp(19px,2.2vw,40px)}
.eyebrow .rule {width:23px;height:2px}
.campaign .eyebrow .rule {background:var(--gold)}
.campaign h1 {font:400 clamp(56px,7.3vw,140px)/.9 var(--serif);letter-spacing:-.075em;text-shadow:none}
.campaign h1 em {margin:.05em 0 0;font-weight:400;color:var(--gold);letter-spacing:-.075em}
.campaign-note {font-size:clamp(14px,1.2vw,20px);line-height:1.5;margin-top:clamp(16px,1.6vw,29px);color:#fff;max-width:30ch}
.campaign-cta {background:var(--gold);color:var(--ink);gap:28px;min-height:45px;margin-top:clamp(15px,1.8vw,28px);padding:10px 17px;font-size:14px}
.campaign-cta:hover {background:#ffe68f}
.campaign-credit {grid-area:photo;align-self:end;justify-self:end;position:relative;inset:auto;z-index:1;margin:13px;background:#171d2cdd;color:#fff;padding:5px 8px;text-shadow:none}
.material-band {max-width:none;background:var(--gold);color:var(--ink);display:grid;grid-template-columns:minmax(0,.84fr) repeat(2,minmax(0,1fr));gap:clamp(16px,2.4vw,45px);padding-block:clamp(28px,3.5vw,62px);align-items:start}
.material-intro {align-self:center}
.material-intro .eyebrow {color:var(--deep-blue);margin-bottom:18px}
.material-intro h2 {font-size:clamp(42px,4.7vw,89px);line-height:.95;letter-spacing:-.075em;max-width:7.3ch}
.material-intro h2 em {color:var(--deep-blue)}
.material-link {display:inline-flex;align-items:center;gap:15px;min-height:38px;font-weight:700;font-size:13px;margin-top:17px}
.material-band figure>a {display:block;position:relative}
.material-band figure img {width:100%;aspect-ratio:3/2;object-fit:contain;background:#191b1d}
.material-band h3 {margin:10px 0 4px;font:650 clamp(17px,1.55vw,27px)/1.2 var(--sans);letter-spacing:-.045em}
.material-band figcaption p {font-size:14px;line-height:1.45;max-width:44ch}
.material-band figcaption small {display:block;font-size:11px;font-weight:600;margin-top:7px;color:#49442f}
.wardrobe-index {display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;padding-block:0;background:var(--blue);color:#fff;border:0}
.wardrobe-index a {justify-content:space-between;padding:15px clamp(8px,1.5vw,25px);border-left:1px solid #ffffff59;font-size:13px}
.wardrobe-index a:last-child {border-right:1px solid #ffffff59}
.wardrobe-index span {color:var(--gold)}
.edition {display:grid;grid-template-columns:1fr;max-width:none;padding:0;background:var(--ice);color:var(--ink)}
.edition::before {display:none}
.edition-sky,.edition-head {grid-area:1/1}
.edition-sky {position:relative;min-height:clamp(230px,22vw,425px);overflow:hidden}
.edition-sky img {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 64%}
.edition-head {isolation:isolate;position:relative;display:flex;align-items:center;justify-content:space-between;align-self:stretch;gap:18px;margin:0;padding:35px max(var(--edge),calc((100vw - 1540px)/2));z-index:1}
.edition-head::before {content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#f4f9fff5 0%,#edf7fff2 25%,#f2f8ff9e 55%,#f8fbff00 80%)}
.edition-head h2 {color:var(--ink);font-size:clamp(55px,7.2vw,128px);letter-spacing:-.078em;line-height:.95}
.edition-head h2 em,.edition-head .eyebrow {color:var(--deep-blue)}
.edition .eyebrow .rule {background:var(--blue)}
.edition-head>p {color:var(--ink);max-width:28ch;font-weight:600}
.edition-body,.pants-layout {display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,.87fr) minmax(0,.83fr);align-items:center;gap:clamp(16px,2.3vw,40px)}
.edition-body {width:min(100%,1720px);margin:auto;padding:var(--section-space) var(--edge)}
.edition .look-stage,.edition .look-stage[data-shade] {background:#e0e7ee}
.edition .look-stage .stage-bottom {padding:12px 14px}
.edition .product-caption,.edition .pricing span,.edition .thread-note,.edition .checkout-note {color:var(--muted)}
.edition .shade {border-color:#aebdce}
.edition .shade small {color:var(--deep-blue)}
.edition .shade i {border-color:#5d6b80}
.edition .shade[aria-current=true] i {background:var(--blue);box-shadow:inset 0 0 0 3px var(--ice)}
.edition .shade:hover {background:#e2ebfa}
.edition .order-link,.set-link,.pants-actions .set-link,.dark-button {background:var(--blue);color:white}
.edition .order-link:hover,.set-link:hover {background:var(--deep-blue)}
.hoodie-fit-view :is(a,.photo-surface),.pant-in-motion a {aspect-ratio:4/5}
.hoodie-fit-view img,.pant-in-motion img {aspect-ratio:4/5;width:100%;height:100%;object-fit:contain}
.hoodie-fit-view figcaption,.pant-campaign>p,.garment-styled figcaption {padding-top:7px;font-size:12px;line-height:1.45;color:var(--muted)}
.set-feature {max-width:1720px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;align-items:center;background:var(--linen)}
.set-feature>.pair-in-motion {padding:var(--section-space) 0 var(--section-space) var(--edge)}
.pair-in-motion a {aspect-ratio:4/5;max-width:590px;margin:auto}
.pair-in-motion img {width:100%;height:100%;object-fit:contain}
.set-feature>.set-copy {padding:var(--section-space) var(--edge) var(--section-space) clamp(30px,4vw,72px)}
.set-proof-spread,.set-wardrobe-inspect {grid-column:1/-1;background:#e9eff7}
.set-proof-spread {padding-block:clamp(18px,2vw,32px) 0}
.set-proof-spread .horizon-set-editorial {grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.set-proof-spread .garment-frame {background:#ced6dc}
.set-proof-spread .garment-frame img {width:100%;height:clamp(180px,22vw,360px);object-fit:contain}
.set-wardrobe-inspect {padding-block:0 var(--section-space)}
.set-copy .eyebrow,.pants-heading .eyebrow,.tee-collection .eyebrow {color:var(--deep-blue)}
.pants-collection,.tee-collection,.logo-fleece {padding-block:var(--section-space);background:var(--linen)}
.pants-heading>p {max-width:36ch}
.pants-heading h2 em,.tee-collection h2 em {color:var(--blue)}
.pants-gallery,.tee-stage {background:#e5e9eb}
.pants-gallery figure,.tee-stage>:is(a,.photo-surface),.tee-stage .garment-frame,.pants-gallery .garment-frame {background:#e5e9eb}
.pants-gallery>[data-frame=pant-star] {margin:0;border-top:3px solid var(--linen)}
.pants-gallery>[data-frame=pant-star] img {max-height:130px}
.pants-heading .eyebrow,.tee-collection .eyebrow {margin-bottom:10px}
.logo-fleece {background:#edf2fa}
.tee-grid {grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;column-gap:clamp(20px,3vw,50px);row-gap:0}
.tee-panel {display:grid;grid-template-rows:subgrid;grid-row:span 4}
.tee-description {padding-top:16px}
.tee-description .tee-product-head {margin-top:0}
.tee-options {padding-bottom:15px}
.tee-stage {align-self:end}
.tee-views a[aria-current=true],.view-switch [aria-current=true] {color:var(--deep-blue);border-color:var(--blue)}
.tee-swatches a,.set-colors a {border-radius:2px;border-color:#9fa9b7}
.tee-swatches a[aria-current=true],.set-colors a[aria-current=true] {color:var(--deep-blue);border-color:var(--blue);background:#eaf0ff}
.tee-collection .style-photo.garment-styled {margin:0;align-self:start}
.tee-collection .style-photo.garment-styled :is(a,.photo-surface),.logo-set-card .style-photo :is(a,.photo-surface) {aspect-ratio:4/5}
.tee-collection .style-photo.garment-styled img,.logo-set-card .style-photo img {width:100%;height:100%;object-fit:contain;object-position:center}
.logo-sets {background:var(--blue);color:#fff}
.logo-sets .eyebrow,.logo-set-caption>span,.logo-sets .pants-heading h2 em {color:var(--gold)}
.logo-sets .pants-heading>p,.logo-set-pricing span,.logo-set-caption p {color:#fff}
.logo-sets .rule {background:var(--gold)}
.logo-set-caption {border-color:#c7d0ff}
.logo-set-caption .set-link {background:var(--gold);color:var(--ink)}
.print-story {background:#20283c}
.origin {background:var(--gold);color:var(--ink);border:0}
.origin-inner {grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(25px,6vw,105px);padding-block:var(--section-space)}
.origin-inner .style-photo {max-width:480px}
.origin-inner .style-photo img {width:100%;height:auto}
.origin-copy h2 {max-width:10ch;margin-bottom:18px}
.origin-copy h2 em {color:var(--deep-blue)}
.site-foot {background:var(--night)}
:where(a,button,summary,select,input):focus-visible {outline:3px solid #bb431b;outline-offset:3px}
.campaign :focus-visible,.logo-sets :focus-visible,.wardrobe-index :focus-visible {outline-color:white}

@media (max-width:1090px) {
  .edition-body,.pants-layout {grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
  .edition-body .look-stage,.pants-layout .pants-gallery {grid-column:1/-1}
  .set-feature>.set-copy {padding-inline:clamp(22px,3vw,42px)}
}
@media (max-width:820px) {
  .campaign {grid-template-columns:minmax(0,42fr) minmax(0,58fr);grid-template-rows:minmax(380px,auto)}
  .material-band {grid-template-columns:repeat(2,minmax(0,1fr))}
  .material-intro {grid-column:1/-1;display:grid;grid-template-columns:1fr auto;align-items:end}
  .material-intro .eyebrow {grid-column:1/-1;margin-bottom:8px}
  .material-intro h2 {max-width:none}
  .material-link {margin:0}
  .wardrobe-index {grid-template-columns:repeat(3,minmax(0,1fr))}
  .wardrobe-index a {border-bottom:1px solid #ffffff59}
  .wardrobe-index a:nth-child(3) {border-right:1px solid #ffffff59}
}
@media (max-width:650px) {
  .mast-inner {height:55px}
  .mast .wordmark img {width:57px}
  .mast nav {gap:13px}
  .mast nav a {font-size:11px}
  .campaign {grid-template: "photo" auto "copy" auto/1fr}
  .concert-plate {grid-area:photo;aspect-ratio:942/941;height:auto}
  .concert-plate .campaign-photo {object-fit:contain;object-position:center;inset:0}
  .campaign-inner {grid-area:copy;padding:22px var(--edge) 25px}
  .campaign .eyebrow {font-size:9px;margin-bottom:10px}
  .campaign h1 {font-size:clamp(43px,10.5vw,68px);line-height:1}
  .campaign h1 br {display:none}
  .campaign h1 em {margin:0}
  .campaign-note {font-size:14px;margin-top:7px;max-width:39ch}
  .campaign-cta {min-height:41px;margin-top:12px}
  .campaign-credit {margin:0 8px 8px}
  .material-band {gap:18px 12px;padding-block:28px}
  .material-intro {display:block}
  .material-link {margin-top:5px;min-height:30px}
  .material-band h3 {font-size:16px}
  .material-band figcaption p {font-size:12px}
  .material-band figcaption small {font-size:10px}
  .wardrobe-index {padding-inline:0}
  .wardrobe-index a {min-height:42px;padding:7px 9px;font-size:11px}
  .edition-head {display:block;align-self:center;padding:28px var(--edge)}
  .edition-head::before {inset:-120px 0;background:linear-gradient(90deg,#f4f9fff5,#edf7ff75 85%,transparent)}
  .edition-head .eyebrow {margin-bottom:8px}
  .edition-head h2 {font-size:clamp(48px,11.6vw,79px)}
  .edition-head>p {background:transparent;padding:0;margin-top:8px;max-width:24ch}
  .edition-sky {min-height:195px}
  .edition-body,.pants-layout {grid-template-columns:1fr;gap:22px}
  .edition-body {padding-block:28px}
  .hoodie-fit-view,.pant-campaign {max-width:450px;width:100%;margin:auto}
  .set-feature {grid-template-columns:1fr}
  .set-feature>.pair-in-motion {padding:var(--section-space) var(--edge) 0}
  .set-feature>.set-copy {padding:24px var(--edge)}
  .set-proof-spread .garment-frame img {height:auto;aspect-ratio:auto}
  .set-proof-spread .horizon-set-editorial {gap:5px}
  .tee-grid,.logo-set-grid {grid-template-columns:1fr;gap:38px}
  .tee-panel {display:block}
  .tee-description {padding-top:12px}
  .origin-inner {grid-template-columns:1fr}
  .origin-copy h2 {max-width:none}
}
@media (prefers-reduced-motion:reduce) {html {scroll-behavior:auto}}
