.integrated-selected,
.integrated-about,
.integrated-photography,
.integrated-archive {
  --integration-serif: "SivSerif", Didot, "Bodoni 72", "Iowan Old Style", "Times New Roman", serif;
  --integration-zh-serif: "SivSerif", "Songti SC", "STSongti-SC-Regular", STSong, "Noto Serif CJK SC", "Source Han Serif SC", serif;
  --integration-sans: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "PingFang SC", Arial, sans-serif;
  --integration-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, monospace;
  scroll-margin-top: 88px;
}

body { background: var(--chapter-bg,#f2efe7); }

.integrated-micro,
.integrated-index {
  font: 500 9px/1.5 var(--integration-mono);
  letter-spacing: .13em;
  text-transform: uppercase;
}

.integrated-index {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  padding-bottom: 16px;
  border-bottom: 1px solid currentColor;
  opacity: .66;
}

/* Selected Works: the approved sleeves stay visible while the real websites pull out. */
.integrated-selected {
  position: relative;
  overflow: visible;
  color: #f2efe7;
  background: #131713;
}
.integrated-selected:focus { outline: 0; }

.integrated-selected .sw-motion {
  height: 285svh;
  min-height: 0;
  overflow: clip;
  background: #131713;
}

.integrated-selected .sw-sticky {
  position: sticky;
  top: 0;
  height: 100svh;
  min-height: 660px;
  overflow: hidden;
  padding: 0 4.5vw;
  background: #131713;
}

.integrated-selected .sw-index {
  position: relative;
  z-index: 6;
  padding-top: 28px;
}

.integrated-selected .sw-headroom {
  position: relative;
  z-index: 6;
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(260px, .55fr);
  align-items: end;
  gap: 6vw;
  width: auto;
  height: auto;
  margin: 34px 0 0;
  padding: 0;
  border: 0;
  pointer-events: none;
}

.integrated-selected .sw-headroom .integrated-micro {
  margin: 0 0 12px;
  color: #c5ae81;
}

.integrated-selected .sw-headroom h2 {
  max-width: 9em;
  margin: 0;
  color: #f2efe7;
  font: 400 clamp(58px, 6.4vw, 108px)/.91 var(--integration-serif);
  letter-spacing: -.06em;
}

.integrated-selected .sw-headroom h2 em { font-weight: 400; }
.integrated-selected .sw-intro { align-self: end; padding-bottom: 8px; color: #b9bbb4; }
.integrated-selected .sw-intro p { max-width: 330px; margin: 0 0 20px; font-size: 14px; line-height: 1.8; }
.integrated-selected .sw-intro span { color: #969b93; font: 500 9px/1.5 var(--integration-mono); letter-spacing: .08em; }

.integrated-selected .sw-arena {
  position: absolute;
  z-index: 2;
  left: 50%;
  bottom: 3vh;
  width: min(1450px, 94vw);
  height: min(45vh, 490px);
  perspective: 1800px;
  transform: translateX(-50%);
}

.integrated-selected .sw-folder {
  --x: 0px;
  --y: 0px;
  --rot: 0deg;
  position: absolute;
  top: 55%;
  left: 50%;
  width: min(29.4%, 392px);
  aspect-ratio: 1586/992;
  isolation: isolate;
  outline: 0;
  filter: brightness(.88) saturate(.86);
  transform: translate(-50%, -50%) translate(var(--x), var(--y)) rotate(var(--rot));
  transition: filter .28s ease;
  cursor: pointer;
  touch-action: pan-y;
  will-change: transform;
}

.integrated-selected .sw-folder:nth-child(1) { --x: -94%; --y: 28px; --rot: -8deg; z-index: 23; }
.integrated-selected .sw-folder:nth-child(2) { --x: -39%; --y: -4px; --rot: -4deg; z-index: 22; }
.integrated-selected .sw-folder:nth-child(3) { --x: 39%; --y: -4px; --rot: 4deg; z-index: 21; }
.integrated-selected .sw-folder:nth-child(4) { --x: 94%; --y: 28px; --rot: 8deg; z-index: 20; }
.integrated-selected .sw-folder::after { content: ""; position: absolute; z-index: -1; right: 10%; bottom: -20px; left: 10%; height: 28px; background: #0007; filter: blur(15px); pointer-events: none; }
.integrated-selected .sw-inner,
.integrated-selected .sw-sleeve { position: absolute; inset: 0; display: block; overflow: hidden; border: 1px solid #ffffff26; }
.integrated-selected .sw-inner { z-index: 1; background: #e8e6df; box-shadow: 0 10px 20px #0005; transition: transform .56s cubic-bezier(.21,.7,.16,1), box-shadow .48s ease; }
.integrated-selected .sw-sleeve { z-index: 2; background: #20231f; box-shadow: 0 16px 40px #0007; pointer-events: none; }
.integrated-selected .sw-inner img,
.integrated-selected .sw-sleeve img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.integrated-selected .sw-inner img { object-position: top center; }
.integrated-selected .sw-folder:hover,
.integrated-selected .sw-folder:focus-visible,
.integrated-selected .sw-folder[data-show="true"] { z-index: 60 !important; filter: none; }
.integrated-selected .sw-folder:hover .sw-inner,
.integrated-selected .sw-folder:focus-visible .sw-inner,
.integrated-selected .sw-folder[data-show="true"] .sw-inner { transform: translateY(-68%); box-shadow: 0 22px 34px #000b; }
.integrated-selected .sw-folder:focus-visible .sw-sleeve { outline: 2px solid #e8d0a7; outline-offset: 4px; }
.integrated-selected .sw-caption { position: absolute; z-index: 4; bottom: -31px; left: 3%; color: #a7ada4; font: 500 9px/1.4 var(--integration-mono); letter-spacing: .1em; white-space: nowrap; transition: opacity .2s ease; }
.integrated-selected .sw-caption small { margin-left: 8px; color: #7e857d; font: inherit; }
.integrated-selected .sw-folder:hover .sw-caption,
.integrated-selected .sw-folder:focus-visible .sw-caption { opacity: 0; }
.integrated-selected .sw-progress { position: absolute; z-index: 8; right: 4.5vw; bottom: 22px; margin: 0; color: #8e948c; font: 500 8px/1.4 var(--integration-mono); letter-spacing: .11em; }
.integrated-selected .sw-progress span { color: #c5ae81; }

@media (min-width: 561px) {
  .integrated-selected .sw-arena { bottom: 72px; }
}

.integrated-selected .sw-detail {
  position: relative;
  z-index: 7;
  display: grid;
  grid-template-columns: minmax(320px, 1.08fr) minmax(300px, 1fr) auto;
  align-content: center;
  align-items: end;
  gap: 22px 5vw;
  min-height: 64svh;
  padding: clamp(86px,14vh,160px) 4.5vw clamp(62px,9vh,100px);
  border-top: 1px solid #ffffff42;
  background: #131713;
}

@media (min-width: 701px) {
  .integrated-selected .sw-detail {
    border-top: 0;
    background:
      linear-gradient(#ffffff42, #ffffff42) 0 28px / 100% 1px no-repeat,
      #131713;
  }
}
.integrated-selected .sw-detail-title > span,
.integrated-selected .sw-detail-copy p,
.integrated-selected .sw-detail > a,
.integrated-selected .sw-detail-tabs button { font: 500 9px/1.45 var(--integration-mono); letter-spacing: .085em; text-transform: uppercase; }
.integrated-selected .sw-detail-title > span,
.integrated-selected .sw-detail-copy p { display: block; margin: 0; color: #a5aaa2; }
.integrated-selected .sw-detail-title h3 { margin: 8px 0 0; font: 400 clamp(28px,3vw,48px)/1.04 var(--integration-serif); letter-spacing: -.048em; }
.integrated-selected .sw-detail-copy { display: grid; gap: 7px; padding-bottom: 4px; }
.integrated-selected .sw-detail > a { padding-bottom: 5px; border-bottom: 1px solid #ffffff55; color: #d8d8d1; white-space: nowrap; }
.integrated-selected .sw-detail-tabs { grid-column: 1/-1; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); margin-top: clamp(26px,5vh,54px); border-top: 1px solid #ffffff24; border-bottom: 1px solid #ffffff2e; }
.integrated-selected .sw-detail-tabs button { padding: 12px 10px 11px; border: 0; border-bottom: 2px solid transparent; background: transparent; color: #7f847d; text-align: left; cursor: pointer; }
.integrated-selected .sw-detail-tabs button[aria-selected="true"] { border-bottom-color: #e9e8e2; color: #e9e8e2; }
.integrated-selected .sw-folder.is-active { filter: none; }

/* About: approved scroll-linked token reveal and three capability drawers. */
.integrated-about { min-height: 118svh; padding: 142px 4.5vw clamp(92px,12vh,148px); overflow: visible; background: transparent; }
.integrated-about .about-stage { display: flex; min-height: calc(118svh - 286px); flex-direction: column; padding-top: clamp(82px,12vh,132px); }
.integrated-about .about-heading { position: relative; display: block; width: auto; max-width: 1240px; height: auto; margin: 0; padding: 0; border: 0; }
.integrated-about .about-heading .integrated-micro { margin: 0 0 22px; color: #8a8176; }
.integrated-about .about-scroll-title { max-width: 10.8em; margin: 0; color: #40342b; font: 500 clamp(58px,7vw,118px)/1.12 var(--integration-zh-serif); letter-spacing: -.055em; }
.integrated-about .about-line { display: block; color: #b8b0a5; opacity: 1; transform: none; }
.integrated-about .about-token { color: #b8b0a5; transition: none; will-change: color; }
.integrated-about .about-copy { width: min(560px,44vw); margin: clamp(52px,7vh,82px) 5vw 0 auto; color: #514c45; opacity: 1; transform: none; will-change: transform,opacity; }
.motion-ready .integrated-about .about-copy { opacity: 0; transform: translateY(18px); }
.integrated-about .about-copy p { margin: 0; font-size: clamp(14px,1.05vw,17px); line-height: 1.96; letter-spacing: .022em; }
.integrated-about .about-capability-intro { margin: 0 0 15px !important; color: #60584f; }
.integrated-about .about-capability { border-top: 1px solid var(--line); }
.integrated-about .about-capability:last-of-type { border-bottom: 1px solid var(--line); }
.integrated-about .about-capability > button { display: grid; grid-template-columns: 34px minmax(0,1fr) 24px; align-items: center; gap: 12px; width: 100%; padding: 18px 2px 17px; border: 0; background: transparent; color: #9a8f83; text-align: left; cursor: pointer; }
.integrated-about .about-capability > button:hover,
.integrated-about .about-capability > button[aria-expanded="true"] { color: #40342b; }
.integrated-about .about-capability-number,
.integrated-about .about-capability-label,
.integrated-about .about-capability-work { font: 500 9px/1.5 var(--integration-mono); letter-spacing: .08em; }
.integrated-about .about-capability-number { align-self: start; padding-top: .4em; }
.integrated-about .about-capability-name { font: 500 clamp(18px,1.65vw,26px)/1.24 var(--integration-zh-serif); letter-spacing: -.025em; }
.integrated-about .about-capability-symbol { font: 300 24px/1 var(--integration-sans); text-align: right; }
.integrated-about .about-capability-panel { min-height: 112px; padding: 0 12px 18px 48px; animation: aboutCapabilityReveal .3s ease both; }
.integrated-about .about-capability-panel[hidden] { display: none; }
.integrated-about .about-capability-label { color: #8d8175; }
.integrated-about .about-capability-panel p { margin: 9px 0 7px; font-size: 13px; line-height: 1.8; }
.integrated-about .about-capability-work { color: #80756a; }
.integrated-about .about-footer { display: flex; justify-content: space-between; gap: 26px; margin-top: auto; padding: 17px 0 0; border-top: 1px solid var(--line); background: transparent; color: #716a62; opacity: 1; transform: none; will-change: transform,opacity; }
.motion-ready .integrated-about .about-footer { opacity: 0; transform: translateY(12px); }
.integrated-about .about-footer span { font: 500 9px/1.5 var(--integration-mono); letter-spacing: .1em; }
html[lang^="en"] .integrated-about .about-scroll-title { font-family: var(--integration-serif); font-weight: 400; line-height: .92; letter-spacing: -.06em; }
html[lang^="en"] .integrated-about .about-capability-name { font-family: var(--integration-serif); font-weight: 400; }
@keyframes aboutCapabilityReveal { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }

/* Photography: image is clear only while the pointer is anywhere in this section. */
.integrated-photography { --photo-x: -20px; --flow-progress: 1; --flow-bg: #25211d; display: grid; grid-template-columns: minmax(0,58%) minmax(360px,42%); min-height: 100svh; overflow: hidden; background: transparent; color: #f3eee4; }
.integrated-photography .photo-spread-media { position: relative; min-height: 100svh; margin: 0; overflow: hidden; background: transparent; }
.integrated-photography .photo-media-link { --photo-scale: 1.06; position: absolute; inset: 0; display: block; overflow: hidden; color: #f3eee4; }
.integrated-photography .photo-media-link img { width: 100%; height: 100%; object-fit: cover; object-position: center 51%; opacity: calc(.18 + var(--flow-progress) * .82); filter: blur(16px); transform: translate3d(var(--photo-x),0,0) scale(var(--photo-scale)); transform-origin: center; transition: transform .55s cubic-bezier(.2,.7,.2,1),filter 520ms cubic-bezier(.22,1,.36,1); will-change: transform,filter,opacity; pointer-events: none; }
@media (hover:hover) and (pointer:fine) {
  .integrated-photography .photo-media-link img,
  .integrated-photography:hover .photo-media-link img,
  .integrated-photography:focus-within .photo-media-link img { filter: blur(0); }
}
.integrated-photography .photo-media-link:hover,
.integrated-photography .photo-media-link:focus-visible { --photo-scale: 1.075; }
.integrated-photography .photo-edge-mask { position: absolute; inset: 0; background: linear-gradient(0deg,rgb(24 20 16 / calc(var(--flow-progress) * .26)),transparent 34%),linear-gradient(90deg,transparent 0 84%,var(--flow-bg) 100%); pointer-events: none; }
.integrated-photography .photo-edge-mask::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; width: 2px; background: var(--flow-bg); }
.integrated-photography .photo-editorial { display: flex; min-height: 100svh; flex-direction: column; padding: clamp(112px,13vh,146px) clamp(34px,4.5vw,76px) clamp(34px,5vh,58px) clamp(26px,3.8vw,66px); background: transparent; }
.integrated-photography .photo-index { align-items: flex-start; }
.integrated-photography .photo-story { margin: auto 0; padding: clamp(44px,7vh,78px) 0; }
.integrated-photography .photo-collection { margin: 0 0 clamp(36px,6vh,68px); color: #b5a99d; font: 500 9px/1.5 var(--integration-mono); letter-spacing: .12em; text-transform: uppercase; }
.integrated-photography .photo-theme { margin: 0 0 22px; color: #d2c9bd; }
.integrated-photography .photo-title { max-width: none; margin: 0; color: #f3eee4; font: 400 clamp(64px,5.35vw,88px)/.86 var(--integration-serif); letter-spacing: -.06em; }
.integrated-photography .photo-title > span { display: block; white-space: nowrap; }
.integrated-photography .photo-description { max-width: 31em; margin: clamp(30px,4.5vh,48px) 0 0; color: #c4bbb0; font-size: clamp(14px,1vw,16px); line-height: 1.9; letter-spacing: .025em; }
.integrated-photography .photo-reveal { opacity: 1; transform: none; will-change: opacity,transform; }
.motion-ready .integrated-photography .photo-reveal { opacity: 0; transform: translateY(28px); }
.integrated-photography .photo-directory { display: flex; align-items: center; justify-content: space-between; gap: 28px; min-height: 104px; padding: 22px 0; border-top: 1px solid #f3eee74d; border-bottom: 1px solid #f3eee74d; color: #f3eee4; }
.integrated-photography .photo-directory-copy { display: grid; gap: 10px; transition: transform .28s ease; }
.integrated-photography .photo-directory-copy small { color: #b5a99d; font: 500 8px/1.4 var(--integration-mono); letter-spacing: .13em; }
.integrated-photography .photo-directory-copy strong { font: 500 clamp(13px,1.12vw,17px)/1.4 var(--integration-sans); letter-spacing: .035em; }
.integrated-photography .photo-directory-arrow { display: flex; align-items: center; justify-content: center; flex: 0 0 50px; width: 50px; height: 50px; border: 1px solid #f3eee78c; border-radius: 50%; padding: 0; font: 400 22px/0 var(--integration-sans); transition: background .3s ease,color .3s ease,border-color .3s ease,transform .3s ease; }
.integrated-photography .photo-directory-arrow .siv-ui-icon { display: block; width: 1em; height: 1em; margin: 0; vertical-align: 0; }
.integrated-photography .photo-directory:hover .photo-directory-copy,
.integrated-photography .photo-directory:focus-visible .photo-directory-copy { transform: translateX(8px); }
.integrated-photography .photo-directory:hover .photo-directory-arrow,
.integrated-photography .photo-directory:focus-visible .photo-directory-arrow { border-color: #f3eee4; background: #f3eee4; color: #25211d; transform: rotate(7deg); }

/* Archive: preserve the approved horizontal index language. */
.integrated-archive { --flow-progress: 1; --flow-bg: var(--paper); min-height: 92svh; padding: clamp(116px,14vh,164px) 4.5vw clamp(92px,12vh,148px); background: transparent; }
.integrated-archive .integrated-section-heading { position: relative; display: grid; grid-template-columns: minmax(0,1.45fr) minmax(230px,.55fr); align-items: end; gap: 8vw; width: auto; height: auto; margin: 80px 0 70px; padding: 0; border: 0; }
.integrated-archive .integrated-section-heading h2 { max-width: 10.6em; margin: 0; font: 400 clamp(48px,6vw,100px)/1.17 var(--integration-zh-serif); letter-spacing: -.035em; }
.integrated-archive .integrated-section-heading > p { max-width: 430px; margin: 0; color: #6f6d65; font-size: clamp(14px,1.1vw,17px); line-height: 1.95; letter-spacing: .025em; }
.integrated-archive .integrated-archive-list { border-top: 1px solid var(--ink); }
.integrated-archive .integrated-archive-list > a,
.integrated-archive .archive-pending { display: grid; grid-template-columns: 70px 1.25fr .85fr .45fr 28px; align-items: center; gap: 25px; padding: 24px 0; border-bottom: 1px solid var(--line); transition: padding .25s,background .25s; }
.integrated-archive .integrated-archive-list > a:hover { padding-left: 12px; background: #e9e5da; }
.integrated-archive .integrated-archive-list span,
.integrated-archive .integrated-archive-list em,
.integrated-archive .integrated-archive-list i,
.integrated-archive .integrated-archive-list strong { font: 500 9px/1.4 var(--integration-mono); font-style: normal; letter-spacing: .08em; }
.integrated-archive .integrated-archive-list b { font: 500 clamp(18px,2vw,30px)/1.34 var(--integration-zh-serif); letter-spacing: -.035em; }
.integrated-archive .integrated-archive-list em,
.integrated-archive .integrated-archive-list i { color: #77746c; }
.integrated-archive .integrated-archive-list strong { text-align: right; }
.integrated-archive .archive-pending { opacity: .5; }

.integrated-reveal { opacity: 0; transform: translateY(22px); transition: opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1); }
.integrated-reveal.is-visible { opacity: 1; transform: none; }

@media (max-width: 900px) {
  .integrated-selected .sw-motion { height: 250svh; }
  .integrated-selected .sw-headroom { grid-template-columns: 1fr; gap: 18px; margin-top: 24px; }
  .integrated-selected .sw-headroom h2 { max-width: 10em; font-size: clamp(50px,9vw,82px); }
  .integrated-selected .sw-intro { display: flex; justify-content: space-between; gap: 24px; padding: 0; }
  .integrated-selected .sw-intro p { margin: 0; }
  .integrated-selected .sw-arena { height: min(44vh,430px); }
  .integrated-selected .sw-folder { width: min(35%,330px); }
  .integrated-selected .sw-detail { grid-template-columns: minmax(0,1.08fr) minmax(0,.92fr) auto; gap: 20px 3vw; min-height: 70svh; padding-right: 6vw; padding-left: 6vw; }
  .integrated-selected .sw-detail-title h3 { font-size: clamp(25px,3.6vw,36px); }
  .integrated-about { min-height: 110svh; padding-top: 128px; }
  .integrated-about .about-stage { min-height: calc(110svh - 260px); padding-top: 82px; }
  .integrated-about .about-scroll-title { font-size: clamp(52px,9vw,82px); }
  .integrated-about .about-copy { width: min(560px,56vw); margin-right: 0; }
  .integrated-photography { grid-template-columns: 1fr; min-height: 0; }
  .integrated-photography .photo-spread-media { min-height: 70svh; }
  .integrated-photography .photo-edge-mask { background: linear-gradient(0deg,#25211d 0,#25211d00 16%,transparent 48%),linear-gradient(90deg,transparent 0 90%,#25211d52 100%); }
  .integrated-photography .photo-editorial { min-height: auto; padding: 104px 6vw 72px; }
  .integrated-photography .photo-story { padding: clamp(64px,12vh,112px) 0 clamp(58px,9vh,94px); }
  .integrated-photography .photo-title { font-size: clamp(60px,12vw,82px); }
  .integrated-photography .photo-description { max-width: 36em; }
  .integrated-archive { padding-right: 6vw; padding-left: 6vw; }
  .integrated-archive .integrated-section-heading { grid-template-columns: 1fr; gap: 28px; }
  .integrated-archive .integrated-archive-list > a,
  .integrated-archive .archive-pending { grid-template-columns: 38px 1fr 26px; }
  .integrated-archive .integrated-archive-list em,
  .integrated-archive .integrated-archive-list i { grid-column: 2; }
  .integrated-archive .integrated-archive-list strong { grid-column: 3; grid-row: 1; }
}

@media (max-width: 560px) {
  .integrated-index { flex-direction: column; gap: 7px; font-size: 8px; }
  .integrated-selected .sw-motion { height: auto; min-height: 0; overflow: hidden; }
  .integrated-selected .sw-sticky { position: relative; height: auto; min-height: 100svh; padding: 0 6vw 90px; overflow: hidden; }
  .integrated-selected .sw-index { padding-top: 94px; }
  .integrated-selected .sw-headroom { margin-top: 28px; }
  .integrated-selected .sw-headroom h2 { font-size: 13.5vw; line-height: .95; }
  .integrated-selected .sw-intro { display: block; }
  .integrated-selected .sw-intro p { margin-bottom: 12px; }
  .integrated-selected .sw-arena { position: relative; bottom: auto; left: auto; display: flex; gap: 18px; width: calc(100% + 12vw); height: auto; margin: 54px -6vw 0; padding: 28vw 8vw 62px; overflow-x: auto; overflow-y: visible; perspective: none; transform: none; scroll-padding: 13vw; scroll-snap-type: x mandatory; }
  .integrated-selected .sw-folder { position: relative; top: auto; left: auto; flex: 0 0 74vw; width: 74vw; filter: none; transform: none !important; touch-action: pan-x; scroll-snap-align: center; }
  .integrated-selected .sw-folder:hover .sw-inner,
  .integrated-selected .sw-folder:focus-visible .sw-inner,
  .integrated-selected .sw-folder[data-show="true"] .sw-inner { transform: translateY(-35%); }
  .integrated-selected .sw-detail { display: grid; grid-template-columns: 1fr; gap: 24px; min-height: auto; margin: 0; padding: 92px 6vw 74px; }
  .integrated-selected .sw-detail-title h3 { font-size: 30px; line-height: 1.3; }
  .integrated-selected .sw-detail > a { justify-self: start; }
  .integrated-selected .sw-detail-tabs { display: flex; grid-column: auto; width: calc(100% + 12vw); margin-left: -6vw; padding: 0 6vw; overflow-x: auto; }
  .integrated-selected .sw-detail-tabs button { flex: 0 0 auto; min-width: 42vw; }
  .integrated-selected .sw-progress { display: none; }
  .integrated-about { min-height: auto; padding: 88px 6vw 78px; }
  .integrated-about .about-stage { min-height: 0; padding-top: 58px; }
  .integrated-about .about-scroll-title { max-width: none; font-size: 13.4vw; line-height: 1.19; letter-spacing: -.035em; }
  html[lang^="en"] .integrated-about .about-scroll-title { font-size: 15vw; line-height: .95; }
  .integrated-about .about-copy { width: auto; margin: 58px 0 78px; }
  .integrated-about .about-copy p { font-size: 14px; line-height: 1.9; }
  .integrated-about .about-footer { align-items: flex-start; flex-direction: column; gap: 14px; margin-top: 0; }
  .integrated-photography .photo-spread-media { min-height: 72svh; }
  .integrated-photography .photo-title { font-size: clamp(52px,14vw,68px); line-height: .88; }
  .integrated-photography .photo-collection { margin-bottom: 42px; }
  .integrated-photography .photo-directory { gap: 18px; }
  .integrated-photography .photo-directory-arrow { flex-basis: 48px; width: 48px; height: 48px; }
  .integrated-photography .photo-directory-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    line-height: 0;
  }
  .integrated-photography .photo-directory-arrow .siv-ui-icon {
    display: block;
    width: 18px;
    height: 18px;
    margin: 0;
    vertical-align: 0;
  }
  .integrated-archive { padding-top: 96px; }
  .integrated-archive .integrated-section-heading { margin: 60px 0 50px; }
  .integrated-archive .integrated-section-heading h2 { font-size: 11.7vw; line-height: 1.22; letter-spacing: -.025em; }
  .integrated-archive .integrated-archive-list b { font-size: 20px; }
}

@media (prefers-reduced-motion: reduce) {
  body { background: var(--paper) !important; }
  .integrated-about { background: var(--paper); }
  .integrated-about .about-line,
  .integrated-about .about-copy,
  .integrated-about .about-footer { opacity: 1 !important; transform: none !important; }
  .integrated-about .about-token { color: var(--ink) !important; }
  .integrated-about .about-capability-panel { animation: none; }
  .integrated-selected .sw-motion { height: auto; min-height: 100svh; }
  .integrated-selected .sw-sticky { position: relative; min-height: 900px; }
  .integrated-selected .sw-folder,
  .integrated-selected .sw-inner { transition: none; }
  .integrated-photography .photo-media-link img { filter: none !important; transform: none; transition: none; }
  .integrated-photography { --flow-bg: #25211d !important; --flow-progress: 1 !important; background: #25211d; }
  .integrated-archive { --flow-bg: var(--paper) !important; --flow-progress: 1 !important; background: var(--paper); }
  .integrated-photography .photo-reveal,
  .integrated-reveal { opacity: 1 !important; transform: none !important; }
}

@media (hover:none), (pointer:coarse) {
  .integrated-photography .photo-media-link img { filter: none; }
}