/* === TRENFi Premium Home v3 === */
.premium-home{
--ph-bg:#f7f3eb;
--ph-paper:#fffdf8;
--ph-ink:#171511;
--ph-muted:#706b62;
--ph-soft:#ebe5d8;
--ph-line:rgba(23,21,17,0.14);
--ph-gold:#9f7a3a;
--ph-sage:#dfe5dc;
background:var(--ph-bg);
color:var(--ph-ink);
letter-spacing:0;
}
.premium-home *{
letter-spacing:0;
}
.premium-home .navbar{
background:rgba(247,243,235,0.9);
border-bottom:1px solid rgba(23,21,17,0.08);
}
.premium-home .navbar.scrolled{
background:rgba(255,253,248,0.96);
box-shadow:0 12px 34px rgba(23,21,17,0.06);
}
.premium-home .btn{
border-radius:2px;
padding:13px 27px;
font-size:.84rem;
font-weight:700;
text-transform:uppercase;
letter-spacing:0;
}
.premium-home .btn-primary{
background:var(--ph-ink);
border-color:var(--ph-ink);
color:#fff;
}
.premium-home .btn-primary:hover{
background:#000;
color:#fff;
transform:translateY(-1px);
}
.premium-home .btn-outline{
background:transparent;
border-color:rgba(23,21,17,0.26);
color:var(--ph-ink);
}
.premium-home .btn-outline:hover{
background:rgba(23,21,17,0.04);
border-color:var(--ph-ink);
color:var(--ph-ink);
}
.phome-main{
background:var(--ph-bg);
overflow:hidden;
}
.phome-container{
max-width:1360px;
margin:0 auto;
padding:0 34px;
}
.phome-eyebrow{
display:block;
font-size:.7rem;
font-weight:800;
line-height:1.2;
text-transform:uppercase;
color:var(--ph-gold);
margin-bottom:18px;
}
.phome-hero{
min-height:calc(100svh - 72px);
display:flex;
align-items:center;
padding:78px 0 64px;
background:linear-gradient(180deg,#fbf8f0 0%,var(--ph-bg) 100%);
}
.phome-hero-grid{
display:grid;
grid-template-columns:.78fr 1.22fr;
gap:72px;
align-items:center;
}
.phome-hero-copy{
max-width:620px;
}
.phome-hero-copy h1{
font-family:var(--font-display);
font-size:clamp(3.55rem,6.2vw,6.8rem);
font-weight:600;
line-height:1;
margin:0;
color:var(--ph-ink);
}
.phome-hero-copy p{
max-width:520px;
margin:28px 0 0;
font-size:1.02rem;
line-height:1.86;
color:var(--ph-muted);
}
.phome-actions{
display:flex;
flex-wrap:wrap;
gap:12px;
margin-top:36px;
}
.phome-hero-stage{
position:relative;
min-height:690px;
isolation:isolate;
}
.phome-hero-stage::before{
content:"";
position:absolute;
left:3%;
right:3%;
bottom:5%;
height:31%;
z-index:-1;
background:linear-gradient(180deg,rgba(255,253,248,0.82),rgba(236,228,214,0.92));
border-top:1px solid rgba(23,21,17,0.1);
border-bottom:1px solid rgba(23,21,17,0.07);
}
.phome-hero-ambient{
position:absolute;
inset:0 0 24% 6%;
width:94%;
height:70%;
object-fit:cover;
opacity:1;
filter:saturate(.82) contrast(.96);
z-index:-2;
}
.phome-hero-product{
position:absolute;
display:block;
color:var(--ph-ink);
}
.phome-hero-product img{
width:100%;
height:100%;
object-fit:contain;
mix-blend-mode:darken;
filter:drop-shadow(0 24px 24px rgba(23,21,17,0.16));
transition:transform .42s cubic-bezier(.22,1,.36,1),filter .42s cubic-bezier(.22,1,.36,1);
}
.phome-hero-product:hover img{
transform:translateY(-4px);
filter:drop-shadow(0 30px 28px rgba(23,21,17,0.18));
}
.phome-hero-product span{
position:absolute;
left:50%;
bottom:-24px;
transform:translateX(-50%);
font-size:.68rem;
font-weight:800;
text-transform:uppercase;
color:var(--ph-gold);
white-space:nowrap;
}
.phome-product-s{
left:5%;
bottom:13%;
width:30%;
height:30%;
z-index:3;
}
.phome-product-a{
right:33%;
top:auto;
bottom:13%;
width:13%;
height:29%;
z-index:2;
}
.phome-product-a img{
object-fit:cover;
object-position:96% 50%;
}
.phome-product-m{
right:5%;
bottom:13%;
width:24%;
height:29%;
z-index:2;
}
.phome-stage-note{
position:absolute;
left:4%;
right:4%;
bottom:0;
display:flex;
justify-content:space-between;
gap:18px;
padding-top:16px;
border-top:1px solid var(--ph-line);
font-size:.72rem;
line-height:1.35;
text-transform:uppercase;
color:var(--ph-muted);
}
.phome-stage-note strong{
color:var(--ph-ink);
}
.phome-trust{
background:var(--ph-ink);
color:#fff;
}
.phome-trust-grid{
display:grid;
grid-template-columns:repeat(5,1fr);
border-left:1px solid rgba(255,255,255,0.13);
}
.phome-trust-grid div{
min-height:128px;
padding:25px 24px;
border-right:1px solid rgba(255,255,255,0.13);
}
.phome-trust-grid strong{
display:block;
font-family:var(--font-display);
font-size:1.72rem;
font-weight:600;
line-height:1;
color:#fff;
margin-bottom:14px;
}
.phome-trust-grid span{
display:block;
font-size:.78rem;
line-height:1.5;
color:rgba(255,255,255,0.68);
}
.phome-story,
.phome-library,
.phome-material,
.phome-atelier,
.phome-salon,
.phome-proof,
.phome-also,
.phome-final{
padding:116px 0;
}
.phome-story,
.phome-atelier,
.phome-proof,
.phome-final{
background:var(--ph-paper);
}
.phome-story-grid,
.phome-material-grid,
.phome-proof-grid,
.phome-also-grid{
display:grid;
grid-template-columns:.86fr 1.14fr;
gap:78px;
align-items:start;
}
.phome-section-copy h2,
.phome-section-heading h2,
.phome-also h2,
.phome-final h2{
font-family:var(--font-display);
font-size:clamp(2.4rem,4.6vw,4.1rem);
font-weight:600;
line-height:1.08;
margin:0;
color:var(--ph-ink);
}
.phome-section-copy p,
.phome-also p{
max-width:610px;
margin:22px 0 0;
font-size:.98rem;
line-height:1.82;
color:var(--ph-muted);
}
.phome-editorial-image,
.phome-salon figure,
.phome-also-media{
margin:0;
overflow:hidden;
background:var(--ph-soft);
}
.phome-editorial-image img,
.phome-salon img,
.phome-also-media img{
width:100%;
height:100%;
object-fit:cover;
transition:transform .55s cubic-bezier(.22,1,.36,1);
}
.phome-editorial-image:hover img,
.phome-salon figure:hover img,
.phome-also-media:hover img{
transform:scale(1.025);
}
.phome-editorial-image{
aspect-ratio:5/4;
}
.phome-editorial-image figcaption{
padding:14px 0 0;
font-size:.76rem;
font-weight:700;
text-transform:uppercase;
color:var(--ph-muted);
background:var(--ph-paper);
}
.phome-section-heading{
max-width:850px;
margin-bottom:56px;
}
.phome-library{
background:var(--ph-bg);
}
.phome-library-grid{
display:grid;
grid-template-columns:1.18fr .91fr .91fr;
gap:26px;
}
.phome-series{
display:grid;
grid-template-rows:minmax(380px,1fr) auto;
min-width:0;
padding-top:16px;
border-top:1px solid var(--ph-line);
color:var(--ph-ink);
}
.phome-series-feature{
grid-template-rows:minmax(540px,1fr) auto;
}
.phome-series img{
width:100%;
height:100%;
object-fit:cover;
background:var(--ph-soft);
}
.phome-series div{
padding-top:22px;
}
.phome-series span,
.phome-atelier-grid span,
.phome-proof-list span{
display:block;
font-size:.72rem;
font-weight:800;
text-transform:uppercase;
color:var(--ph-gold);
margin-bottom:10px;
}
.phome-series h3,
.phome-atelier-grid h3,
.phome-material-list h3{
font-family:var(--font-display);
font-size:1.5rem;
font-weight:600;
line-height:1.18;
margin:0 0 10px;
color:var(--ph-ink);
}
.phome-series p,
.phome-atelier-grid p,
.phome-material-list p,
.phome-proof-list p{
margin:0;
font-size:.92rem;
line-height:1.72;
color:var(--ph-muted);
}
.phome-material{
background:#efeadf;
}
.phome-material-list{
display:grid;
grid-template-columns:repeat(2,1fr);
border-top:1px solid var(--ph-line);
border-left:1px solid var(--ph-line);
}
.phome-material-list div{
min-height:230px;
padding:30px;
border-right:1px solid var(--ph-line);
border-bottom:1px solid var(--ph-line);
}
.phome-material-list span{
display:block;
font-family:var(--font-display);
font-size:2rem;
line-height:1;
color:var(--ph-gold);
margin-bottom:46px;
}
.phome-atelier-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:0;
border-top:1px solid var(--ph-line);
border-left:1px solid var(--ph-line);
}
.phome-atelier-grid div{
min-height:300px;
padding:32px;
border-right:1px solid var(--ph-line);
border-bottom:1px solid var(--ph-line);
background:rgba(247,243,235,0.45);
}
.phome-atelier-grid span{
margin-bottom:70px;
}
.phome-salon{
background:var(--ph-sage);
}
.phome-salon-grid{
display:grid;
grid-template-columns:.92fr .9fr .58fr;
gap:28px;
align-items:center;
}
.phome-salon figure:first-child{
aspect-ratio:4/5;
}
.phome-salon figure:last-child{
aspect-ratio:3/4;
align-self:end;
}
.phome-text-link{
display:inline-flex;
align-items:center;
margin-top:30px;
padding-bottom:4px;
border-bottom:1px solid currentColor;
font-size:.84rem;
font-weight:800;
text-transform:uppercase;
color:var(--ph-ink);
}
.phome-proof-list{
border-top:1px solid var(--ph-line);
}
.phome-proof-list div{
padding:25px 0;
border-bottom:1px solid var(--ph-line);
}
.phome-quotes{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:30px;
margin-top:72px;
}
.phome-quote{
margin:0;
padding-top:24px;
border-top:1px solid var(--ph-line);
}
.phome-quote blockquote{
margin:0;
font-family:var(--font-display);
font-size:1.32rem;
font-weight:500;
line-height:1.48;
color:var(--ph-ink);
}
.phome-quote figcaption{
margin-top:18px;
font-size:.82rem;
font-weight:800;
color:var(--ph-ink);
}
.phome-quote figcaption span{
display:block;
margin-top:5px;
font-weight:500;
color:var(--ph-muted);
}
.phome-also{
background:#eceee8;
}
.phome-also-grid{
grid-template-columns:1fr .72fr;
align-items:center;
}
.phome-also-media{
display:block;
aspect-ratio:4/3;
}
.phome-final-inner{
display:flex;
align-items:flex-end;
justify-content:space-between;
gap:44px;
padding-top:58px;
border-top:1px solid var(--ph-line);
}
.phome-final h2{
max-width:720px;
font-size:clamp(2.4rem,4vw,3.6rem);
}
@media(max-width:1120px){
.phome-hero{
min-height:auto;
padding:70px 0 56px;
}
.phome-hero-grid,
.phome-story-grid,
.phome-material-grid,
.phome-proof-grid,
.phome-also-grid{
grid-template-columns:1fr;
gap:50px;
}
.phome-hero-stage{
min-height:620px;
}
.phome-trust-grid{
grid-template-columns:repeat(3,1fr);
}
.phome-library-grid{
grid-template-columns:1fr;
}
.phome-series,
.phome-series-feature{
grid-template-rows:auto auto;
}
.phome-series img{
height:430px;
}
.phome-salon-grid{
grid-template-columns:1fr;
}
.phome-salon figure:first-child,
.phome-salon figure:last-child{
aspect-ratio:16/10;
}
.phome-final-inner{
display:block;
}
}
@media(max-width:760px){
.phome-container{
padding:0 20px;
}
.phome-hero{
padding:48px 0 42px;
}
.phome-hero-copy h1{
font-size:3rem;
line-height:1.06;
}
.phome-hero-copy p{
font-size:.96rem;
line-height:1.78;
}
.phome-actions{
align-items:stretch;
}
.phome-actions .btn{
width:100%;
}
.phome-hero-stage{
min-height:520px;
margin-top:6px;
}
.phome-hero-stage::before{
left:0;
right:0;
bottom:9%;
height:30%;
}
.phome-hero-ambient{
inset:0;
width:100%;
height:58%;
}
.phome-product-s{
left:0;
bottom:17%;
width:40%;
height:31%;
}
.phome-product-a{
right:34%;
top:auto;
bottom:17%;
width:18%;
height:31%;
}
.phome-product-m{
right:0;
bottom:17%;
width:30%;
height:31%;
}
.phome-hero-product span{
bottom:-18px;
font-size:.62rem;
}
.phome-stage-note{
left:0;
right:0;
bottom:0;
display:block;
}
.phome-stage-note span{
display:block;
margin-top:4px;
}
.phome-trust-grid{
grid-template-columns:1fr;
border-left:0;
}
.phome-trust-grid div{
min-height:0;
padding:20px;
border-right:0;
border-bottom:1px solid rgba(255,255,255,0.13);
}
.phome-story,
.phome-library,
.phome-material,
.phome-atelier,
.phome-salon,
.phome-proof,
.phome-also,
.phome-final{
padding:76px 0;
}
.phome-section-copy h2,
.phome-section-heading h2,
.phome-also h2,
.phome-final h2{
font-size:2.2rem;
line-height:1.12;
}
.phome-editorial-image,
.phome-salon figure:first-child,
.phome-salon figure:last-child,
.phome-also-media{
aspect-ratio:4/5;
}
.phome-series img{
height:330px;
}
.phome-material-list,
.phome-atelier-grid,
.phome-quotes{
grid-template-columns:1fr;
}
.phome-material-list div,
.phome-atelier-grid div{
min-height:0;
padding:26px 22px;
}
.phome-material-list span,
.phome-atelier-grid span{
margin-bottom:26px;
}
}
@media(max-width:430px){
.phome-hero-copy h1{
font-size:2.54rem;
}
.phome-hero-stage{
min-height:460px;
}
.phome-series img{
height:290px;
}
.phome-quote blockquote{
font-size:1.18rem;
}
}

/* === TRENFi Premium Home v4: hero correction === */
.premium-home .phome-hero{
min-height:auto;
padding:78px 0 86px;
}
.premium-home .phome-container{
max-width:1440px;
}
.premium-home .phome-hero-grid{
grid-template-columns:minmax(390px,.86fr) minmax(580px,1.14fr);
gap:76px;
align-items:center;
}
.premium-home .phome-hero-copy{
max-width:640px;
}
.premium-home .phome-hero-copy h1{
max-width:640px;
font-size:clamp(3.25rem,4.15vw,5.25rem);
line-height:1.03;
text-wrap:balance;
}
.premium-home .phome-hero-copy p{
max-width:500px;
margin-top:24px;
font-size:1rem;
line-height:1.76;
}
.premium-home .phome-actions{
margin-top:32px;
}
.premium-home .phome-hero-stage{
min-height:570px;
}
.premium-home .phome-hero-stage::before{
left:0;
right:0;
bottom:6%;
height:27%;
background:linear-gradient(180deg,rgba(255,253,248,.66),rgba(232,224,208,.88));
}
.premium-home .phome-hero-ambient{
inset:0 0 28% 0;
width:100%;
height:70%;
opacity:1;
}
.premium-home .phome-hero-product{
background:rgba(255,253,248,.36);
box-shadow:0 18px 44px rgba(23,21,17,.08);
}
.premium-home .phome-product-s{
left:4%;
bottom:14%;
width:24%;
height:24%;
}
.premium-home .phome-product-a{
right:34%;
bottom:14%;
width:10%;
height:25%;
}
.premium-home .phome-product-m{
right:4%;
bottom:14%;
width:22%;
height:24%;
}
.premium-home .phome-stage-note{
left:0;
right:0;
bottom:0;
}
@media(max-width:1120px){
.premium-home .phome-hero{
padding:58px 0 68px;
}
.premium-home .phome-hero-grid{
grid-template-columns:1fr;
gap:42px;
}
.premium-home .phome-hero-copy h1{
max-width:760px;
font-size:clamp(3rem,7vw,4.75rem);
}
.premium-home .phome-hero-stage{
min-height:560px;
}
}
@media(max-width:760px){
.premium-home .phome-hero{
padding:46px 0 58px;
}
.premium-home .phome-hero-copy h1{
font-size:2.86rem;
line-height:1.06;
}
.premium-home .phome-hero-stage{
min-height:430px;
}
.premium-home .phome-hero-ambient{
height:56%;
}
.premium-home .phome-product-s{
left:0;
bottom:18%;
width:38%;
height:27%;
}
.premium-home .phome-product-a{
right:35%;
bottom:18%;
width:14%;
height:27%;
}
.premium-home .phome-product-m{
right:0;
bottom:18%;
width:29%;
height:27%;
}
}
@media(max-width:430px){
.premium-home .phome-hero-copy h1{
font-size:2.5rem;
}
.premium-home .phome-hero-stage{
min-height:400px;
}
}

/* === TRENFi Premium Home v5: reference-generated hero === */
.premium-home .phome-hero{
padding:86px 0 92px;
}
.premium-home .phome-hero-grid{
grid-template-columns:minmax(380px,.78fr) minmax(620px,1.22fr);
gap:82px;
}
.premium-home .phome-hero-copy h1{
max-width:620px;
font-size:clamp(3.15rem,4vw,5rem);
}
.premium-home .phome-hero-stage{
display:block;
position:relative;
min-height:0;
aspect-ratio:16/9;
margin:0;
overflow:hidden;
background:#ece4d8;
}
.premium-home .phome-hero-stage::before{
display:none;
}
.premium-home .phome-hero-ambient{
position:relative;
inset:auto;
display:block;
width:100%;
height:100%;
object-fit:cover;
opacity:1;
filter:saturate(.96) contrast(.98);
}
@media(max-width:1120px){
.premium-home .phome-hero-grid{
grid-template-columns:1fr;
gap:44px;
}
.premium-home .phome-hero-copy h1{
max-width:760px;
}
}
@media(max-width:760px){
.premium-home .phome-hero{
padding:48px 0 64px;
}
.premium-home .phome-hero-copy h1{
font-size:2.46rem;
line-height:1.08;
}
.premium-home .phome-hero-stage{
aspect-ratio:4/3;
min-height:0;
}
.premium-home .phome-hero-ambient{
object-position:62% 50%;
}
}

/* === TRENFi Premium Home v6: section cleanup === */
.premium-home .phome-also{
padding:86px 0;
background:#f1f2ed;
}
.premium-home .phome-also-grid{
display:grid;
grid-template-columns:minmax(360px,.86fr) minmax(420px,.72fr);
gap:72px;
align-items:center;
padding-top:36px;
border-top:1px solid var(--ph-line);
}
.premium-home .phome-also h2{
max-width:560px;
font-size:clamp(2.2rem,3.35vw,3.45rem);
line-height:1.08;
}
.premium-home .phome-also p{
max-width:500px;
margin-top:18px;
}
.premium-home .phome-also .phome-text-link{
display:inline-flex;
width:auto;
height:auto;
min-height:0;
aspect-ratio:auto;
margin-top:28px;
padding:0 0 4px;
overflow:visible;
background:transparent;
border-bottom:1px solid currentColor;
box-shadow:none;
}
.premium-home .phome-also-media{
display:block;
aspect-ratio:16/10;
min-height:0;
background:#e5e6df;
}
.premium-home .phome-also-media img{
width:100%;
height:100%;
object-fit:cover;
object-position:center;
}
.premium-home .phome-final{
padding-top:92px;
}
@media(max-width:1120px){
.premium-home .phome-also-grid{
grid-template-columns:1fr;
gap:42px;
}
.premium-home .phome-also-media{
max-width:640px;
}
}
@media(max-width:760px){
.premium-home .phome-also{
padding:68px 0;
}
.premium-home .phome-also-grid{
gap:30px;
padding-top:28px;
}
.premium-home .phome-also h2{
font-size:2.05rem;
}
.premium-home .phome-also-media{
aspect-ratio:4/3;
}
}

/* === TRENFi Premium Home v7: editorial polish === */
.premium-home{
--ph-bg:#f5efe6;
--ph-paper:#fffdf8;
--ph-ink:#14130f;
--ph-muted:#6b665c;
--ph-soft:#e8ddcc;
--ph-line:rgba(20,19,15,0.13);
--ph-gold:#8a682f;
--ph-sage:#e3eadf;
--ph-sage-ink:#4c5b4e;
background:var(--ph-bg);
}
.premium-home .navbar{
background:rgba(255,253,248,0.88);
border-bottom-color:rgba(20,19,15,0.09);
}
.premium-home .btn{
border-radius:0;
min-height:46px;
padding:13px 28px;
}
.premium-home .btn-primary{
background:#14130f;
border-color:#14130f;
}
.premium-home .btn-primary:hover{
background:#2a251c;
}
.premium-home .btn-outline{
border-color:rgba(20,19,15,0.34);
}
.phome-main{
background:linear-gradient(180deg,#fffdf8 0,#f5efe6 42%,#fffdf8 100%);
}
.premium-home .phome-container{
max-width:1380px;
}
.premium-home .phome-eyebrow{
display:inline-flex;
align-items:center;
gap:12px;
margin-bottom:20px;
font-size:.68rem;
font-weight:800;
color:var(--ph-gold);
}
.premium-home .phome-eyebrow::before{
content:"";
display:block;
width:42px;
height:1px;
background:currentColor;
opacity:.62;
}
.premium-home .phome-hero{
min-height:calc(100svh - 72px);
padding:76px 0 70px;
background:linear-gradient(90deg,#fffdf8 0%,#f5efe6 54%,#e3eadf 100%);
border-bottom:1px solid var(--ph-line);
}
.premium-home .phome-hero-grid{
grid-template-columns:minmax(400px,.74fr) minmax(620px,1.26fr);
gap:76px;
align-items:center;
}
.premium-home .phome-hero-copy{
max-width:680px;
}
.premium-home .phome-hero-copy h1{
max-width:680px;
font-size:5.05rem;
font-weight:500;
line-height:.98;
color:#12110e;
}
.premium-home .phome-hero-copy p{
max-width:560px;
margin-top:28px;
font-size:1.08rem;
line-height:1.86;
color:#59544b;
}
.phome-hero-proof{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
margin-top:32px;
border-top:1px solid rgba(20,19,15,0.16);
border-bottom:1px solid rgba(20,19,15,0.16);
}
.phome-hero-proof span{
display:flex;
align-items:center;
min-height:54px;
padding:13px 14px;
border-right:1px solid rgba(20,19,15,0.12);
font-size:.7rem;
font-weight:800;
line-height:1.3;
text-transform:uppercase;
color:#4c5b4e;
}
.phome-hero-proof span:last-child{
border-right:0;
}
.premium-home .phome-actions{
margin-top:34px;
}
.premium-home .phome-hero-stage{
position:relative;
aspect-ratio:16/10;
overflow:hidden;
border:1px solid rgba(20,19,15,0.16);
background:#e8ddcc;
box-shadow:0 28px 70px rgba(20,19,15,0.1);
}
.premium-home .phome-hero-stage::after{
content:"";
position:absolute;
inset:12px;
z-index:2;
border:1px solid rgba(255,253,248,0.62);
pointer-events:none;
}
.premium-home .phome-hero-ambient{
width:100%;
height:100%;
object-fit:cover;
filter:saturate(.95) contrast(1.01);
}
.phome-hero-caption{
position:absolute;
left:26px;
bottom:24px;
z-index:3;
max-width:350px;
padding:16px 18px 17px;
background:rgba(255,253,248,0.84);
backdrop-filter:blur(12px);
border-left:2px solid var(--ph-gold);
color:var(--ph-ink);
}
.phome-hero-caption span{
display:block;
margin-bottom:5px;
font-size:.66rem;
font-weight:800;
text-transform:uppercase;
color:var(--ph-gold);
}
.phome-hero-caption strong{
display:block;
font-family:var(--font-display);
font-size:1.12rem;
font-weight:600;
line-height:1.24;
}
.premium-home .phome-trust{
background:var(--ph-sage);
color:var(--ph-ink);
border-top:1px solid rgba(20,19,15,0.1);
border-bottom:1px solid rgba(20,19,15,0.12);
}
.premium-home .phome-trust-grid{
border-left:1px solid rgba(20,19,15,0.12);
}
.premium-home .phome-trust-grid div{
min-height:116px;
padding:24px 24px 22px;
border-right:1px solid rgba(20,19,15,0.12);
}
.premium-home .phome-trust-grid strong{
font-size:1.52rem;
font-weight:600;
color:#14130f;
}
.premium-home .phome-trust-grid span{
font-size:.76rem;
font-weight:650;
color:#566154;
}
.premium-home .phome-story,
.premium-home .phome-library,
.premium-home .phome-material,
.premium-home .phome-atelier,
.premium-home .phome-salon,
.premium-home .phome-proof,
.premium-home .phome-also,
.premium-home .phome-final{
padding:108px 0;
}
.premium-home .phome-story-grid,
.premium-home .phome-material-grid,
.premium-home .phome-proof-grid,
.premium-home .phome-also-grid{
gap:76px;
padding-top:28px;
border-top:1px solid var(--ph-line);
}
.premium-home .phome-section-copy h2,
.premium-home .phome-section-heading h2,
.premium-home .phome-also h2,
.premium-home .phome-final h2{
font-size:3.35rem;
font-weight:500;
line-height:1.08;
}
.premium-home .phome-section-copy p,
.premium-home .phome-also p{
font-size:1rem;
line-height:1.9;
}
.premium-home .phome-editorial-image,
.premium-home .phome-salon figure,
.premium-home .phome-also-media{
border:1px solid var(--ph-line);
background:#e8ddcc;
}
.premium-home .phome-editorial-image{
aspect-ratio:4/3;
}
.premium-home .phome-editorial-image figcaption{
padding:14px 0 0;
background:transparent;
color:#6b665c;
}
.premium-home .phome-library{
background:#fffdf8;
border-top:1px solid rgba(20,19,15,0.08);
border-bottom:1px solid rgba(20,19,15,0.08);
}
.premium-home .phome-section-heading{
max-width:760px;
}
.premium-home .phome-library-grid{
grid-template-columns:1.1fr .95fr .95fr;
gap:24px;
}
.premium-home .phome-series{
display:block;
padding-top:0;
border-top:0;
}
.premium-home .phome-series img{
aspect-ratio:4/5;
height:auto;
border:1px solid var(--ph-line);
object-fit:cover;
background:#e8ddcc;
}
.premium-home .phome-series-feature img{
aspect-ratio:4/5;
}
.premium-home .phome-series div{
padding:20px 0 0;
}
.premium-home .phome-series h3,
.premium-home .phome-atelier-grid h3,
.premium-home .phome-material-list h3{
font-size:1.42rem;
font-weight:500;
}
.premium-home .phome-material{
background:#171612;
color:#fffdf8;
}
.premium-home .phome-material .phome-eyebrow,
.premium-home .phome-material-list span{
color:#cfb275;
}
.premium-home .phome-material .phome-section-copy h2,
.premium-home .phome-material-list h3{
color:#fffdf8;
}
.premium-home .phome-material-grid{
border-top-color:rgba(255,253,248,0.18);
}
.premium-home .phome-material-list{
grid-template-columns:repeat(4,minmax(0,1fr));
gap:0;
border-left:1px solid rgba(255,253,248,0.18);
}
.premium-home .phome-material-list div{
padding:28px 22px;
border-right:1px solid rgba(255,253,248,0.18);
background:transparent;
}
.premium-home .phome-material-list p{
color:rgba(255,253,248,0.68);
}
.premium-home .phome-atelier-grid{
gap:0;
border-top:1px solid var(--ph-line);
border-left:1px solid var(--ph-line);
}
.premium-home .phome-atelier-grid div{
padding:30px 28px;
border-right:1px solid var(--ph-line);
border-bottom:1px solid var(--ph-line);
background:rgba(255,253,248,0.55);
}
.premium-home .phome-salon{
background:#eef2ea;
}
.premium-home .phome-salon-grid{
gap:22px;
}
.premium-home .phome-salon figure:first-child,
.premium-home .phome-salon figure:last-child{
box-shadow:none;
}
.premium-home .phome-proof{
background:#fffdf8;
}
.premium-home .phome-proof-list{
gap:0;
border-top:1px solid var(--ph-line);
}
.premium-home .phome-proof-list div{
padding:22px 0;
border-bottom:1px solid var(--ph-line);
}
.premium-home .phome-quotes{
gap:0;
margin-top:54px;
border-top:1px solid var(--ph-line);
border-left:1px solid var(--ph-line);
}
.premium-home .phome-quote{
padding:30px 28px;
border-right:1px solid var(--ph-line);
background:transparent;
}
.premium-home .phome-quote blockquote{
font-family:var(--font-display);
font-size:1.22rem;
font-weight:500;
line-height:1.52;
}
.premium-home .phome-also{
background:#edf1ea;
border-top:1px solid rgba(20,19,15,0.08);
border-bottom:1px solid rgba(20,19,15,0.08);
}
.premium-home .phome-also-media{
box-shadow:none;
}
.premium-home .phome-final{
background:#14130f;
color:#fffdf8;
}
.premium-home .phome-final-inner{
border-top:1px solid rgba(255,253,248,0.18);
}
.premium-home .phome-final h2{
color:#fffdf8;
}
.premium-home .phome-final .phome-eyebrow{
color:#cfb275;
}
.premium-home .phome-final .btn-primary{
background:#fffdf8;
border-color:#fffdf8;
color:#14130f;
}
.premium-home .phome-final .btn-outline{
color:#fffdf8;
border-color:rgba(255,253,248,0.42);
}
@media(max-width:1120px){
.premium-home .phome-hero-grid{
grid-template-columns:1fr;
gap:44px;
}
.premium-home .phome-hero-copy h1{
font-size:4.1rem;
}
.premium-home .phome-hero-stage{
max-width:920px;
}
.premium-home .phome-material-list{
grid-template-columns:repeat(2,minmax(0,1fr));
}
.premium-home .phome-library-grid{
grid-template-columns:1fr 1fr;
}
.premium-home .phome-series-feature{
grid-column:1 / -1;
}
.premium-home .phome-series-feature img{
aspect-ratio:16/9;
}
}
@media(max-width:760px){
.premium-home .phome-container{
padding-left:20px;
padding-right:20px;
}
.premium-home .phome-hero-grid,
.premium-home .phome-hero-copy,
.premium-home .phome-hero-copy h1,
.premium-home .phome-hero-copy p,
.premium-home .phome-hero-stage{
min-width:0;
max-width:100%;
}
.premium-home .phome-hero-copy,
.premium-home .phome-hero-proof,
.premium-home .phome-actions,
.premium-home .phome-hero-stage{
width:calc(100vw - 40px);
max-width:calc(100vw - 40px);
}
.premium-home .phome-hero{
padding:50px 0 58px;
}
.premium-home .phome-hero-copy h1{
font-size:2.34rem;
line-height:1.04;
text-wrap:wrap;
}
.premium-home .phome-hero-copy p{
font-size:.98rem;
text-wrap:wrap;
}
.phome-hero-proof{
grid-template-columns:1fr 1fr;
}
.phome-hero-proof span:nth-child(2){
border-right:0;
}
.premium-home .phome-hero-stage{
aspect-ratio:4/3;
}
.phome-hero-caption{
left:16px;
right:16px;
bottom:16px;
max-width:none;
padding:13px 14px;
}
.phome-hero-caption strong{
font-size:1rem;
}
.premium-home .phome-trust-grid{
grid-template-columns:1fr 1fr;
}
.premium-home .phome-trust-grid div{
min-height:102px;
}
.premium-home .phome-story,
.premium-home .phome-library,
.premium-home .phome-material,
.premium-home .phome-atelier,
.premium-home .phome-salon,
.premium-home .phome-proof,
.premium-home .phome-also,
.premium-home .phome-final{
padding:72px 0;
}
.premium-home .phome-section-copy h2,
.premium-home .phome-section-heading h2,
.premium-home .phome-also h2,
.premium-home .phome-final h2{
font-size:2.28rem;
}
.premium-home .phome-library-grid,
.premium-home .phome-material-list,
.premium-home .phome-atelier-grid,
.premium-home .phome-quotes{
grid-template-columns:1fr;
}
.premium-home .phome-series-feature{
grid-column:auto;
}
.premium-home .phome-series-feature img,
.premium-home .phome-series img{
aspect-ratio:4/3;
}
.premium-home .phome-material-list{
border-top:1px solid rgba(255,253,248,0.18);
}
}
@media(max-width:480px){
.premium-home .phome-hero-copy h1{
font-size:2.18rem;
}
.premium-home .phome-actions{
display:grid;
grid-template-columns:1fr;
}
.premium-home .phome-actions .btn{
width:100%;
}
.premium-home .phome-trust-grid{
grid-template-columns:1fr;
}
.premium-home .phome-trust-grid div{
min-height:86px;
}
}

/* === TRENFi Premium Home v8: founder and salon poster === */
.premium-home .phome-founder,
.premium-home .phome-edit{
padding:108px 0;
background:#fffdf8;
border-top:1px solid rgba(20,19,15,0.08);
}
.premium-home .phome-founder-grid{
display:grid;
grid-template-columns:minmax(260px,.72fr) minmax(360px,.78fr) minmax(420px,1.1fr);
gap:28px;
align-items:stretch;
}
.premium-home .phome-founder-portrait,
.premium-home .phome-founder-workshop{
margin:0;
overflow:hidden;
background:#e8ddcc;
border:1px solid var(--ph-line);
}
.premium-home .phome-founder-portrait{
aspect-ratio:4/5;
}
.premium-home .phome-founder-workshop{
aspect-ratio:16/10;
align-self:end;
}
.premium-home .phome-founder-portrait img,
.premium-home .phome-founder-workshop img{
width:100%;
height:100%;
object-fit:cover;
display:block;
filter:saturate(.92) contrast(1.01);
}
.premium-home .phome-founder-note{
display:flex;
flex-direction:column;
justify-content:center;
padding:34px 36px;
border-top:1px solid var(--ph-line);
border-bottom:1px solid var(--ph-line);
}
.premium-home .phome-founder-note h2{
font-family:var(--font-display);
font-size:clamp(2.15rem,3vw,3.35rem);
font-weight:500;
line-height:1.08;
margin:0;
color:var(--ph-ink);
}
.premium-home .phome-founder-note p{
margin:20px 0 0;
font-size:.98rem;
line-height:1.88;
color:var(--ph-muted);
}
.premium-home .phome-founder-signature{
margin-top:30px;
padding-top:18px;
border-top:1px solid var(--ph-line);
}
.premium-home .phome-founder-signature span{
display:block;
font-size:.72rem;
font-weight:800;
text-transform:uppercase;
color:var(--ph-gold);
}
.premium-home .phome-founder-signature strong{
display:block;
margin-top:5px;
font-family:var(--font-display);
font-size:1.12rem;
font-weight:500;
}
.premium-home .phome-salon-poster{
background:#171612;
color:#fffdf8;
border-top:0;
border-bottom:0;
}
.premium-home .phome-poster-grid{
display:grid;
grid-template-columns:minmax(300px,.74fr) minmax(460px,1.1fr) minmax(220px,.42fr);
gap:24px;
align-items:stretch;
}
.premium-home .phome-poster-copy{
padding:34px 0;
border-top:1px solid rgba(255,253,248,0.18);
border-bottom:1px solid rgba(255,253,248,0.18);
}
.premium-home .phome-poster-copy .phome-eyebrow{
color:#cfb275;
}
.premium-home .phome-poster-copy h2{
font-family:var(--font-display);
font-size:clamp(2.35rem,3.6vw,4rem);
font-weight:500;
line-height:1.04;
margin:0;
color:#fffdf8;
}
.premium-home .phome-poster-copy p{
margin:24px 0 0;
font-size:.98rem;
line-height:1.88;
color:rgba(255,253,248,0.68);
}
.premium-home .phome-poster-meta{
margin:32px 0 0;
border-top:1px solid rgba(255,253,248,0.18);
}
.premium-home .phome-poster-meta div{
display:grid;
grid-template-columns:110px 1fr;
gap:18px;
padding:14px 0;
border-bottom:1px solid rgba(255,253,248,0.18);
}
.premium-home .phome-poster-meta dt{
font-size:.68rem;
font-weight:800;
text-transform:uppercase;
color:#cfb275;
}
.premium-home .phome-poster-meta dd{
margin:0;
font-size:.86rem;
line-height:1.55;
color:rgba(255,253,248,0.78);
}
.premium-home .phome-poster-main,
.premium-home .phome-poster-detail{
position:relative;
margin:0;
overflow:hidden;
background:#26231c;
border:1px solid rgba(255,253,248,0.22);
}
.premium-home .phome-poster-main{
aspect-ratio:4/5;
}
.premium-home .phome-poster-detail{
align-self:end;
aspect-ratio:3/4;
}
.premium-home .phome-poster-main img,
.premium-home .phome-poster-detail img{
width:100%;
height:100%;
object-fit:cover;
display:block;
filter:saturate(.9) contrast(1.02);
}
.premium-home .phome-poster-main::after{
content:"";
position:absolute;
inset:14px;
border:1px solid rgba(255,253,248,0.55);
pointer-events:none;
}
.premium-home .phome-poster-main figcaption{
position:absolute;
left:28px;
right:28px;
bottom:28px;
z-index:2;
padding:18px 20px;
background:rgba(20,19,15,0.78);
backdrop-filter:blur(12px);
border-left:2px solid #cfb275;
}
.premium-home .phome-poster-main figcaption span{
display:block;
margin-bottom:6px;
font-size:.68rem;
font-weight:800;
text-transform:uppercase;
color:#cfb275;
}
.premium-home .phome-poster-main figcaption strong{
display:block;
font-family:var(--font-display);
font-size:1.28rem;
font-weight:500;
line-height:1.22;
color:#fffdf8;
}
.premium-home .phome-edit{
background:#f5efe6;
border-bottom:1px solid rgba(20,19,15,0.08);
}
.premium-home .phome-edit .phome-section-heading{
margin-bottom:38px;
}
.premium-home .phome-edit-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
border-top:1px solid var(--ph-line);
border-left:1px solid var(--ph-line);
}
.premium-home .phome-edit-grid a{
display:grid;
gap:12px;
min-height:210px;
padding:30px 28px;
border-right:1px solid var(--ph-line);
border-bottom:1px solid var(--ph-line);
background:rgba(255,253,248,0.52);
color:var(--ph-ink);
transition:background .3s ease,transform .3s ease;
}
.premium-home .phome-edit-grid a:hover{
background:#fffdf8;
transform:translateY(-2px);
}
.premium-home .phome-edit-grid span{
font-size:.72rem;
font-weight:800;
color:var(--ph-gold);
}
.premium-home .phome-edit-grid strong{
font-family:var(--font-display);
font-size:1.55rem;
font-weight:500;
line-height:1.15;
}
.premium-home .phome-edit-grid em{
font-style:normal;
font-size:.92rem;
line-height:1.65;
color:var(--ph-muted);
}
@media(max-width:1120px){
.premium-home .phome-founder-grid,
.premium-home .phome-poster-grid{
grid-template-columns:1fr 1fr;
}
.premium-home .phome-founder-note,
.premium-home .phome-poster-copy{
grid-column:1 / -1;
order:-1;
}
.premium-home .phome-poster-detail{
aspect-ratio:4/5;
}
}
@media(max-width:760px){
.premium-home .phome-founder,
.premium-home .phome-edit{
padding:72px 0;
}
.premium-home .phome-founder-grid,
.premium-home .phome-poster-grid,
.premium-home .phome-edit-grid{
grid-template-columns:1fr;
}
.premium-home .phome-founder-note{
padding:26px 0;
}
.premium-home .phome-founder-portrait,
.premium-home .phome-founder-workshop,
.premium-home .phome-poster-main,
.premium-home .phome-poster-detail{
aspect-ratio:4/3;
}
.premium-home .phome-poster-copy{
padding:24px 0 30px;
}
.premium-home .phome-poster-meta div{
grid-template-columns:1fr;
gap:5px;
}
.premium-home .phome-poster-main figcaption{
left:18px;
right:18px;
bottom:18px;
}
.premium-home .phome-edit-grid a{
min-height:0;
padding:24px 22px;
}
}

/* === TRENFi Home Screenshot Fix v1 === */
.premium-home .phome-founder{
background:#fffdf8;
overflow:hidden;
}
.premium-home .phome-founder-grid{
display:grid;
grid-template-columns:minmax(300px,.86fr) minmax(420px,1fr);
grid-template-areas:
"portrait note"
"portrait workshop";
column-gap:64px;
row-gap:30px;
align-items:start;
overflow:visible;
}
.premium-home .phome-founder-portrait{
grid-area:portrait;
position:relative;
z-index:0;
width:100%;
max-width:620px;
max-height:760px;
aspect-ratio:4/5;
justify-self:start;
align-self:start;
}
.premium-home .phome-founder-note{
grid-area:note;
position:relative;
z-index:1;
min-width:0;
align-self:center;
padding:38px 0 40px;
background:#fffdf8;
border-top:1px solid var(--ph-line);
border-bottom:1px solid var(--ph-line);
}
.premium-home .phome-founder-workshop{
grid-area:workshop;
position:relative;
z-index:0;
width:100%;
max-width:620px;
aspect-ratio:16/9;
justify-self:end;
align-self:end;
}
.premium-home .phome-founder-portrait img,
.premium-home .phome-founder-workshop img{
width:100%;
height:100%;
object-fit:cover;
display:block;
}
.premium-home .phome-founder-note h2,
.premium-home .phome-founder-note p,
.premium-home .phome-founder-signature{
max-width:620px;
}

@media(max-width:980px){
.premium-home .phome-founder-grid{
grid-template-columns:1fr;
grid-template-areas:
"note"
"portrait"
"workshop";
row-gap:24px;
}
.premium-home .phome-founder-note{
order:0;
padding:28px 0 30px;
}
.premium-home .phome-founder-portrait,
.premium-home .phome-founder-workshop{
max-width:none;
justify-self:stretch;
}
.premium-home .phome-founder-portrait{
aspect-ratio:4/3;
}
.premium-home .phome-founder-workshop{
aspect-ratio:16/10;
}
}

@media(max-width:560px){
.premium-home .phome-founder-portrait,
.premium-home .phome-founder-workshop{
aspect-ratio:4/3;
}
}

/* === TRENFi Home Monochrome Salon v1 === */
.premium-home .phome-salon-mono{
background:#11110f;
}
.premium-home .phome-salon-mono .phome-poster-copy{
border-top-color:rgba(255,253,248,0.24);
border-bottom-color:rgba(255,253,248,0.24);
}
.premium-home .phome-salon-mono .phome-poster-main,
.premium-home .phome-salon-mono .phome-poster-detail{
background:#0d0d0c;
border-color:rgba(255,253,248,0.28);
}
.premium-home .phome-salon-mono .phome-poster-main img,
.premium-home .phome-salon-mono .phome-poster-detail img{
filter:grayscale(1) contrast(1.16) brightness(.86);
}
.premium-home .phome-salon-mono .phome-poster-main::before{
content:"";
position:absolute;
inset:0;
z-index:1;
background:linear-gradient(180deg,rgba(0,0,0,0.08),rgba(0,0,0,0.28));
pointer-events:none;
}
.premium-home .phome-salon-mono .phome-poster-main::after{
z-index:2;
border-color:rgba(255,253,248,0.48);
}
.premium-home .phome-salon-mono .phome-poster-main figcaption{
z-index:3;
background:rgba(12,12,11,0.82);
}
.premium-home .nav-dropdown-menu{
left:auto;
right:0;
transform:translateY(8px);
}
.premium-home .nav-dropdown:hover .nav-dropdown-menu{
transform:translateY(0);
}
@media(max-width:768px){
.premium-home .nav-dropdown-menu,
.premium-home .nav-dropdown:hover .nav-dropdown-menu{
right:auto;
transform:none;
}
}

/* === TRENFi Home Stylist Study v1 === */
.premium-home .phome-stylist-study{
padding:112px 0;
background:#f5efe6;
border-top:1px solid rgba(20,19,15,0.08);
border-bottom:1px solid rgba(20,19,15,0.08);
}
.premium-home .phome-stylist-grid{
display:grid;
grid-template-columns:minmax(320px,.9fr) minmax(360px,.86fr);
gap:78px;
align-items:center;
}
.premium-home .phome-stylist-copy{
padding:38px 0;
border-top:1px solid var(--ph-line);
border-bottom:1px solid var(--ph-line);
}
.premium-home .phome-stylist-copy h2{
font-family:var(--font-display);
font-size:clamp(2.55rem,4.1vw,4.85rem);
font-weight:500;
line-height:1.02;
margin:0;
color:var(--ph-ink);
}
.premium-home .phome-stylist-copy p{
max-width:620px;
margin:26px 0 0;
font-size:1rem;
line-height:1.88;
color:var(--ph-muted);
}
.premium-home .phome-stylist-meta{
margin:34px 0 0;
border-top:1px solid var(--ph-line);
}
.premium-home .phome-stylist-meta div{
display:grid;
grid-template-columns:128px 1fr;
gap:20px;
padding:15px 0;
border-bottom:1px solid var(--ph-line);
}
.premium-home .phome-stylist-meta dt{
font-size:.68rem;
font-weight:800;
text-transform:uppercase;
color:var(--ph-gold);
}
.premium-home .phome-stylist-meta dd{
margin:0;
font-size:.9rem;
line-height:1.55;
color:var(--ph-ink);
}
.premium-home .phome-stylist-media{
position:relative;
margin:0;
justify-self:end;
width:min(520px,100%);
overflow:hidden;
background:#11110f;
border:1px solid rgba(20,19,15,0.18);
}
.premium-home .phome-stylist-media img{
width:100%;
height:100%;
display:block;
aspect-ratio:2/3;
object-fit:cover;
filter:contrast(1.04);
}
.premium-home .phome-stylist-media::after{
content:"";
position:absolute;
inset:14px;
border:1px solid rgba(255,253,248,0.42);
pointer-events:none;
}
.premium-home .phome-stylist-media figcaption{
position:absolute;
left:28px;
right:28px;
bottom:28px;
z-index:2;
padding:16px 18px;
background:rgba(14,14,13,0.78);
border-left:2px solid #cfb275;
}
.premium-home .phome-stylist-media figcaption span{
display:block;
margin-bottom:5px;
font-size:.68rem;
font-weight:800;
text-transform:uppercase;
color:#cfb275;
}
.premium-home .phome-stylist-media figcaption strong{
display:block;
font-family:var(--font-display);
font-size:1.16rem;
font-weight:500;
line-height:1.2;
color:#fffdf8;
}

@media(max-width:980px){
.premium-home .phome-stylist-study{
padding:82px 0;
}
.premium-home .phome-stylist-grid{
grid-template-columns:1fr;
gap:34px;
}
.premium-home .phome-stylist-media{
justify-self:stretch;
width:100%;
max-width:620px;
}
}

@media(max-width:560px){
.premium-home .phome-stylist-copy h2{
font-size:2.36rem;
}
.premium-home .phome-stylist-meta div{
grid-template-columns:1fr;
gap:6px;
}
.premium-home .phome-stylist-media figcaption{
left:18px;
right:18px;
bottom:18px;
}
}

/* === TRENFi Home Motion Polish v1 === */
.premium-home{
scroll-behavior:smooth;
}

.premium-home .nav,
.premium-home .phome-hero-copy > *,
.premium-home .phome-hero-stage,
.premium-home .phome-trust-grid div{
animation:phomeFadeLift .82s cubic-bezier(.2,.72,.22,1) both;
}

.premium-home .nav{animation-duration:.58s;}
.premium-home .phome-hero-copy .phome-eyebrow{animation-delay:.05s;}
.premium-home .phome-hero-copy h1{animation-delay:.13s;}
.premium-home .phome-hero-copy p{animation-delay:.21s;}
.premium-home .phome-hero-proof{animation-delay:.29s;}
.premium-home .phome-actions{animation-delay:.37s;}
.premium-home .phome-hero-stage{animation-delay:.18s;}
.premium-home .phome-trust-grid div:nth-child(1){animation-delay:.48s;}
.premium-home .phome-trust-grid div:nth-child(2){animation-delay:.54s;}
.premium-home .phome-trust-grid div:nth-child(3){animation-delay:.6s;}
.premium-home .phome-trust-grid div:nth-child(4){animation-delay:.66s;}
.premium-home .phome-trust-grid div:nth-child(5){animation-delay:.72s;}

.premium-home .phome-hero-ambient{
animation:phomeHeroBreath 12s ease-in-out .7s infinite alternate;
transform-origin:58% 48%;
will-change:transform;
}

.premium-home .phome-hero-caption,
.premium-home .phome-stage-note,
.premium-home .phome-poster-main figcaption,
.premium-home .phome-stylist-media figcaption{
backdrop-filter:blur(14px);
}

.premium-home .phome-series,
.premium-home .phome-edit-grid a,
.premium-home .phome-material-list div,
.premium-home .phome-atelier-grid div,
.premium-home .phome-proof-list div,
.premium-home .phome-quote,
.premium-home .btn{
transition:transform .42s cubic-bezier(.22,1,.36,1),border-color .42s cubic-bezier(.22,1,.36,1),background-color .42s cubic-bezier(.22,1,.36,1),color .42s cubic-bezier(.22,1,.36,1),box-shadow .42s cubic-bezier(.22,1,.36,1),opacity .42s cubic-bezier(.22,1,.36,1);
}

.premium-home .phome-series:hover,
.premium-home .phome-edit-grid a:hover{
transform:translateY(-6px);
box-shadow:0 24px 60px rgba(21,19,14,.08);
}

.premium-home .phome-material-list div:hover,
.premium-home .phome-atelier-grid div:hover,
.premium-home .phome-proof-list div:hover,
.premium-home .phome-quote:hover{
transform:translateY(-3px);
border-color:rgba(168,125,61,.32);
}

.premium-home .btn{
position:relative;
overflow:hidden;
}

.premium-home .btn::after{
content:"";
position:absolute;
inset:0;
background:linear-gradient(110deg,transparent 0%,rgba(255,255,255,.28) 44%,transparent 58%);
transform:translateX(-120%);
transition:transform .72s cubic-bezier(.22,1,.36,1);
pointer-events:none;
}

.premium-home .btn:hover::after{
transform:translateX(120%);
}

.premium-home .phome-editorial-image img,
.premium-home .phome-series img,
.premium-home .phome-poster-main img,
.premium-home .phome-poster-detail img,
.premium-home .phome-founder-portrait img,
.premium-home .phome-founder-workshop img,
.premium-home .phome-stylist-media img{
transition:transform .9s cubic-bezier(.2,.72,.22,1),filter .9s cubic-bezier(.2,.72,.22,1);
}

.premium-home .phome-editorial-image:hover img,
.premium-home .phome-series:hover img,
.premium-home .phome-poster-main:hover img,
.premium-home .phome-poster-detail:hover img,
.premium-home .phome-founder-portrait:hover img,
.premium-home .phome-founder-workshop:hover img,
.premium-home .phome-stylist-media:hover img{
transform:scale(1.035);
}

@supports (animation-timeline:view()){
.premium-home .phome-story,
.premium-home .phome-founder,
.premium-home .phome-library,
.premium-home .phome-material,
.premium-home .phome-atelier,
.premium-home .phome-salon,
.premium-home .phome-stylist-study,
.premium-home .phome-edit,
.premium-home .phome-proof,
.premium-home .phome-final{
animation:phomeSectionReveal both;
animation-timeline:view();
animation-range:entry 8% cover 34%;
}

.premium-home .phome-section-heading,
.premium-home .phome-section-copy,
.premium-home .phome-poster-copy,
.premium-home .phome-stylist-copy,
.premium-home .phome-founder-note{
animation:phomeTextReveal both;
animation-timeline:view();
animation-range:entry 12% cover 38%;
}

.premium-home .phome-editorial-image,
.premium-home .phome-founder-portrait,
.premium-home .phome-founder-workshop,
.premium-home .phome-poster-main,
.premium-home .phome-poster-detail,
.premium-home .phome-stylist-media{
animation:phomeImageReveal both;
animation-timeline:view();
animation-range:entry 10% cover 42%;
}
}

@keyframes phomeFadeLift{
from{opacity:0;transform:translateY(18px);}
to{opacity:1;transform:translateY(0);}
}

@keyframes phomeHeroBreath{
from{transform:scale(1);}
to{transform:scale(1.025) translate3d(0,-6px,0);}
}

@keyframes phomeSectionReveal{
from{opacity:.78;transform:translateY(42px);}
to{opacity:1;transform:translateY(0);}
}

@keyframes phomeTextReveal{
from{opacity:0;transform:translateY(26px);}
to{opacity:1;transform:translateY(0);}
}

@keyframes phomeImageReveal{
from{opacity:.35;clip-path:inset(8% 0 8% 0);transform:translateY(34px) scale(.985);}
to{opacity:1;clip-path:inset(0 0 0 0);transform:translateY(0) scale(1);}
}

@media(max-width:760px){
.premium-home .phome-hero-ambient{
animation-duration:14s;
}

.premium-home .phome-series:hover,
.premium-home .phome-edit-grid a:hover,
.premium-home .phome-material-list div:hover,
.premium-home .phome-atelier-grid div:hover,
.premium-home .phome-proof-list div:hover,
.premium-home .phome-quote:hover{
transform:none;
box-shadow:none;
}
}

@media(prefers-reduced-motion:reduce){
.premium-home,
.premium-home *,
.premium-home *::before,
.premium-home *::after{
scroll-behavior:auto !important;
animation-duration:.001ms !important;
animation-iteration-count:1 !important;
transition-duration:.001ms !important;
}
}

/* === TRENFi Home Hero Fill v1 === */
.premium-home .phome-hero{
position:relative;
align-items:flex-start;
min-height:calc(100svh - 72px);
padding:clamp(42px,6.2vh,76px) 0 clamp(50px,7vh,86px);
background:
radial-gradient(circle at 72% 34%,rgba(209,219,204,.78) 0%,rgba(209,219,204,.42) 28%,rgba(209,219,204,0) 54%),
radial-gradient(circle at 11% 78%,rgba(202,165,103,.16) 0%,rgba(202,165,103,.08) 24%,rgba(202,165,103,0) 48%),
linear-gradient(105deg,#fffdf8 0%,#f7f1e7 45%,#e9efe5 100%);
overflow:hidden;
}

.premium-home .phome-hero::before{
content:"";
position:absolute;
inset:0;
background:
linear-gradient(90deg,rgba(23,21,17,.035) 1px,transparent 1px),
linear-gradient(180deg,rgba(23,21,17,.028) 1px,transparent 1px);
background-size:88px 88px;
mask-image:linear-gradient(90deg,rgba(0,0,0,.22),rgba(0,0,0,.06) 42%,transparent 78%);
pointer-events:none;
}

.premium-home .phome-hero::after{
content:"";
position:absolute;
right:-8vw;
top:6vh;
width:48vw;
height:48vw;
max-width:880px;
max-height:880px;
border-radius:50%;
background:radial-gradient(circle,rgba(255,253,248,.72) 0%,rgba(255,253,248,.28) 34%,rgba(255,253,248,0) 66%);
filter:blur(10px);
pointer-events:none;
}

.premium-home .phome-hero .phome-container{
position:relative;
z-index:1;
width:min(1760px,calc(100vw - 96px));
max-width:none;
padding:0;
}

.premium-home .phome-hero-grid{
grid-template-columns:minmax(390px,.66fr) minmax(720px,1.34fr);
gap:clamp(46px,4.8vw,92px);
align-items:center;
}

.premium-home .phome-hero-copy{
max-width:670px;
padding-top:clamp(10px,3.2vh,42px);
}

.premium-home .phome-hero-copy h1{
font-size:clamp(4.45rem,5.15vw,7.45rem);
line-height:.94;
}

.premium-home .phome-hero-copy p{
max-width:590px;
font-size:1.08rem;
line-height:1.82;
}

.premium-home .phome-hero-stage{
width:calc(100% + min(7vw,120px));
justify-self:end;
margin-right:calc(min(4.5vw,86px) * -1);
aspect-ratio:16/8.85;
box-shadow:0 34px 94px rgba(27,24,18,.13);
background:#efe8dc;
}

.premium-home .phome-hero-stage::after{
inset:14px;
border-color:rgba(255,253,248,.72);
}

.premium-home .phome-hero-ambient{
object-position:58% 48%;
filter:saturate(.98) contrast(1.03) brightness(1.02);
}

.premium-home .phome-hero-caption{
left:34px;
bottom:30px;
max-width:420px;
padding:20px 24px;
background:rgba(255,253,248,.9);
box-shadow:0 18px 48px rgba(23,21,17,.1);
}

@media(max-width:1280px){
.premium-home .phome-hero .phome-container{
width:min(1120px,calc(100vw - 56px));
padding:0;
}

.premium-home .phome-hero-grid{
grid-template-columns:1fr;
gap:42px;
}

.premium-home .phome-hero-copy{
max-width:840px;
padding-top:0;
}

.premium-home .phome-hero-copy h1{
font-size:clamp(3.5rem,7vw,5.8rem);
}

.premium-home .phome-hero-stage{
width:100%;
margin-right:0;
aspect-ratio:16/8.9;
}
}

@media(max-width:760px){
.premium-home .phome-hero{
padding:38px 0 54px;
}

.premium-home .phome-hero .phome-container{
width:calc(100vw - 40px);
}

.premium-home .phome-hero::before{
background-size:56px 56px;
mask-image:linear-gradient(180deg,rgba(0,0,0,.18),transparent 64%);
}

.premium-home .phome-hero-copy h1{
font-size:2.64rem;
line-height:1.04;
}

.premium-home .phome-hero-copy p{
font-size:.98rem;
line-height:1.72;
}

.premium-home .phome-hero-stage{
aspect-ratio:4/3.05;
box-shadow:0 24px 58px rgba(27,24,18,.12);
}

.premium-home .phome-hero-caption{
left:16px;
right:16px;
bottom:16px;
max-width:none;
padding:15px 16px;
}
}

/* === TRENFi Home Hero Big Image v1 === */
.premium-home .phome-hero .phome-container{
width:min(1880px,calc(100vw - 80px));
}

.premium-home .phome-hero-grid{
grid-template-columns:minmax(360px,.56fr) minmax(820px,1.44fr);
gap:clamp(40px,4.2vw,86px);
}

.premium-home .phome-hero-copy{
max-width:620px;
}

.premium-home .phome-hero-copy h1{
font-size:clamp(4.2rem,4.75vw,6.9rem);
}

.premium-home .phome-hero-stage{
width:calc(100% + min(11vw,210px));
margin-right:calc(min(8vw,160px) * -1);
aspect-ratio:16/8.15;
box-shadow:0 38px 108px rgba(27,24,18,.14);
}

.premium-home .phome-hero-ambient{
object-position:57% 47%;
}

.premium-home .phome-hero-caption{
left:30px;
bottom:28px;
max-width:380px;
padding:18px 22px;
background:rgba(255,253,248,.84);
}

@media(min-width:1800px){
.premium-home .phome-hero-stage{
width:calc(100% + 250px);
margin-right:-190px;
}
}

@media(max-width:1280px){
.premium-home .phome-hero .phome-container{
width:min(1120px,calc(100vw - 56px));
}

.premium-home .phome-hero-grid{
grid-template-columns:1fr;
gap:42px;
}

.premium-home .phome-hero-stage{
width:100%;
margin-right:0;
aspect-ratio:16/8.6;
}
}

@media(max-width:760px){
.premium-home .phome-hero .phome-container{
width:calc(100vw - 40px);
}

.premium-home .phome-hero-copy h1{
font-size:2.58rem;
}

.premium-home .phome-hero-stage{
aspect-ratio:4/2.85;
}
}

/* === TRENFi Premium Home Motion v2 === */
.motion-ready .premium-home .phome-hero{
--phome-scroll:0;
}

.motion-ready .premium-home .phome-hero::before{
transform:translate3d(calc(var(--phome-scroll) * -18px),calc(var(--phome-scroll) * 10px),0);
transition:transform .08s linear;
}

.motion-ready .premium-home .phome-hero::after{
transform:translate3d(calc(var(--phome-scroll) * 24px),calc(var(--phome-scroll) * -18px),0) scale(calc(1 + var(--phome-scroll) * .035));
transition:transform .08s linear;
}

.motion-ready .premium-home .phome-hero-stage{
transform:translate3d(0,calc(var(--phome-scroll) * 22px),0);
transition:transform .08s linear,box-shadow .42s ease;
will-change:transform;
animation:phomeHeroStageIn .86s cubic-bezier(.2,.72,.22,1) .18s both;
}

.motion-ready .premium-home .phome-hero-ambient{
transform:scale(calc(1.01 + var(--phome-scroll) * .035)) translate3d(0,calc(var(--phome-scroll) * -12px),0);
animation:phomeHeroBreathScroll 12s ease-in-out .8s infinite alternate;
filter:saturate(1.02) contrast(1.05) brightness(1.015);
}

.motion-ready .premium-home .phome-hero-caption{
transform:translate3d(0,calc(var(--phome-scroll) * -10px),0);
}

.motion-ready .premium-home .motion-reveal{
opacity:0;
transform:translate3d(0,24px,0);
filter:blur(5px);
transition:
opacity .72s cubic-bezier(.22,1,.36,1) var(--motion-delay,0ms),
transform .72s cubic-bezier(.22,1,.36,1) var(--motion-delay,0ms),
filter .72s cubic-bezier(.22,1,.36,1) var(--motion-delay,0ms);
will-change:opacity,transform,filter;
}

.motion-ready .premium-home .motion-reveal.motion-in{
opacity:1;
transform:translate3d(0,0,0);
filter:blur(0);
}

.motion-ready .premium-home .phome-series,
.motion-ready .premium-home .phome-edit-grid a,
.motion-ready .premium-home .phome-material-list div,
.motion-ready .premium-home .phome-atelier-grid div,
.motion-ready .premium-home .phome-proof-list div,
.motion-ready .premium-home .phome-quote{
position:relative;
isolation:isolate;
}

.motion-ready .premium-home .phome-series::after,
.motion-ready .premium-home .phome-edit-grid a::after,
.motion-ready .premium-home .phome-material-list div::after,
.motion-ready .premium-home .phome-atelier-grid div::after,
.motion-ready .premium-home .phome-proof-list div::after,
.motion-ready .premium-home .phome-quote::after{
content:"";
position:absolute;
inset:0;
border-radius:inherit;
background:linear-gradient(135deg,rgba(255,255,255,.34),rgba(255,255,255,0) 44%);
opacity:0;
transition:opacity .36s ease;
pointer-events:none;
z-index:-1;
}

.motion-ready .premium-home .phome-series:hover::after,
.motion-ready .premium-home .phome-edit-grid a:hover::after,
.motion-ready .premium-home .phome-material-list div:hover::after,
.motion-ready .premium-home .phome-atelier-grid div:hover::after,
.motion-ready .premium-home .phome-proof-list div:hover::after,
.motion-ready .premium-home .phome-quote:hover::after{
opacity:1;
}

.motion-ready .premium-home .phome-series:hover,
.motion-ready .premium-home .phome-edit-grid a:hover{
transform:translate3d(0,-7px,0);
}

.motion-ready .premium-home .phome-material-list div:hover,
.motion-ready .premium-home .phome-atelier-grid div:hover,
.motion-ready .premium-home .phome-proof-list div:hover,
.motion-ready .premium-home .phome-quote:hover{
transform:translate3d(0,-4px,0);
}

.motion-ready .premium-home .phome-final-inner{
position:relative;
overflow:hidden;
}

.motion-ready .premium-home .phome-final-inner::before{
content:"";
position:absolute;
inset:-40% auto -40% -35%;
width:34%;
background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);
transform:skewX(-18deg);
animation:phomeSoftSweep 7s ease-in-out infinite;
pointer-events:none;
}

@keyframes phomeSoftSweep{
0%,58%{transform:translateX(0) skewX(-18deg);opacity:0;}
68%{opacity:1;}
100%{transform:translateX(430%) skewX(-18deg);opacity:0;}
}

@keyframes phomeHeroStageIn{
from{opacity:0;transform:translate3d(0,18px,0) scale(.992);}
to{opacity:1;transform:translate3d(0,calc(var(--phome-scroll) * 22px),0) scale(1);}
}

@keyframes phomeHeroBreathScroll{
from{transform:scale(calc(1.01 + var(--phome-scroll) * .03)) translate3d(0,calc(var(--phome-scroll) * -10px),0);}
to{transform:scale(calc(1.03 + var(--phome-scroll) * .035)) translate3d(0,calc(-6px + var(--phome-scroll) * -14px),0);}
}

@media(max-width:760px){
.motion-ready .premium-home .motion-reveal{
filter:none;
transform:translate3d(0,14px,0);
transition-duration:.46s;
}

.motion-ready .premium-home .phome-hero-stage,
.motion-ready .premium-home .phome-hero-caption,
.motion-ready .premium-home .phome-hero::before,
.motion-ready .premium-home .phome-hero::after{
transform:none;
transition:none;
}
}

@media(prefers-reduced-motion:reduce){
.premium-home .motion-reveal,
.premium-home .motion-reveal.motion-in{
opacity:1 !important;
filter:none !important;
transform:none !important;
}
}

/* === TRENFi Premium Home Brand Visual v1 === */
.premium-home .phome-hero{
background:
radial-gradient(circle at 76% 28%,rgba(202,211,196,.58) 0%,rgba(202,211,196,.26) 34%,rgba(202,211,196,0) 58%),
radial-gradient(circle at 12% 80%,rgba(185,147,67,.13) 0%,rgba(185,147,67,.06) 28%,rgba(185,147,67,0) 52%),
linear-gradient(105deg,#fffdf8 0%,#f4eee3 48%,#e9eee4 100%);
}

.premium-home .phome-hero-copy h1{
letter-spacing:0;
color:#11110f;
}

.premium-home .phome-hero-copy p{
color:rgba(17,17,15,.62);
}

.premium-home .phome-hero-proof span{
border-color:rgba(17,17,15,.12);
background:rgba(255,253,248,.58);
color:rgba(17,17,15,.68);
}

.premium-home .phome-hero-stage{
border:1px solid rgba(255,253,248,.74);
box-shadow:0 46px 120px rgba(24,21,16,.16);
}

.premium-home .phome-hero-caption,
.premium-home .phome-poster-main figcaption,
.premium-home .phome-stylist-media figcaption{
border:1px solid rgba(255,253,248,.72);
background:rgba(255,253,248,.86);
box-shadow:0 16px 44px rgba(24,21,16,.11);
}

.premium-home .phome-trust{
background:#11110f;
}

.premium-home .phome-trust-grid div{
border-color:rgba(255,253,248,.11);
}

.premium-home .phome-trust-grid strong{
color:#fffdf8;
}

.premium-home .phome-trust-grid span{
color:rgba(255,253,248,.58);
}

.premium-home .phome-story,
.premium-home .phome-library,
.premium-home .phome-atelier,
.premium-home .phome-proof,
.premium-home .phome-edit{
background:#fffdf8;
}

.premium-home .phome-founder,
.premium-home .phome-material,
.premium-home .phome-salon,
.premium-home .phome-stylist-study{
background:#f4eee3;
}

.premium-home .phome-series,
.premium-home .phome-material-list div,
.premium-home .phome-atelier-grid div,
.premium-home .phome-proof-list div,
.premium-home .phome-quote,
.premium-home .phome-edit-grid a{
border-color:rgba(32,28,20,.105);
box-shadow:0 12px 34px rgba(24,21,16,.055);
}

.premium-home .phome-series:hover,
.premium-home .phome-material-list div:hover,
.premium-home .phome-atelier-grid div:hover,
.premium-home .phome-proof-list div:hover,
.premium-home .phome-quote:hover,
.premium-home .phome-edit-grid a:hover{
border-color:rgba(185,147,67,.32);
box-shadow:0 22px 62px rgba(24,21,16,.09);
}

.premium-home .phome-final{
background:#11110f;
}

/* === TRENFi Home Material Particles v1 === */
.premium-home .phome-hero{
position:relative;
overflow:hidden;
}

.premium-home .phome-hero::before{
content:"";
position:absolute;
inset:0;
pointer-events:none;
background-image:
radial-gradient(circle,rgba(185,147,67,.22) 0 1px,transparent 1.6px),
radial-gradient(circle,rgba(255,253,248,.58) 0 1px,transparent 1.8px);
background-size:112px 112px,168px 168px;
background-position:8% 12%,78% 18%;
opacity:0;
mask-image:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.24) 62%,transparent 92%);
z-index:0;
transition:opacity 1.2s ease;
}

.premium-home .phome-hero::after{
content:"";
position:absolute;
inset:14% -8% auto auto;
width:min(34vw,620px);
height:min(34vw,620px);
pointer-events:none;
background:
radial-gradient(circle at 42% 44%,rgba(255,253,248,.28),rgba(255,253,248,0) 58%),
radial-gradient(circle at 62% 62%,rgba(185,147,67,.08),rgba(185,147,67,0) 54%);
opacity:0;
z-index:0;
transition:opacity 1.2s ease;
}

.premium-home .phome-hero .phome-container{
position:relative;
z-index:1;
}

.effects-ready .premium-home .phome-hero::before{
opacity:.26;
animation:phomeMaterialDrift 22s ease-in-out infinite alternate;
}

.effects-ready .premium-home .phome-hero::after{
opacity:.46;
animation:phomeMaterialGlow 18s ease-in-out infinite alternate;
}

@keyframes phomeMaterialDrift{
from{background-position:8% 12%,78% 18%;opacity:.2;}
to{background-position:10% 14%,76% 20%;opacity:.34;}
}

@keyframes phomeMaterialGlow{
from{transform:translate3d(0,0,0) scale(1);opacity:.42;}
to{transform:translate3d(-18px,12px,0) scale(1.035);opacity:.64;}
}

@media(max-width:760px){
.premium-home .phome-hero::before{
background-size:82px 82px,128px 128px,100% 100%;
opacity:.26;
mask-image:linear-gradient(180deg,rgba(0,0,0,.54),rgba(0,0,0,.14) 62%,transparent 100%);
}

.premium-home .phome-hero::after{
inset:18% -22% auto auto;
width:78vw;
height:78vw;
opacity:.42;
}
}

@media(prefers-reduced-motion:reduce){
.effects-ready .premium-home .phome-hero::before,
.effects-ready .premium-home .phome-hero::after{
animation:none !important;
}
}

/* === TRENFi Home Bugfix + Visible Particles v2 === */
.premium-home .phome-material,
.premium-home .phome-salon,
.premium-home .phome-proof{
color:#171511;
}

.premium-home .phome-material .phome-section-copy h2,
.premium-home .phome-salon .phome-poster-copy h2,
.premium-home .phome-proof .phome-section-copy h2,
.premium-home .phome-material-list h3,
.premium-home .phome-proof-list p,
.premium-home .phome-poster-meta dd{
color:#171511;
}

.premium-home .phome-material .phome-section-copy p,
.premium-home .phome-salon .phome-poster-copy p,
.premium-home .phome-proof .phome-section-copy p,
.premium-home .phome-material-list p{
color:rgba(23,21,17,.64);
}

.premium-home .phome-material .phome-eyebrow,
.premium-home .phome-salon .phome-eyebrow,
.premium-home .phome-proof .phome-eyebrow,
.premium-home .phome-material-list span,
.premium-home .phome-proof-list span,
.premium-home .phome-poster-meta dt{
color:#9f7a3a;
}

.premium-home .phome-material{
background:#f4eee3;
}

.premium-home .phome-material-list,
.premium-home .phome-material-grid,
.premium-home .phome-proof-list{
border-color:rgba(32,28,20,.12);
}

.premium-home .phome-material-list div,
.premium-home .phome-proof-list div{
background:rgba(255,253,248,.42);
border-color:rgba(32,28,20,.12);
box-shadow:0 16px 44px rgba(24,21,16,.055);
}

.premium-home .phome-salon-poster{
background:#f4eee3;
}

.premium-home .phome-poster-main figcaption{
background:rgba(255,253,248,.9);
color:#171511;
}

.premium-home .phome-poster-main figcaption span{
color:#9f7a3a;
}

.premium-home .phome-poster-main figcaption strong{
color:#171511;
}

.premium-home .phome-proof{
background:#fffdf8;
}

.premium-home::before{
content:"";
position:fixed;
inset:0;
pointer-events:none;
z-index:0;
background-image:
radial-gradient(circle,rgba(159,122,58,.28) 0 1px,transparent 1.7px),
radial-gradient(circle,rgba(255,255,255,.85) 0 1px,transparent 1.9px),
linear-gradient(115deg,transparent 0 44%,rgba(255,255,255,.18) 50%,transparent 58%);
background-size:86px 86px,137px 137px,100% 100%;
background-position:12% 18%,82% 22%,0 0;
opacity:0;
transition:opacity .8s ease;
}

.effects-ready .premium-home::before{
opacity:.4;
animation:phomeAmbientDust 20s ease-in-out infinite alternate;
}

.premium-home .navbar,
.premium-home .phome-main,
.premium-home .site-footer{
position:relative;
z-index:1;
}

.premium-home .phome-hero::before{
background-image:
radial-gradient(circle,rgba(159,122,58,.36) 0 1.15px,transparent 2px),
radial-gradient(circle,rgba(255,253,248,.86) 0 1px,transparent 2px);
background-size:68px 68px,112px 112px;
opacity:0;
mask-image:linear-gradient(90deg,rgba(0,0,0,.82),rgba(0,0,0,.42) 70%,transparent 96%);
}

.effects-ready .premium-home .phome-hero::before{
opacity:.48;
}

.effects-ready .premium-home .phome-hero::after{
opacity:.58;
}

@keyframes phomeAmbientDust{
from{background-position:12% 18%,82% 22%,0 0;}
to{background-position:14% 20%,79% 24%,0 0;}
}

@media(max-width:760px){
.premium-home::before{
opacity:0;
background-size:76px 76px,120px 120px,100% 100%;
}

.effects-ready .premium-home::before{
opacity:.26;
}
}

@media(prefers-reduced-motion:reduce){
.effects-ready .premium-home::before{
animation:none !important;
}
}

/* === TRENFi Stable Home v1: disable experimental particles === */
.premium-home::before,
.premium-home .phome-hero::before,
.premium-home .phome-hero::after{
display:none !important;
content:none !important;
animation:none !important;
transition:none !important;
}

/* === TRENFi Compact Home + Hero Ions v1 === */
.premium-home .phome-story,
.premium-home .phome-founder,
.premium-home .phome-library,
.premium-home .phome-material,
.premium-home .phome-atelier,
.premium-home .phome-salon,
.premium-home .phome-stylist-study,
.premium-home .phome-edit,
.premium-home .phome-proof,
.premium-home .phome-final{
padding-top:clamp(58px,6vw,82px);
padding-bottom:clamp(58px,6vw,82px);
}

.premium-home .phome-hero{
padding-top:clamp(34px,4.8vh,58px);
padding-bottom:clamp(38px,5.5vh,66px);
min-height:auto;
}

.premium-home .phome-hero-grid{
gap:clamp(34px,4vw,64px);
}

.premium-home .phome-section-copy h2,
.premium-home .phome-section-heading h2,
.premium-home .phome-founder-note h2,
.premium-home .phome-poster-copy h2,
.premium-home .phome-final h2{
line-height:1.04;
}

.premium-home .phome-section-copy p,
.premium-home .phome-founder-note p,
.premium-home .phome-poster-copy p,
.premium-home .phome-proof-list p{
line-height:1.68;
}

.premium-home .phome-story-grid,
.premium-home .phome-material-grid,
.premium-home .phome-proof-grid,
.premium-home .phome-poster-grid,
.premium-home .phome-founder-grid,
.premium-home .phome-stylist-grid{
gap:clamp(28px,4vw,52px);
}

.premium-home .phome-trust-grid div{
min-height:96px;
padding:19px 20px;
}

.premium-home .phome-library-grid{
gap:18px;
}

.premium-home .phome-series img{
height:clamp(260px,28vw,390px);
}

.premium-home .phome-material-list div,
.premium-home .phome-atelier-grid div,
.premium-home .phome-proof-list div,
.premium-home .phome-quote{
padding:22px 20px;
min-height:0;
}

.premium-home .phome-quotes{
margin-top:34px;
}

.premium-home .phome-founder-note{
padding-top:28px;
padding-bottom:30px;
}

.premium-home .phome-poster-copy{
padding-top:26px;
padding-bottom:26px;
}

.premium-home .phome-poster-meta{
margin-top:22px;
}

.premium-home .phome-hero-stage{
isolation:isolate;
}

.premium-home .phome-hero-stage::before{
content:"";
position:absolute;
inset:0;
display:block !important;
pointer-events:none;
z-index:2;
background-image:
radial-gradient(circle,rgba(213,174,94,.75) 0 1.15px,transparent 2.2px),
radial-gradient(circle,rgba(255,253,248,.88) 0 1px,transparent 2px),
radial-gradient(circle,rgba(143,154,134,.42) 0 .9px,transparent 2px);
background-size:58px 58px,92px 92px,128px 128px;
background-position:16% 20%,72% 18%,44% 78%;
mix-blend-mode:screen;
opacity:.58;
animation:phomeHeroIons 16s ease-in-out infinite alternate;
}

.premium-home .phome-hero-stage::after{
content:"";
position:absolute;
inset:auto 5% 8% 45%;
display:block !important;
height:38%;
pointer-events:none;
z-index:2;
background:
radial-gradient(ellipse at center,rgba(255,253,248,.42),rgba(255,253,248,0) 62%),
linear-gradient(90deg,transparent,rgba(213,174,94,.16),transparent);
opacity:.52;
filter:blur(.2px);
animation:phomeHeroIonGlow 12s ease-in-out infinite alternate;
}

@keyframes phomeHeroIons{
from{background-position:16% 20%,72% 18%,44% 78%;opacity:.46;}
to{background-position:19% 23%,68% 21%,47% 74%;opacity:.68;}
}

@keyframes phomeHeroIonGlow{
from{transform:translate3d(0,0,0);opacity:.38;}
to{transform:translate3d(-18px,-8px,0);opacity:.64;}
}

@media(max-width:980px){
.premium-home .phome-story,
.premium-home .phome-founder,
.premium-home .phome-library,
.premium-home .phome-material,
.premium-home .phome-atelier,
.premium-home .phome-salon,
.premium-home .phome-stylist-study,
.premium-home .phome-edit,
.premium-home .phome-proof,
.premium-home .phome-final{
padding-top:54px;
padding-bottom:54px;
}
}

@media(max-width:760px){
.premium-home .phome-hero-stage::before{
background-size:48px 48px,78px 78px,110px 110px;
opacity:.42;
}

.premium-home .phome-hero-stage::after{
inset:auto 4% 7% 30%;
height:34%;
opacity:.34;
}
}

@media(prefers-reduced-motion:reduce){
.premium-home .phome-hero-stage::before,
.premium-home .phome-hero-stage::after{
animation:none !important;
}
}

/* === TRENFi Visible Ion Field v1 === */
.premium-home .phome-ion-field{
position:absolute;
inset:0;
z-index:3;
pointer-events:none;
overflow:hidden;
}

.premium-home .phome-ion-field span{
position:absolute;
display:block;
width:8px;
height:8px;
border-radius:999px;
background:#d6ad58;
box-shadow:
0 0 0 1px rgba(255,253,248,.72),
0 0 18px rgba(214,173,88,.85),
0 0 42px rgba(214,173,88,.34);
opacity:.78;
animation:phomeIonFloat 7s ease-in-out infinite alternate;
}

.premium-home .phome-ion-field span:nth-child(1){left:13%;top:18%;animation-delay:-.2s;}
.premium-home .phome-ion-field span:nth-child(2){left:24%;top:32%;width:5px;height:5px;animation-delay:-2.1s;}
.premium-home .phome-ion-field span:nth-child(3){left:39%;top:16%;width:6px;height:6px;animation-delay:-1.4s;}
.premium-home .phome-ion-field span:nth-child(4){left:58%;top:25%;animation-delay:-3.2s;}
.premium-home .phome-ion-field span:nth-child(5){left:74%;top:18%;width:5px;height:5px;animation-delay:-.9s;}
.premium-home .phome-ion-field span:nth-child(6){left:84%;top:38%;width:7px;height:7px;animation-delay:-4s;}
.premium-home .phome-ion-field span:nth-child(7){left:18%;top:66%;width:5px;height:5px;animation-delay:-3.7s;}
.premium-home .phome-ion-field span:nth-child(8){left:34%;top:76%;animation-delay:-1.8s;}
.premium-home .phome-ion-field span:nth-child(9){left:49%;top:61%;width:6px;height:6px;animation-delay:-4.6s;}
.premium-home .phome-ion-field span:nth-child(10){left:64%;top:72%;width:5px;height:5px;animation-delay:-2.8s;}
.premium-home .phome-ion-field span:nth-child(11){left:78%;top:58%;animation-delay:-5.2s;}
.premium-home .phome-ion-field span:nth-child(12){left:90%;top:74%;width:5px;height:5px;animation-delay:-1.1s;}

.premium-home .phome-ion-field::before{
content:"";
position:absolute;
left:8%;
right:7%;
top:14%;
bottom:12%;
background:
linear-gradient(110deg,transparent 0 22%,rgba(214,173,88,.34) 23%,transparent 24% 100%),
linear-gradient(24deg,transparent 0 48%,rgba(255,253,248,.32) 49%,transparent 50% 100%);
opacity:.46;
filter:blur(.2px);
animation:phomeIonLines 9s ease-in-out infinite alternate;
}

@keyframes phomeIonFloat{
from{transform:translate3d(0,0,0) scale(.86);opacity:.48;}
to{transform:translate3d(14px,-18px,0) scale(1.18);opacity:.9;}
}

@keyframes phomeIonLines{
from{transform:translate3d(-8px,6px,0);opacity:.26;}
to{transform:translate3d(10px,-8px,0);opacity:.58;}
}

@media(max-width:760px){
.premium-home .phome-ion-field span{
width:6px;
height:6px;
opacity:.62;
}

.premium-home .phome-ion-field::before{
opacity:.28;
}
}

@media(prefers-reduced-motion:reduce){
.premium-home .phome-ion-field span,
.premium-home .phome-ion-field::before{
animation:none !important;
}
}

/* === TRENFi Ion Field Fix v1 === */
.premium-home .phome-ion-field{
z-index:4;
}

.premium-home .phome-ion-field::before,
.premium-home .phome-ion-field::after{
display:none !important;
content:none !important;
}

.premium-home .phome-ion-field span{
width:7px;
height:7px;
background:#d5a83d;
border:1px solid rgba(255,253,248,.86);
box-shadow:
0 0 10px rgba(213,168,61,.9),
0 0 24px rgba(213,168,61,.45);
opacity:.82;
}

.premium-home .phome-ion-field span:nth-child(1){left:18%;top:21%;}
.premium-home .phome-ion-field span:nth-child(2){left:29%;top:35%;}
.premium-home .phome-ion-field span:nth-child(3){left:43%;top:18%;}
.premium-home .phome-ion-field span:nth-child(4){left:61%;top:28%;}
.premium-home .phome-ion-field span:nth-child(5){left:76%;top:20%;}
.premium-home .phome-ion-field span:nth-child(6){left:88%;top:40%;}
.premium-home .phome-ion-field span:nth-child(7){left:22%;top:68%;}
.premium-home .phome-ion-field span:nth-child(8){left:38%;top:78%;}
.premium-home .phome-ion-field span:nth-child(9){left:52%;top:63%;}
.premium-home .phome-ion-field span:nth-child(10){left:67%;top:73%;}
.premium-home .phome-ion-field span:nth-child(11){left:81%;top:60%;}
.premium-home .phome-ion-field span:nth-child(12){left:91%;top:76%;}

/* === TRENFi Ion Field Fix v2: remove stale hero/image overlays === */
.premium-home .phome-hero-stage::before,
.premium-home .phome-hero-stage::after{
display:none !important;
content:none !important;
border:0 !important;
background:none !important;
box-shadow:none !important;
animation:none !important;
}

.premium-home .phome-hero-stage{
isolation:isolate;
}

.premium-home .phome-hero-stage > img,
.premium-home .phome-hero-ambient{
position:relative;
z-index:1;
display:block;
}

.premium-home .phome-ion-field{
display:block !important;
z-index:3;
}

.premium-home .phome-ion-field span{
display:block !important;
}

.premium-home .phome-hero-caption{
position:absolute;
z-index:4;
}

.premium-home .phome-founder-portrait::before,
.premium-home .phome-founder-portrait::after,
.premium-home .phome-founder-workshop::before,
.premium-home .phome-founder-workshop::after,
.premium-home .phome-poster-main::before,
.premium-home .phome-poster-main::after,
.premium-home .phome-poster-detail::before,
.premium-home .phome-poster-detail::after{
display:none !important;
content:none !important;
background:none !important;
border:0 !important;
box-shadow:none !important;
}

/* === TRENFi Hero Readability Fix v1 === */
.premium-home .phome-hero-copy > *,
.premium-home .phome-hero-stage{
opacity:1 !important;
filter:none !important;
}

.premium-home .phome-hero-copy h1{
color:#12110f;
}

.premium-home .phome-hero-copy p{
color:rgba(18,17,15,.72);
}

.premium-home .phome-hero-caption{
color:#171511;
}

.premium-home .phome-trust{
color:#fffdf8;
}

.premium-home .phome-trust-grid strong{
color:#fffdf8 !important;
}

.premium-home .phome-trust-grid span{
color:rgba(255,253,248,.68) !important;
}

/* === TRENFi Studio Note v1 === */
.premium-home .phome-founder{
background:#f4eee3;
border-top:1px solid rgba(20,19,15,.08);
border-bottom:1px solid rgba(20,19,15,.08);
}

.premium-home .phome-founder-grid{
grid-template-columns:minmax(420px,1.05fr) minmax(420px,.95fr);
grid-template-areas:
"portrait note"
"portrait workshop";
gap:clamp(28px,4vw,62px);
align-items:start;
}

.premium-home .phome-founder-portrait,
.premium-home .phome-founder-workshop{
border:1px solid rgba(30,25,18,.12);
background:#e8ddcc;
box-shadow:none;
}

.premium-home .phome-founder-portrait{
max-width:none;
aspect-ratio:5/4.75;
}

.premium-home .phome-founder-workshop{
max-width:none;
aspect-ratio:16/7.5;
justify-self:stretch;
}

.premium-home .phome-founder-portrait img,
.premium-home .phome-founder-workshop img{
filter:saturate(.94) contrast(1.01);
}

.premium-home .phome-founder-note{
background:transparent;
border-top:1px solid rgba(30,25,18,.16);
border-bottom:1px solid rgba(30,25,18,.16);
padding:clamp(30px,4vw,52px) 0;
}

.premium-home .phome-founder-note h2{
max-width:760px;
font-size:clamp(2.4rem,4.2vw,5.05rem);
line-height:1.02;
letter-spacing:0;
}

.premium-home .phome-founder-note p{
max-width:740px;
font-size:1.02rem;
line-height:1.78;
color:rgba(23,21,17,.66);
}

.premium-home .phome-founder-signature{
max-width:740px;
margin-top:30px;
padding-top:20px;
border-top:1px solid rgba(30,25,18,.14);
}

@media(max-width:980px){
.premium-home .phome-founder-grid{
grid-template-columns:1fr;
grid-template-areas:
"note"
"portrait"
"workshop";
}

.premium-home .phome-founder-note{
padding:30px 0;
}

.premium-home .phome-founder-note h2{
font-size:clamp(2.1rem,8vw,3.1rem);
}

.premium-home .phome-founder-portrait,
.premium-home .phome-founder-workshop{
aspect-ratio:4/3;
}
}

@media(max-width:760px){
.premium-home{
overflow-x:hidden;
}

.premium-home .phome-hero{
padding-top:34px;
padding-bottom:38px;
}

.premium-home .phome-hero .phome-container{
width:calc(100vw - 36px);
}

.premium-home .phome-hero-grid{
gap:24px;
}

.premium-home .phome-hero-copy{
width:100% !important;
max-width:100%;
min-width:0;
overflow:hidden;
}

.premium-home .phome-hero-proof,
.premium-home .phome-actions,
.premium-home .phome-hero-stage{
width:100% !important;
max-width:100% !important;
min-width:0;
}

.premium-home .phome-hero-copy h1{
width:100% !important;
max-width:100% !important;
font-size:clamp(1.72rem,8.4vw,1.98rem);
line-height:1.08;
white-space:normal !important;
text-wrap:balance;
overflow-wrap:break-word;
}

.premium-home .phome-hero-copy p{
width:min(100%,34ch) !important;
max-width:34ch;
font-size:.96rem;
line-height:1.62;
color:rgba(18,17,15,.72);
white-space:normal !important;
text-wrap:wrap;
overflow-wrap:break-word;
}

.premium-home .phome-hero-proof{
grid-template-columns:repeat(2,minmax(0,1fr));
margin-top:22px;
}

.premium-home .phome-actions{
margin-top:20px;
gap:10px;
}

.premium-home .phome-actions .btn{
min-height:46px;
padding:13px 16px;
font-size:.76rem;
}

.premium-home .phome-hero-stage{
aspect-ratio:4/3.12;
box-shadow:0 20px 48px rgba(27,24,18,.12);
}

.premium-home .phome-hero-ambient{
opacity:1 !important;
filter:saturate(1) contrast(1.02) brightness(1.02) !important;
object-position:59% 50%;
}

.premium-home .phome-hero-caption{
left:12px;
right:12px;
bottom:12px;
padding:13px 14px;
background:rgba(255,253,248,.9);
}
}

/* === TRENFi Home Bugfix v8: stable trust rail, mobile overflow and visible ions === */
.premium-home,
.premium-home .phome-main{
max-width:100%;
overflow-x:hidden;
}

.premium-home .phome-container{
box-sizing:border-box;
width:min(100%,1360px);
max-width:1360px;
}

.premium-home .phome-trust{
background:#11110f;
min-height:0;
}

.premium-home .phome-trust-grid,
.premium-home .phome-trust-grid div,
.premium-home .phome-trust-grid strong,
.premium-home .phome-trust-grid span{
opacity:1 !important;
visibility:visible !important;
filter:none !important;
transform:none !important;
animation:none !important;
}

.premium-home .phome-trust-grid{
display:grid;
grid-template-columns:repeat(5,minmax(0,1fr));
}

.premium-home .phome-trust-grid div{
min-width:0;
min-height:92px;
padding:20px 22px;
}

.premium-home .phome-trust-grid strong{
display:block;
color:#fffdf8 !important;
}

.premium-home .phome-trust-grid span{
display:block;
color:rgba(255,253,248,.68) !important;
overflow-wrap:anywhere;
}

.premium-home .phome-section-copy,
.premium-home .phome-section-heading,
.premium-home .phome-poster-copy,
.premium-home .phome-stylist-copy,
.premium-home .phome-founder-note{
min-width:0;
max-width:100%;
}

.premium-home .phome-section-copy h2,
.premium-home .phome-section-copy p,
.premium-home .phome-section-heading h2,
.premium-home .phome-poster-copy h2,
.premium-home .phome-poster-copy p,
.premium-home .phome-stylist-copy h2,
.premium-home .phome-stylist-copy p,
.premium-home .phome-founder-note h2,
.premium-home .phome-founder-note p{
max-width:100%;
overflow-wrap:break-word;
}

.premium-home .phome-ion-field{
display:block !important;
z-index:5;
mix-blend-mode:normal;
}

.premium-home .phome-ion-field span{
display:block !important;
width:9px;
height:9px;
background:#d6a63e;
border:1px solid rgba(255,253,248,.95);
box-shadow:0 0 0 2px rgba(214,166,62,.18),0 0 18px rgba(214,166,62,.72);
opacity:.95;
}

@media(max-width:980px){
.premium-home .phome-trust-grid{
grid-template-columns:repeat(3,minmax(0,1fr));
}
}

@media(max-width:760px){
.premium-home .phome-container{
width:100% !important;
max-width:100% !important;
padding-left:20px;
padding-right:20px;
}

.premium-home .phome-hero .phome-container{
width:100% !important;
padding-left:18px;
padding-right:18px;
}

.premium-home .phome-story-grid,
.premium-home .phome-material-grid,
.premium-home .phome-proof-grid,
.premium-home .phome-poster-grid,
.premium-home .phome-founder-grid,
.premium-home .phome-stylist-grid{
grid-template-columns:minmax(0,1fr) !important;
width:100%;
max-width:100%;
}

.premium-home .phome-trust-grid{
grid-template-columns:1fr;
}

.premium-home .phome-trust-grid div{
min-height:0;
padding:16px 20px;
}

.premium-home .phome-story,
.premium-home .phome-founder,
.premium-home .phome-library,
.premium-home .phome-material,
.premium-home .phome-atelier,
.premium-home .phome-salon,
.premium-home .phome-stylist-study,
.premium-home .phome-edit,
.premium-home .phome-proof,
.premium-home .phome-final{
overflow:hidden;
}

.premium-home .phome-section-copy p{
width:100%;
max-width:100%;
}

.premium-home .phome-ion-field span{
width:6px;
height:6px;
opacity:.76;
}
}

/* === TRENFi Luxury Dust FX v1 === */
.premium-home .phome-ion-field{
z-index:3;
opacity:.78;
mix-blend-mode:screen;
}

.premium-home .phome-ion-field span{
width:3px !important;
height:3px !important;
background:rgba(255,246,220,.78) !important;
border:0 !important;
box-shadow:0 0 10px rgba(214,180,104,.34),0 0 1px rgba(255,255,255,.8) !important;
opacity:.48 !important;
animation:phomeDustDrift 12s ease-in-out infinite alternate !important;
}

.premium-home .phome-ion-field span:nth-child(2),
.premium-home .phome-ion-field span:nth-child(5),
.premium-home .phome-ion-field span:nth-child(7),
.premium-home .phome-ion-field span:nth-child(10){
opacity:.22 !important;
}

.premium-home .phome-ion-field span:nth-child(3),
.premium-home .phome-ion-field span:nth-child(8),
.premium-home .phome-ion-field span:nth-child(12){
display:none !important;
}

.premium-home .phome-ion-field span:nth-child(1){left:20%;top:22%;animation-delay:-1.2s !important;}
.premium-home .phome-ion-field span:nth-child(2){left:31%;top:36%;animation-delay:-4.4s !important;}
.premium-home .phome-ion-field span:nth-child(4){left:58%;top:27%;animation-delay:-7.1s !important;}
.premium-home .phome-ion-field span:nth-child(5){left:73%;top:20%;animation-delay:-2.8s !important;}
.premium-home .phome-ion-field span:nth-child(6){left:86%;top:42%;animation-delay:-5.9s !important;}
.premium-home .phome-ion-field span:nth-child(7){left:24%;top:66%;animation-delay:-6.6s !important;}
.premium-home .phome-ion-field span:nth-child(9){left:52%;top:64%;animation-delay:-3.3s !important;}
.premium-home .phome-ion-field span:nth-child(10){left:67%;top:74%;animation-delay:-8.2s !important;}
.premium-home .phome-ion-field span:nth-child(11){left:82%;top:59%;animation-delay:-10.1s !important;}

@keyframes phomeDustDrift{
from{transform:translate3d(0,0,0) scale(.86);}
to{transform:translate3d(6px,-10px,0) scale(1.08);}
}

@media(max-width:760px){
.premium-home .phome-ion-field{
opacity:.48;
}

.premium-home .phome-ion-field span{
width:2px !important;
height:2px !important;
box-shadow:0 0 7px rgba(214,180,104,.24) !important;
opacity:.32 !important;
}

.premium-home .phome-ion-field span:nth-child(n+7){
display:none !important;
}
}

/* === TRENFi Luxury Dust FX v2: visible but restrained === */
.premium-home .phome-ion-field{
z-index:5 !important;
opacity:1 !important;
mix-blend-mode:normal;
}

.premium-home .phome-ion-field::before{
content:"" !important;
display:block !important;
position:absolute;
inset:8% 6% 10%;
background:
linear-gradient(105deg,transparent 0 32%,rgba(255,245,215,.34) 33%,transparent 35% 100%),
linear-gradient(118deg,transparent 0 58%,rgba(214,176,96,.22) 59%,transparent 60% 100%);
opacity:.46;
filter:blur(.2px);
animation:phomeLightStrands 16s ease-in-out infinite alternate;
pointer-events:none;
}

.premium-home .phome-ion-field span{
display:block !important;
width:4px !important;
height:4px !important;
background:rgba(220,168,56,.82) !important;
border:1px solid rgba(255,253,246,.88) !important;
box-shadow:0 0 8px rgba(220,168,56,.75),0 0 18px rgba(255,246,220,.38) !important;
opacity:.72 !important;
animation:phomeVisibleDust 10s ease-in-out infinite alternate !important;
}

.premium-home .phome-ion-field span:nth-child(2),
.premium-home .phome-ion-field span:nth-child(5),
.premium-home .phome-ion-field span:nth-child(7),
.premium-home .phome-ion-field span:nth-child(10){
opacity:.48 !important;
}

.premium-home .phome-ion-field span:nth-child(3),
.premium-home .phome-ion-field span:nth-child(8),
.premium-home .phome-ion-field span:nth-child(12){
display:block !important;
opacity:.36 !important;
width:3px !important;
height:3px !important;
}

.premium-home .phome-ion-field span:nth-child(1){left:19%;top:22%;}
.premium-home .phome-ion-field span:nth-child(2){left:30%;top:36%;}
.premium-home .phome-ion-field span:nth-child(3){left:42%;top:19%;}
.premium-home .phome-ion-field span:nth-child(4){left:57%;top:28%;}
.premium-home .phome-ion-field span:nth-child(5){left:72%;top:21%;}
.premium-home .phome-ion-field span:nth-child(6){left:86%;top:42%;}
.premium-home .phome-ion-field span:nth-child(7){left:24%;top:66%;}
.premium-home .phome-ion-field span:nth-child(8){left:38%;top:77%;}
.premium-home .phome-ion-field span:nth-child(9){left:52%;top:63%;}
.premium-home .phome-ion-field span:nth-child(10){left:67%;top:74%;}
.premium-home .phome-ion-field span:nth-child(11){left:82%;top:59%;}
.premium-home .phome-ion-field span:nth-child(12){left:91%;top:75%;}

@keyframes phomeVisibleDust{
from{transform:translate3d(0,0,0) scale(.92);}
to{transform:translate3d(8px,-12px,0) scale(1.14);}
}

@keyframes phomeLightStrands{
from{transform:translate3d(-4px,3px,0);opacity:.34;}
to{transform:translate3d(5px,-5px,0);opacity:.52;}
}

@media(max-width:760px){
.premium-home .phome-ion-field{
opacity:.86 !important;
}

.premium-home .phome-ion-field::before{
opacity:.28;
}

.premium-home .phome-ion-field span{
width:3px !important;
height:3px !important;
opacity:.5 !important;
box-shadow:0 0 7px rgba(220,168,56,.58),0 0 14px rgba(255,246,220,.28) !important;
}

.premium-home .phome-ion-field span:nth-child(n+9){
display:none !important;
}
}

/* === TRENFi Luxury Dust FX v3: clear editorial sparkle === */
.premium-home .phome-ion-field{
z-index:6 !important;
opacity:1 !important;
}

.premium-home .phome-ion-field::before{
content:"" !important;
display:block !important;
position:absolute;
inset:5% 4% 8%;
background:
radial-gradient(circle at 20% 28%,rgba(255,244,210,.54) 0 1px,transparent 2px),
radial-gradient(circle at 36% 35%,rgba(218,166,54,.52) 0 1.5px,transparent 3px),
radial-gradient(circle at 58% 25%,rgba(255,246,220,.62) 0 1.5px,transparent 3px),
radial-gradient(circle at 78% 33%,rgba(218,166,54,.46) 0 1.5px,transparent 3px),
linear-gradient(105deg,transparent 0 30%,rgba(255,246,220,.24) 31%,transparent 34% 100%),
linear-gradient(116deg,transparent 0 57%,rgba(218,166,54,.18) 58%,transparent 61% 100%);
opacity:.9;
filter:drop-shadow(0 0 8px rgba(218,166,54,.28));
animation:phomeEditorialLight 14s ease-in-out infinite alternate;
pointer-events:none;
}

.premium-home .phome-ion-field span{
display:block !important;
width:5px !important;
height:5px !important;
border-radius:50% !important;
background:rgba(255,244,214,.94) !important;
border:1px solid rgba(188,137,38,.42) !important;
box-shadow:
0 0 0 1px rgba(255,253,246,.6),
0 0 10px rgba(218,166,54,.78),
0 0 22px rgba(255,244,214,.42) !important;
opacity:.88 !important;
animation:phomeEditorialDust 9s ease-in-out infinite alternate !important;
}

.premium-home .phome-ion-field span:nth-child(1){left:18%;top:23%;animation-delay:-.6s !important;}
.premium-home .phome-ion-field span:nth-child(2){left:31%;top:34%;width:4px !important;height:4px !important;opacity:.76 !important;animation-delay:-3.2s !important;}
.premium-home .phome-ion-field span:nth-child(3){left:43%;top:20%;width:4px !important;height:4px !important;opacity:.68 !important;animation-delay:-5.4s !important;}
.premium-home .phome-ion-field span:nth-child(4){left:58%;top:29%;animation-delay:-2.1s !important;}
.premium-home .phome-ion-field span:nth-child(5){left:73%;top:22%;width:4px !important;height:4px !important;opacity:.72 !important;animation-delay:-6.8s !important;}
.premium-home .phome-ion-field span:nth-child(6){left:86%;top:43%;animation-delay:-4.5s !important;}
.premium-home .phome-ion-field span:nth-child(7){left:24%;top:66%;width:4px !important;height:4px !important;opacity:.62 !important;animation-delay:-7.6s !important;}
.premium-home .phome-ion-field span:nth-child(8){left:38%;top:77%;display:block !important;width:4px !important;height:4px !important;opacity:.58 !important;animation-delay:-1.8s !important;}
.premium-home .phome-ion-field span:nth-child(9){left:52%;top:63%;animation-delay:-8.6s !important;}
.premium-home .phome-ion-field span:nth-child(10){left:67%;top:74%;width:4px !important;height:4px !important;opacity:.58 !important;animation-delay:-3.9s !important;}
.premium-home .phome-ion-field span:nth-child(11){left:82%;top:59%;animation-delay:-9.2s !important;}
.premium-home .phome-ion-field span:nth-child(12){left:91%;top:75%;display:block !important;width:4px !important;height:4px !important;opacity:.48 !important;animation-delay:-2.8s !important;}

@keyframes phomeEditorialDust{
from{transform:translate3d(0,0,0) scale(.9);}
to{transform:translate3d(7px,-13px,0) scale(1.18);}
}

@keyframes phomeEditorialLight{
from{transform:translate3d(-5px,4px,0);opacity:.76;}
to{transform:translate3d(5px,-6px,0);opacity:1;}
}

@media(max-width:760px){
.premium-home .phome-ion-field::before{
opacity:.62;
}

.premium-home .phome-ion-field span{
width:4px !important;
height:4px !important;
opacity:.64 !important;
}

.premium-home .phome-ion-field span:nth-child(n+9){
display:none !important;
}
}

/* === TRENFi Luxury Dust FX v4: remove stained light lines === */
.premium-home .phome-ion-field::before,
.premium-home .phome-ion-field::after{
display:none !important;
content:none !important;
background:none !important;
animation:none !important;
}

.premium-home .phome-ion-field span{
width:4px !important;
height:4px !important;
background:rgba(255,248,226,.86) !important;
border:1px solid rgba(185,143,61,.34) !important;
box-shadow:0 0 8px rgba(214,170,82,.46),0 0 18px rgba(255,248,226,.26) !important;
opacity:.64 !important;
}

.premium-home .phome-ion-field span:nth-child(2),
.premium-home .phome-ion-field span:nth-child(5),
.premium-home .phome-ion-field span:nth-child(7),
.premium-home .phome-ion-field span:nth-child(10),
.premium-home .phome-ion-field span:nth-child(12){
opacity:.42 !important;
}

.premium-home .phome-ion-field span:nth-child(3),
.premium-home .phome-ion-field span:nth-child(8){
display:none !important;
}

@media(max-width:760px){
.premium-home .phome-ion-field span{
width:3px !important;
height:3px !important;
opacity:.46 !important;
}
}
/* === TRENFi Homepage LCP Guard v1 === */
.premium-home .phome-hero-stage::before,
.premium-home .phome-hero-stage::after,
.premium-home .phome-hero::before,
.premium-home .phome-hero::after,
.phome-ion-field{
display:none !important;
}

.premium-home .phome-hero-ambient{
filter:none !important;
transform:none !important;
}

.premium-home .phome-hero-copy > *,
.premium-home .phome-hero-stage{
animation:none !important;
opacity:1 !important;
transform:none !important;
filter:none !important;
}

.premium-home .phome-hero-caption{
backdrop-filter:none !important;
background:rgba(255,253,248,.92) !important;
}

/* === TRENFi Homepage Hero Perceived Speed v1 === */
.premium-home .phome-hero-stage{
background:
linear-gradient(180deg,rgba(255,253,248,.22),rgba(255,253,248,.1)),
url("../images/homepage/generated/premium-round-brush-hero-ai-placeholder.webp") center/cover no-repeat !important;
}

.premium-home .phome-hero-stage picture{
display:block;
position:absolute;
inset:0;
z-index:1;
}

.premium-home .phome-hero-stage picture .phome-hero-ambient{
position:absolute !important;
inset:0 !important;
width:100% !important;
height:100% !important;
object-fit:cover !important;
object-position:58% 48% !important;
}

@media(max-width:760px){
.premium-home .phome-hero-stage picture .phome-hero-ambient{
inset:0 !important;
width:100% !important;
height:100% !important;
object-position:58% 50% !important;
}
}

/* === TRENFi Homepage Choice Strategy v1 === */
.premium-home .phome-needs{
padding:86px 0;
background:#fffdf8;
border-bottom:1px solid rgba(32,28,20,.08);
}

.premium-home .phome-needs .phome-section-heading{
max-width:760px;
margin-bottom:28px;
}

.premium-home .phome-needs-grid{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:14px;
}

.premium-home .phome-need-card{
display:flex;
flex-direction:column;
min-height:260px;
padding:24px;
background:#f4eee3;
border:1px solid rgba(32,28,20,.1);
border-radius:8px;
color:#11110f;
box-shadow:0 12px 34px rgba(24,21,16,.055);
transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease,background .28s ease;
}

.premium-home .phome-need-card:hover{
transform:translateY(-3px);
background:#fffdf8;
border-color:rgba(185,147,67,.34);
box-shadow:0 22px 62px rgba(24,21,16,.09);
}

.premium-home .phome-need-card span{
font-size:.68rem;
font-weight:850;
text-transform:uppercase;
letter-spacing:.08em;
color:#b99343;
}

.premium-home .phome-need-card h3{
font-family:var(--font-display);
font-size:1.45rem;
line-height:1.14;
margin:14px 0 10px;
}

.premium-home .phome-need-card p{
font-size:.92rem;
line-height:1.65;
color:rgba(17,17,15,.64);
}

.premium-home .phome-need-card em{
display:block;
margin-top:auto;
padding-top:18px;
font-style:normal;
font-size:.78rem;
font-weight:750;
line-height:1.45;
text-transform:uppercase;
letter-spacing:.03em;
color:#11110f;
}

.premium-home .phome-popular-paths{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:10px;
margin-top:18px;
}

.premium-home .phome-path-link{
display:block;
min-height:116px;
padding:18px;
background:#fffdf8;
border:1px solid rgba(32,28,20,.09);
border-radius:8px;
color:#11110f;
box-shadow:0 10px 28px rgba(24,21,16,.04);
transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease;
}

.premium-home .phome-path-link:hover{
transform:translateY(-2px);
border-color:rgba(185,147,67,.34);
box-shadow:0 18px 42px rgba(24,21,16,.075);
}

.premium-home .phome-path-link strong{
display:block;
font-family:var(--font-display);
font-size:1.05rem;
line-height:1.18;
margin-bottom:8px;
}

.premium-home .phome-path-link span{
display:block;
font-size:.78rem;
line-height:1.5;
color:rgba(17,17,15,.62);
}

@media(max-width:980px){
.premium-home .phome-needs-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
}

.premium-home .phome-popular-paths{
grid-template-columns:repeat(2,minmax(0,1fr));
}
}

@media(max-width:620px){
.premium-home .phome-needs{
padding:68px 0;
}

.premium-home .phome-needs-grid{
grid-template-columns:1fr;
}

.premium-home .phome-need-card{
min-height:0;
}

.premium-home .phome-popular-paths{
grid-template-columns:1fr;
}

.premium-home .phome-path-link{
min-height:0;
}
}

/* === TRENFi Home 3-Step Selector v1 === */
.premium-home .phome-selector{
padding:82px 0;
background:#eceee8;
border-bottom:1px solid rgba(32,28,20,.08);
}

.premium-home .phome-selector-head{
display:grid;
grid-template-columns:minmax(280px,.85fr) minmax(280px,1fr);
gap:28px;
align-items:end;
margin-bottom:26px;
}

.premium-home .phome-selector-head .phome-eyebrow{
grid-column:1 / -1;
margin-bottom:0;
}

.premium-home .phome-selector-head h2{
font-family:var(--font-display);
font-size:clamp(2rem,3.8vw,3.25rem);
line-height:1.04;
margin:0;
color:#11110f;
}

.premium-home .phome-selector-head p{
max-width:620px;
font-size:.98rem;
line-height:1.72;
color:rgba(17,17,15,.64);
}

.premium-home .phome-selector-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
border-top:1px solid rgba(32,28,20,.12);
border-left:1px solid rgba(32,28,20,.12);
background:rgba(255,253,248,.32);
}

.premium-home .phome-selector-step{
display:flex;
flex-direction:column;
min-height:276px;
padding:26px;
border-right:1px solid rgba(32,28,20,.12);
border-bottom:1px solid rgba(32,28,20,.12);
background:rgba(255,253,248,.52);
}

.premium-home .phome-selector-step>span{
font-family:var(--font-display);
font-size:2.05rem;
line-height:1;
color:#9f7a3a;
margin-bottom:34px;
}

.premium-home .phome-selector-step h3{
font-family:var(--font-display);
font-size:1.38rem;
line-height:1.18;
margin:0 0 10px;
color:#11110f;
}

.premium-home .phome-selector-step p{
font-size:.9rem;
line-height:1.62;
color:rgba(17,17,15,.62);
}

.premium-home .phome-selector-step div{
display:flex;
flex-wrap:wrap;
gap:8px;
margin-top:auto;
padding-top:18px;
}

.premium-home .phome-selector-step a{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:34px;
padding:8px 11px;
border:1px solid rgba(17,17,15,.15);
border-radius:4px;
background:#fffdf8;
font-size:.72rem;
font-weight:800;
line-height:1.2;
text-transform:uppercase;
color:#11110f;
transition:background .24s ease,border-color .24s ease,transform .24s ease;
}

.premium-home .phome-selector-step a:hover{
background:#11110f;
border-color:#11110f;
color:#fff;
transform:translateY(-1px);
}

@media(max-width:980px){
.premium-home .phome-selector-head,
.premium-home .phome-selector-grid{
grid-template-columns:1fr;
}

.premium-home .phome-selector-step{
min-height:0;
}
}

@media(max-width:620px){
.premium-home .phome-selector{
padding:64px 0;
}

.premium-home .phome-selector-head{
gap:16px;
}

.premium-home .phome-selector-step{
padding:22px 18px;
}
}

/* === TRENFi Studio Note v2 === */
.premium-home .phome-founder{
padding:clamp(72px,7vw,104px) 0;
background:#f4eee3;
}

.premium-home .phome-founder-grid{
display:grid;
grid-template-columns:minmax(360px,.9fr) minmax(420px,1.1fr);
grid-template-areas:"portrait note" !important;
gap:clamp(30px,4.5vw,64px);
align-items:stretch;
}

.premium-home .phome-founder-portrait{
grid-area:portrait;
align-self:stretch;
aspect-ratio:auto !important;
min-height:clamp(520px,52vw,660px);
margin:0;
overflow:hidden;
border:1px solid rgba(30,25,18,.12);
background:#e8ddcc;
}

.premium-home .phome-founder-note{
grid-area:note;
display:flex;
flex-direction:column;
justify-content:center;
min-height:clamp(520px,52vw,660px);
padding:clamp(30px,4vw,48px) 0;
border-top:1px solid rgba(30,25,18,.14);
border-bottom:1px solid rgba(30,25,18,.14);
background:transparent;
}

.premium-home .phome-founder-note h2{
max-width:620px;
font-size:clamp(2.45rem,3.35vw,4.35rem);
line-height:1.03;
letter-spacing:0;
}

.premium-home .phome-founder-note p{
max-width:640px;
font-size:1rem;
line-height:1.74;
color:rgba(23,21,17,.66);
}

.premium-home .phome-founder-signature{
max-width:640px;
margin-top:24px;
padding-top:18px;
}

.premium-home .phome-founder-portrait img,
.premium-home .phome-founder-workshop img{
width:100%;
height:100%;
object-fit:cover;
display:block;
filter:saturate(.94) contrast(1.01);
}

.premium-home .phome-founder-workshop img{
object-position:50% 48%;
}

@media(max-width:980px){
.premium-home .phome-founder-grid{
grid-template-columns:1fr !important;
grid-template-areas:
"note"
"portrait" !important;
}

.premium-home .phome-founder-note{
min-height:0;
padding:28px 0;
}

.premium-home .phome-founder-note h2{
font-size:clamp(2.1rem,7vw,3.2rem);
}

.premium-home .phome-founder-portrait{
min-height:0;
aspect-ratio:4/3 !important;
}
}