/* An image-led fashion composition; identity is carried by lettering and garments. */
.home-campaign .nocturne-hero-shade { background:linear-gradient(90deg,#08080885,transparent 65%),linear-gradient(0deg,#080808c9,transparent 55%); }
.home-campaign .nocturne-kicker { color:#bbb7b0; font-size:9px; border-left:0; padding-left:0; display:flex; gap:20px; }
.home-campaign .nocturne-kicker > span { color:var(--paper); padding-left:15px; border-left:2px solid var(--orange); }
.home-campaign .nocturne-hero-copy { inset:auto auto clamp(74px,8.5vh,110px) var(--gutter); width:44%; max-width:660px; }
.home-campaign h1 { width:100%; max-width:none; font-size:0; line-height:0; color:var(--paper); }
.home-campaign h1 .original-wordmark { display:block; width:100%; height:auto; }
.home-campaign .nocturne-hero-bottom { align-items:center; gap:30px; margin-top:36px; }
.home-campaign .home-positioning { font-size:clamp(14px,1.18vw,18px); line-height:1.55; font-weight:400; letter-spacing:-.02em; }
.home-positioning > span { color:#c1beb8; }
.home-explore { display:inline-flex; align-items:center; justify-content:space-between; gap:28px; min-height:46px; padding:8px 0; border-bottom:1px solid #d1cec5; color:var(--paper); font-size:12px; line-height:1.5; flex:none; transition:color .2s var(--ease),border-color .2s var(--ease); }
.home-explore svg { width:20px; height:20px; transition:transform .3s var(--ease); }
.home-explore:hover { color:var(--orange); border-color:var(--orange); }.home-explore:hover svg { transform:translateX(3px); }

.home-introduction { background:var(--ink); color:var(--paper); }
.home-introduction-inner { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:clamp(60px,10vw,150px); padding-block:clamp(80px,9vw,138px); border-bottom:1px solid #ffffff25; }
.home-point-of-view { color:#aaa7a1; font-size:9px; line-height:1.8; margin-bottom:34px; }
.home-brand-copy h2 { font-size:clamp(60px,6.4vw,96px); font-weight:400; line-height:1; letter-spacing:-.06em; }
.home-brand-definition { margin-top:30px; max-width:390px; }
.home-brand-definition > p { font-size:14px; line-height:1.85; color:#b5b1aa; }
.home-brand-definition > p + p { margin-top:18px; }
.home-brand-definition > .text-link { margin-top:23px; font-size:12px; }
.home-mark-study { margin:0; min-width:0; }
.home-mark-image { display:block; position:relative; aspect-ratio:1; overflow:hidden; background:#191919; }
.home-mark-image > img { position:absolute; width:180%; height:auto; max-width:none; left:-61%; top:-48%; transition:transform .8s var(--ease); }
.home-mark-image:hover > img { transform:scale(1.025); }
.home-mark-study figcaption { display:flex; justify-content:space-between; gap:18px; padding-top:17px; color:#aaa7a1; font-size:9px; line-height:1.7; }
.home-mark-study figcaption > span:last-child { text-align:right; }

.home-originals { padding-block: clamp(65px, 7vw, 100px) clamp(75px, 8.5vw, 130px); }
.home-section-heading { display: grid; grid-template-columns: 1fr 1fr; align-items: end; gap: 30px; margin-bottom: 39px; }
.home-section-heading .eyebrow { font-size: 9px; color: var(--muted); margin-bottom: 22px; }
.home-section-heading h2 { font-size: clamp(42px, 4.8vw, 70px); font-weight: 400; line-height: 1.04; }
.home-section-heading > div:last-child { justify-self: end; }
.home-section-heading > div > p:not(.eyebrow) { font-size: 13px; line-height: 1.8; color: var(--muted); }
.home-section-heading .text-link { margin-top: 13px; }
.home-originals-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.home-originals-grid .product-image { aspect-ratio: 4 / 5; }
.home-originals-footnote { display: flex; justify-content: space-between; align-items: baseline; flex-wrap: wrap; gap: 15px 30px; margin-top: 30px; padding-top: 15px; border-top: 1px solid var(--line); }
.home-originals-footnote > p { font-size: 10px; line-height: 1.8; color: var(--muted); }
.home-originals-footnote nav { display: flex; gap: 26px; font-size: 11px; }
.home-originals-footnote a { display: inline-flex; align-items: center; min-height: 44px; }
.home-originals-footnote a:hover { text-decoration: underline; text-underline-offset: 5px; }

.home-styling { background: var(--ink); color: var(--paper); }
.home-styling .after-hours-teaser { padding-block: clamp(75px, 7.5vw, 120px); }
.home-styling .edition-signature .astronaut-mark { width:27px; height:34px; }
.home-styling .edition-signature > span { padding-left: 13px; }
.home-styling .teaser-intro > p, .home-styling .styling-caption { color: #aaa7a1; }
.home-styling .look-preview-caption > span:first-child { border-left: 0; padding-left: 0; color: var(--orange); }
.home-styling .look-preview-caption > span:last-child { color: #aaa7a1; }
.home-styling .look-preview-image { background: #242424; }
.home-styling .look-preview-arrow { border: 1px solid #ffffff40; background: #101010cc; }

.home-origin { display: grid; grid-template-columns: 1fr 1fr; background: #dedbd5; }
.home-origin-photo { min-width: 0; margin: 0; position: relative; overflow: hidden; }
.home-origin-photo > img { width: 100%; height: 100%; min-height: 660px; max-height: 890px; object-fit: cover; object-position: 50% 34%; transition: transform 1s var(--ease); }
.home-origin-photo:hover > img { transform: scale(1.02); }
.home-origin-photo figcaption { position: absolute; bottom: 24px; left: var(--gutter); right: 20px; color: white; font-size: 9px; line-height: 1.6; letter-spacing: .08em; text-shadow: 0 1px 6px #000; }
.home-origin-copy { display: grid; align-items: center; padding: 75px clamp(32px, 5.5vw, 92px); }
.home-origin-inner { max-width: 470px; }
.home-origin-copy .eyebrow { font-size: 9px; color: var(--muted); margin-bottom: 35px; }
.home-origin-copy h2 { font-size: clamp(39px, 4.7vw, 72px); font-weight: 400; line-height: 1.02; }
.home-origin-copy p:not(.eyebrow) { max-width: 370px; margin-top: 30px; color: #575550; font-size: 14px; line-height: 1.85; }
.home-origin-copy blockquote { border-left: 2px solid var(--orange); padding-left: 20px; margin: 32px 0 0; max-width: 350px; font-size: 18px; line-height: 1.5; letter-spacing: -.025em; }
.home-origin-copy cite { display: block; margin-top: 12px; color: var(--muted); font-size: 10px; line-height: 1.7; letter-spacing: .015em; font-style: normal; }
.home-origin-copy .text-link { margin-top: 30px; font-size: 12px; }

@media (max-width:1100px) and (min-width:801px) {
  .home-campaign .nocturne-hero-copy { width:47%; }
  .home-campaign .nocturne-hero-bottom { flex-direction:column; align-items:flex-start; gap:20px; }
  .home-introduction-inner { gap:60px; }
  .home-brand-copy h2 { font-size:62px; }
  .home-mark-study figcaption { flex-direction:column; gap:4px; }
  .home-mark-study figcaption > span:last-child { text-align:left; }
  .home-origin-photo > img { min-height:660px; }
}

@media (max-width:800px) {
  .home-campaign { min-height:540px; }
  .home-campaign .nocturne-hero-copy { inset:auto var(--gutter) 64px; width:auto; max-width:none; }
  .home-campaign .nocturne-kicker { top:27px; left:var(--gutter); font-size:9px; gap:17px; }
  .home-campaign h1 { max-width:580px; }
  .home-campaign .nocturne-hero-bottom { align-items:flex-start; flex-direction:column; gap:21px; margin-top:29px; }
  .home-campaign .home-positioning { font-size:16px; line-height:1.5; }
  .home-explore { min-width:220px; }
  .home-campaign .nocturne-hero-shade { background:linear-gradient(0deg,#080808ee 0%,#08080870 30%,#08080800 64%),linear-gradient(180deg,#08080844,transparent 24%); }
  .home-introduction-inner { grid-template-columns:1fr; gap:40px; padding-block:58px 60px; }
  .home-point-of-view { font-size:8px; margin-bottom:27px; }
  .home-brand-copy h2 { font-size:clamp(53px,12.8vw,85px); }
  .home-brand-definition { margin-top:26px; max-width:540px; }
  .home-brand-definition > p { font-size:14px; line-height:1.85; }
  .home-brand-definition > p + p { margin-top:15px; }
  .home-brand-definition > .text-link { margin-top:20px; font-size:13px; }
  .home-mark-image { max-height:650px; }
  .home-mark-study figcaption { font-size:8px; gap:25px; }
  .home-originals { padding-bottom: 62px; }
  .home-section-heading { grid-template-columns: 1fr; gap: 20px; padding-top: 30px; margin-bottom: 28px; }
  .home-section-heading .eyebrow { margin-bottom: 18px; }
  .home-section-heading h2 { font-size: 45px; }
  .home-section-heading > div:last-child { justify-self: start; }
  .home-section-heading > div > p:not(.eyebrow) { font-size: 14px; }
  .home-originals-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 14px; }
  .home-originals-grid .product-card:first-child { grid-column: 1 / -1; }
  .home-originals-grid .product-image { aspect-ratio: 3 / 4; }
  .home-originals-grid .product-card:first-child .product-image { aspect-ratio: 4 / 4.4; }
  .home-originals-footnote { margin-top: 24px; gap: 4px; }
  .home-originals-footnote > p { font-size: 11px; }
  .home-originals-footnote nav { gap: 25px; font-size: 12px; }
  .home-styling .after-hours-teaser { padding-block: 62px; overflow: hidden; }
  .home-styling .look-triptych { display: grid; grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: minmax(0, 86%); overflow-x: auto; gap: 16px; padding-bottom: 19px; scroll-snap-type: x proximity; scrollbar-color: var(--orange) #ffffff22; scrollbar-width: thin; }
  .home-styling .look-preview { scroll-snap-align: start; }
  .home-styling .look-preview-caption { align-items: flex-start; gap: 10px; font-size: 9px; }
  .home-styling .look-preview-caption > span:last-child { text-align: right; }
  .home-styling .styling-caption { font-size: 11px; margin-top: 20px; }
  .home-origin { grid-template-columns: 1fr; }
  .home-origin-photo > img { height: auto; min-height: 0; max-height: 790px; aspect-ratio: 4 / 4.8; object-position: center; }
  .home-origin-photo figcaption { bottom: 18px; font-size: 10px; }
  .home-origin-copy { padding: 50px var(--gutter) 62px; }
  .home-origin-copy .eyebrow { margin-bottom: 25px; }
  .home-origin-copy h2 { font-size: clamp(43px, 10vw, 68px); }
  .home-origin-copy p:not(.eyebrow) { margin-top: 25px; max-width: 450px; font-size: 15px; }
  .home-origin-copy blockquote { max-width: 390px; margin-top: 26px; }
  .home-origin-copy .text-link { font-size: 13px; }
}

@media (max-width:370px) {
  .home-campaign .home-positioning { font-size:15px; }
  .home-styling .look-triptych { grid-auto-columns:91%; }
}
@media (max-height:620px) and (max-width:800px) {
  .home-campaign { min-height:490px; }
  .home-campaign .nocturne-hero-copy { bottom:47px; }
  .home-campaign .nocturne-hero-bottom { gap:13px; margin-top:20px; }
}
@media (max-height:760px) and (min-width:801px) {
  .home-campaign .nocturne-hero-copy { bottom:64px; }
  .home-campaign .nocturne-hero-bottom { margin-top:25px; }
}
@media (prefers-reduced-motion:reduce) {
  .home-explore,.home-explore svg,.home-explore:hover svg,.home-mark-image > img,.home-mark-image:hover > img { transition:none; transform:none; }
  .home-origin-photo > img { transform:none !important; transition:none; }
  .home-styling .look-triptych { scroll-snap-type:none; }
}