/* Daft Goods: collection pages, About Daft, product pages, search, account and info pages. */

/* Kadence's accent colours are blue by default. Make them Daft's greens everywhere. */
:root {
	--global-palette1: #4d5e4a;
	--global-palette2: #3c4a3a;
	--global-palette-highlight: #4d5e4a;
	--global-palette-highlight-alt: #3c4a3a;
	--global-palette-btn-bg: #4d5e4a;
	--global-palette-btn-bg-hover: #3c4a3a;
}

/* ---------- Shared bits ---------- */

.daft-card__media { background: #efe4d3; }
.daft-card__pitch { margin: 0; color: var(--daft-muted); font-size: 14px; line-height: 1.4; }

.daft-crumbs { display: flex; gap: 8px; margin: 0 0 18px; font-size: 14px; font-weight: 600; }
.daft-crumbs a { color: var(--daft-muted); text-decoration: none; }
.daft-crumbs a:hover { color: var(--daft-ink); }
.daft-crumbs span { color: var(--daft-muted); }

/* ---------- Collection pages ---------- */

.daft-collection__hero {
	max-width: 1320px;
	margin: 0 auto;
	padding: clamp(28px, 5vw, 64px) 24px clamp(36px, 5vw, 64px);
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 0.85fr);
	gap: clamp(28px, 5vw, 72px);
	align-items: center;
}
.daft-collection__title {
	margin: 0 0 12px;
	font-size: clamp(44px, 7vw, 92px);
	line-height: 0.95;
}
.daft-collection__lead {
	margin: 0 0 14px;
	font-family: var(--daft-font-display);
	font-size: clamp(22px, 2.4vw, 30px);
	line-height: 1.2;
	text-wrap: balance;
}
.daft-collection__intro { margin: 0 0 22px; max-width: 34em; color: #5a4537; font-size: 17px; line-height: 1.6; }
.daft-chips--aisles a[aria-current="page"] { background: var(--daft-sage-deep); border-color: var(--daft-sage-deep); color: #fffaf2; }
.daft-collection__media { position: relative; width: 100%; max-width: 440px; justify-self: end; }
.daft-collection__media > img:not(.daft-pose) {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 4 / 5;
	object-fit: cover;
	object-position: 50% 0;
	border-radius: 26px;
	box-shadow: 0 30px 60px -34px rgba(43, 29, 22, 0.5);
}
.daft-collection__note {
	position: absolute;
	left: -18px;
	bottom: 28px;
	max-width: 230px;
	margin: 0;
	padding: 12px 16px;
	border-radius: 14px;
	background: #fffaf2;
	box-shadow: 0 14px 30px -16px rgba(43, 29, 22, 0.45);
	font-weight: 600;
	font-size: 14px;
	line-height: 1.35;
	transform: rotate(-2deg);
}
.daft-pose--collection { opacity: 0; transform: translateY(20px); }
.daft-pose--collection.is-seen { opacity: 1; transform: none; }
.daft-pose--collection-walk-dog { left: calc(-1 * clamp(120px, 12vw, 190px)); bottom: -20px; width: clamp(170px, 16vw, 230px); }
.daft-pose--collection-walk-dog ~ .daft-collection__note { left: auto; right: -18px; bottom: auto; top: 28px; transform: rotate(2deg); }
.daft-pose--collection-point { left: -54px; bottom: -24px; width: clamp(80px, 8vw, 110px); }
.daft-pose--collection-peek-side { right: -24px; top: 30px; width: clamp(90px, 9vw, 130px); }
.daft-pose--collection-point ~ .daft-collection__note { left: auto; right: -18px; }
.daft-collection__shelf { padding-top: clamp(24px, 3vw, 40px); }
.daft-collection__tools { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-bottom: 20px; }
.daft-collection__tools .woocommerce-result-count,
.daft-collection__tools .woocommerce-ordering { margin: 0; float: none; }

.daft-collection__others {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 20px;
	max-width: 960px;
	margin: 0 auto;
}
.daft-collection__others--three { grid-template-columns: repeat(3, minmax(0, 1fr)); max-width: 1272px; }
.daft-other {
	display: grid;
	grid-template-columns: 120px minmax(0, 1fr);
	gap: 18px;
	align-items: center;
	padding: 14px;
	border-radius: 20px;
	background: var(--daft-card);
	color: var(--daft-ink);
	text-decoration: none;
	box-shadow: 0 1px 0 var(--daft-line);
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.daft-other:hover { color: var(--daft-ink); transform: translateY(-4px); box-shadow: 0 20px 40px -24px rgba(43, 29, 22, 0.45); }
.daft-other__media img { display: block; width: 120px; height: 150px; object-fit: cover; object-position: 50% 0; border-radius: 14px; }
.daft-other__body { display: grid; gap: 6px; }
.daft-other__body strong { font-family: var(--daft-font-display); font-weight: 400; font-size: 26px; }
.daft-other__body strong::after { content: " \2192"; color: var(--daft-copper); }
.daft-other__body span { color: var(--daft-muted); line-height: 1.45; }

/* WooCommerce product grid on the collection and search pages. */
.daft-store ul.products { margin: 0; }
.daft-store ul.products li.product .woocommerce-loop-product__title { font-family: var(--daft-font); font-size: 16px; font-weight: 600; }
.daft-store ul.products li.product img { border-radius: 18px; background: #efe4d3; }

/* ---------- About Daft ---------- */

.daft-about__hero { position: relative; }
.daft-about__hero-media img {
	display: block;
	width: 100%;
	height: min(78vh, 760px);
	object-fit: cover;
	object-position: 50% 12%;
}
.daft-about__hero-card {
	position: relative;
	z-index: 2;
	max-width: 800px;
	margin: -160px auto 0;
	padding: clamp(26px, 4vw, 44px);
	border-radius: 26px;
	background: var(--daft-card);
	box-shadow: 0 30px 70px -36px rgba(43, 29, 22, 0.55);
	text-align: center;
}
.daft-about__title { margin: 0 0 18px; font-size: clamp(32px, 4.4vw, 56px); line-height: 1.02; text-wrap: balance; }
.daft-about__title span { display: block; }
.daft-about__title span:last-child { color: var(--daft-copper); }
.daft-about__hero-card p:not(.daft-eyebrow) { margin: 0 0 12px; font-size: 18px; line-height: 1.6; color: #5a4537; }

.daft-about__facts { position: relative; }
.daft-facts {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 18px;
}
.daft-fact {
	display: grid;
	gap: 8px;
	align-content: start;
	padding: 26px 22px;
	border-radius: 22px;
	background: var(--daft-card);
	border: 2px solid var(--daft-ink);
	box-shadow: 6px 6px 0 var(--daft-ink);
	transform: rotate(var(--tilt, 0deg));
	transition: transform 0.25s ease;
}
.daft-fact:hover { transform: rotate(0deg) translateY(-4px); }
.daft-fact--0 { --tilt: -1.5deg; background: var(--daft-pink); }
.daft-fact--1 { --tilt: 1deg; }
.daft-fact--2 { --tilt: -0.8deg; background: #dfe7d9; }
.daft-fact--3 { --tilt: 1.6deg; background: #f6dcc4; }
.daft-fact strong { font-family: var(--daft-font-display); font-weight: 400; font-size: clamp(48px, 5vw, 68px); line-height: 1; }
.daft-fact span { font-weight: 600; line-height: 1.4; }
.daft-pose--facts { right: 24px; top: clamp(20px, 4vw, 56px); width: clamp(80px, 8vw, 116px); opacity: 0; transform: translateY(20px); }
.daft-pose--facts.is-seen { opacity: 1; transform: none; }

.daft-origin {
	display: grid;
	grid-template-columns: minmax(0, 0.8fr) minmax(0, 1fr);
	gap: clamp(28px, 6vw, 88px);
	align-items: center;
	max-width: 1120px;
}
.daft-origin__photo {
	margin: 0;
	padding: 14px 14px 18px;
	background: #fffaf2;
	box-shadow: 0 24px 50px -28px rgba(43, 29, 22, 0.55);
	transform: rotate(-3deg);
}
.daft-origin__photo img { display: block; width: 100%; height: auto; }
.daft-origin__photo figcaption { margin-top: 12px; text-align: center; font-family: var(--daft-font-display); font-size: 18px; color: var(--daft-muted); }
.daft-origin__body { display: grid; gap: 16px; }
.daft-origin__body p:not(.daft-eyebrow) { margin: 0; font-size: 17px; line-height: 1.65; color: #5a4537; }

.daft-day {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 20px;
	counter-reset: none;
}
.daft-day__step { display: grid; gap: 8px; align-content: start; }
.daft-day__media { border-radius: 20px; overflow: hidden; aspect-ratio: 4 / 5; background: #efe4d3; }
.daft-day__media img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.6s ease; }
.daft-day__step:hover .daft-day__media img { transform: scale(1.04); }
.daft-day__time { margin: 8px 0 0; font-size: 13px; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; color: var(--daft-copper); }
.daft-day__step h3 { margin: 0; font-size: 24px; line-height: 1.1; }
.daft-day__step p:last-child { margin: 0; color: #5a4537; line-height: 1.5; }

.daft-ugc__nav { display: flex; gap: 8px; }
.daft-ugc__btn {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	border: 1px solid rgba(43, 29, 22, 0.25);
	background: transparent;
	color: var(--daft-ink);
	font-size: 20px;
	cursor: pointer;
}
.daft-ugc__btn:hover { background: var(--daft-ink); color: #fffaf2; }
.daft-ugc {
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: clamp(200px, 22vw, 280px);
	gap: 16px;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	padding-bottom: 12px;
	scrollbar-width: thin;
}
.daft-ugc__tile {
	position: relative;
	margin: 0;
	aspect-ratio: 9 / 16;
	border-radius: 22px;
	overflow: hidden;
	scroll-snap-align: start;
	background: var(--daft-ink);
}
.daft-ugc__tile video { width: 100%; height: 100%; object-fit: cover; display: block; }
.daft-ugc__tile--empty { display: grid; place-items: center; border: 2px dashed rgba(43, 29, 22, 0.25); }
.daft-ugc__tile--0 { background: var(--daft-pink); }
.daft-ugc__tile--1 { background: #dfe7d9; }
.daft-ugc__tile--2 { background: #f6dcc4; }
.daft-ugc__tile--3 { background: #e9dccb; }
.daft-ugc__play {
	width: 64px;
	height: 64px;
	border-radius: 50%;
	background: rgba(255, 250, 242, 0.85);
	position: relative;
}
.daft-ugc__play::after {
	content: "";
	position: absolute;
	left: 26px;
	top: 20px;
	border-style: solid;
	border-width: 12px 0 12px 18px;
	border-color: transparent transparent transparent var(--daft-ink);
}
.daft-ugc__tile figcaption {
	position: absolute;
	left: 16px;
	right: 16px;
	bottom: 16px;
	display: grid;
	gap: 2px;
	font-weight: 700;
	line-height: 1.3;
}
.daft-ugc__tile figcaption small { font-weight: 600; color: var(--daft-muted); font-size: 12px; letter-spacing: 0.08em; text-transform: uppercase; }
.daft-ugc__cta { margin: 24px 0 0; text-align: center; font-size: 17px; }
.daft-ugc__cta a { color: var(--daft-ink); font-weight: 700; text-decoration-color: var(--daft-copper); text-underline-offset: 3px; }

.daft-team {
	position: relative;
	display: grid;
	grid-template-columns: 160px minmax(0, 1fr);
	gap: clamp(24px, 4vw, 56px);
	align-items: center;
	max-width: 960px;
}
.daft-team .daft-pose--team { position: static; width: 140px; justify-self: center; opacity: 0; transform: translateY(24px); }
.daft-team .daft-pose--team.is-seen { opacity: 1; transform: none; }
.daft-team__body { display: grid; gap: 14px; justify-items: start; }
.daft-team__body p:not(.daft-eyebrow) { margin: 0; font-size: 17px; line-height: 1.6; color: #5a4537; }
.daft-team__body a:not(.daft-btn) { color: var(--daft-ink); text-decoration-color: var(--daft-copper); text-underline-offset: 3px; }

/* ---------- Product pages ---------- */

.daft-promise-strip {
	list-style: none;
	margin: 18px 0;
	padding: 14px 16px;
	display: grid;
	gap: 6px;
	border-radius: 14px;
	background: #efe4d3;
	font-size: 15px;
}
.daft-promise-strip li::before { content: "\2713"; margin-right: 8px; color: var(--daft-sage-deep); font-weight: 700; }
.daft-verdict {
	position: relative;
	clear: both;
	display: grid;
	grid-template-columns: 120px minmax(0, 1fr);
	gap: 24px;
	align-items: end;
	margin: 40px 0;
	padding: 28px 28px 0;
	border-radius: 24px;
	background: var(--daft-pink);
	overflow: hidden;
}
.daft-verdict .daft-pose--verdict { position: static; width: 110px; filter: none; opacity: 1; }
.daft-verdict__body { padding-bottom: 28px; }
.daft-verdict__quote { margin: 0 0 10px; font-family: var(--daft-font-display); font-size: clamp(22px, 2.4vw, 30px); line-height: 1.2; }
.daft-verdict__sign { margin: 0; font-size: 14px; font-weight: 600; color: #5a4537; }
.single-product .product_title { font-size: clamp(32px, 4vw, 48px); line-height: 1.05; }
.single-product div.product p.price { color: var(--daft-ink); font-weight: 700; }
.single-product .woocommerce-product-gallery img { border-radius: 20px; background: #efe4d3; }

/* ---------- Search ---------- */

.daft-nav__searchform input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; appearance: none; }

.daft-search { display: none; }
.daft-nav__searchform .daft-search {
	display: grid;
	grid-template-columns: 74px minmax(0, 1fr);
	gap: 16px;
	align-items: end;
	max-width: 640px;
	margin: 12px auto 0;
}
.daft-search__dog { position: relative; height: 96px; }
.daft-search__dog img {
	position: absolute;
	left: 50%;
	bottom: 0;
	height: 96px;
	width: auto;
	transform: translateX(-50%);
	transition: opacity 0.25s ease, transform 0.35s cubic-bezier(0.2, 0.8, 0.2, 1);
}
.daft-search__dog-found { opacity: 0; transform: translateX(-50%) translateY(10px); }
.daft-search.is-found .daft-search__dog-look { opacity: 0; }
.daft-search.is-found .daft-search__dog-found { opacity: 1; transform: translateX(-50%); }
.daft-search:not(.is-found) .daft-search__dog-look { animation: daft-sniff 2.4s ease-in-out infinite; }
@keyframes daft-sniff {
	0%, 100% { transform: translateX(-50%) rotate(0deg); }
	50% { transform: translateX(-54%) rotate(-3deg); }
}
.daft-search__status { margin: 0 0 8px; font-weight: 600; color: var(--daft-muted); }
.daft-search__results { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; }
.daft-search__results a {
	display: grid;
	grid-template-columns: 48px minmax(0, 1fr) auto;
	gap: 12px;
	align-items: center;
	padding: 6px 10px 6px 6px;
	border-radius: 12px;
	color: var(--daft-ink);
	text-decoration: none;
}
.daft-search__results a:hover { background: #efe4d3; color: var(--daft-ink); }
.daft-search__results img { width: 48px; height: 48px; border-radius: 10px; object-fit: cover; background: #efe4d3; }
.daft-search__results strong { font-size: 14px; }

.daft-search-dog {
	display: flex;
	align-items: center;
	gap: 24px;
	margin: 0 0 32px;
	padding: 20px 24px;
	border-radius: 22px;
	background: var(--daft-card);
}
.daft-search-dog .daft-pose--searchdog { position: static; height: 150px; width: auto; opacity: 1; filter: none; }
.daft-search-dog .daft-h2 { font-size: clamp(26px, 3vw, 38px); margin-bottom: 8px; }
.daft-search-dog p { margin: 0 0 10px; color: #5a4537; }
.daft-search-dog .daft-chips a { border-color: rgba(43, 29, 22, 0.22); color: var(--daft-ink); }

/* ---------- Info pages (Delivery, Returns, Contact, Terms, Privacy) ---------- */

.daft-page-aside {
	float: right;
	width: 170px;
	margin: 0 0 18px 28px;
	text-align: center;
	shape-outside: margin-box;
}
.daft-page-aside .daft-pose { position: static; display: block; margin: 0 auto 8px; width: auto; height: 190px; opacity: 1; }
.daft-page-aside .daft-pose--page-lying { height: auto; width: 170px; }
.daft-page-aside p { margin: 0; font-family: var(--daft-font-display); font-size: 16px; line-height: 1.3; color: var(--daft-muted); }
/* Kadence gives page titles a 200px block. Keep titles close to their content. */
.page .entry-hero .entry-header { min-height: 0; padding: 40px 0 0; }
.page .content-area { margin-top: 16px; }
.page .entry-content-wrap { padding-top: 24px; }
.page:not(.woocommerce-page) .content-container.site-container { max-width: 1000px; }
.page .entry-content > h2:first-of-type,
.page .daft-page-aside + h2,
.page .daft-pose-float + h2 { margin-top: 0; }
.page .entry-content h2 { font-size: clamp(24px, 2.6vw, 32px); margin-top: 1.6em; }
.page .entry-content { font-size: 17px; line-height: 1.65; }

/* ---------- My Account ---------- */

.woocommerce-account .content-area { margin-top: 12px; }
.woocommerce-account .entry-content-wrap { padding-top: 20px; }
.woocommerce-account .woocommerce > h2:first-child,
.woocommerce-account .woocommerce .u-column1 > h2,
.woocommerce-account .woocommerce .u-column2 > h2,
.woocommerce-account .woocommerce h2 { margin-top: 0; color: var(--daft-sage-deep); }
.woocommerce-account a { color: var(--daft-sage-deep); }
.woocommerce-account a:hover { color: var(--daft-ink); }
.woocommerce-account .woocommerce-MyAccount-navigation a { color: var(--daft-ink); }
.woocommerce-account .woocommerce-MyAccount-navigation .is-active a { color: var(--daft-sage-deep); }
.woocommerce-account .woocommerce-button,
.woocommerce-account button.button { background: var(--daft-sage-deep); color: #fffaf2; border-radius: 999px; }
.woocommerce-account .woocommerce-button:hover,
.woocommerce-account button.button:hover { background: var(--daft-ink); }

/* ---------- Responsive ---------- */

@media (max-width: 1100px) {
	.daft-day { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.daft-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 899px) {
	.daft-collection__hero { grid-template-columns: 1fr; }
	.daft-collection__media { order: -1; max-width: 520px; }
	.daft-collection__media { justify-self: center; }
	.daft-collection__media > img:not(.daft-pose) { aspect-ratio: 4 / 3; }
	.daft-collection__note { left: 12px; bottom: 12px; }
	.daft-pose--collection-walk-dog { left: auto; right: -8px; bottom: -24px; width: 150px; }
	.daft-pose--collection-walk-dog ~ .daft-collection__note { right: auto; left: 12px; top: auto; bottom: 12px; }
	.daft-pose--collection-point { left: auto; right: 8px; bottom: -16px; width: 64px; }
	.daft-pose--collection-peek-side { right: -12px; top: 16px; width: 80px; }
	.daft-collection__others,
	.daft-collection__others--three { grid-template-columns: 1fr; }
	.daft-other { grid-template-columns: 90px minmax(0, 1fr); }
	.daft-other__media img { width: 90px; height: 112px; }
	.daft-about__hero-media img { height: 56vh; }
	.daft-about__hero-card { margin: -80px 16px 0; }
	.daft-origin { grid-template-columns: 1fr; }
	.daft-origin__photo { max-width: 340px; justify-self: center; }
	.daft-day { grid-auto-flow: column; grid-auto-columns: 72%; grid-template-columns: none; overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 8px; }
	.daft-day__step { scroll-snap-align: start; }
	.daft-ugc { grid-auto-columns: 62%; }
	.daft-pose--facts { display: none; }
	.daft-team { grid-template-columns: 1fr; }
	.daft-team .daft-pose--team { width: 100px; }
	.daft-verdict { grid-template-columns: 80px minmax(0, 1fr); padding: 20px 20px 0; }
	.daft-verdict .daft-pose--verdict { width: 78px; }
	.daft-page-aside { width: 110px; margin-left: 16px; }
	.daft-page-aside .daft-pose { height: 130px; }
	.daft-page-aside .daft-pose--page-lying { width: 110px; height: auto; }
	.daft-search-dog { flex-direction: column; text-align: center; }
	.daft-search-dog .daft-chips { justify-content: center; }
}

@media (max-width: 599px) {
	.daft-facts { grid-template-columns: 1fr; }
	.daft-nav__searchform .daft-search { grid-template-columns: 56px minmax(0, 1fr); }
	.daft-search__dog, .daft-search__dog img { height: 76px; }
}

/* The parcel pose on Delivery: a little smaller beside the text. */
.daft-pose-float .daft-pose { width: auto; height: clamp(180px, 20vw, 300px); }
.page .entry-content table { border-color: var(--daft-line); }
.page .entry-content th,
.page .entry-content td { border-color: rgba(43, 29, 22, 0.16); }

/* ---------- About Daft: marquee, employee of the month, the archive ---------- */

.daft-about .daft-ticker {
	position: relative;
	overflow: hidden;
	margin-top: clamp(32px, 5vw, 56px);
	padding: 14px 0;
	background: var(--daft-ink);
	color: #fffaf2;
	transform: rotate(-1.5deg);
}
.daft-about .daft-ticker__track { display: flex; width: max-content; animation: daft-about-marquee 32s linear infinite; }
.daft-about .daft-ticker__track span {
	padding: 0 28px;
	font-family: var(--daft-font-display);
	font-size: clamp(20px, 2.2vw, 28px);
	white-space: nowrap;
}
.daft-about .daft-ticker__track span::after { content: "\2605"; margin-left: 56px; color: var(--daft-pink); font-size: 0.7em; }
@keyframes daft-about-marquee { to { transform: translateX(-33.333%); } }

.daft-eotm {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: clamp(28px, 6vw, 88px);
	align-items: center;
	max-width: 1180px;
	margin: 0 auto;
}
.daft-eotm__media img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 24px;
	box-shadow: 0 30px 60px -32px rgba(43, 29, 22, 0.55);
}
.daft-eotm__body { display: grid; gap: 18px; }
.daft-eotm__body > p:not(.daft-eyebrow) { margin: 0; font-size: 18px; line-height: 1.6; color: #5a4537; }
.daft-eotm__stats { list-style: none; margin: 8px 0 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.daft-eotm__stats li {
	display: grid;
	gap: 4px;
	padding: 18px 16px;
	border-radius: 18px;
	background: var(--daft-card);
	border: 2px solid var(--daft-ink);
	box-shadow: 4px 4px 0 var(--daft-copper);
}
.daft-eotm__stats strong { font-family: var(--daft-font-display); font-weight: 400; font-size: 44px; line-height: 1; }
.daft-eotm__stats span { font-weight: 600; font-size: 14px; line-height: 1.3; }

.daft-about__archive { position: relative; overflow: hidden; }
.daft-polaroids {
	list-style: none;
	margin: 0 auto;
	padding: 12px 0 24px;
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: clamp(18px, 3vw, 40px);
	max-width: 1180px;
}
.daft-polaroid figure {
	position: relative;
	margin: 0;
	padding: 12px 12px 16px;
	background: #fffaf2;
	box-shadow: 0 18px 34px -18px rgba(43, 29, 22, 0.55);
	transform: rotate(var(--tilt, 0deg)) translateY(var(--drop, 0px));
	transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.3s ease;
}
/* A strip of pink tape on each photo. */
.daft-polaroid figure::before {
	content: "";
	position: absolute;
	top: -12px;
	left: 50%;
	width: 84px;
	height: 26px;
	background: rgba(242, 195, 184, 0.85);
	transform: translateX(-50%) rotate(-3deg);
}
.daft-polaroid figure:hover { z-index: 2; transform: rotate(0deg) scale(1.04); box-shadow: 0 30px 50px -22px rgba(43, 29, 22, 0.6); }
.daft-polaroid img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; }
.daft-polaroid figcaption { margin-top: 12px; text-align: center; font-family: var(--daft-font-display); font-size: 17px; line-height: 1.25; }
.daft-polaroid--0 { --tilt: -3deg; }
.daft-polaroid--1 { --tilt: 2deg; --drop: 26px; }
.daft-polaroid--2 { --tilt: -1.5deg; --drop: -8px; }
.daft-polaroid--3 { --tilt: 3deg; --drop: 18px; }
.daft-polaroid--4 { --tilt: 2.5deg; }
.daft-polaroid--5 { --tilt: -2deg; --drop: 22px; }
.daft-polaroid--6 { --tilt: 1.5deg; --drop: -6px; }
.daft-polaroid--7 { --tilt: -3deg; --drop: 14px; }
.daft-pose--archive { right: 3vw; bottom: 0; width: clamp(54px, 5vw, 76px); opacity: 0; transform: translateY(30px); }
.daft-pose--archive.is-seen { opacity: 1; transform: none; }

@media (max-width: 899px) {
	.daft-eotm { grid-template-columns: 1fr; }
	.daft-polaroids { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.daft-polaroid figcaption { font-size: 15px; }
	.daft-pose--archive { display: none; }
}
@media (prefers-reduced-motion: reduce) {
	.daft-about .daft-ticker__track { animation: none; }
}

/* ---------- Homepage video hero ---------- */

.daft-vhero {
	position: relative;
	height: calc(100svh - var(--daft-nav-h));
	min-height: 520px;
	max-height: 1100px;
	overflow: hidden;
	background: #f2c3b8;
}
.daft-vhero__video {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 50% 62%;
	display: block;
}
.daft-vhero__shade {
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, rgba(43, 29, 22, 0.28) 0%, rgba(43, 29, 22, 0) 38%);
	pointer-events: none;
}
.daft-vhero__card {
	position: absolute;
	left: clamp(16px, 4vw, 64px);
	bottom: clamp(40px, 7vh, 88px);
	max-width: 440px;
	padding: clamp(20px, 2.4vw, 30px) clamp(22px, 2.6vw, 34px);
	border-radius: 24px;
	background: rgba(251, 246, 236, 0.94);
	box-shadow: 0 24px 50px -26px rgba(43, 29, 22, 0.6);
	-webkit-backdrop-filter: blur(6px);
	backdrop-filter: blur(6px);
}
.daft-vhero__kicker {
	margin: 0 0 6px;
	color: var(--daft-copper);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.2em;
	text-transform: uppercase;
}
.daft-vhero__title { margin: 0 0 8px; font-size: clamp(40px, 4.6vw, 64px); line-height: 0.95; }
.daft-vhero__sub { margin: 0 0 18px; font-size: clamp(16px, 1.3vw, 18px); line-height: 1.45; color: #5a4537; }
.daft-vhero__ctas { display: flex; gap: 10px; flex-wrap: wrap; }

.daft-vhero__ticker { position: relative; z-index: 3; }
.daft-vhero__ticker .daft-pose--ticker { bottom: 40px; }

@media (max-width: 600px) {
	.daft-vhero { height: calc(100svh - var(--daft-nav-h)); min-height: 560px; }
	.daft-vhero__video { object-position: 50% 40%; }
	.daft-vhero__shade { background: linear-gradient(0deg, rgba(43, 29, 22, 0.25) 0%, rgba(43, 29, 22, 0) 40%); }
	.daft-vhero__card {
		left: 16px;
		right: 16px;
		bottom: 16px;
		max-width: none;
		padding: 16px 18px;
		text-align: center;
	}
	.daft-vhero__title { font-size: 38px; }
	.daft-vhero__sub { margin-bottom: 12px; font-size: 15px; }
	.daft-vhero__ctas { justify-content: center; }
	.daft-vhero__ctas .daft-btn { flex: 1 1 0; }
}

/* Gift finder: Daft shrugs and points down at the dog ("Who, me?"), side by side on the right. */
.daft-section--finder .daft-pose--point {
	left: auto;
	right: calc(50% - 296px);
	top: clamp(30px, 5vw, 64px);
	width: 89px;
	transform: translateX(30px);
}
.daft-section--finder .daft-pose--point.is-seen { transform: none; }
@media (max-width: 899px) {
	.daft-section--finder .daft-section__head { padding: 0 96px 0 0; text-align: left; }
	.daft-section--finder .daft-pose--point { right: 32px; top: 30px; width: 50px; }
	.daft-section--finder .daft-pose--whome { right: 10px; top: 72px; width: 17px; }
}

/* Phones: the whole dance shows, the card sits just under the video. */
@media (max-width: 600px) {
	.daft-vhero { height: auto; min-height: 0; max-height: none; overflow: visible; background: var(--daft-paper); }
	.daft-vhero__video { position: relative; inset: auto; height: auto; aspect-ratio: 9 / 16; max-height: calc(100svh - var(--daft-nav-h) - 60px); object-position: 50% 70%; }
	.daft-vhero__shade { display: none; }
	.daft-vhero__card { position: relative; left: auto; right: auto; bottom: auto; margin: -56px 16px 24px; }
}

/* Landscape screens: the card on the left, the whole dance on the right at full height (never cropped). */
@media (min-width: 601px) and (min-aspect-ratio: 1/1) {
	.daft-vhero {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: clamp(32px, 6vw, 110px);
		height: calc(100svh - var(--daft-nav-h));
		min-height: 560px;
		max-height: 1000px;
		padding: clamp(18px, 3vh, 36px) clamp(16px, 4vw, 64px);
		box-sizing: border-box;
		background: radial-gradient(120% 90% at 70% 40%, #f6d4ca 0%, #f2c3b8 55%, #e9b2a5 100%);
	}
	.daft-vhero__video {
		position: relative;
		inset: auto;
		order: 2;
		flex: none;
		width: auto;
		height: 100%;
		aspect-ratio: 9 / 16;
		object-fit: cover;
		object-position: 50% 50%;
		border-radius: 28px;
		background: #f2c3b8;
		box-shadow: 0 30px 60px -30px rgba(43, 29, 22, 0.55), 0 0 0 6px var(--daft-card, #fbf6ec);
	}
	.daft-vhero__shade { display: none; }
	.daft-vhero__card { position: relative; left: auto; bottom: auto; order: 1; flex: 0 1 460px; }
}