/* V3 — original-guided muted color, pearl white, quiet light, and the original maker's work. */
:root{--paper:#f7f6f3;--ink:#485048;--muted:#7b8078;--line:#dcded6;--rose:#e5dcda}
.header{background:rgba(247,246,243,.96)}
.hero-real{height:auto;min-height:0;background:#efeeea;padding:0;position:relative;overflow:hidden}
.hero-real .hero-layout{display:block;position:relative;width:100%;max-width:none;margin:0}
.hero-real .hero-copy{position:absolute;z-index:2;left:5%;top:46%;transform:translateY(-50%);width:38%;max-width:600px;padding:0}
.hero-real h1{font-size:clamp(44px,4.4vw,70px);line-height:1.55;letter-spacing:2.7px;margin:22px 0 25px;white-space:nowrap}
.hero-real h1 .italic{color:#7e877c}
.hero-real .hero-description{font-size:14px;line-height:2;letter-spacing:1.8px;margin-bottom:28px}
.hero-real .hero-location{margin-top:29px;font-size:9px;letter-spacing:2px;color:#7a8377}
.hero-real .hero-visual{position:relative;width:100%;max-width:none;min-width:0;margin:0}
.hero-photo-button{display:block;border:0;padding:0;width:100%;background:#eae8e2;position:relative;text-align:left;overflow:hidden}
.hero-real .hero-image{display:block;position:static;width:100%;height:auto;aspect-ratio:1672/941;min-height:0;max-height:none;object-fit:contain;object-position:right center;background:#eae8e2}
.hero-real .hero-visual figcaption{position:absolute;right:4%;bottom:22px;display:flex;justify-content:flex-end;align-items:flex-end;gap:21px;margin:0;text-align:right;font-size:9px;line-height:1.7;letter-spacing:.4px;color:#6d756a}
.hero-real .hero-visual figcaption small{display:block;font:8px/1.7 var(--sans);letter-spacing:.8px;margin-top:2px;color:#7c8477}
.hero-real .hero-visual figcaption button{border:0;border-bottom:1px solid #99a18f;background:transparent;padding:0 0 3px;font-size:9px;line-height:1.6;white-space:nowrap}
.hero-real .hero-scroll{position:absolute;bottom:25px;left:5%;transform:none;display:flex;gap:20px;font-size:9px;letter-spacing:1.8px}
#hero-cover-original-image{display:none}
.hero-cover-detail{grid-template-columns:1.35fr 1fr}
.hero-cover-detail .gallery-stage{height:auto;aspect-ratio:4/3}
.intro{padding-top:100px;padding-bottom:93px}
.works .section-heading{margin-bottom:33px}
.filter-bar{margin-bottom:22px}
.work-photo{background:#eeece7}
.work-card[data-photo-mode="polished"] .work-photo{background:#eeece7}
.work-card[data-photo-mode="polished"] .work-photo img{object-fit:contain}
.work-meta{margin-top:20px}
.work-meta h3{font-size:20px;letter-spacing:1.2px}
.work-card p{margin-top:7px}
.work-photo-mode{background:rgba(247,246,243,.88);color:#737c70}
.classes{background:#e8ebe6}
.class-visual-real>img{box-shadow:14px 14px 0 #dce1d7}
.class-visual-real .photo-caption{margin-top:29px}
.about-mark{background:#f0f0e9;border-color:#d7ddd2}
.process{background:#eeede8}
.contact{background:#485048}
footer{background:#efeeea}
.detail-gallery{background:#eeece7}
.gallery-stage{background:#e9e7e1}
@media(max-width:1100px){
  .hero-real .hero-copy{left:5%;top:46%;width:38%}
  .hero-real h1{font-size:clamp(36px,4.4vw,49px);line-height:1.48;letter-spacing:2px;margin:16px 0 20px}
  .hero-real .hero-copy .eyebrow{font-size:8px;letter-spacing:1.2px}
  .hero-real .hero-description{font-size:12px;line-height:1.9;letter-spacing:1px;margin-bottom:20px}
  .hero-real .button{padding:13px 21px;min-height:48px;gap:28px;font-size:11px}
  .hero-real .hero-secondary{font-size:11px;margin-top:17px}
  .hero-real .hero-location{font-size:8px;letter-spacing:1.4px;margin-top:23px}
  .hero-real .hero-visual figcaption{bottom:16px;right:3%;gap:15px;font-size:8px}
  .hero-real .hero-visual figcaption small,.hero-real .hero-visual figcaption button{font-size:8px}
  .hero-real .hero-scroll{bottom:19px;font-size:8px}
}
@media(max-width:800px){
  .hero-real{padding:0}
  .hero-real .hero-copy{position:static;left:auto;top:auto;transform:none;width:100%;max-width:none;padding:40px 7% 33px}
  .hero-real h1{font-size:45px;line-height:1.5;letter-spacing:2.5px;margin:19px 0 20px}
  .hero-real .hero-description{font-size:13px;line-height:1.9;letter-spacing:1.2px;margin-bottom:23px}
  .hero-real .hero-secondary{display:inline-block;margin:0 0 0 19px;font-size:11px}
  .hero-real .hero-location{margin-top:26px}
  .hero-real .hero-image{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:right center}
  .hero-real .hero-visual figcaption{position:static;justify-content:space-between;align-items:flex-end;padding:17px 7% 20px;text-align:left;gap:18px;font-size:9px;background:var(--paper)}
  .hero-real .hero-visual figcaption small{font-size:8px;margin-top:3px}
  .hero-real .hero-visual figcaption button{font-size:9px}
  .hero-real .hero-scroll{position:static;justify-content:center;padding:4px 0 23px;transform:none;background:var(--paper)}
  .hero-cover-detail{grid-template-columns:1fr}
  .intro{padding:65px 0}
  .work-meta h3{font-size:17px}
}
@media(max-width:480px){
  .hero-real .hero-copy{padding:32px 7% 29px}
  .hero-real h1{font-size:clamp(35px,9.7vw,43px);letter-spacing:2px}
  .hero-real .hero-description{font-size:12px}
  .hero-real .hero-copy .eyebrow{font-size:8px;letter-spacing:.9px}
  .hero-real .hero-secondary{font-size:10px;margin-left:14px}
  .hero-real .button{padding:13px 18px;gap:20px}
  .hero-real .hero-visual figcaption{font-size:8px;padding-top:15px;gap:10px}
  .hero-real .hero-visual figcaption small{font-size:7px;letter-spacing:.5px}
  .hero-real .hero-visual figcaption button{font-size:8px}
  .work-meta{margin-top:15px}
  .work-meta h3{font-size:15px;letter-spacing:.4px}
  .class-visual-real>img{box-shadow:10px 10px 0 #dce1d7}
}