body{background:linear-gradient(180deg,#fffdfb 0,#f8f2ee 36%,#f7f5f2 100%)}
.topbar{background:#fffdfbe8;border-bottom-color:#eadfe2}.mark{background:linear-gradient(145deg,#b87f9a,#8e759f)}
.button.primary{background:linear-gradient(135deg,#b87996,#8f789f);border-color:#9a748e;box-shadow:8px 8px 0 #e6d2dc}.button:not(.primary){border-color:#b998aa;background:#fffdfb99}
.hero h1 span{background:linear-gradient(90deg,#a86f8c,#7e8eb0,#6f9c91);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero h1{font-size:clamp(46px,5.5vw,72px)}
@media(max-width:560px){.hero h1{font-size:42px}}
.mark{font-family:"Snell Roundhand","Bradley Hand","Segoe Script",cursive!important;font-weight:700;letter-spacing:-.03em;transform:rotate(-6deg)}
.hero-visual{background:linear-gradient(145deg,#eadce8 0%,#dceaf3 52%,#dceee6 100%)}.hero-visual figcaption,.hero-visual figcaption span{color:#554957}.seal{background:linear-gradient(145deg,#c987a2,#9082aa);box-shadow:0 16px 34px #9e718d25}
.proof{background:#ffffff7d}.proof strong{color:#8f6680}
.projects{background:linear-gradient(135deg,#eef4fb 0%,#eaf5f0 48%,#f6eaf1 100%);color:#382f38}.projects .section-head p{color:#6e6470}
.project-card{border-color:#ded8e0;box-shadow:0 8px 24px #8068790b}.project-card img{background:linear-gradient(145deg,#f4edf2,#ecf3f5)}.project-copy small{color:#a46683}.project-copy strong{color:#8d6079}
.cap{border-top-color:#bb8ca2;box-shadow:0 8px 22px #866b7a09}.cap:nth-child(2){background:#f0edf8;border-top-color:#9b8ab2}.cap:nth-child(3){background:#eaf3f7;border-top-color:#839db4}.cap:nth-child(4){background:#eaf4ef;border-top-color:#7fa090}.cap b{color:#a47a8f}
.closing{background:linear-gradient(120deg,#f1e2e8,#ebe8f4 48%,#e3f0ed)}.contact-card{border-left-color:#b97f99;box-shadow:0 16px 36px #8a6a7d10}.contact-card a.mail{color:#855d75}.role-switch a{border-color:#d2bdc8;background:#fff9fc88}

.mark{width:46px;height:46px;border-radius:50%;font-size:12px;letter-spacing:-.02em}
.section-head:has(.work-method-title){display:block;margin-bottom:30px}
.section-head:has(.work-method-title) .eyebrow{margin:0 0 8px}
.section-head .work-method-title{margin:0;white-space:nowrap;font-size:clamp(36px,3.8vw,46px);line-height:1.16}
.section-head:has(.work-method-title)>p{max-width:760px;margin:14px 0 0;font-size:15px;line-height:1.75}
@media(max-width:850px){.section-head .work-method-title{white-space:normal}}

/* Project covers fill the media area instead of floating inside a fixed blank frame. */
.project-card{overflow:hidden}
.project-card>img{
  width:calc(100% + 24px);
  max-width:none;
  height:auto;
  aspect-ratio:16/9;
  margin:-12px -12px 0;
  object-fit:contain;
  object-position:center;
  background:#edf3f2;
}
@media(max-width:850px){
  .project-card>img{height:auto;aspect-ratio:16/9;object-fit:contain;object-position:center}
}