.design-head { max-width: 68ch; padding: 48px 0 16px 0; }
  .design-head h1 { font-size: clamp(44px, 6vw, 68px); margin-top: 12px; }
  .design-head .for { font-size: 20px; color: var(--body-warm); margin-top: 14px; }
  .sample-badge { display: inline-block; background: var(--blush); color: var(--terracotta-deep); font-size: 13px; letter-spacing: 0.18em; text-transform: uppercase; font-weight: 700; padding: 8px 14px; border-radius: 2px; margin-top: 18px; }
  .pkg { display: flex; flex-direction: column; gap: 72px; padding: 40px 0 88px 0; }
  .pkg-section h2 { font-size: clamp(28px, 3.5vw, 38px); margin-bottom: 24px; }
  .brief-recap { background: #FFFFFF; border: 1px solid var(--line); border-radius: 2px; padding: 28px 32px; display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 20px; max-width: 900px; }
  .brief-recap .cell b { display: block; font-size: 13px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--muted); font-weight: 700; margin-bottom: 4px; }
  .brief-recap .cell { font-size: 17px; }
  .hero-img { border-radius: 2px; overflow: hidden; margin: 0; }
  .hero-img img { width: 100%; display: block; }
  .hero-img figcaption { font-size: 14px; color: var(--muted); margin-top: 8px; }
  .concept-copy { max-width: 70ch; }
  .concept-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: center; }
  .concept-grid p { color: var(--body-warm); font-size: 18px; }
  .dframe { aspect-ratio: 4 / 5; overflow: hidden; border-radius: 2px; background: var(--blush); }
  .dframe img { width: 100%; height: 100%; object-fit: cover; display: block; }
  .concept-copy p { color: var(--body-warm); font-size: 18px; }
  .venue-note { font-size: 15px; color: var(--muted); border-left: 2px solid var(--terracotta); padding-left: 14px; max-width: 70ch; }
  .swatches { display: flex; gap: 12px; max-width: 720px; }
  .swatch { flex-grow: 1; display: flex; flex-direction: column; gap: 8px; }
  .swatch .chip { height: 72px; border-radius: 2px; border: 1px solid var(--line); }
  .swatch b { font-size: 15px; }
  .swatch span { font-size: 14px; color: var(--muted); }
  .plan { display: flex; flex-direction: column; max-width: 780px; border-top: 1px solid var(--line); }
  .plan-row { display: grid; grid-template-columns: 200px 1fr; gap: 20px; padding: 18px 0; border-bottom: 1px solid var(--line); }
  .plan-row b { font-family: 'Italiana', Georgia, serif; font-weight: 400; font-size: 20px; }
  .plan-row p { margin: 0; color: var(--body-warm); font-size: 17px; }
  table.shop { border-collapse: collapse; width: 100%; max-width: 900px; }
  table.shop th { text-align: left; font-size: 13px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--muted); font-weight: 700; padding: 10px 14px 10px 0; border-bottom: 1px solid var(--cocoa); }
  table.shop td { padding: 12px 14px 12px 0; border-bottom: 1px solid var(--line); font-size: 17px; vertical-align: top; }
  table.shop td.num { white-space: nowrap; }
  table.shop .why { color: var(--muted); font-size: 14px; }
  .cart-row { display: flex; align-items: center; gap: 22px; margin-top: 24px; flex-wrap: wrap; }
  .total { font-family: 'Italiana', Georgia, serif; font-size: 26px; }
  .shop-note { font-size: 15px; color: var(--muted); margin-top: 14px; max-width: 76ch; }
  .speech { background: #FFFFFF; border: 1px solid var(--line); border-left: 2px solid var(--terracotta); padding: 28px 32px; max-width: 780px; border-radius: 2px; }
  .speech p { font-style: italic; font-size: 19px; line-height: 1.65; color: var(--body-warm); margin: 0; }
  .speech .credit { font-style: normal; font-size: 14px; color: var(--muted); margin-top: 14px; }
  .more { border-top: 1px solid var(--line); padding-top: 24px; display: flex; gap: 10px 28px; flex-wrap: wrap; font-size: 16px; align-items: baseline; }
  .more b { font-size: 13px; letter-spacing: 0.18em; text-transform: uppercase; color: var(--muted); font-weight: 700; margin-right: 8px; }
  .cta-panel { background: var(--cocoa); border-radius: 2px; color: var(--cream); padding: 48px; text-align: center; }
  .cta-panel h2 { color: var(--cream); font-size: clamp(30px, 4vw, 44px); }
  .cta-panel p { color: var(--blush); max-width: 54ch; margin: 16px auto 0 auto; }
  .cta-panel .btn { background: var(--honey); border-color: var(--honey); color: var(--cocoa); margin-top: 28px; }
  .cta-panel .btn:hover { background: #EFC079; }
  @media (max-width: 880px) { .brief-recap { grid-template-columns: 1fr; } .plan-row { grid-template-columns: 1fr; gap: 6px; } .swatches { flex-wrap: wrap; } .swatch { min-width: 100px; } .concept-grid { grid-template-columns: 1fr; } }

.portfolio-recolte-0{margin-top: 14px; font-size: 16px; color: var(--muted)}
.portfolio-recolte-1{margin-top: 10px; font-size: 16px}
.portfolio-recolte-2{color: var(--muted)}
.portfolio-recolte-3{margin-top: 32px}
.portfolio-recolte-4{margin-top: 24px}
.portfolio-recolte-5{background:#FDF8F2}
.portfolio-recolte-6{background:#D98E4A}
.portfolio-recolte-7{background:#D9C6A5}
.portfolio-recolte-8{background:#E3AE5B}
.portfolio-recolte-9{background:#43272E}
.portfolio-recolte-10{color: var(--body-warm); font-size: 18px; margin-top: 0}
.portfolio-recolte-11{margin-top: 18px}
.portfolio-recolte-12{color: var(--body-warm); max-width: 72ch; margin: 0 0 24px 0}
.portfolio-recolte-13{margin-bottom: 10px}
.portfolio-recolte-14{margin-bottom: 34px}
.portfolio-recolte-15{color: var(--body-warm); max-width: 72ch; margin: 0 0 20px 0}
.portfolio-recolte-16{max-width: 780px; margin-bottom: 28px}
.portfolio-recolte-17{font-size: 28px; font-weight: 400; margin: 38px 0 20px}