/* 簡約款・牛皮紙手作：牛皮紙底、照片用紙膠帶貼著、手寫感的虛線縫線。 */
.s-kraft { --bg: #d8bf98; --bg2: #ccb084; --fg: #3a2a18; --muted: #6b5236; --line: #a98c63; --accent: #7a3e1d; --on-accent: #fff6e8; --card: #f3e8d4;
  --radius: 4px; --radius-btn: 4px; --font-head: var(--serif); --h1: clamp(2.2rem, 6.5vw, 4rem); }
.s-kraft body, .s-kraft { background-image:
  radial-gradient(rgba(90, 60, 25, .08) 1px, transparent 1.5px), radial-gradient(rgba(255, 255, 255, .12) 1px, transparent 1.5px);
  background-size: 7px 7px, 11px 11px; background-position: 0 0, 3px 5px; }
.s-kraft .top { background: rgba(216, 191, 152, .95); border-bottom: 2px dashed var(--line); }
.s-kraft .hero-framed .hero-img { background: #fff; padding: 12px 12px 40px; transform: rotate(-1.2deg); box-shadow: 0 10px 24px rgba(60, 40, 15, .3); position: relative; overflow: visible; }
.s-kraft .hero-framed .hero-img::before { content: ""; position: absolute; top: -14px; left: 50%; width: 120px; height: 30px; margin-left: -60px; z-index: 2;
  background: rgba(240, 225, 170, .8); transform: rotate(-3deg); box-shadow: 0 1px 2px rgba(0, 0, 0, .15); }
.s-kraft .sec .wrap > .sec-h span { background: var(--card); padding: 4px 18px; border: 2px dashed var(--line); display: inline-block; transform: rotate(-1deg); }
.s-kraft .menu, .s-kraft .about, .s-kraft .info, .s-kraft .days { background: var(--card); padding: 24px 28px; border-radius: 4px; box-shadow: 0 4px 12px rgba(60, 40, 15, .2);
  outline: 2px dashed var(--line); outline-offset: -10px; }
.s-kraft .menu i { border-color: var(--line); }
.s-kraft .price { color: var(--accent); }
/* 照片：紙膠帶貼著、每張歪一點 */
.photos-tape .pics { gap: 28px; }
.photos-tape .pic { background: #fff; padding: 10px 10px 4px; border-radius: 0; overflow: visible; position: relative; box-shadow: 0 8px 18px rgba(60, 40, 15, .25); }
.photos-tape .pic:nth-child(odd) { transform: rotate(-2deg); }
.photos-tape .pic:nth-child(even) { transform: rotate(1.6deg); }
.photos-tape .pic::before { content: ""; position: absolute; top: -12px; left: 50%; width: 90px; height: 24px; margin-left: -45px; z-index: 2;
  background: rgba(240, 225, 170, .82); transform: rotate(4deg); }
.photos-tape .pic:hover img { transform: none; }
.s-kraft .person, .s-kraft .card { background: var(--card); border: 0; box-shadow: 0 4px 12px rgba(60, 40, 15, .2); }
.s-kraft .day i { background: var(--card); border: 1px dashed var(--line); }
.s-kraft .foot { background: #3a2a18; color: #d8bf98; border: 0; }
.s-kraft .foot-name { color: #f3e8d4; }