:root{--cream:#F3EBDD;--black:#121B19;--jungle:#16221F;--jet:#383332;--coffee:#724B39;--brass:#CF9D7B;--brass-dark:#B98567;--text:#211E1B;--muted:#746B63;--white:#FFFDF8;--serif:"Cormorant Garamond",Georgia,serif;--sans:"DM Sans",Arial,sans-serif}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{background:var(--cream);color:var(--text);font-family:var(--sans);overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:9999;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}
a{color:inherit;text-decoration:none}.container{width:min(1240px,calc(100% - 80px));margin:auto}

header{position:fixed;top:0;left:0;right:0;height:82px;background:rgba(18,27,25,.96);z-index:1000;border-bottom:1px solid rgba(207,157,123,.22);backdrop-filter:blur(12px);transition:.3s}
.nav{height:100%;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:14px}.logo-mark{width:43px;height:43px;border:1px solid var(--brass);border-radius:50%;display:flex;justify-content:center;align-items:center;font-family:var(--serif);font-size:21px;color:var(--brass);position:relative}.logo-mark:after{content:"";position:absolute;inset:4px;border:1px solid rgba(207,157,123,.35);border-radius:50%}.logo-name{color:var(--cream);font-family:var(--serif);font-size:22px;letter-spacing:1.5px}.logo-name span{color:var(--brass)}
.nav-links{display:flex;align-items:center;gap:30px}.nav-links a{color:rgba(243,235,221,.72);font-size:10px;letter-spacing:1.8px;text-transform:uppercase;transition:.3s;position:relative}.nav-links a:after{content:"";position:absolute;left:0;bottom:-7px;width:0;height:1px;background:var(--brass);transition:.3s}.nav-links a:hover,.nav-links a.active{color:var(--brass)}.nav-links a:hover:after,.nav-links a.active:after{width:100%}

.hero{min-height:100vh;padding-top:82px;display:flex;align-items:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;width:700px;height:700px;border-radius:50%;right:-300px;top:100px;background:radial-gradient(circle,rgba(207,157,123,.16),transparent 65%);pointer-events:none}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:70px}.hero-content{position:relative;z-index:2}.eyebrow{display:flex;align-items:center;gap:14px;color:var(--coffee);font-size:11px;letter-spacing:4px;text-transform:uppercase;margin-bottom:25px}.eyebrow:before{content:"";width:45px;height:1px;background:var(--brass)}.hero h1{font-family:var(--serif);font-size:clamp(75px,9vw,150px);font-weight:500;line-height:.78;letter-spacing:-5px;color:var(--black);margin-bottom:42px}.hero h1 span{display:block;color:var(--coffee);font-style:italic;font-weight:400}.hero-description{max-width:540px;font-family:var(--serif);font-size:27px;line-height:1.35;color:#4D4540;margin-bottom:36px}.hero-tags{display:flex;gap:10px;flex-wrap:wrap}.hero-tag{border:1px solid rgba(114,75,57,.35);padding:9px 15px;font-size:9px;letter-spacing:2px;color:var(--coffee);text-transform:uppercase}

.hero-photo{height:600px;position:relative;perspective:1000px}.photo-placeholder{position:absolute;inset:25px 0 25px 35px;background:linear-gradient(135deg,rgba(22,34,31,.92),rgba(56,51,50,.96));display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:25px 25px 0 var(--brass),0 25px 70px rgba(18,27,25,.18);transform:rotate(1.2deg);transition:.5s}.photo-placeholder:hover{transform:rotate(0) translateY(-8px)}.photo-placeholder:before{content:"";position:absolute;width:250px;height:250px;border-radius:50%;border:1px solid rgba(207,157,123,.35)}.photo-placeholder:after{content:"SAJÁT FOTÓ HELYE";position:absolute;color:rgba(243,235,221,.5);font-size:10px;letter-spacing:4px}.photo-corner{position:absolute;top:25px;left:25px;width:45px;height:45px;border-top:1px solid var(--brass);border-left:1px solid var(--brass)}.photo-number{position:absolute;right:25px;bottom:22px;color:var(--brass);font-family:var(--serif);font-size:18px}

section{padding:130px 0;position:relative}.section-label{color:var(--coffee);font-size:10px;letter-spacing:4px;text-transform:uppercase;margin-bottom:15px}.light-label{color:var(--brass)}.section-title{font-family:var(--serif);font-size:clamp(50px,6vw,82px);font-weight:500;line-height:.9;color:var(--black)}.section-title em{color:var(--coffee);font-weight:400}.section-intro{max-width:650px;margin-top:25px;color:var(--muted);font-size:15px;line-height:1.8}.light-intro{color:rgba(243,235,221,.62)}

.about{background:#E9DDCA}.about-grid{margin-top:65px;display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;align-items:center}.about-photo{height:510px;background:var(--jet);position:relative;overflow:hidden;box-shadow:16px 16px 0 var(--brass)}.about-photo:after{content:"FOTÓ HELYE";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:rgba(243,235,221,.5);letter-spacing:4px;font-size:10px}.about-text{font-family:var(--serif);font-size:25px;line-height:1.55;color:#413A35}.about-text strong{color:var(--coffee);font-weight:600}.about-signature{margin-top:35px;font-family:var(--serif);font-size:28px;color:var(--coffee);font-style:italic}

.music{background:var(--jungle);color:var(--cream);overflow:hidden}.music .section-label{color:var(--brass)}.music .section-title{color:var(--cream)}.music .section-title em{color:var(--brass)}.music .section-intro{color:rgba(243,235,221,.62)}.instrument-grid{margin-top:70px;display:grid;grid-template-columns:1fr 1fr;gap:25px}.instrument{min-height:330px;border:1px solid rgba(207,157,123,.28);padding:40px;position:relative;overflow:hidden;transition:.4s;background:linear-gradient(135deg,rgba(255,255,255,.025),transparent)}.instrument:hover{transform:translateY(-8px);border-color:var(--brass);box-shadow:0 25px 60px rgba(0,0,0,.2)}.instrument-number{color:var(--brass);font-size:10px;letter-spacing:3px}.instrument h3{margin-top:50px;font-family:var(--serif);font-size:58px;font-weight:400}.instrument-age{color:var(--brass);font-size:11px;letter-spacing:3px;text-transform:uppercase}.instrument p{position:absolute;left:40px;bottom:40px;max-width:330px;color:rgba(243,235,221,.58);line-height:1.7;font-size:13px}.music-stats{margin-top:25px;display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.stat{padding:30px;border-top:1px solid rgba(207,157,123,.35)}.stat-number{font-family:var(--serif);font-size:43px;color:var(--brass)}.stat-text{margin-top:7px;font-size:10px;letter-spacing:2px;color:rgba(243,235,221,.55);text-transform:uppercase}

.performances{margin-top:90px;padding-top:70px;border-top:1px solid rgba(207,157,123,.22)}.performance-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px}.performance-heading h3{font-family:var(--serif);font-size:58px;font-weight:400}.performance-heading h3 em{color:var(--brass);font-style:italic}.performance-count{font-size:9px;letter-spacing:3px;color:rgba(243,235,221,.45)}.venue-grid{margin-top:45px;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.venue{padding:24px 25px;border:1px solid rgba(207,157,123,.18);background:rgba(255,255,255,.025);transition:.35s;display:flex;flex-direction:column}.venue:hover{border-color:var(--brass);transform:translateY(-4px);background:rgba(255,255,255,.045)}.venue-country{font-size:8px;letter-spacing:2px;text-transform:uppercase;color:var(--brass);margin-bottom:8px}.venue strong{font-family:var(--serif);font-size:25px;font-weight:500;color:var(--cream)}.venue small{font-size:9px;letter-spacing:1px;color:rgba(243,235,221,.4);margin-top:7px}.performance-note{margin-top:25px;padding:25px;border-left:1px solid var(--brass);font-family:var(--serif);font-size:22px;color:rgba(243,235,221,.72);line-height:1.4}

.projects{background:var(--cream)}.projects-top{display:flex;justify-content:space-between;align-items:flex-end;gap:30px}.all-projects{display:inline-flex;align-items:center;gap:12px;color:var(--coffee);font-size:10px;letter-spacing:2px;text-transform:uppercase;border-bottom:1px solid var(--coffee);padding-bottom:8px;transition:.3s}.all-projects:hover{color:var(--brass-dark);gap:18px}.project-grid{margin-top:65px;display:grid;grid-template-columns:1.25fr .75fr;grid-template-rows:250px 250px;gap:20px}.project-box{position:relative;display:block;min-height:100%;border:1px solid rgba(114,75,57,.28);background:rgba(255,255,255,.14);transition:.45s;overflow:hidden}.project-box:first-child{grid-row:span 2}.project-box:before{content:"";position:absolute;width:160px;height:160px;border:1px solid rgba(180,133,103,.15);border-radius:50%;right:-55px;top:-55px}.project-box:hover{transform:translateY(-7px);border-color:var(--brass);background:rgba(207,157,123,.09);box-shadow:0 22px 45px rgba(18,27,25,.1)}.project-box:after{content:"→";position:absolute;right:25px;bottom:20px;color:var(--brass-dark);font-family:var(--serif);font-size:28px;opacity:0;transform:translateX(-8px);transition:.3s}.project-box:hover:after{opacity:1;transform:translateX(0)}

.interests{background:#E9DDCA;overflow:hidden}.interest-cloud{margin-top:65px;display:flex;flex-wrap:wrap;justify-content:center;gap:14px;max-width:1000px;margin-left:auto;margin-right:auto}.interest{padding:18px 27px;border:1px solid rgba(114,75,57,.35);font-family:var(--serif);font-size:25px;color:var(--coffee);background:rgba(243,235,221,.5);transition:.35s;cursor:default}.interest:nth-child(2n){transform:translateY(12px)}.interest:hover{background:var(--coffee);color:var(--cream);transform:translateY(-6px) rotate(-1deg);box-shadow:10px 15px 0 rgba(207,157,123,.45)}

.focus{background:var(--cream)}.focus-grid{margin-top:65px;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.focus-card{padding:35px 28px;min-height:230px;background:var(--white);border:1px solid rgba(114,75,57,.18);position:relative;transition:.4s}.focus-card:hover{transform:translateY(-8px) rotateX(2deg) rotateY(-2deg);box-shadow:15px 20px 45px rgba(18,27,25,.1)}.focus-icon{width:42px;height:42px;border:1px solid var(--brass);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--coffee);font-family:var(--serif);font-size:20px}.focus-card h3{margin-top:30px;font-family:var(--serif);font-size:28px;font-weight:500}.focus-card p{margin-top:8px;color:var(--muted);font-size:12px;line-height:1.6}.focus-state{position:absolute;right:20px;top:20px;font-size:7px;letter-spacing:2px;color:var(--coffee);text-transform:uppercase}

.content-teaser{background:#E9DDCA}.content-teaser-inner{display:flex;align-items:flex-end;justify-content:space-between;gap:50px}.content-button{display:inline-flex;align-items:center;gap:15px;padding:16px 22px;border:1px solid rgba(114,75,57,.4);font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--coffee);transition:.3s;white-space:nowrap}.content-button:hover{background:var(--coffee);color:var(--cream);gap:22px}

.subpage-hero{padding:190px 0 120px;background:var(--cream);min-height:65vh;display:flex;align-items:center}.subpage-hero h1{font-family:var(--serif);font-size:clamp(70px,10vw,145px);line-height:.8;font-weight:500;color:var(--black);letter-spacing:-4px}.subpage-hero h1 em{color:var(--coffee);font-weight:400}.subpage-hero p{max-width:650px;margin-top:40px;font-family:var(--serif);font-size:25px;line-height:1.45;color:#4D4540}.content-page-section{background:#E9DDCA}.videos-page-section{background:var(--jungle);color:var(--cream)}.videos-page-section .section-title{color:var(--cream)}.videos-page-section .section-title em{color:var(--brass)}.blog-grid{margin-top:60px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.blog-card{background:var(--cream);border:1px solid rgba(114,75,57,.18);padding:30px;min-height:250px;transition:.4s}.blog-card:hover{transform:translateY(-7px);box-shadow:12px 18px 40px rgba(18,27,25,.08)}.blog-date{color:var(--brass-dark);font-size:9px;letter-spacing:2px;text-transform:uppercase}.blog-card h3{margin-top:40px;font-family:var(--serif);font-size:31px;font-weight:500;color:var(--black)}.blog-card p{margin-top:12px;color:var(--muted);font-size:12px;line-height:1.6}.empty-content-card{cursor:default}.video-grid{margin-top:60px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.video-placeholder{aspect-ratio:16/10;background:var(--jet);border:1px solid rgba(207,157,123,.22);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;transition:.4s}.video-placeholder:hover{transform:translateY(-7px);border-color:var(--brass)}.video-placeholder:before{content:"VIDEÓ HELYE";color:rgba(243,235,221,.35);font-size:9px;letter-spacing:3px}.play{position:absolute;width:48px;height:48px;border:1px solid var(--brass);border-radius:50%;color:var(--brass);display:flex;align-items:center;justify-content:center;font-size:12px}

.contact-section{background:var(--coffee);color:var(--cream);text-align:center;padding:150px 0}.contact-section .section-label{color:var(--brass)}.contact-section h2{font-family:var(--serif);font-size:clamp(60px,8vw,110px);font-weight:400;line-height:.9}.contact-section h2 em{color:var(--brass);font-style:italic}.contact-text{max-width:500px;margin:30px auto;color:rgba(243,235,221,.7);line-height:1.7;font-size:14px}.contact-buttons{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:35px}.contact-button{padding:15px 24px;border:1px solid rgba(243,235,221,.4);font-size:9px;letter-spacing:2px;text-transform:uppercase;transition:.3s}.contact-button:hover{background:var(--brass);color:var(--black);border-color:var(--brass)}

footer{background:var(--black);color:var(--cream);padding:55px 0 30px}.footer-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:40px;border-bottom:1px solid rgba(207,157,123,.2)}.footer-logo{font-family:var(--serif);font-size:35px;color:var(--brass)}.footer-nav{display:flex;gap:25px}.footer-nav a{font-size:9px;letter-spacing:2px;text-transform:uppercase;color:rgba(243,235,221,.55);transition:.3s}.footer-nav a:hover{color:var(--brass)}.footer-bottom{display:flex;justify-content:space-between;padding-top:25px;font-size:9px;letter-spacing:1px;color:rgba(243,235,221,.35)}

.reveal{opacity:0;transform:translateY(30px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:translateY(0)}

@media(max-width:900px){
.container{width:min(100% - 40px,700px)}.nav-links{display:none}.hero-grid{grid-template-columns:1fr;gap:50px;padding:80px 0}.hero h1{font-size:clamp(65px,18vw,110px);letter-spacing:-3px}.hero-photo{height:450px}.about-grid{grid-template-columns:1fr;gap:50px}.instrument-grid{grid-template-columns:1fr}.music-stats{grid-template-columns:1fr}.venue-grid{grid-template-columns:1fr}.performance-heading{align-items:flex-start;flex-direction:column}.project-grid{grid-template-columns:1fr;grid-template-rows:auto}.project-box:first-child{grid-row:auto;min-height:300px}.project-box{min-height:220px}.focus-grid{grid-template-columns:1fr 1fr}.blog-grid{grid-template-columns:1fr}.video-grid{grid-template-columns:1fr}.content-teaser-inner{align-items:flex-start;flex-direction:column}.footer-top{flex-direction:column;gap:30px;align-items:flex-start}.footer-nav{flex-wrap:wrap}.subpage-hero{padding:160px 0 90px}
}
@media(max-width:550px){
section{padding:90px 0}.container{width:calc(100% - 30px)}.hero{min-height:auto}.hero-description{font-size:22px}.hero-photo{height:390px}.photo-placeholder{inset:15px 10px;box-shadow:10px 10px 0 var(--brass)}.focus-grid{grid-template-columns:1fr}.interest{font-size:20px;padding:14px 20px}.contact-section{padding:100px 0}.footer-bottom{flex-direction:column;gap:10px}.subpage-hero h1{font-size:clamp(60px,17vw,95px);letter-spacing:-2px}.subpage-hero p{font-size:21px}
}

/* --- Letisztult fellépési helyszínek --- */
.venue-intro{
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);
  gap:60px;
  align-items:end;
  margin:70px 0 34px;
  padding-top:55px;
  border-top:1px solid rgba(207,157,123,.22);
}
.venue-intro h3{
  margin-top:8px;
  font-family:var(--serif);
  font-size:clamp(46px,5vw,72px);
  line-height:.9;
  font-weight:400;
  color:var(--cream);
  letter-spacing:-1px;
}
.venue-intro h3 em{
  color:var(--brass);
  font-style:italic;
}
.venue-intro p{
  max-width:480px;
  color:rgba(243,235,221,.58);
  font-size:13px;
  line-height:1.8;
}
.venue-grid{
  position:relative;
}
.venue{
  position:relative;
  min-height:118px;
  padding:24px 28px 22px 34px;
  border-top:1px solid rgba(207,157,123,.18);
  background:linear-gradient(90deg,rgba(243,235,221,.035),transparent);
  transition:background .3s ease, transform .3s ease, padding-left .3s ease;
}
.venue:last-child{
  border-bottom:1px solid rgba(207,157,123,.18);
}
.venue:before{
  content:"";
  position:absolute;
  left:0;
  top:24px;
  width:3px;
  height:0;
  background:var(--brass);
  transition:height .3s ease;
}
.venue:hover{
  background:rgba(243,235,221,.055);
  transform:translateX(5px);
  padding-left:39px;
}
.venue:hover:before{
  height:calc(100% - 48px);
}
.venue-country{
  display:block;
  margin-bottom:7px;
  color:var(--brass);
  font-size:8px;
  letter-spacing:2.5px;
  text-transform:uppercase;
}
.venue strong{
  display:block;
  color:var(--cream);
  font-family:var(--serif);
  font-size:30px;
  line-height:1.05;
  font-weight:400;
}
.venue small{
  display:block;
  margin-top:8px;
  color:rgba(243,235,221,.42);
  font-size:9px;
  letter-spacing:1.4px;
  text-transform:uppercase;
}
@media(max-width:900px){
  .venue-intro{
    grid-template-columns:1fr;
    gap:20px;
    margin-top:55px;
    padding-top:45px;
  }
  .venue-intro p{max-width:620px}
}
@media(max-width:550px){
  .venue-intro{
    margin-top:45px;
    padding-top:40px;
  }
  .venue-intro h3{font-size:48px}
  .venue{padding:22px 18px 20px 24px;min-height:105px}
  .venue strong{font-size:25px}
  .venue:hover{padding-left:28px}
}


/* =========================================================
   PROJEKTEK — prémium, stabil, reszponzív kártyarendszer
   ========================================================= */

.projects{
  background:var(--cream);
  overflow:hidden;
}

.projects-top{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:30px;
}

.all-projects{
  display:inline-flex;
  align-items:center;
  gap:12px;
  color:var(--coffee);
  font-size:10px;
  letter-spacing:2px;
  text-transform:uppercase;
  border-bottom:1px solid var(--coffee);
  padding-bottom:8px;
  transition:.3s;
}

.all-projects:hover{
  color:var(--brass-dark);
  gap:18px;
}

/* Desktop: 1 nagy + 2 kisebb kártya */
.project-grid{
  margin-top:65px;
  display:grid;
  grid-template-columns:minmax(0,1.22fr) minmax(300px,.78fr);
  grid-template-rows:minmax(235px,1fr) minmax(185px,.78fr);
  gap:18px;
  min-height:510px;
}

.project-box{
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  min-width:0;
  min-height:0;
  padding:30px 32px;
  overflow:hidden;
  color:var(--black);
  text-decoration:none;
  border:1px solid rgba(114,75,57,.24);
  background:linear-gradient(135deg,#fffdf8 0%,#f0e4d4 100%);
  box-shadow:0 12px 35px rgba(18,27,25,.035);
  isolation:isolate;
  transition:
    transform .4s ease,
    border-color .4s ease,
    box-shadow .4s ease,
    background .4s ease;
}

.project-box:first-child{
  grid-row:1 / 3;
}

.project-box:before{
  content:"";
  position:absolute;
  width:230px;
  height:230px;
  right:-95px;
  top:-95px;
  border:1px solid rgba(180,133,103,.18);
  border-radius:50%;
  z-index:-1;
  pointer-events:none;
}

.project-box:hover{
  transform:translateY(-7px);
  border-color:var(--brass-dark);
  box-shadow:0 25px 55px rgba(18,27,25,.12);
}

.project-topline{
  position:relative;
  z-index:2;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  color:var(--brass-dark);
  font-size:8px;
  letter-spacing:2.5px;
  text-transform:uppercase;
}

.project-topline span:first-child{
  font-family:var(--serif);
  font-size:17px;
  letter-spacing:0;
}

.project-copy{
  position:relative;
  z-index:2;
  max-width:700px;
  margin-top:auto;
  padding-top:55px;
  padding-right:45px;
}

.project-kicker{
  display:block;
  margin-bottom:9px;
  color:var(--coffee);
  font-size:8px;
  letter-spacing:2.4px;
  text-transform:uppercase;
}

.project-copy h3{
  margin:0;
  color:var(--black);
  font-family:var(--serif);
  font-size:clamp(38px,4vw,60px);
  font-weight:500;
  line-height:.9;
  letter-spacing:-.8px;
}

.project-copy h3 em{
  color:var(--coffee);
  font-style:italic;
  font-weight:400;
}

.project-copy p{
  max-width:560px;
  margin-top:15px;
  color:var(--muted);
  font-size:12px;
  line-height:1.7;
}

.project-arrow{
  position:absolute;
  z-index:3;
  right:27px;
  bottom:22px;
  width:43px;
  height:43px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(114,75,57,.3);
  border-radius:50%;
  color:var(--coffee);
  font-family:var(--serif);
  font-size:22px;
  transition:.35s;
}

.project-box:hover .project-arrow{
  background:var(--coffee);
  color:var(--cream);
  border-color:var(--coffee);
  transform:rotate(4deg) scale(1.06);
}

.project-watermark{
  position:absolute;
  z-index:0;
  right:34px;
  top:25px;
  color:rgba(114,75,57,.055);
  font-family:var(--serif);
  font-size:clamp(120px,12vw,190px);
  line-height:1;
  pointer-events:none;
}

.project-vocab{
  color:var(--cream);
  background:linear-gradient(145deg,#16221f 0%,#26332f 100%);
  border-color:rgba(207,157,123,.34);
}

.project-vocab:before{
  border-color:rgba(207,157,123,.16);
}

.project-vocab .project-topline,
.project-vocab .project-kicker{
  color:var(--brass);
}

.project-vocab .project-copy h3{
  color:var(--cream);
  font-size:clamp(34px,3.4vw,51px);
}

.project-vocab .project-copy p{
  color:rgba(243,235,221,.58);
}

.project-vocab:hover{
  background:linear-gradient(145deg,#101c18 0%,#26332f 100%);
  border-color:var(--brass);
}

.project-vocab .project-arrow{
  color:var(--brass);
  border-color:rgba(207,157,123,.4);
}

.project-vocab:hover .project-arrow{
  background:var(--brass);
  color:var(--black);
  border-color:var(--brass);
}

.project-mini-mark{
  position:absolute;
  z-index:0;
  right:28px;
  top:50px;
  color:rgba(207,157,123,.08);
  font-family:var(--serif);
  font-size:90px;
  font-style:italic;
  line-height:1;
  pointer-events:none;
}

.project-empty{
  flex-direction:row;
  align-items:center;
  justify-content:space-between;
  padding:25px 28px;
  background:transparent;
  border-style:dashed;
  box-shadow:none;
}

.project-empty span{
  font-family:var(--serif);
  font-size:28px;
  color:var(--coffee);
  font-style:italic;
}

.project-empty strong{
  width:40px;
  height:40px;
  flex:0 0 40px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(114,75,57,.35);
  border-radius:50%;
  color:var(--coffee);
  font-family:var(--serif);
  font-size:25px;
  font-weight:400;
  transition:.3s;
}

.project-empty:hover{
  background:rgba(207,157,123,.06);
  box-shadow:none;
  transform:translateY(-5px);
}

.project-empty:hover strong{
  background:var(--coffee);
  color:var(--cream);
  transform:rotate(90deg);
}

/* Tablet */
@media(max-width:900px){
  .project-grid{
    grid-template-columns:1fr 1fr;
    grid-template-rows:auto auto;
    min-height:0;
  }

  .project-box:first-child{
    grid-row:1 / 3;
    min-height:470px;
  }

  .project-vocab{
    min-height:225px;
  }

  .project-empty{
    min-height:150px;
  }

  .project-copy h3{
    font-size:clamp(35px,6vw,52px);
  }
}

/* Mobil */
@media(max-width:650px){
  .projects-top{
    align-items:flex-start;
    flex-direction:column;
  }

  .project-grid{
    grid-template-columns:1fr;
    grid-template-rows:auto;
    gap:14px;
  }

  .project-box:first-child{
    grid-row:auto;
    min-height:390px;
  }

  .project-vocab{
    min-height:285px;
  }

  .project-empty{
    min-height:125px;
  }

  .project-box{
    padding:25px 22px;
  }

  .project-copy{
    padding-top:40px;
    padding-right:35px;
  }

  .project-copy h3{
    font-size:43px;
  }

  .project-copy p{
    font-size:11px;
  }

  .project-watermark{
    right:18px;
    top:22px;
    font-size:110px;
  }

  .project-arrow{
    right:20px;
    bottom:20px;
  }
}


/* V9 — valódi főoldali portré */
.hero-photo .hero-portrait{
  position:relative;
  width:100%;
  height:100%;
  min-height:480px;
  overflow:hidden;
  background:#d9c9b7;
}
.hero-photo .hero-portrait img{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 27%;
}
.hero-photo .hero-portrait .photo-corner{
  z-index:2;
  pointer-events:none;
}
.hero-photo .hero-portrait .photo-number{
  z-index:3;
}
@media(max-width:900px){
  .hero-photo .hero-portrait{min-height:420px}
}
@media(max-width:600px){
  .hero-photo .hero-portrait{min-height:360px}
  .hero-photo .hero-portrait img{object-position:center 25%}
}