/* Editorial pages: company, techniques, and journal. */
.editorial-intro { padding-top: 82px; padding-bottom: 64px; }
.editorial-intro > .eyebrow { margin-bottom: 30px; }
.editorial-intro-grid { display: grid; grid-template-columns: 1.55fr 1fr; align-items: end; gap: 8%; }
.editorial-intro-grid h1 { font-size: clamp(48px, 5.6vw, 84px); font-weight: 400; line-height: 1.02; letter-spacing: -.045em; margin: 0; }
.editorial-intro-grid .lead { max-width: 390px; margin: 0 0 5px; line-height: 1.75; }
.editorial-intro em, .editorial-section-heading em, .about-principles em, .editorial-cta em, .technique-opening em, .method-name em, .technique-faq em, .journal-feature em, .journal-notes em { font-weight: 400; }
.editorial-section-heading { display: grid; grid-template-columns: 1.35fr 1fr; align-items: end; gap: 12%; margin-bottom: 54px; }
.editorial-section-heading .section-title { margin-bottom: 0; }
.editorial-section-heading .lead { max-width: 390px; margin: 0 0 7px; }
.editorial-caption { font-size: 11px; letter-spacing: .025em; color: var(--muted); margin: 26px 0 0; line-height: 1.6; }
.editorial-actions { display: flex; align-items: center; gap: 30px; flex-wrap: wrap; margin-top: 34px; }
.editorial-cta { background: #e9ece3; text-align: center; }
.editorial-cta .section-title { font-size: clamp(48px, 5.5vw, 78px); line-height: 1.03; margin: 18px 0 0; }
.editorial-cta .editorial-actions { justify-content: center; }
.about-opening { display: grid; grid-template-columns: 1.6fr 1fr; gap: 7%; align-items: center; }
.about-factory { margin: 0; }
.about-factory > img { display: block; width: 100%; height: 510px; object-fit: cover; object-position: center; }
.about-factory figcaption { display: flex; justify-content: space-between; gap: 12px; font-size: 10px; letter-spacing: .06em; text-transform: uppercase; color: var(--muted); padding-top: 14px; }
.about-year { font-family: var(--serif); font-size: clamp(74px, 8vw, 128px); font-style: italic; line-height: 1; color: var(--accent); letter-spacing: -.05em; display: block; margin-bottom: 28px; }
.about-origin h2 { font: 400 38px/1.15 var(--serif); letter-spacing: -.025em; margin: 16px 0 24px; }
.about-origin > p:not(.eyebrow) { color: var(--muted); font-size: 14px; line-height: 1.85; margin: 0 0 17px; }
.about-capacity { display: grid; grid-template-columns: 1fr 1fr 1fr 1.05fr; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); padding: 34px 0; align-items: center; }
.about-capacity > div { padding: 0 28px; border-right: 1px solid var(--line); }
.about-capacity > div:first-child { padding-left: 0; }
.about-capacity > div > span { display: block; font: 400 64px/1 var(--serif); letter-spacing: -.03em; }
.about-capacity .stat-plus { font-size: 40px; }
.about-capacity > div p { font-size: 11px; letter-spacing: .05em; margin: 12px 0 0; color: var(--muted); }
.about-capacity-note { font: italic 24px/1.4 var(--serif); padding-left: 32px; margin: 0; }
.editorial-process { background: #edeee7; }
.making-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 26px; margin: 0; padding: 0; list-style: none; }
.making-grid figure { margin: 0 0 25px; overflow: hidden; }
.making-grid img { width: 100%; aspect-ratio: 4/5; object-fit: cover; display: block; transition: transform .8s cubic-bezier(.2,.65,.3,1); }
.making-grid li:nth-child(even) { padding-top: 48px; }
.making-grid li:hover img { transform: scale(1.035); }
.making-index { font-size: 10px; text-transform: uppercase; letter-spacing: .13em; color: var(--muted); }
.making-grid h3 { font: 400 28px/1.12 var(--serif); margin: 12px 0; }
.making-grid p { color: var(--muted); font-size: 13px; line-height: 1.8; margin: 0; }
.about-principles { display: grid; grid-template-columns: 1fr 1.05fr; gap: 12%; }
.principle-list article { display: flex; gap: 30px; padding: 28px 0; border-top: 1px solid var(--line); }
.principle-list article:last-child { border-bottom: 1px solid var(--line); }
.principle-list article > span { font-size: 11px; color: var(--accent); padding-top: 8px; }
.principle-list h3 { font: 400 30px/1.2 var(--serif); margin: 0 0 12px; }
.principle-list p { color: var(--muted); font-size: 14px; line-height: 1.8; margin: 0; }
.technique-opening { display: grid; grid-template-columns: 1fr 1.3fr; min-height: 400px; background: #edeee7; }
.technique-statement { align-self: center; padding: 45px 15%; }
.technique-statement h2 { font: 400 clamp(44px, 4.5vw, 64px)/1.04 var(--serif); letter-spacing: -.025em; margin: 25px 0; }
.technique-statement > p:not(.eyebrow) { color: var(--muted); font-size: 14px; line-height: 1.8; margin-bottom: 26px; max-width: 300px; }
.technique-image { position: relative; margin: 0; min-height: 440px; }
.technique-image img { width: 100%; height: 100%; max-height: 490px; object-fit: cover; display: block; }
.technique-image figcaption { position: absolute; bottom: 0; left: 0; right: 0; padding: 18px 24px; color: #fff; background: linear-gradient(transparent,rgba(0,0,0,.65)); font-size: 11px; line-height: 1.6; }
.technique-image figcaption span { display: block; opacity: .75; font-size: 9px; }
.method-row { display: grid; grid-template-columns: .2fr 1fr 1.55fr .8fr; gap: 32px; border-top: 1px solid var(--line); padding: 42px 0; align-items: center; }
.method-row:last-child { border-bottom: 1px solid var(--line); }
.method-number { align-self: start; color: var(--accent); font-size: 13px; padding-top: 5px; }
.method-name h3 { font: 400 46px/1.05 var(--serif); margin: 15px 0 0; letter-spacing: -.025em; }
.method-name .eyebrow { font-size: 9px; }
.method-description > p { font-size: 14px; line-height: 1.8; margin: 0 0 20px; color: var(--muted); }
.method-description dl { margin: 0; }
.method-description dl > div + div { margin-top: 13px; }
.method-description dt { font-size: 9px; text-transform: uppercase; letter-spacing: .1em; margin-bottom: 4px; color: var(--muted); }
.method-description dd { font-size: 12px; line-height: 1.6; margin: 0; }
.mark-study { aspect-ratio: 1; min-width: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; background: #e5e6de; overflow: hidden; }
.mark-word { font: 400 clamp(62px,7vw,100px)/1 var(--serif); letter-spacing: -.1em; padding-right: .1em; }
.mark-study > span:last-child { font-size: 8px; text-transform: uppercase; letter-spacing: .13em; margin-top: 22px; }
.mark-study-laser { background: linear-gradient(125deg,#b9bbae,#e0e1d5 40%,#adb0a4); color: #707366; }
.mark-study-laser .mark-word { text-shadow: 1px 1px 0 #f2f3e8,-1px -1px 0 #717568; }
.mark-study-pad { background: #e7ded0; color: #7c3f2c; }
.mark-study-uv { background: #edf0e8; color: #7a683e; }
.mark-study-uv .mark-word { color: transparent; background: linear-gradient(120deg,#265043,#8ba68a,#b79053,#ae5d40); background-clip: text; -webkit-background-clip: text; }
.mark-study-screen { background: #203d35; color: #e4dfb7; }
.technique-faq { background: #edeee7; }
.editorial-faq-grid { display: grid; grid-template-columns: 1fr 1.3fr; gap: 12%; }
.editorial-accordion details { border-top: 1px solid #d3d7cc; }
.editorial-accordion details:last-child { border-bottom: 1px solid #d3d7cc; }
.editorial-accordion summary { cursor: pointer; padding: 25px 0; display: flex; justify-content: space-between; align-items: center; gap: 25px; font-size: 15px; line-height: 1.5; list-style: none; }
.editorial-accordion summary::-webkit-details-marker,.journal-read summary::-webkit-details-marker { display: none; }
.editorial-accordion summary > span { font: 400 25px/1 var(--sans); transition: transform .25s ease; }
.editorial-accordion details[open] summary > span { transform: rotate(45deg); }
.editorial-accordion details > div { padding: 0 35px 26px 0; }
.editorial-accordion details p { font-size: 14px; line-height: 1.85; color: var(--muted); margin: 0 0 15px; }
.editorial-accordion summary:hover,.journal-read summary:hover { color: var(--accent); }
.editorial-accordion summary:focus-visible,.journal-read summary:focus-visible { outline: 2px solid var(--accent); outline-offset: 6px; }
.journal-feature { display: grid; grid-template-columns: 1.3fr 1fr; align-items: center; gap: 8%; }
.journal-feature-image { margin: 0; }
.journal-feature-image img { width: 100%; aspect-ratio: 6/5; object-fit: cover; object-position: 60% center; display: block; }
.journal-feature-image figcaption { font-size: 10px; color: var(--muted); margin-top: 12px; }
.journal-feature-copy h2 { font: 400 clamp(44px,4.4vw,64px)/1.03 var(--serif); letter-spacing: -.03em; margin: 26px 0; }
.journal-feature-copy .lead { font-size: 15px; max-width: 390px; line-height: 1.8; }
.journal-read { margin-top: 24px; }
.journal-read summary { display: inline-flex; align-items: center; gap: 30px; padding-bottom: 7px; border-bottom: 1px solid currentColor; font-size: 11px; text-transform: uppercase; letter-spacing: .1em; cursor: pointer; list-style: none; }
.journal-read summary > span:last-child { font-size: 18px; line-height: 1; }
.journal-read-open { display: none; }
.journal-read[open] .journal-read-open { display: inline; }
.journal-read[open] .journal-read-closed { display: none; }
.journal-prose { padding-top: 22px; }
.journal-prose p { font-size: 14px; color: var(--muted); line-height: 1.85; margin: 0 0 17px; }
.journal-notes-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 30px; margin-bottom: 40px; }
.journal-notes-heading h2 { margin: 0; }
.journal-note { display: grid; grid-template-columns: .6fr 1fr; gap: 7%; border-top: 1px solid var(--line); padding: 40px 0; align-items: start; }
.journal-note:last-child { border-bottom: 1px solid var(--line); }
.journal-note-visual { height: 240px; position: relative; margin: 0; overflow: hidden; }
.journal-note-body { padding: 10px 0; }
.journal-note-body h3 { font: 400 clamp(32px,3vw,44px)/1.08 var(--serif); letter-spacing: -.025em; margin: 17px 0; max-width: 520px; }
.journal-note-body > p:not(.eyebrow) { color: var(--muted); font-size: 14px; line-height: 1.8; margin: 0; max-width: 510px; }
.journal-finish-visual { display: flex; align-items: center; justify-content: center; gap: 25px; background: #ece9e0; }
.journal-finish-visual > span { width: 45px; height: 165px; transform: rotate(22deg); background: linear-gradient(90deg,#183d32,#698778 42%,#264c3f 95%); box-shadow: 12px 12px 12px #43493424; }
.journal-finish-visual > span:nth-child(2) { background: linear-gradient(90deg,#918372,#e6d6ba 42%,#a89573); }
.journal-finish-visual > span:nth-child(3) { background: linear-gradient(90deg,#787b73,#cacdbf 42%,#909486); }
.journal-type-visual { display: flex; flex-direction: column; align-items: center; justify-content: center; background: #dce1d5; }
.journal-type-visual > span { font: italic 120px/1 var(--serif); letter-spacing: -.09em; padding-right: .1em; }
.journal-type-visual > small { font-size: 9px; letter-spacing: .13em; text-transform: uppercase; margin-top: 16px; }
.journal-photo-visual img { height: 100%; width: 100%; object-fit: cover; }
.journal-photo-visual figcaption { position: absolute; left: 15px; bottom: 12px; color: #fff; text-shadow: 0 1px 6px #000; font-size: 10px; }
@media (min-width: 1600px) { .editorial-intro { padding-top: 100px; padding-bottom: 72px; } }
@media (max-width: 1050px) {
  .editorial-intro-grid { gap: 5%; grid-template-columns: 1.5fr 1fr; }
  .about-opening { gap: 5%; grid-template-columns: 1.25fr 1fr; }
  .about-factory > img { height: 490px; }
  .about-origin h2 { font-size: 34px; }
  .about-capacity-note { font-size: 21px; padding-left: 24px; }
  .about-capacity > div { padding: 0 18px; }
  .making-grid { gap: 18px; }
  .making-grid h3 { font-size: 25px; }
  .about-principles { gap: 7%; }
  .technique-statement { padding: 40px 12%; }
  .method-row { grid-template-columns: .15fr 1fr 1.4fr .7fr; gap: 22px; }
  .method-name h3 { font-size: 38px; }
  .mark-study > span:last-child { font-size: 7px; letter-spacing: .04em; }
  .editorial-faq-grid { gap: 7%; }
  .journal-feature { gap: 6%; }
}
@media (max-width: 760px) {
  .editorial-intro { padding-top: 48px; padding-bottom: 38px; }
  .editorial-intro > .eyebrow { margin-bottom: 24px; }
  .editorial-intro-grid,.editorial-section-heading { grid-template-columns: 1fr; gap: 23px; }
  .editorial-intro-grid h1 { font-size: clamp(45px,8.5vw,64px); }
  .editorial-intro-grid .lead { max-width: 510px; font-size: 15px; }
  .editorial-section-heading { margin-bottom: 36px; }
  .editorial-section-heading .lead { max-width: 500px; font-size: 15px; }
  .about-opening { grid-template-columns: 1fr; gap: 34px; }
  .about-factory > img { height: auto; aspect-ratio: 4/3; }
  .about-origin { max-width: 520px; }
  .about-year { font-size: 88px; margin-bottom: 22px; }
  .about-origin h2 { font-size: 40px; }
  .about-capacity { grid-template-columns: repeat(3,1fr); row-gap: 28px; }
  .about-capacity > div { padding: 0 14px; }
  .about-capacity > div:nth-child(3) { border-right: 0; }
  .about-capacity > div > span { font-size: 48px; }
  .about-capacity > div p { font-size: 10px; line-height: 1.5; }
  .about-capacity-note { grid-column: 1/-1; padding: 24px 0 0; border-top: 1px solid var(--line); font-size: 24px; max-width: 430px; }
  .making-grid { grid-template-columns: repeat(2,1fr); gap: 30px 20px; }
  .making-grid li:nth-child(even) { padding-top: 28px; }
  .making-grid h3 { font-size: 29px; }
  .making-grid figure { margin-bottom: 20px; }
  .about-principles { grid-template-columns: 1fr; gap: 25px; }
  .principle-list h3 { font-size: 30px; }
  .technique-opening { grid-template-columns: 1fr; }
  .technique-statement { padding: 38px 30px; }
  .technique-statement h2 { font-size: 54px; }
  .technique-statement > p:not(.eyebrow) { max-width: 390px; }
  .technique-image { min-height: 0; }
  .technique-image img { aspect-ratio: 4/3; height: auto; max-height: none; }
  .method-row { grid-template-columns: 35px 1fr 115px; gap: 20px; padding: 30px 0; align-items: start; }
  .method-name { grid-column: 2; }
  .method-name h3 { font-size: 38px; }
  .method-description { grid-column: 2/-1; grid-row: 2; }
  .mark-study { grid-column: 3; grid-row: 1; align-self: center; }
  .mark-word { font-size: 68px; }
  .mark-study > span:last-child { margin-top: 10px; font-size: 6px; }
  .editorial-faq-grid { grid-template-columns: 1fr; gap: 35px; }
  .editorial-accordion summary { font-size: 14px; }
  .journal-feature { grid-template-columns: 1fr; gap: 32px; }
  .journal-feature-image img { aspect-ratio: 6/5; }
  .journal-feature-copy h2 { font-size: 52px; }
  .journal-feature-copy .lead { max-width: 490px; }
  .journal-notes-heading { display: block; }
  .journal-notes-heading > .eyebrow { display: block; margin-top: 18px; }
  .journal-note { grid-template-columns: 1fr; gap: 22px; padding: 30px 0; }
  .journal-note-visual { height: 230px; }
  .journal-note-body h3 { font-size: 37px; }
  .editorial-cta .section-title { font-size: 48px; }
  .editorial-actions { gap: 25px; }
}
@media (max-width: 400px) {
  .editorial-intro-grid h1 { font-size: 41px; }
  .making-grid { gap: 25px 14px; }
  .making-grid h3 { font-size: 25px; }
  .making-index { font-size: 9px; }
  .method-row { grid-template-columns: 22px 1fr 95px; gap: 14px; }
  .method-name h3 { font-size: 34px; }
  .mark-word { font-size: 56px; }
  .editorial-cta .section-title { font-size: 43px; }
}
@media (prefers-reduced-motion: reduce) { .making-grid img,.editorial-accordion summary > span { transition: none; } .making-grid li:hover img { transform: none; } }