/* 1664 POS case: existing portfolio typography, original mockups. */
.blanc-hero{position:relative;margin:0;overflow:hidden;background:#dfded9}
.blanc-hero>img:first-child{display:block;width:100%;height:clamp(400px,52vw,820px);object-fit:cover;object-position:center 54%}
.blanc-hero-logo{position:absolute;left:6%;top:10%;width:clamp(140px,18vw,280px);height:auto}
.blanc-section{padding-block:60px}
.blanc-heading{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:start;margin-bottom:38px}
.blanc-heading h2{font-size:clamp(30px,3.4vw,56px);line-height:1.08;font-weight:400;letter-spacing:-.04em;margin:0}
.blanc-heading p{font-size:19px;line-height:1.6;margin:0 0 18px;max-width:620px}
.blanc-pair,.blanc-three,.blanc-menu-grid,.blanc-function-grid{display:grid;gap:0;align-items:stretch;overflow:hidden}
.blanc-pair,.blanc-menu-grid,.blanc-function-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.blanc-three{grid-template-columns:repeat(3,minmax(0,1fr))}
.blanc-section figure{margin:0;min-width:0;overflow:hidden}
.blanc-section figure img{display:block;width:100%;height:100%;object-fit:cover}
.blanc-three figure{aspect-ratio:1.1}
.blanc-menu-grid figure:nth-child(-n+2){aspect-ratio:1.495}
.blanc-menu-grid figure:nth-child(n+3){aspect-ratio:2329/2687}
.blanc-pair figure{aspect-ratio:1.495}
.blanc-function-grid figure{aspect-ratio:924/829}
.blanc-details{margin-top:20px}
.blanc-caption{font-size:13px;color:#676963;margin-top:14px;line-height:1.5}
.blanc-cutouts{background:#e6e6e2;margin-block:30px}
.brand-row .brand-1664 .brand-logo{width:106px;height:50px;background:#858585;mask:url('assets/1664/logo-white.png') center/contain no-repeat;-webkit-mask:url('assets/1664/logo-white.png') center/contain no-repeat}
@media(min-width:1001px){.brand-row{grid-template-columns:repeat(10,minmax(0,1fr));gap:2.4%}}
@media(min-width:701px){.project-grid .blanc-featured{grid-column:1/-1}.blanc-featured .project-image-stage{aspect-ratio:2.4}.blanc-featured .project-cover{object-position:center 58%}}
@media(max-width:700px){.blanc-hero>img:first-child{height:400px;object-position:60% center}.blanc-hero-logo{width:125px;left:22px;top:25px}.blanc-section{padding-block:34px}.blanc-heading{grid-template-columns:1fr;gap:22px;margin-bottom:24px}.blanc-heading h2{font-size:36px}.blanc-heading p{font-size:17px;line-height:1.6}.blanc-three{grid-template-columns:1fr 1fr}.blanc-three figure:last-child{grid-column:1/-1;aspect-ratio:1.5}.blanc-pair{grid-template-columns:1fr}.blanc-function-grid{grid-template-columns:1fr 1fr}.blanc-menu-grid{grid-template-columns:1fr 1fr}.blanc-menu-grid figure:nth-child(-n+2){grid-column:1/-1}.blanc-details{margin-top:12px}.blanc-cutouts{margin-block:10px}.brand-row .brand-1664 .brand-logo{width:84px;height:40px}}

/* Tight image joins; crop the margins embedded in the original mockups. */
.blanc-menu-grid + .blanc-details{margin-top:0}
.blanc-menu-grid figure:nth-child(2) img{transform:scale(1.22);transform-origin:left center}
.blanc-cutouts .blanc-pair figure:nth-child(2) img{transform:scale(1.012);transform-origin:center}


/* Keep the portrait and its embroidered logo visible beside the tie detail. */
.blanc-service-pair{grid-template-columns:1.6fr 1fr}
.blanc-service-pair figure:first-child{aspect-ratio:1.067}
.blanc-service-pair figure:nth-child(2){aspect-ratio:auto}
.blanc-service-pair figure:nth-child(2) img{object-position:center top}
@media(max-width:700px){.blanc-service-pair{grid-template-columns:1fr}.blanc-service-pair figure:nth-child(2){aspect-ratio:557/836}}

.blanc-silver-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;background:#fff}
.blanc-silver-grid>figure{aspect-ratio:2/3}
.blanc-silver-details{display:grid;grid-template-rows:1fr 1fr;min-height:0}
.blanc-silver-details figure{position:relative}
.blanc-silver-details figure img{position:absolute;inset:0;object-fit:contain}
.blanc-silver-grid + .blanc-details{margin-top:0}

.blanc-wood-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
.blanc-wood-grid figure{aspect-ratio:2329/2687}
.blanc-wood-grid + .blanc-details{margin-top:0}
@media(max-width:700px){.blanc-wood-grid{grid-template-columns:1fr 1fr}.blanc-wood-grid figure:last-child{grid-column:1/-1;aspect-ratio:1.25}}

.blanc-hero>img:first-child{object-position:center 28%}
.blanc-featured .project-cover{object-position:center 30%}
.blanc-silver-details{grid-template-rows:1fr 1.6fr}
.blanc-silver-details figure:last-child img{object-fit:contain;background:#edf0ec}
@media(max-width:700px){.blanc-hero>img:first-child{object-position:center 35%}}

/* Focus on the clip, show the bag holder in use, and balance the pin artwork. */
.blanc-silver-details figure:last-child img{object-fit:cover;object-position:center top;transform:scale(2);transform-origin:center top}
.blanc-function-grid img[src$="bag-holder-in-use.webp"]{transform:scale(1.76);transform-origin:68% center}
.blanc-three figure:has(img[src$="pin-silver.webp"]){background:#fff}
.blanc-three img[src$="pin-silver.webp"]{transform:translate(11%,-2.5%)}