.lower-page .works-layout{grid-template-columns:240px minmax(0,1fr);gap:40px}
.lower-page .works-heading h2{font-size:52px;height:338px;margin-bottom:18px}
.lower-page .works-heading>p{font-size:18px;line-height:1.85;color:#24362a}
.lower-page .sample-note{font-size:16px;line-height:1.75;color:#263a2c;margin-top:20px}
.lower-page .work-caption h3{font-size:34px}
.lower-page .work-caption p{font-size:18px;color:#263a2c}
.lower-page .work-category{font-size:16px;color:#334b37}
.works-progress{display:flex;align-items:center;gap:8px;margin-top:22px;font:24px/1.2 "Times New Roman",serif;color:#253c2c}
.works-progress-total{font-size:17px;color:#48604b}
.works-progress-track{position:relative;height:3px;flex:1;margin-left:8px;background:#6f836b40;overflow:hidden}
.works-progress-track i{position:absolute;inset:0;background:#b84831;transform:scaleX(var(--works-progress,.2));transform-origin:left}
.archive-caption h4{font-size:24px;color:#253c2c}
.archive-caption p,.archive-caption .work-category{font-size:16px;color:#334b37}
@media(min-width:801px) and (max-width:1100px){
  .lower-page .works-layout{grid-template-columns:190px minmax(0,1fr);gap:25px}
  .lower-page .works-heading h2{font-size:43px;height:284px}
  .lower-page .works-heading>p{font-size:17px}
  .lower-page .sample-note{font-size:15px}
  .lower-page .work-caption h3{font-size:29px}
  .archive-caption h4{font-size:20px}
}
@media(max-width:800px){
  .lower-page .works-layout{display:block}
  .lower-page .works-heading{grid-template-columns:112px minmax(0,1fr);gap:15px}
  .lower-page .works-heading h2{font-size:32px;height:235px;grid-row:1 / 4}
  .lower-page .works-heading>p{font-size:17px}
  .lower-page .sample-note{font-size:15px;margin-top:5px}
  .works-progress{grid-column:2;margin-top:5px;font-size:22px}
  .lower-page .work-caption h3{font-size:29px}
  .lower-page .work-caption p,.lower-page .work-category{font-size:16px}
  .archive-caption h4{font-size:21px}
  .archive-caption p,.archive-caption .work-category{font-size:15px}
}

.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px;max-width:860px}
@media (max-width:800px){.archive-grid{grid-template-columns:minmax(0,1fr);gap:30px;max-width:none}}

.archive-card.work-salon .work-image{background:#ececed}

.lower-page .work-bakery .work-image{background-image:radial-gradient(ellipse at 78% 12%,#fff6dc99,transparent 65%),linear-gradient(125deg,#e2c79c,#c39a66)}
.lower-page .work-bakery .device-screen{aspect-ratio:16/9}
.lower-page .work-bakery .sample-tag{color:#3d2b17}
.lower-page .work-salon .work-image{background-image:linear-gradient(125deg,#f6f6f6,#d5d5d8)}
.lower-page .work-salon .device-screen{aspect-ratio:16/9}
.lower-page .work-salon .sample-tag{color:#1f1f1f}

@media (min-width:961px) and (min-height:700px) and (max-height:884px){
  .lower-page.works-scroll .works-pin>.section-index{margin-bottom:12px}
  .lower-page.works-scroll .work-card,.lower-page.works-scroll .works-viewport{width:min(68vw,1040px,calc((100svh - 364px) * 2.08))}
  .lower-page.works-scroll .work-image{height:min(clamp(360px,32vw,500px),calc(100svh - 364px))}
  .lower-page.works-scroll .works-heading h2{font-size:min(52px,5.4svh);height:min(338px,34svh);margin-bottom:12px}
  .lower-page.works-scroll .works-heading>p{font-size:16px;line-height:1.7;margin-bottom:8px}
  .lower-page.works-scroll .sample-note{font-size:14px;line-height:1.65;margin-top:8px}
  .lower-page.works-scroll .works-progress{margin-top:10px}
}

.lower-page .work-ehon .work-image{background-image:linear-gradient(125deg,#c3ae78,#b39856)}
.lower-page .work-ehon .device-screen{aspect-ratio:16/9}
.lower-page .work-ehon .sample-tag{color:#37392b}

@media (min-width:961px){
  .lower-page .works-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:48px;align-items:start}
  .lower-page .works-heading{position:sticky;top:120px}
  .lower-page .works-viewport{overflow:visible;padding:14px 0 0;width:auto}
  .lower-page .work-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:64px 40px;width:auto!important;transform:none!important}
  .lower-page .work-list .work-card{width:auto!important;margin:0!important;grid-column:auto!important}
  .lower-page .works-progress{display:none}
}

.works-more{display:none}
@media (min-width:961px){
  .lower-page .works-more{display:flex;flex-direction:column;justify-content:center;gap:18px;padding:48px 44px;border:1px solid #6f836b66;background:#f7f5ec99;color:var(--dark-ink);min-height:100%;transition:background .3s var(--ease)}
  .works-more-label{font-size:14px;letter-spacing:.14em;color:#b84831}
  .works-more-title{font:500 clamp(23px,2vw,30px)/1.6 "Yu Mincho","Hiragino Mincho ProN","Noto Serif JP",serif;letter-spacing:.04em}
  .works-more-title .phrase,.works-more-text .phrase{display:inline-block}
  .works-more-text{font-size:15px;line-height:2;color:#48604b}
  .works-more-link{align-self:flex-start;margin-top:10px;display:inline-flex;gap:22px;align-items:center;padding:13px 22px;background:var(--accent);color:var(--white);font-size:14px;font-weight:700}
  .works-more:hover{background:#efece0}
}

@media (min-width:961px) and (max-width:1199px){
  .lower-page .works-layout{display:block}
  .lower-page .works-heading{position:static;display:grid;grid-template-columns:auto minmax(0,1fr);gap:0 48px;align-items:end;margin-bottom:44px}
  .lower-page .works-heading h2{grid-row:1 / 3;height:260px}
  .lower-page .works-heading>p,.lower-page .works-heading .sample-note{margin:0}
}