.birthday-portfolio{position:relative;background:#000;color:#d8ddd7;width:100%;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","PingFang SC","Microsoft YaHei",sans-serif;font-weight:300}.birthday-portfolio *{box-sizing:border-box}.birthday-portfolio figure,.birthday-portfolio p,.birthday-portfolio h2{margin:0}.birthday-portfolio img,.birthday-portfolio video{display:block;width:100%;height:auto}.birthday-portfolio .birthday-wrap{max-width:1500px;width:90%;margin:auto;padding:60px 0 80px;display:flex;flex-direction:column;gap:96px}.birthday-portfolio .birthday-copy h2{font-size:clamp(14.3px,calc(1.085vw + 1px),20.6px);line-height:1.55;font-weight:450;margin-bottom:18px}.birthday-portfolio .birthday-copy p{font-size:clamp(10.8px,calc(.728vw + 1px),13.6px);line-height:1.475;text-wrap:pretty}.birthday-portfolio .birthday-copy p+p{margin-top:22px}.birthday-portfolio .birthday-story-head{display:grid;grid-template-columns:1fr 2.8fr;gap:5%;align-items:center;margin-bottom:30px}.birthday-portfolio .birthday-story-head figure{max-width:310px}.birthday-portfolio .birthday-scenes{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.birthday-portfolio .birthday-record-title{margin-bottom:24px}.birthday-portfolio .birthday-making-layout{display:grid;grid-template-columns:minmax(0,4fr) minmax(200px,1fr);gap:3%;align-items:center}.birthday-portfolio .birthday-evidence{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:18px;align-items:start}.birthday-portfolio .birthday-rabbits{grid-column:span 2;display:grid;grid-template-columns:1fr 1fr;gap:18px}.birthday-portfolio .birthday-sketch{grid-column:3}.birthday-portfolio .birthday-cake{grid-column:4}.birthday-portfolio .birthday-table{grid-column:1}.birthday-portfolio .birthday-garden{grid-column:2}.birthday-portfolio .birthday-drinks{grid-column:3}.birthday-portfolio .birthday-cake-top{grid-column:4}.birthday-portfolio .birthday-trailer{display:grid;grid-template-columns:1fr 2.35fr;gap:4%;align-items:center}.birthday-portfolio .birthday-play-stills{display:flex;flex-direction:column;gap:18px}.birthday-portfolio .birthday-video{min-width:0}
@media(max-width:1000px){.birthday-portfolio .birthday-making-layout{grid-template-columns:1fr}.birthday-portfolio .birthday-art{max-width:750px;margin-top:28px}.birthday-portfolio .birthday-wrap{gap:64px}}
@media(max-width:640px){.birthday-portfolio .birthday-wrap{width:auto;margin:0 24px;padding:36px 0 56px;gap:64px}.birthday-portfolio .birthday-copy h2{font-size:17.1px}.birthday-portfolio .birthday-copy p{font-size:12.2px}.birthday-portfolio .birthday-story-head{grid-template-columns:1fr;gap:22px}.birthday-portfolio .birthday-story-head figure{width:65%;max-width:none}.birthday-portfolio .birthday-scenes{grid-template-columns:1fr;gap:18px}.birthday-portfolio .birthday-evidence{grid-template-columns:1fr 1fr;gap:14px}.birthday-portfolio .birthday-rabbits{grid-column:1/-1;gap:14px}.birthday-portfolio .birthday-sketch,.birthday-portfolio .birthday-cake,.birthday-portfolio .birthday-table,.birthday-portfolio .birthday-garden,.birthday-portfolio .birthday-drinks,.birthday-portfolio .birthday-cake-top{grid-column:auto}.birthday-portfolio .birthday-trailer{display:flex;flex-direction:column;gap:24px}.birthday-portfolio .birthday-play-stills{display:grid;grid-template-columns:1fr 1fr;gap:14px}.birthday-portfolio .birthday-video{width:100%}}