.fbf-collection-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
}

.fbf-collection-grid__item {
	min-width: 0;
}

.fbf-collection-grid__link {
	display: block;
	color: inherit;
	text-decoration: none;
}

.fbf-collection-grid__link:focus-visible {
	outline: 3px solid currentColor;
	outline-offset: 4px;
}

.fbf-collection-grid__image {
	display: block;
	width: 100%;
	aspect-ratio: 3 / 4;
	object-fit: contain;
	background: #f4f1ec;
}

.fbf-collection-grid__caption {
	display: block;
	margin-top: 8px;
	font: inherit;
	line-height: 1.3;
}

@media (min-width: 768px) {
	.fbf-collection-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
}

@media (min-width: 1024px) {
	.fbf-collection-grid { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 16px; }
}

.fbf-homepage-collections__section {
	margin: 0 0 48px;
}

.breakdance .fbf-homepage-collections__heading {
	scroll-margin-top: clamp(140px, 12vw, 200px);
	margin: 0 0 -0.2em;
	color: var(--bde-brand-primary-color, #FD5068);
	font-family: "Simstary", cursive;
	font-size: clamp(72px, 10vw, 140px);
	font-weight: 200;
	line-height: 1.1;
}

.fbf-portfolio-collections__heading-row { display:flex; align-items:baseline; justify-content:space-between; gap:24px; }
.fbf-portfolio-collections__heading-row .fbf-homepage-collections__heading { min-width:0; flex:1; }
.fbf-collection-deck-download { flex:0 0 auto; color:inherit; font-size:16px; line-height:1.4; text-decoration:underline; text-underline-offset:4px; }
.fbf-collection-deck-download:focus-visible { outline:3px solid currentColor; outline-offset:4px; }
@media(max-width:600px) { .fbf-portfolio-collections__heading-row { align-items:flex-start; gap:8px 16px; flex-wrap:wrap; } .fbf-collection-deck-download { margin:0 0 12px auto; } }

.fbf-homepage-collections__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
}

.fbf-homepage-collections__item {
	min-width: 0;
}

.fbf-homepage-collections__link {
	display: block;
	color: inherit;
	text-decoration: none;
}

.fbf-homepage-collections__link:focus-visible {
	outline: 3px solid currentColor;
	outline-offset: 4px;
}

.breakdance .fbf-homepage-collections__image {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 1 / 1.4142135624;
	object-fit: cover;
	object-position: center;
	background: #f4f1ec;
}

@media (min-width: 768px) {
	.fbf-homepage-collections__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
}

/* Crop settings belong only to tiles on the experimental homepage. */
.fbf-homepage-image-crop {
    display:block;
    position:relative;
    width:100%;
    aspect-ratio:1 / 1.4142135624;
    overflow:hidden;
    background:#f4f1ec;
}
.breakdance .fbf-homepage-image-crop .fbf-homepage-collections__image {
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    aspect-ratio:auto;
    object-fit:cover;
    object-position:var(--fbf-crop-x,50%) var(--fbf-crop-y,50%);
    transform:scale(var(--fbf-crop-zoom,1));
    transform-origin:var(--fbf-crop-x,50%) var(--fbf-crop-y,50%);
}
.fbf-homepage-image-crop.is-pattern {
    background-repeat:repeat;
    background-size:calc(141.42135624% * var(--fbf-crop-zoom,1)) auto;
    background-position:var(--fbf-crop-x,50%) var(--fbf-crop-y,50%);
}
.breakdance .fbf-homepage-image-crop.is-pattern .fbf-homepage-collections__image {opacity:0;}

/* Twenty-four prototype tiles form complete rows at each layout size. */
.fbf-homepage-image-test .fbf-homepage-collections__grid {grid-template-columns:repeat(2,minmax(0,1fr));}
@media(min-width:640px) {
    .fbf-homepage-image-test .fbf-homepage-collections__grid {grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media(min-width:1100px) {
    .fbf-homepage-image-test .fbf-homepage-collections__grid {grid-template-columns:repeat(4,minmax(0,1fr));}
}

.fbf-portfolio-collections .fbf-homepage-collections__link {position:relative;}
.fbf-portfolio-collections .fbf-homepage-image-title {
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    box-sizing:border-box;
    width:calc(100% - 20px);
    max-width:calc(100% - 20px);
    padding:8px 22px;
    background:rgba(255,255,255,0.96);
    box-shadow:0 0 20px rgba(0,0,0,0.2);
    z-index:2;
    color:var(--bde-brand-primary-color,#FD5068);
    font-family:"Simstary",cursive;
    font-size:calc(clamp(34px,4.5vw,74px) + 10px);
    font-weight:200;
    line-height:0.5;
    text-align:center;
    overflow-wrap:anywhere;
    opacity:0;
    transition:opacity 350ms ease;
    pointer-events:none;
}
.fbf-portfolio-collections .fbf-homepage-image-crop::after {
    content:"";
    position:absolute;
    inset:0;
    background:rgba(253,80,104,0.2);
    opacity:0;
    transition:opacity 350ms ease;
    pointer-events:none;
}
@media(hover:hover) {
    .fbf-portfolio-collections .fbf-homepage-collections__link:hover .fbf-homepage-image-crop::after {opacity:1;}
    .fbf-portfolio-collections .fbf-homepage-collections__link:hover .fbf-homepage-image-title {opacity:1;}
}
.fbf-portfolio-collections .fbf-homepage-collections__link:focus-visible .fbf-homepage-image-title,
.fbf-portfolio-collections .fbf-homepage-collections__link:focus-visible .fbf-homepage-image-crop::after {opacity:1;}
.fbf-portfolio-collections__item--no-link {position:relative;}
.fbf-portfolio-collections__item--no-link .fbf-homepage-image-title {opacity:1;}
@media(prefers-reduced-motion:reduce) {
    .fbf-portfolio-collections .fbf-homepage-image-title,
    .fbf-portfolio-collections .fbf-homepage-image-crop::after {transition:none;}
}

body.fbf-sell-sheet-modal-open { overflow:hidden; }
.fbf-sell-sheet-modal[hidden] { display:none; }
.fbf-sell-sheet-modal { position:fixed; z-index:100000; inset:0; display:grid; place-items:center; padding:24px; }
.fbf-sell-sheet-modal__backdrop { position:absolute; inset:0; background:rgba(22,20,19,.62); }
.fbf-sell-sheet-modal__panel { position:relative; width:min(100%, 480px); max-height:calc(100vh - 48px); overflow:auto; padding:clamp(28px,6vw,48px); background:#fff; color:#292421; box-shadow:0 18px 70px rgba(0,0,0,.25); }
.fbf-sell-sheet-modal__panel h2 { margin:0 40px 14px 0; font-size:clamp(25px,4vw,34px); line-height:1.15; }
.fbf-sell-sheet-modal__panel p { line-height:1.55; }
.fbf-sell-sheet-modal__close { position:absolute; top:12px; right:14px; border:0; background:transparent; color:inherit; font-size:32px; line-height:1; cursor:pointer; }
.fbf-sell-sheet-modal__form label { display:block; margin:20px 0 7px; font-weight:600; }
.fbf-sell-sheet-modal__form input[type=email] { box-sizing:border-box; width:100%; min-height:48px; padding:10px 12px; border:1px solid #847a73; border-radius:2px; font:inherit; }
.fbf-sell-sheet-modal__privacy { margin:10px 0; font-size:14px; }
.fbf-sell-sheet-modal__error { color:#a52132; font-weight:600; }
.fbf-sell-sheet-modal__submit { width:100%; min-height:48px; margin-top:8px; padding:12px 18px; border:0; background:#292421; color:#fff; font:inherit; font-weight:600; cursor:pointer; }
.fbf-sell-sheet-modal__submit:disabled { cursor:wait; opacity:.65; }
.fbf-sell-sheet-modal__trap { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }


/* A quiet click cue for homepage artwork on tablet and mobile. */
@media(max-width:1024px) {
    .fbf-homepage-image-test .fbf-homepage-collections__link::after {
        content:"";
        position:absolute;
        right:0;
        bottom:0;
        width:38px;
        height:38px;
        z-index:3;
        clip-path:polygon(100% 0,100% 100%,0 100%);
        background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fd5068' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14m-6-6 6 6-6 6'/%3E%3C/svg%3E"),linear-gradient(135deg,#dedbd5 47%,#fff 53%,#fff 100%);
        background-size:14px 14px,100% 100%;
        background-position:right 5px bottom 5px,0 0;
        background-repeat:no-repeat;
        transform-origin:bottom right;
        transition:transform 220ms ease;
        pointer-events:none;
    }
    .fbf-homepage-image-test .fbf-homepage-collections__link:is(:hover,:focus-visible,:active)::after {transform:scale(1.3);}
}
@media(max-width:580px) {
    .fbf-homepage-image-test .fbf-homepage-collections__link::after {width:34px;height:34px;}
}
@media(prefers-reduced-motion:reduce) {
    .fbf-homepage-image-test .fbf-homepage-collections__link::after {transition:none;}
}