/* ══════════════════════════════════════════════════════════
   PREMIUM ENTERIJERI · LANDING PAGE
   ══════════════════════════════════════════════════════════ */
.pe-root{
  --ink:#0e0e10; --paper:#f5f1ea; --muted:#6b6760;
  --line:rgba(14,14,16,.14); --accent:#8b6f47;
  --glass:rgba(245,241,234,.72);
  font-family:'Inter',sans-serif; color:var(--ink);
}
.pe-root *{ box-sizing:border-box; }
.pe-shell{ position:relative; z-index:2; max-width:1680px; margin:0 auto; padding:clamp(140px,16vw,200px) clamp(20px,5vw,80px) 0; }

/* ── HERO ── */
.pe-hero{ display:grid; grid-template-columns:1fr 1fr; gap:clamp(40px,6vw,100px); align-items:center; min-height:70vh; padding-bottom:clamp(60px,8vw,120px); border-bottom:1px solid var(--line); }
.pe-hero-content{ max-width:620px; }
.pe-hero-eyebrow{ font-size:10px; letter-spacing:.4em; text-transform:uppercase; color:var(--accent); margin-bottom:18px; display:flex; align-items:center; gap:10px; }
.pe-hero-eyebrow::before{ content:""; width:24px; height:1px; background:var(--accent); }
.pe-hero h1{ font-family:'Cormorant Garamond',serif; font-weight:300; font-size:clamp(36px,5vw,72px); line-height:1.05; letter-spacing:-.02em; margin:0 0 8px; }
.pe-hero h1 em{ font-style:italic; color:var(--accent); }
.pe-hero-sub{ font-family:'Cormorant Garamond',serif; font-style:italic; font-size:clamp(20px,2.4vw,32px); color:var(--muted); margin-bottom:24px; }
.pe-hero-desc{ font-size:clamp(15px,1.2vw,18px); line-height:1.7; color:var(--muted); font-weight:300; margin-bottom:36px; max-width:520px; }
.pe-hero-btns{ display:flex; gap:14px; flex-wrap:wrap; }
.pe-btn{ display:inline-flex; align-items:center; gap:12px; padding:16px 32px; border-radius:40px; font-size:11px; font-weight:500; letter-spacing:.3em; text-transform:uppercase; text-decoration:none; transition:all .5s cubic-bezier(.19,1,.22,1); cursor:pointer; border:none; font-family:inherit; }
.pe-btn.primary{ background:var(--ink); color:var(--paper); }
.pe-btn.primary:hover{ background:var(--accent); transform:translateY(-3px); }
.pe-btn.ghost{ border:1px solid var(--ink); color:var(--ink); background:none; }
.pe-btn.ghost:hover{ background:var(--ink); color:var(--paper); }
.pe-hero-img{ position:relative; border-radius:3px; overflow:hidden; aspect-ratio:4/5; }
.pe-hero-img img{ width:100%; height:100%; object-fit:cover; filter:brightness(.95); transition:transform 1.2s cubic-bezier(.19,1,.22,1); }
.pe-hero-img:hover img{ transform:scale(1.03); }
.pe-hero-badge{ position:absolute; bottom:24px; left:24px; background:rgba(14,14,16,.75); backdrop-filter:blur(12px); color:var(--paper); padding:14px 20px; border-radius:3px; font-size:11px; letter-spacing:.15em; }
.pe-hero-badge strong{ display:block; font-family:'Cormorant Garamond',serif; font-size:28px; font-weight:300; letter-spacing:0; margin-bottom:2px; }

/* ── TRUST BADGES ── */
.pe-trust{ display:grid; grid-template-columns:repeat(4,1fr); gap:0; border-bottom:1px solid var(--line); }
.pe-trust-item{ padding:clamp(28px,3vw,44px) clamp(16px,2vw,32px); border-right:1px solid var(--line); display:flex; align-items:center; gap:14px; }
.pe-trust-item:last-child{ border-right:none; }
.pe-trust-icon{ width:36px; height:36px; color:var(--accent); opacity:.7; flex-shrink:0; }
.pe-trust-icon svg{ width:100%; height:100%; }
.pe-trust-text{ font-size:13px; font-weight:400; line-height:1.4; color:var(--ink); }

/* ── TESTIMONIALS ── */
.pe-social{ padding:clamp(60px,8vw,120px) 0; border-bottom:1px solid var(--line); }
.pe-social-head{ margin-bottom:clamp(40px,5vw,64px); }
.pe-social-head .pe-seclbl{ font-size:10px; letter-spacing:.4em; text-transform:uppercase; color:var(--accent); margin-bottom:12px; display:flex; align-items:center; gap:10px; }
.pe-social-head .pe-seclbl::before{ content:""; width:18px; height:1px; background:var(--accent); }
.pe-social-head h2{ font-family:'Cormorant Garamond',serif; font-weight:300; font-size:clamp(28px,3.5vw,52px); line-height:1.05; margin:0; }
.pe-social-head h2 em{ font-style:italic; color:var(--accent); }
.pe-testimonials{ display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(16px,2vw,28px); }
.pe-test{ position:relative; padding:clamp(32px,3.5vw,48px); border:1px solid var(--line); border-radius:3px; background:rgba(255,255,255,.3); backdrop-filter:blur(8px); transition:all .6s cubic-bezier(.19,1,.22,1); }
.pe-test:hover{ border-color:var(--accent); background:rgba(139,111,71,.03); box-shadow:0 30px 80px -20px rgba(139,111,71,.12); transform:translateY(-4px); }
.pe-test-quote{ font-size:48px; font-family:'Cormorant Garamond',serif; color:var(--accent); opacity:.3; line-height:1; margin-bottom:8px; }
.pe-test p{ font-size:15px; line-height:1.75; color:var(--muted); font-weight:300; font-style:italic; margin-bottom:24px; }
.pe-test-author{ display:flex; align-items:center; gap:12px; padding-top:20px; border-top:1px solid var(--line); }
.pe-test-avatar{ width:40px; height:40px; border-radius:50%; background:var(--accent); display:flex; align-items:center; justify-content:center; color:var(--paper); font-family:'Cormorant Garamond',serif; font-size:18px; font-weight:400; }
.pe-test-name{ font-size:14px; font-weight:500; }
.pe-test-role{ font-size:12px; color:var(--muted); font-weight:300; }

/* ── CLIENT LOGOS ── */
.pe-logos{ padding:clamp(40px,5vw,64px) 0; border-bottom:1px solid var(--line); text-align:center; }
.pe-logos-lbl{ font-size:10px; letter-spacing:.4em; text-transform:uppercase; color:var(--muted); margin-bottom:28px; }
.pe-logos-grid{ display:flex; justify-content:center; align-items:center; gap:clamp(32px,5vw,72px); flex-wrap:wrap; opacity:.4; }
.pe-logos-grid span{ font-family:'Cormorant Garamond',serif; font-size:clamp(18px,2vw,26px); font-weight:400; color:var(--ink); white-space:nowrap; }

/* ── FEATURED PROJECTS ── */
.pe-projects{ padding:clamp(60px,8vw,120px) 0; border-bottom:1px solid var(--line); }
.pe-projects-head{ display:grid; grid-template-columns:1fr auto; align-items:end; gap:24px; margin-bottom:clamp(40px,5vw,64px); }
.pe-projects-head .pe-seclbl{ font-size:10px; letter-spacing:.4em; text-transform:uppercase; color:var(--accent); margin-bottom:12px; display:flex; align-items:center; gap:10px; }
.pe-projects-head .pe-seclbl::before{ content:""; width:18px; height:1px; background:var(--accent); }
.pe-projects-head h2{ font-family:'Cormorant Garamond',serif; font-weight:300; font-size:clamp(28px,3.5vw,52px); line-height:1.05; margin:0; }
.pe-projects-head h2 em{ font-style:italic; color:var(--accent); }
.pe-projects-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(16px,2vw,28px); }
.pe-pcard{ text-decoration:none; color:inherit; border-radius:3px; overflow:hidden; border:1px solid var(--line); transition:all .6s cubic-bezier(.19,1,.22,1); }
.pe-pcard:hover{ border-color:var(--accent); box-shadow:0 30px 80px -20px rgba(139,111,71,.12); transform:translateY(-4px); }
.pe-pcard-img{ aspect-ratio:4/3; overflow:hidden; }
.pe-pcard-img img{ width:100%; height:100%; object-fit:cover; transition:transform 1.2s cubic-bezier(.19,1,.22,1); }
.pe-pcard:hover .pe-pcard-img img{ transform:scale(1.05); }
.pe-pcard-info{ padding:clamp(20px,2.5vw,32px); background:rgba(255,255,255,.3); backdrop-filter:blur(8px); }
.pe-pcard-meta{ font-size:11px; letter-spacing:.2em; text-transform:uppercase; color:var(--muted); margin-bottom:8px; }
.pe-pcard-title{ font-family:'Cormorant Garamond',serif; font-size:clamp(22px,2.2vw,30px); font-weight:400; margin-bottom:12px; }
.pe-pcard-cta{ font-size:11px; letter-spacing:.25em; text-transform:uppercase; color:var(--accent); display:inline-flex; align-items:center; gap:8px; }
.pe-pcard:hover .pe-pcard-cta{ gap:14px; }

/* ── STICKY FORM ── */
.pe-form-section{ padding:clamp(60px,8vw,120px) 0; }
.pe-form-layout{ display:grid; grid-template-columns:1fr 420px; gap:clamp(40px,6vw,100px); align-items:start; }
.pe-form-sticky{ position:sticky; top:120px; }
.pe-form-eyebrow{ font-size:10px; letter-spacing:.4em; text-transform:uppercase; color:var(--accent); margin-bottom:14px; display:flex; align-items:center; gap:10px; }
.pe-form-eyebrow::before{ content:""; width:24px; height:1px; background:var(--accent); }
.pe-form-title{ font-family:'Cormorant Garamond',serif; font-weight:300; font-size:clamp(30px,3.5vw,48px); line-height:1.05; margin:0 0 14px; }
.pe-form-title em{ font-style:italic; color:var(--accent); }
.pe-form{ display:flex; flex-direction:column; gap:0; }
.pe-field{ position:relative; border-bottom:1px solid var(--line); padding:clamp(18px,2vw,24px) 0 clamp(10px,1.2vw,14px); }
.pe-field:first-child{ border-top:1px solid var(--line); }
.pe-field label{ position:absolute; top:50%; left:0; transform:translateY(-50%); font-size:11px; letter-spacing:.3em; text-transform:uppercase; color:var(--muted); pointer-events:none; transition:all .4s cubic-bezier(.19,1,.22,1); }
.pe-field.is-focused label,.pe-field.has-value label{ top:clamp(4px,.6vw,8px); transform:translateY(0) scale(.82); color:var(--accent); letter-spacing:.4em; }
.pe-field input,.pe-field select{ width:100%; background:none; border:none; outline:none; font-family:'Cormorant Garamond',serif; font-size:clamp(18px,1.8vw,24px); font-weight:400; color:var(--ink); padding:8px 0 0; appearance:none; }
.pe-field select{ cursor:pointer; }
.pe-field::after{ content:""; position:absolute; bottom:-1px; left:0; width:100%; height:1px; background:var(--accent); transform:scaleX(0); transform-origin:left; transition:transform .6s cubic-bezier(.19,1,.22,1); }
.pe-field.is-focused::after{ transform:scaleX(1); }
.pe-submit-row{ display:flex; align-items:center; justify-content:space-between; margin-top:clamp(24px,3vw,40px); gap:16px; }
.pe-submit-hint{ font-size:12px; color:var(--muted); font-weight:300; font-style:italic; font-family:'Cormorant Garamond',serif; }
.pe-success{ text-align:center; padding:clamp(40px,6vw,80px) 20px; }
.pe-success-icon{ width:56px; height:56px; border-radius:50%; border:2px solid var(--accent); margin:0 auto 24px; display:flex; align-items:center; justify-content:center; color:var(--accent); animation:peSuccessPop .6s cubic-bezier(.19,1,.22,1); }
@keyframes peSuccessPop{ 0%{ transform:scale(0); opacity:0; } 100%{ transform:scale(1); opacity:1; } }
.pe-success-icon svg{ width:24px; height:24px; }
.pe-success h3{ font-family:'Cormorant Garamond',serif; font-weight:300; font-size:clamp(26px,3.5vw,42px); margin:0 0 12px; }
.pe-success h3 em{ font-style:italic; color:var(--accent); }
.pe-success p{ font-size:15px; color:var(--muted); font-weight:300; max-width:380px; margin:0 auto; line-height:1.7; }
.pe-error{ padding:12px 18px; border:1px solid #c0392b; border-radius:3px; background:rgba(192,57,43,.06); color:#c0392b; font-size:13px; margin-bottom:20px; text-align:center; }

/* ── FAQ ── */
.pe-faq-section{ padding:clamp(60px,8vw,120px) 0; border-top:1px solid var(--line); }
.pe-faq-head{ margin-bottom:clamp(40px,5vw,64px); }
.pe-faq-head .pe-seclbl{ font-size:10px; letter-spacing:.4em; text-transform:uppercase; color:var(--accent); margin-bottom:12px; display:flex; align-items:center; gap:10px; }
.pe-faq-head .pe-seclbl::before{ content:""; width:18px; height:1px; background:var(--accent); }
.pe-faq-head h2{ font-family:'Cormorant Garamond',serif; font-weight:300; font-size:clamp(28px,3.5vw,52px); line-height:1.05; margin:0; }
.pe-faq-head h2 em{ font-style:italic; color:var(--accent); }
.pe-faq-list{ max-width:860px; }
.pe-faq-item{ border-bottom:1px solid var(--line); }
.pe-faq-item:first-child{ border-top:1px solid var(--line); }
.pe-faq-q{ width:100%; background:none; border:none; text-align:left; padding:clamp(22px,2.5vw,32px) 0; cursor:pointer; display:flex; justify-content:space-between; align-items:center; gap:20px; font-family:'Cormorant Garamond',serif; font-size:clamp(20px,2vw,28px); font-weight:400; color:var(--ink); transition:color .3s; }
.pe-faq-q:hover{ color:var(--accent); }
.pe-faq-q svg{ width:20px; height:20px; flex-shrink:0; color:var(--accent); transition:transform .4s cubic-bezier(.19,1,.22,1); }
.pe-faq-item.is-open .pe-faq-q svg{ transform:rotate(45deg); }
.pe-faq-a{ max-height:0; overflow:hidden; transition:max-height .5s cubic-bezier(.19,1,.22,1), padding .5s; }
.pe-faq-item.is-open .pe-faq-a{ max-height:300px; padding-bottom:clamp(22px,2.5vw,32px); }
.pe-faq-a p{ font-size:15px; line-height:1.75; color:var(--muted); font-weight:300; max-width:700px; }

/* ── SOTM BANNER (ALL PROJECTS) ── */
.pe-sotm-banner {
  position: relative;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  background: var(--ink);
  color: var(--paper);
  padding: clamp(80px, 12vw, 160px) 20px;
  text-align: center;
  overflow: hidden;
}
.pe-sotm-eyebrow {
  font-size: 10px;
  letter-spacing: 0.4em;
  text-transform: uppercase;
  color: var(--accent);
  margin-bottom: 24px;
}
.pe-sotm-content h2 {
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(40px, 6vw, 90px);
  font-weight: 300;
  line-height: 1.05;
  margin: 0 0 48px;
  color: #fff;
}
.pe-sotm-content h2 em {
  font-style: italic;
  color: var(--accent);
}
.pe-sotm-btn {
  display: inline-flex;
  align-items: center;
  gap: 20px;
  text-decoration: none;
  color: #fff;
  font-size: 12px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  transition: all 0.5s cubic-bezier(0.19,1,0.22,1);
}
.pe-sotm-btn-text {
  position: relative;
}
.pe-sotm-btn-text::after {
  content: "";
  position: absolute;
  bottom: -4px; left: 0;
  width: 100%; height: 1px;
  background: rgba(255,255,255,0.3);
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 0.6s cubic-bezier(0.19,1,0.22,1);
}
.pe-sotm-btn:hover .pe-sotm-btn-text::after {
  transform: scaleX(1);
  transform-origin: left;
}
.pe-sotm-btn-circle {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.6s cubic-bezier(0.19,1,0.22,1);
}
.pe-sotm-btn-circle svg {
  width: 24px; height: 24px;
  stroke: var(--accent);
  transition: transform 0.6s cubic-bezier(0.19,1,0.22,1);
}
.pe-sotm-btn:hover .pe-sotm-btn-circle {
  background: #fff;
  border-color: #fff;
  transform: scale(1.1);
}
.pe-sotm-btn:hover .pe-sotm-btn-circle svg {
  stroke: var(--ink);
  transform: translateX(4px);
}

/* ── REVEAL ── */
.pe-reveal{ opacity:0; transform:translateY(40px) scale(.97); filter:blur(4px); transition:opacity 1.2s cubic-bezier(.19,1,.22,1), transform 1.4s cubic-bezier(.19,1,.22,1), filter 1s cubic-bezier(.19,1,.22,1); }
body:not(.site-loading) .pe-reveal.is-in{ opacity:1; transform:none; filter:none; }
.pe-stagger .pe-test:nth-child(1){ transition-delay:.05s; }
.pe-stagger .pe-test:nth-child(2){ transition-delay:.15s; }
.pe-stagger .pe-test:nth-child(3){ transition-delay:.25s; }
.pe-test{ opacity:0; transform:translateY(40px) scale(.95); transition:all .8s cubic-bezier(.19,1,.22,1); }
body:not(.site-loading) .pe-stagger.is-in .pe-test{ opacity:1; transform:none; }
.pe-stagger .pe-pcard:nth-child(1){ transition-delay:.05s; }
.pe-stagger .pe-pcard:nth-child(2){ transition-delay:.15s; }
.pe-stagger .pe-pcard:nth-child(3){ transition-delay:.25s; }
.pe-pcard{ opacity:0; transform:translateY(40px) scale(.95); }
body:not(.site-loading) .pe-stagger.is-in .pe-pcard{ opacity:1; transform:none; transition:all .8s cubic-bezier(.19,1,.22,1); }

/* ── RESPONSIVE ── */
@media(max-width:1024px){
  .pe-hero{ grid-template-columns:1fr; }
  .pe-hero-img{ max-height:50vh; aspect-ratio:16/9; }
  .pe-form-layout{ grid-template-columns:1fr; }
  .pe-form-sticky{ position:static; }
  .pe-trust{ grid-template-columns:repeat(2,1fr); }
  .pe-trust-item:nth-child(2){ border-right:none; }
}
@media(max-width:768px){
  .pe-testimonials{ grid-template-columns:1fr; }
  .pe-projects-grid{ grid-template-columns:1fr; }
  .pe-trust{ grid-template-columns:1fr; }
  .pe-trust-item{ border-right:none !important; }
  .pe-projects-head{ grid-template-columns:1fr; }
  .pe-hero-btns{ flex-direction:column; }
  .pe-btn{ justify-content:center; }
}