*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f0e8;color:#2d2925;font-family:Manrope,sans-serif}header{height:88px;max-width:1320px;margin:auto;padding:0 32px;display:flex;align-items:center;justify-content:space-between}.logo{text-decoration:none;color:#8e7659;letter-spacing:.23em;font-family:"Playfair Display";font-size:20px}.drop{margin-right:9px;color:#b99b76}nav{display:flex;gap:28px}nav a{text-decoration:none;color:#665f58;font-size:12px}main{max-width:1380px;margin:auto;padding:0 18px}.hero{min-height:700px;border-radius:30px;overflow:hidden;background:linear-gradient(120deg,#faf7f2,#e8ddd0);display:grid;grid-template-columns:1fr 1fr;position:relative}.hero-copy{padding:95px 40px 80px 75px;z-index:2}.kicker{font-size:10px;letter-spacing:.25em;color:#a48763;font-weight:600;margin-bottom:25px}.hero h1,.editorial h2,.research h2,.early h2{font-family:"Playfair Display",serif;font-weight:500}.hero h1{font-size:76px;line-height:1.03;margin:0;letter-spacing:-.035em}.hero h1 i,h2 i{font-weight:500;color:#a18461}.hero-copy>p{font-size:16px;line-height:1.8;color:#70685f;max-width:600px;margin:28px 0}.actions{display:flex;gap:10px;flex-wrap:wrap}.primary,.secondary{display:inline-flex;padding:16px 23px;border-radius:100px;text-decoration:none;font-size:12px;font-weight:600}.primary{background:#9c805e;color:white}.secondary{border:1px solid #c8b79f;color:#66594b;background:#f9f5ef}.micro{font-size:9px;letter-spacing:.25em;color:#9a8b78;margin-top:42px}.visual{position:relative;padding:55px 45px 55px 5px}.arch{height:570px;border-radius:240px 240px 24px 24px;overflow:hidden;box-shadow:0 25px 60px #745b3d20}.arch img{width:100%;height:100%;object-fit:cover;object-position:24% 50%}.badge{position:absolute;bottom:78px;left:-30px;background:#f7f1e8e8;backdrop-filter:blur(12px);padding:18px 25px;border-radius:16px;box-shadow:0 10px 30px #60492e1c}.badge span{color:#a88a64;margin-right:10px}.badge b{font-size:12px;letter-spacing:.12em}.badge small{display:block;margin:6px 0 0 30px;color:#897c6c}.promise{display:grid;grid-template-columns:repeat(4,1fr);padding:90px 30px;gap:35px}.promise>div{border-top:1px solid #cdbda8;padding-top:22px}.promise span{font-family:"Playfair Display";color:#a68965}.promise h3{font-family:"Playfair Display";font-size:22px;margin:15px 0 8px}.promise p{font-size:12px;line-height:1.7;color:#786f66}.editorial{display:grid;grid-template-columns:1.1fr .9fr;background:#ebe1d5;border-radius:28px;overflow:hidden}.photo{min-height:620px;height:auto;display:flex;align-items:center;justify-content:center;background:#f5f0e8}.photo img{width:100%;height:100%;object-fit:contain;object-position:center;background:#f5f0e8}.editorial-copy{padding:100px 70px}.editorial h2,.research h2{font-size:58px;line-height:1.08;margin:0}.editorial-copy>p,.research p{line-height:1.8;color:#70675e;font-size:15px;margin:26px 0}.note{font-size:10px;line-height:1.6;border-top:1px solid #cdbca7;padding-top:18px;color:#8c8073}.research{margin:100px 0;display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:70px;border-top:1px solid #cbbba6;border-bottom:1px solid #cbbba6}.status{font-size:11px!important}.early{position:relative;overflow:hidden;text-align:center;background:#8d7355;color:white;border-radius:30px;padding:90px 30px}.early .light{color:#eadfce}.early h2{font-size:65px;margin:0}.early>p{max-width:650px;margin:20px auto 30px;color:#eee4d7;line-height:1.7}.early form{max-width:680px;margin:auto;display:flex;gap:10px}.early input{flex:1;padding:17px 22px;border-radius:100px;border:1px solid #ffffff66;background:#ffffff18;color:white;outline:none}.early input::placeholder{color:#eee5da}.early button{border:0;border-radius:100px;padding:0 25px;background:#f4ede4;color:#6f5940;font-weight:600}.early small{display:block;max-width:650px;margin:18px auto 0;color:#dfd3c4;font-size:9px}.early small a{color:white}.ring{position:absolute;width:550px;height:550px;border:1px solid #ffffff1c;border-radius:50%;right:-180px;top:-250px;box-shadow:0 0 0 55px #ffffff08,0 0 0 110px #ffffff05}footer{max-width:1320px;margin:auto;padding:50px 32px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.13em;color:#81766a}footer a{color:#81766a}@media(max-width:900px){nav{display:none}.hero{grid-template-columns:1fr}.hero-copy{padding:60px 28px}.hero h1{font-size:54px}.visual{padding:0 20px 35px}.arch{height:480px}.badge{left:28px}.promise{grid-template-columns:1fr 1fr;padding:65px 20px}.editorial,.research{grid-template-columns:1fr}.photo{min-height:480px;height:auto}.editorial-copy{padding:55px 28px}.research{padding:50px 20px;gap:25px}.early form{flex-direction:column}.early button{padding:17px}.editorial h2,.research h2,.early h2{font-size:45px}footer{flex-direction:column;gap:12px}}
/* Full, unobstructed product infographic */
.visual{display:flex;align-items:center;justify-content:center;padding:38px 34px 38px 10px}
.arch{
  width:100%;
  height:auto;
  max-height:none;
  border-radius:18px;
  overflow:visible;
  background:#f7f2eb;
  box-shadow:0 20px 50px rgba(92,69,42,.12);
}
.arch img{
  display:block;
  width:100%;
  height:auto;
  max-height:none;
  object-fit:contain;
  object-position:center;
  border-radius:18px;
}
.badge{display:none!important}
@media(max-width:900px){
  .visual{padding:0 16px 28px}
  .arch{height:auto!important}
}

/* Keep “formálja a PUREVIA-t.” on one line on desktop */
.research h2 i{font-size:.82em;white-space:nowrap;}
@media(max-width:900px){.research h2 i{font-size:.78em;white-space:normal;}}

/* Mobile responsive hardening */
html,body{width:100%;max-width:100%;overflow-x:hidden}
img{max-width:100%}
@media(max-width:600px){
  header{height:72px;padding:0 20px}
  .logo{font-size:18px;letter-spacing:.18em}
  main{width:100%;max-width:100%;padding:0 10px;overflow:hidden}
  .hero{width:100%;min-height:0;border-radius:22px;display:flex;flex-direction:column;overflow:hidden}
  .hero-copy{width:100%;min-width:0;padding:48px 22px 36px}
  .kicker{font-size:9px;letter-spacing:.20em;margin-bottom:20px}
  .hero h1{font-size:clamp(40px,12vw,52px);line-height:1.02;letter-spacing:-.045em;overflow-wrap:anywhere}
  .hero h1 br{display:none}
  .hero h1 i{display:block;margin-top:5px}
  .hero-copy>p{width:100%;max-width:none;font-size:15px;line-height:1.65;margin:24px 0}
  .actions{width:100%;display:grid;grid-template-columns:1fr;gap:10px}
  .primary,.secondary{width:100%;min-width:0;justify-content:center;text-align:center;padding:15px 14px;white-space:normal}
  .micro{margin-top:30px;line-height:1.6}
  .visual{width:100%;padding:0 14px 22px}
  .arch{width:100%;max-width:100%;overflow:hidden}
  .arch img{width:100%;height:auto}
  .promise{width:100%;grid-template-columns:1fr;padding:52px 12px;gap:28px}
  .editorial,.research{width:100%;min-width:0;grid-template-columns:minmax(0,1fr)}
  .photo{min-height:0;width:100%;padding:0}
  .photo img{width:100%;height:auto;object-fit:contain}
  .editorial-copy{width:100%;min-width:0;padding:46px 22px}
  .editorial h2,.research h2,.early h2{font-size:clamp(36px,10.5vw,45px);line-height:1.08;overflow-wrap:anywhere}
  .research{margin:60px 0;padding:44px 12px;gap:24px}
  .research h2 i{font-size:1em;white-space:normal}
  .research p{font-size:14px}
  .early{width:100%;padding:60px 20px;border-radius:22px}
  .early form{width:100%}
  .early input,.early button{width:100%;min-width:0}
  .ring{width:340px;height:340px;right:-210px;top:-180px}
  footer{width:100%;padding:38px 20px;overflow-wrap:anywhere}
}

/* Refined navigation typography */
nav{gap:34px;align-items:center}
nav a{
  font-family:"Playfair Display",serif;
  font-size:15px;
  font-weight:600;
  letter-spacing:.025em;
  line-height:1.2;
  color:#5f554b;
  position:relative;
  padding:8px 0 10px;
  transition:color .2s ease;
}
nav a::after{
  content:"";
  position:absolute;
  left:0;
  right:100%;
  bottom:4px;
  height:1px;
  background:#9c805e;
  transition:right .2s ease;
}
nav a:hover{color:#9c805e}
nav a:hover::after{right:0}
@media(max-width:1100px) and (min-width:901px){
  nav{gap:22px}
  nav a{font-size:14px}
}

/* Refined PUREVIA hero headline */
.hero h1{font-family:"Cormorant Garamond","Playfair Display",serif;font-size:64px;line-height:1.06;letter-spacing:-.025em;font-weight:500}
.hero h1 i{display:block;margin-top:4px;font-family:"Cormorant Garamond","Playfair Display",serif;font-style:italic;font-weight:500}
@media(max-width:900px){.hero h1{font-size:clamp(34px,9.5vw,44px);line-height:1.08;letter-spacing:-.025em}.hero h1 br{display:block}.hero h1 i{margin-top:4px}}

/* PUREVIA luxury logo preview */
.logo{display:flex;align-items:center;height:82px;letter-spacing:0}
.logo img{display:block;width:auto;height:76px;max-width:260px;object-fit:contain}
@media(max-width:600px){header{height:78px}.logo{height:74px}.logo img{height:68px;max-width:220px}}

/* Larger PUREVIA logo + more compact hero */
header{height:122px}
.logo{height:116px}
.logo img{height:110px;max-width:360px}
.hero{min-height:610px}
.hero-copy{padding:72px 40px 58px 75px}
.visual{padding:38px 45px 38px 5px}
.arch{height:510px}
.badge{bottom:58px}
@media(max-width:900px){
  .hero{min-height:0}
  .arch{height:420px}
}
@media(max-width:600px){
  header{height:98px;padding:0 16px}
  .logo{height:94px}
  .logo img{height:90px;max-width:285px}
  .hero-copy{padding:38px 22px 28px}
  .visual{padding:0 14px 18px}
  .arch{height:360px}
}