/* Palicci Home hero
   Composition after Simon Holm, furniture after Radian, type from the Palicci Type plugin. */

.ph-hero{
	--ph-accent:#FDEB07;
	--ph-ink:#121714;
	--ph-dur:1100ms;
	--ph-ease:cubic-bezier(.645,.045,.355,1);
	--ph-btn-ease:cubic-bezier(.77,0,.18,1);
	--ph-pad-x:56px;
	position:relative;
	width:100%;
	height:100vh;
	height:100svh;
	min-height:520px;
	overflow:hidden;
	background:var(--ph-ink);
	color:#fff;
	font-family:'Founders Grotesk',system-ui,sans-serif;
	font-weight:400;
	-webkit-font-smoothing:antialiased;
	isolation:isolate;
}
.ph-hero *,.ph-hero *::before,.ph-hero *::after{box-sizing:border-box}
.ph-hero a{color:inherit;text-decoration:none}
.ph-hero p,.ph-hero h2{margin:0}

/* Slides */
.ph-slides{position:absolute;inset:0}
.ph-slide{position:absolute;inset:0;display:none}
.ph-slide.is-active{display:block}
.ph-wrap{position:absolute;inset:0;overflow:hidden}
.ph-img{position:absolute;inset:0}
.ph-img img{display:block;width:100%;height:100%;object-fit:cover}
.ph-img::after{
	content:'';position:absolute;inset:0;pointer-events:none;
	background:linear-gradient(180deg,rgba(0,0,0,.14) 0%,rgba(0,0,0,0) 28%,rgba(0,0,0,0) 52%,rgba(0,0,0,calc(var(--ph-scrim,30%) * 1.2)) 100%);
}

/* Copy */
.ph-copy{
	position:absolute;inset:0;z-index:3;
	padding:120px var(--ph-pad-x) 96px;
	display:flex;flex-direction:column;
	pointer-events:none;
}
.ph-copy>*{pointer-events:auto}
.ph-x-left{align-items:flex-start;text-align:left}
.ph-x-center{align-items:center;text-align:center}
.ph-x-right{align-items:flex-end;text-align:right}
.ph-y-top{justify-content:flex-start}
.ph-y-center{justify-content:center}
.ph-y-bottom{justify-content:flex-end}
.ph-eyebrow{font-size:12px;line-height:1;letter-spacing:.14em;text-transform:uppercase;margin-bottom:22px;opacity:.9}
.ph-title{
	font-family:'Tiempos Fine',Georgia,serif;font-weight:500;
	font-size:clamp(44px,6.2vw,104px);line-height:.98;letter-spacing:-.015em;
	max-width:13ch;text-wrap:balance;overflow:hidden;
}
.ph-x-right .ph-title{max-width:12ch}
.ph-title .ph-w{display:inline-block;will-change:transform}
.ph-sub{font-size:20px;line-height:1.35;margin-top:22px;max-width:36ch;opacity:.92}
.ph-btn{margin-top:34px}

/* Pill button */
.ph-pill{
	display:inline-flex;align-items:center;gap:12px;
	height:44px;padding:0 6px 0 22px;
	border:1px solid currentColor;border-radius:999px;
	font-size:15px;font-weight:500;line-height:1;letter-spacing:.01em;
	position:relative;overflow:hidden;isolation:isolate;cursor:pointer;
	transition:color .35s var(--ph-btn-ease),border-color .35s var(--ph-btn-ease);
}
.ph-pill::before{
	content:'';position:absolute;inset:-1px;z-index:-1;border-radius:inherit;
	background:var(--ph-accent);
	transform:translateX(-101%);
	transition:transform .45s var(--ph-btn-ease);
}
.ph-ic{width:32px;height:32px;border-radius:50%;border:1px solid currentColor;display:grid;place-items:center;flex:none}
.ph-ic svg{width:14px;height:14px;transition:transform .35s var(--ph-btn-ease)}
.ph-pill:hover,.ph-pill:focus-visible{color:var(--ph-ink);border-color:var(--ph-accent);outline:none}
.ph-pill:hover::before,.ph-pill:focus-visible::before{transform:translateX(0)}
.ph-pill:hover .ph-ic svg,.ph-pill:focus-visible .ph-ic svg{transform:translateX(3px)}
.ph-pill-sm{height:38px;font-size:14px;padding:0 5px 0 18px}
.ph-pill-sm .ph-ic{width:28px;height:28px}

/* Nav */
.ph-nav{
	position:absolute;top:0;left:0;right:0;z-index:6;height:72px;
	display:grid;grid-template-columns:1fr auto 1fr;align-items:center;
	padding:0 28px;font-size:15px;letter-spacing:.01em;
	transition:background .4s ease;
}
.ph-nav-l{justify-self:start;display:flex;gap:28px}
.ph-nav-r{justify-self:end;display:flex;gap:28px;align-items:center}
.ph-nav-c{display:block;line-height:0}
.ph-logo{height:24px;width:auto;display:block;filter:brightness(0) invert(1)}
.ph-wordmark{font-family:'Tiempos Fine',Georgia,serif;font-weight:500;font-size:22px;line-height:1;letter-spacing:-.01em}
.ph-nav a:not(.ph-pill){opacity:.95;transition:opacity .25s ease}
.ph-nav a:not(.ph-pill):hover{opacity:.7}
.ph-hero.is-scrolled .ph-nav{background:rgba(18,23,20,.82);backdrop-filter:blur(8px)}

/* Furniture */
.ph-count{
	position:absolute;left:28px;bottom:32px;z-index:5;
	font-size:13px;font-variant-numeric:tabular-nums;letter-spacing:.02em;
	height:16px;line-height:16px;overflow:hidden;width:60px;
}
.ph-count-list{transition:transform .9s var(--ph-ease)}
.ph-count-list div{height:16px;line-height:16px}
.ph-arrow{
	position:absolute;top:50%;transform:translateY(-50%);z-index:5;
	appearance:none;background:none;border:0;padding:8px;margin:0;
	color:inherit;font:inherit;font-size:13px;letter-spacing:.02em;text-transform:none;cursor:pointer;
	opacity:.9;transition:opacity .25s ease;
}
.ph-arrow:hover{opacity:.6}
.ph-prev{left:22px}
.ph-next{right:22px}
.ph-social{position:absolute;right:28px;bottom:30px;z-index:5;display:flex;gap:22px;font-size:13px;letter-spacing:.02em}
.ph-empty{padding:40px;background:#f4f2ee;color:#121714;font:15px/1.4 system-ui,sans-serif}

/* Reduced motion: crossfade instead of the wipe */
@media (prefers-reduced-motion:reduce){
	.ph-count-list{transition:none}
}

/* Small screens */
@media (max-width:760px){
	.ph-hero{--ph-pad-x:24px}
	.ph-nav{height:64px;padding:0 20px;font-size:14px}
	.ph-nav-r a:not(.ph-pill){display:none}
	.ph-logo{height:20px}
	.ph-copy{padding:96px var(--ph-pad-x) 84px}
	.ph-title{font-size:clamp(38px,11vw,64px);max-width:none}
	.ph-sub{font-size:17px;margin-top:16px}
	.ph-btn{margin-top:26px}
	.ph-arrow{display:none}
	.ph-count{left:20px;bottom:26px}
	.ph-social{right:20px;bottom:26px;gap:16px}
	.ph-eyebrow{margin-bottom:16px}
}

/* Template page chrome */
body.palicci-home{margin:0;padding:0;background:#121714}
body.palicci-home .ph-hero h2{margin:0;padding:0}
body.palicci-home .ph-hero{margin:0}
body.admin-bar .ph-hero{height:calc(100vh - 32px);height:calc(100svh - 32px)}
@media (max-width:782px){body.admin-bar .ph-hero{height:calc(100svh - 46px)}}