.tph-home-refresh{
--tph-ink:#2c2622;
--tph-muted:#6f655f;
--tph-cream:#fbf7f3;
--tph-card:#ffffff;
--tph-line:#e8ded6;
--tph-accent:#9a5f3f;
--tph-accent-dark:#75452f;
--tph-soft:#f3e8df;
max-width:1180px;
margin:0 auto;
padding:10px 20px 64px;
color:var(--tph-ink);
font-family:inherit;
}
.tph-home-refresh *{box-sizing:border-box}
.tph-home-refresh img{max-width:100%;height:auto}
.tph-hero{
display:grid;
grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);
gap:38px;
align-items:center;
padding:34px;
border:1px solid var(--tph-line);
border-radius:26px;
background:linear-gradient(135deg,#fff 0%,var(--tph-cream) 100%);
box-shadow:0 16px 42px rgba(62,46,36,.07);
}
.tph-eyebrow,.tph-kicker{
margin:0 0 9px!important;
font-size:.76rem!important;
font-weight:800!important;
letter-spacing:.12em!important;
text-transform:uppercase!important;
color:var(--tph-accent)!important;
}
.tph-hero h1{
margin:0!important;
font-size:clamp(2.25rem,5vw,4.55rem)!important;
line-height:1.02!important;
letter-spacing:-.035em!important;
color:var(--tph-ink)!important;
}
.tph-hero-lead{
max-width:690px;
margin:20px 0 0!important;
font-size:clamp(1.05rem,2vw,1.26rem)!important;
line-height:1.62!important;
color:var(--tph-muted)!important;
}
.tph-hero-image{
min-height:420px;
border-radius:20px;
overflow:hidden;
background:var(--tph-soft);
}
.tph-hero-image img{
display:block;
width:100%;
height:100%;
min-height:420px;
object-fit:cover;
}
.tph-hero-actions{
display:flex;
flex-wrap:wrap;
gap:12px;
margin:25px 0 0;
}
.tph-button{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:46px;
padding:11px 18px;
border-radius:999px;
font-weight:750;
text-decoration:none!important;
transition:transform .15s ease,box-shadow .15s ease,background .15s ease;
}
.tph-button:hover{transform:translateY(-1px)}
.tph-button-primary{
background:var(--tph-accent);
color:#fff!important;
box-shadow:0 8px 18px rgba(117,69,47,.18);
}
.tph-button-primary:hover{background:var(--tph-accent-dark)}
.tph-button-secondary{
border:1px solid var(--tph-line);
background:#fff;
color:var(--tph-ink)!important;
}
.tph-trust-row{
display:flex;
flex-wrap:wrap;
gap:9px;
margin-top:22px;
}
.tph-trust-row span{
padding:7px 10px;
border-radius:999px;
background:var(--tph-soft);
color:#624b3e;
font-size:.88rem;
font-weight:650;
}
.tph-section{padding:70px 0 0}
.tph-section-heading{max-width:760px;margin-bottom:25px}
.tph-section-heading h2,.tph-ziggy h2{
margin:0!important;
font-size:clamp(1.75rem,3vw,2.65rem)!important;
line-height:1.12!important;
letter-spacing:-.02em!important;
color:var(--tph-ink)!important;
}
.tph-section-heading>p:last-child{
margin:12px 0 0!important;
color:var(--tph-muted)!important;
font-size:1.04rem!important;
line-height:1.65!important;
}
.tph-section-heading-row{
max-width:none;
display:flex;
justify-content:space-between;
align-items:end;
gap:20px;
} .tph-home-refresh #tph-start{
width:min(1320px,calc(100vw - 40px));
max-width:none;
margin-left:50%;
transform:translateX(-50%);
}
.tph-home-refresh #tph-start .tph-section-heading{
max-width:760px;
}
.tph-home-refresh #tph-start .tph-hub-grid{
display:grid!important;
grid-template-columns:repeat(4,minmax(0,1fr))!important;
gap:30px!important;
width:100%!important;
align-items:stretch!important;
}
.tph-hub-card,.tph-latest-card,.tph-product-card{
overflow:hidden;
border:1px solid var(--tph-line);
border-radius:18px;
background:var(--tph-card);
box-shadow:0 8px 24px rgba(62,46,36,.05);
}
.tph-home-refresh #tph-start .tph-hub-card{
display:flex!important;
flex-direction:column!important;
min-width:0!important;
height:100%!important;
margin:0!important;
}
.tph-home-refresh #tph-start .tph-hub-image{
display:block!important;
width:100%!important;
min-height:0!important;
aspect-ratio:16/10!important;
overflow:hidden!important;
background:var(--tph-soft)!important;
}
.tph-home-refresh #tph-start .tph-hub-image img{
display:block!important;
width:100%!important;
height:100%!important;
min-height:0!important;
object-fit:cover!important;
}
.tph-home-refresh #tph-start .tph-hub-copy{
display:flex!important;
flex:1 1 auto!important;
flex-direction:column!important;
padding:24px!important;
}
.tph-home-refresh #tph-start .tph-hub-copy .tph-text-link{
margin-top:auto!important;
padding-top:12px!important;
}
.tph-hub-copy h3,.tph-latest-copy h3,.tph-product-card h3{
margin:0 0 9px!important;
font-size:1.22rem!important;
line-height:1.28!important;
}
.tph-hub-copy h3 a,.tph-latest-copy h3 a{
color:var(--tph-ink)!important;
text-decoration:none!important;
}
.tph-hub-copy>p:not(.tph-kicker),.tph-latest-copy>p:not(.tph-kicker),.tph-product-card p,.tph-ziggy p{
color:var(--tph-muted)!important;
line-height:1.58!important;
}
.tph-text-link{
display:inline-flex;
gap:6px;
margin-top:5px;
color:var(--tph-accent-dark)!important;
font-weight:750!important;
text-decoration:none!important;
}
.tph-text-link:hover{text-decoration:underline!important}
.tph-latest-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:20px;
}
.tph-latest-card{display:flex;flex-direction:column}
.tph-latest-image{display:block;aspect-ratio:16/10;overflow:hidden;background:var(--tph-soft)}
.tph-latest-image img{
display:block;
width:100%;
height:100%;
object-fit:cover;
transition:transform .2s ease;
}
.tph-latest-card:hover .tph-latest-image img{transform:scale(1.025)}
.tph-latest-copy{padding:18px 18px 20px}
.tph-product-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:18px;
}
.tph-product-card{padding:22px;background:linear-gradient(180deg,#fff 0%,#fdf9f6 100%)}
.tph-small-note{
margin:15px 0 0!important;
color:var(--tph-muted)!important;
font-size:.9rem!important;
}
.tph-ziggy{
display:grid;
grid-template-columns:minmax(0,1fr) 360px;
gap:36px;
align-items:center;
margin-top:72px;
padding:34px;
border-radius:24px;
background:#f6eee8;
}
.tph-ziggy-image{
border-radius:18px;
overflow:hidden;
background:#ead9cc;
aspect-ratio:4/3;
}
.tph-ziggy-image img{display:block;width:100%;height:100%;object-fit:cover}
.tph-home-empty{color:var(--tph-muted)}
@media(max-width:1080px){
.tph-home-refresh #tph-start{width:min(980px,calc(100vw - 32px))}
.tph-home-refresh #tph-start .tph-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px!important}
}
@media(max-width:980px){
.tph-hero{grid-template-columns:1fr}
.tph-hero-image,.tph-hero-image img{min-height:330px}
.tph-latest-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.tph-product-grid{grid-template-columns:1fr}
.tph-ziggy{grid-template-columns:1fr}
.tph-ziggy-image{max-width:520px}
}
@media(max-width:760px){
.tph-home-refresh{padding:4px 14px 48px}
.tph-hero{padding:22px;border-radius:20px;gap:24px}
.tph-hero-image,.tph-hero-image img{min-height:260px}
.tph-section{padding-top:52px}
.tph-home-refresh #tph-start{width:100%;margin-left:0;transform:none}
.tph-home-refresh #tph-start .tph-hub-grid{grid-template-columns:1fr!important;gap:18px!important}
.tph-latest-grid{grid-template-columns:1fr}
.tph-hub-image{aspect-ratio:16/9}
.tph-hub-image img{min-height:0}
.tph-section-heading-row{display:block}
.tph-section-heading-row .tph-button{margin-top:16px}
.tph-ziggy{margin-top:54px;padding:22px}
} .tph-keep-moving{
margin-top:64px;
padding:30px;
border:1px solid #e8ded6;
border-radius:22px;
background:linear-gradient(135deg,#fffaf6 0%,#f7eee7 100%);
}
.tph-keep-moving-head{
margin-bottom:20px;
}
.tph-keep-moving-head h2{
margin:0!important;
font-size:clamp(1.55rem,2.7vw,2.2rem)!important;
line-height:1.15!important;
letter-spacing:-.02em!important;
}
.tph-keep-moving-links{
display:grid;
grid-template-columns:repeat(5,minmax(0,1fr));
gap:12px;
}
.tph-keep-moving-links a{
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
min-height:64px;
padding:14px 16px;
border:1px solid #e4d6cc;
border-radius:14px;
background:#fff;
color:#2d2724!important;
text-decoration:none!important;
font-weight:800;
line-height:1.25;
box-shadow:0 5px 14px rgba(67,47,37,.04);
}
.tph-keep-moving-links a:hover{
transform:translateY(-2px);
border-color:#c9794f;
box-shadow:0 9px 18px rgba(67,47,37,.08);
}
.tph-nav-label{
display:block;
}
.tph-nav-arrow{
flex:0 0 auto;
display:grid;
place-items:center;
width:28px;
height:28px;
border-radius:50%;
background:#f3e5db;
color:#8e4f31;
font-size:1rem;
}
@media(max-width:980px){
.tph-keep-moving-links{
grid-template-columns:repeat(2,minmax(0,1fr));
}
.tph-keep-moving-links a:last-child{
grid-column:1 / -1;
}
}
@media(max-width:600px){
.tph-keep-moving{
margin-top:48px;
padding:20px;
}
.tph-keep-moving-links{
grid-template-columns:1fr;
gap:10px;
}
.tph-keep-moving-links a:last-child{
grid-column:auto;
}
}