/* Three related page identities: collection showroom, workshop journal, editorial story. */
/* Collections: a bright, generous showroom with a large lead collection card. */
.kc19-collection .kc22-collection-hero { background: #eee2d0; color: #38271e; border-bottom: 1px solid #cfb899; }
.kc19-collection .kc22-collection-hero .kc19-kicker { color: #945532; }
.kc19-collection .kc22-collection-hero .kc19-hero-copy > p { color: #76614e; }
.kc19-collection .kc22-collection-hero .kc19-button { background: #9d5b36; color: #fff5e7; border-color: #9d5b36; }
.kc19-collection .kc22-collection-hero .kc19-hero-layout { min-height: 560px; }
.kc19-collection .kc22-hero-media { height: 535px; padding-top: 26px; padding-bottom: 42px; }
.kc19-collection .kc22-hero-main { border-radius: 160px 160px 5px 5px; border-color: #b79770; box-shadow: 14px 14px 0 #c7aa8338; }
.kc19-collection .kc22-hero-caption { color: #806143; }
.kc19-collection .kc22-world { background: #fffdf8; }
.kc19-collection .kc22-world-cards { align-items: stretch; }
.kc19-collection .kc22-world-card { flex: 1 1 0; background: #f7efe1; }
.kc19-collection .kc22-world-card:first-child { flex-grow: 1.35; }
.kc19-collection .kc22-world-card > figure { height: 330px; }
.kc19-collection .kc22-world-copy { display: flex; flex-direction: column; align-items: flex-start; }
.kc19-collection .kc22-world-copy .kc19-button { margin-top: 24px; }
.kc19-collection .kc19-catalogue { background: #f4ebdd; }
.kc19-collection .kc-product-card { background: #fffdf8; border-color: #d9c4a8; }
.kc19-collection .kc19-catalogue-head { align-items: center; }
.kc19-collection .kc22-choice { background: #fffdf8; }
.kc19-collection .kc22-choice .kc22-note-cards article { border: 0; border-top: 2px solid #ac7650; background: transparent; padding: 28px 18px 0 0; }
.kc19-collection .kc22-craft-intro { background: #e8dac3; }
.kc19-collection .kc22-split-photo { border-radius: 90px 4px 4px; box-shadow: 12px 12px 0 #b58d5d33; }
/* Craftsmanship: long-form workshop chapters and larger, tactile image details. */
.kc22-craftsmanship .kc22-craft-hero { padding-bottom: 88px; }
.kc22-craftsmanship .kc22-craft-hero-media { height: 590px; flex-basis: 50%; padding-left: 0; padding-right: 38px; }
.kc22-craftsmanship .kc22-craft-main-photo { border-radius: 4px 110px 4px 4px; }
.kc22-craftsmanship .kc22-craft-inset { left: auto; right: 0; bottom: 80px; width: 185px; height: 195px; }
.kc22-craftsmanship .kc22-craft-caption { left: 0; right: 65px; }
.kc22-craftsmanship .kc22-origin-photo { border: 0; padding: 0 0 25px 25px; background: linear-gradient(90deg, #d5b994 0, #d5b994 72%, transparent 72%); }
.kc22-craftsmanship .kc22-origin-photo img { border-radius: 4px; }
.kc22-craftsmanship .kc22-making { background: #f7f1e6; }
.kc22-craftsmanship .kc22-process-chapters { border-left: 1px solid #ccb08b; padding-left: 34px; }
.kc22-craftsmanship .kc22-process-chapters > li { position: relative; }
.kc22-craftsmanship .kc22-process-chapters > li::before { content: ''; position: absolute; width: 9px; height: 9px; background: #a66a42; border: 5px solid #f7f1e6; outline: 1px solid #b48c63; border-radius: 50%; left: -44px; top: 15px; box-sizing: content-box; }
.kc22-craftsmanship .kc22-process-chapters figure img { height: 390px; }
.kc22-craftsmanship .kc22-material .kc22-note-cards { gap: 0; }
.kc22-craftsmanship .kc22-material .kc22-note-cards article { background: transparent; border: 0; border-left: 1px solid #79583b; padding: 10px 32px; }
.kc22-craftsmanship .kc22-material .kc22-note-cards article:first-child { border-left: 0; padding-left: 0; }
.kc22-craftsmanship .kc22-study-cards { align-items: flex-start; }
.kc22-craftsmanship .kc22-study-cards > figure:nth-child(2) { margin-top: 60px; }
.kc22-craftsmanship .kc22-study-cards a { border-radius: 4px; height: 360px; }
.kc22-craftsmanship .kc22-study-cards > figure:nth-child(2) a { height: 420px; }
/* About / Our Story: an open editorial heading and a panoramic photographic spread. */
.kc23-story-hero { background: #fffdf8; padding: 65px 0 80px; }
.kc23-story-heading { display: flex; gap: 10%; align-items: flex-end; }
.kc23-story-heading > div:first-child { flex: 1; min-width: 0; }
.kc19-story .kc23-story-heading h1 { font-size: 76px; line-height: 1.04; letter-spacing: -2.4px; }
.kc23-story-intro { flex: 0 0 35%; padding-bottom: 4px; }
.kc23-story-intro > p { color: #76614e; font-size: 17px; line-height: 1.85; margin-bottom: 28px; }
.kc23-story-visual { position: relative; margin-top: 50px; padding-right: 90px; padding-bottom: 40px; }
.kc23-story-photo { height: 470px; margin: 0; overflow: hidden; border-radius: 4px; background: #e2cfb1; }
.kc23-story-photo img { width: 100%; height: 100%; object-fit: cover; object-position: center 52%; }
.kc23-story-detail { margin: 0; width: 280px; position: absolute; right: 0; bottom: 0; padding: 12px; background: #f2e5d0; box-shadow: 0 15px 45px #38271e22; transform: rotate(3deg); }
.kc23-story-detail img { width: 100%; height: 230px; object-fit: cover; }
.kc23-story-detail figcaption { font-size: 15px; color: #805334; padding: 16px 5px 4px; }
.kc19-story > .kc19-section > .kc19-origin { flex-direction: row-reverse; gap: 10%; }
.kc19-story .kc19-origin .kc19-arch { border-radius: 4px 90px 4px 4px; aspect-ratio: 1 / 1; box-shadow: 14px 14px 0 #c5a37c33; }
.kc19-story .kc19-statement { background: #332419; color: #f4e6d0; border: 0; padding: 85px 0; }
.kc19-story .kc19-statement p { max-width: 850px; margin-right: auto; margin-left: auto; font-style: normal; font-size: 58px; }
.kc19-story .kc19-statement p span { color: #9f8264; }
.kc19-story .kc19-statement p span.is-lit { color: #f4e6d0; }
.kc19-story .kc19-statement svg { color: #d4a373; }
.kc19-story .kc19-making { background: #eee1cc; }
.kc19-story .kc19-making-layout { display: block; }
.kc19-story .kc19-sticky-copy { width: 100%; max-width: 700px; position: static; margin-bottom: 44px; }
.kc19-story .kc19-making-orbit { display: none; }
.kc19-story .kc19-chapters { width: 100%; display: flex; flex-wrap: wrap; gap: 28px; }
.kc19-story .kc19-chapter { flex: 1 1 calc((100% - 56px) / 3); min-width: 0; padding: 0 0 28px; margin: 0; background: #fffaf1; border: 1px solid #d5bfa0; }
.kc19-story .kc19-chapter figure { margin: 0; height: 300px; }
.kc19-story .kc19-chapter figure img { height: 100%; width: 100%; object-fit: cover; }
.kc19-story .kc19-chapter > div { padding: 28px; }
.kc19-story .kc19-chapter h3 { margin: 0 0 15px; }
.kc19-story .kc19-chapter p { margin: 0; }
.kc19-story > .kc19-section.kc19-dark { background: #fffdf8; color: #38271e; }
.kc19-story .kc19-values { display: block; margin-top: 35px; }
.kc19-story .kc19-values article { display: flex; align-items: baseline; gap: 35px; background: transparent; border: 0; border-top: 1px solid #d7c0a0; padding: 28px 0; }
.kc19-story .kc19-value-index { flex: 0 0 40px; color: #975533; }
.kc19-story .kc19-values h3 { flex: 0 0 28%; margin: 0; }
.kc19-story .kc19-values p { flex: 1; color: #76614e; margin: 0; }
@media (min-width: 1001px) and (prefers-reduced-motion: no-preference) {
    .kc23-story-detail { animation: kc23-story-drift 16s ease-in-out infinite alternate; }
    @keyframes kc23-story-drift { to { transform: translateY(-9px) rotate(1deg); } }
}
@media (max-width: 1000px) {
    .kc19-collection .kc22-world-card > figure { height: 260px; }
    .kc19-story .kc23-story-heading h1 { font-size: 60px; }
    .kc23-story-heading { gap: 6%; }
    .kc23-story-photo { height: 410px; }
    .kc23-story-detail { width: 230px; }
    .kc23-story-detail img { height: 190px; }
    .kc19-story .kc19-chapter figure { height: 250px; }
    .kc19-story .kc19-chapter > div { padding: 24px 20px; }
    .kc22-craftsmanship .kc22-craft-hero-media { height: 510px; }
    .kc22-craftsmanship .kc22-craft-inset { width: 150px; height: 165px; }
}
@media (max-width: 760px) {
    .kc19-collection .kc22-collection-hero .kc19-hero-layout { min-height: 0; }
    .kc19-collection .kc22-hero-media { height: 420px; padding-top: 0; }
    .kc19-collection .kc22-hero-main { border-top-left-radius: 90px; border-top-right-radius: 90px; }
    .kc19-collection .kc22-world-card, .kc19-collection .kc22-world-card:first-child { flex: auto; width: 100%; }
    .kc19-collection .kc22-world-card > figure { height: 300px; }
    .kc22-craftsmanship .kc22-craft-hero-media { flex: auto; height: 440px; padding-right: 25px; padding-left: 0; }
    .kc22-craftsmanship .kc22-craft-main-photo { border-top-right-radius: 70px; }
    .kc22-craftsmanship .kc22-craft-inset { width: 130px; height: 145px; bottom: 75px; }
    .kc22-craftsmanship .kc22-craft-caption { right: 25px; }
    .kc22-craftsmanship .kc22-origin-photo { padding-left: 18px; padding-bottom: 18px; }
    .kc22-craftsmanship .kc22-process-chapters { padding-left: 25px; }
    .kc22-craftsmanship .kc22-process-chapters > li::before { left: -35px; }
    .kc22-craftsmanship .kc22-process-chapters figure img { height: 280px; }
    .kc22-craftsmanship .kc22-material .kc22-note-cards article, .kc22-craftsmanship .kc22-material .kc22-note-cards article:first-child { border: 0; border-top: 1px solid #79583b; padding: 26px 0; }
    .kc22-craftsmanship .kc22-study-cards > figure:nth-child(2) { margin-top: 0; }
    .kc22-craftsmanship .kc22-study-cards a, .kc22-craftsmanship .kc22-study-cards > figure:nth-child(2) a { height: 350px; }
    .kc23-story-hero { padding: 42px 0 55px; }
    .kc23-story-heading { flex-direction: column; align-items: stretch; gap: 28px; }
    .kc19-story .kc23-story-heading h1 { font-size: 48px; letter-spacing: -1.5px; }
    .kc23-story-intro { flex: auto; padding: 0; }
    .kc23-story-visual { margin-top: 35px; padding-right: 34px; padding-bottom: 60px; }
    .kc23-story-photo { height: 365px; }
    .kc23-story-detail { width: 175px; padding: 8px; }
    .kc23-story-detail img { height: 145px; }
    .kc23-story-detail figcaption { font-size: 15px; padding: 10px 3px 3px; }
    .kc19-story > .kc19-section > .kc19-origin { flex-direction: column; gap: 35px; }
    .kc19-story .kc19-statement { padding: 60px 0; }
    .kc19-story .kc19-statement p { font-size: 38px; }
    .kc19-story .kc19-chapters { flex-direction: column; gap: 24px; }
    .kc19-story .kc19-chapter { flex: auto; width: 100%; }
    .kc19-story .kc19-chapter figure { height: 300px; }
    .kc19-story .kc19-chapter > div { padding: 28px; }
    .kc19-story .kc19-values article { flex-wrap: wrap; gap: 18px; }
    .kc19-story .kc19-values h3 { flex: 1; }
    .kc19-story .kc19-values p { flex-basis: 100%; padding-left: 58px; }
}
@media (prefers-reduced-motion: reduce) {
    .kc23-story-detail { animation: none; }
}