/* Sabrina's supplied portfolio and package design, isolated from the rest of the site. */
#work,#packages{--red-deep:#720019;--red-deep2:#3d000d;--red-bright:#c41538;--ink:#23080f;--cream:#fff7f9;font-family:'DM Sans',sans-serif;padding-block:clamp(70px,9vw,110px);}
#work>.wrap,#packages>.wrap{width:100%;max-width:1180px;margin-inline:auto;padding-inline:clamp(20px,5vw,48px);}
#work{background:#fff7f9;color:#23080f;padding-top:clamp(36px,4vw,60px)!important;}
#work .work-head{display:block;margin-bottom:50px;}
#work .work-head h2,#packages .packages-head h2{font-family:'Anton',sans-serif!important;font-weight:400;font-size:clamp(2.8rem,8vw,6rem)!important;line-height:1.05!important;letter-spacing:.01em!important;overflow-wrap:normal;}
#work .work-head h2{color:#23080f;}
#work .portfolio-script{display:inline-block;font-family:'Mrs Saint Delafield',cursive;font-size:1.12em;font-weight:400;line-height:1.1;text-transform:none;letter-spacing:0;color:#c41538;margin-left:.12em;}
/* A balanced showcase on laptops; three fluid columns on narrow screens. */
#work .work-thumbs-top{display:grid;grid-template-columns:repeat(3,minmax(0,220px));justify-content:center;gap:clamp(12px,3vw,32px);margin:0 0 clamp(28px,4vw,48px);overflow:visible;}
#work .work-thumbs-top img{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:9/16;object-fit:cover;border-radius:10px;}
#work .work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;}
#work .work-item{min-width:0;padding:32px!important;border:1px solid rgba(114,0,25,.12);border-radius:22px;background:#fff;color:#23080f;box-shadow:none;transform:none;}
#work .work-logo{width:170px;max-width:100%;height:88px;padding:0;margin:0 0 22px;background:transparent;border:0;border-radius:0;justify-content:flex-start;}
#work .work-logo img{width:100%;height:100%;max-width:100%;object-fit:contain;object-position:left center;filter:none;}
#work .work-item h3{font-family:'Poppins',sans-serif;font-size:1.45rem;line-height:1.3;color:#23080f;margin:0 0 8px;}
#work .work-item .role{color:#720019!important;font-size:.875rem;line-height:1.6;text-transform:uppercase;letter-spacing:.05em;font-weight:600;margin:0 0 10px;}
#work .work-item p{font-size:1rem;line-height:1.65;color:#3a2a26;margin:0;}
#packages{background:linear-gradient(155deg,#3d000d 0%,#720019 60%,#92152f 100%);color:#fff;}
#packages .packages-head{max-width:850px;margin-bottom:46px;}
#packages .section-kicker{color:#ffd8df!important;-webkit-text-fill-color:currentColor;background:none;font-size:.875rem;}
#packages .packages-head h2{color:#fff;margin:0 0 18px;}
#packages .packages-head p{font-size:1.08rem;line-height:1.65;max-width:680px;margin:0;opacity:.86;}
#packages .packages-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:none;align-items:stretch;}
#packages .package-card{display:flex;flex-direction:column;min-width:0;min-height:0;padding:30px 28px!important;border:1px solid rgba(255,255,255,.22);border-radius:16px;background:rgba(255,255,255,.08);color:#fff;box-shadow:none;transform:none;}
#packages .package-card.featured{background:#fff;color:#23080f;border-color:#fff;}
#packages .package-badge{align-self:flex-start;margin:-43px 0 20px;padding:7px 13px;border-radius:999px;background:#c41538;color:#fff;font-size:.875rem;line-height:1.4;font-weight:700;letter-spacing:.04em;}
#packages .package-card h3{font-family:'DM Sans',sans-serif;font-size:1.42rem;line-height:1.3;color:inherit;margin:0 0 8px;}
#packages .package-price{font-family:'Anton',sans-serif!important;font-weight:400;font-size:clamp(2rem,4vw,3.1rem);line-height:1.2;color:#ffd8df;margin:0 0 18px;}
#packages .package-price span{font-family:'DM Sans',sans-serif!important;color:inherit;margin-left:4px;}
#packages .featured .package-price{color:#c41538;}
#packages .package-desc{font-size:1rem;line-height:1.5;min-height:52px;color:inherit;opacity:.85;margin:0 0 21px;}
#packages .package-list{list-style:none;margin:0 0 28px;padding:0;border-top:1px solid rgba(255,255,255,.18);}
#packages .package-list li{position:relative;padding:11px 0 11px 23px;border-bottom:1px solid rgba(255,255,255,.13);font-size:1rem;line-height:1.4;}
#packages .package-list li::before{content:'✓';position:absolute;left:0;color:#ff8da5;font-weight:800;}
#packages .featured .package-list,#packages .featured .package-list li{border-color:rgba(0,0,0,.12);}
#packages .featured .package-list li::before{color:#c41538;}
#packages .package-choose{display:flex;align-items:center;justify-content:center;min-height:48px;margin-top:auto;padding:15px 16px;border-radius:999px;background:#fff;color:#720019;font-size:1rem;font-weight:700;text-align:center;line-height:1.4;box-shadow:none;}
#packages .featured .package-choose{background:#c41538;color:#fff;}
#packages .packages-note{margin:24px 0 0;font-size:.9375rem;line-height:1.65;color:rgba(255,255,255,.85);opacity:1;}
@media(min-width:1024px){
 #work,#packages{padding-block:96px;}
 #work>.wrap,#packages>.wrap{max-width:1320px;padding-inline:48px;}
 #work .work-grid{gap:18px;}
 #work .work-item{padding:30px!important;}
 #work .work-head h2{font-size:clamp(4.2rem,6.5vw,6.4rem)!important;}
 #packages .packages-head h2{font-size:clamp(4rem,5.8vw,6rem)!important;}
 #packages .package-card{padding:30px!important;min-height:520px;}
 #packages .package-card.featured{transform:translateY(-10px);}
}
@media(min-width:1440px){#work>.wrap,#packages>.wrap{max-width:1400px;}}
@media(max-width:1000px){
 #packages .packages-grid{grid-template-columns:1fr;max-width:680px;margin-inline:auto;gap:38px;}
 #packages .package-desc{min-height:0;}
}
@media(max-width:760px){
 #work .work-grid{grid-template-columns:1fr;gap:24px;}
 #work .work-item{padding:21px!important;}
 #work .work-head h2,#packages .packages-head h2{font-size:clamp(2.4rem,10vw,4rem)!important;}
 #packages .package-card{padding:24px!important;}
}