@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&display=swap');
:root{--orange:#ff9416;--dark:#111315;--dark2:#1b1e21;--white:#f7f7f6;--muted:#c3c5c7;--max:1380px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--dark);color:var(--white);font-family:Montserrat,Arial,sans-serif;font-size:14px;line-height:1.5}a{color:inherit;text-decoration:none}.wrap{width:min(var(--max),calc(100% - 9.4%));margin:auto}.site-header{height:105px;position:sticky;top:0;z-index:20;background:linear-gradient(100deg,#171a1d 0%,#101214 75%);border-bottom:1px solid #ffffff16}.nav{height:100%;display:flex;align-items:center;gap:34px}.brand{display:flex;align-items:center;gap:15px;min-width:410px}.brand img{width:78px;height:78px;object-fit:contain;flex-shrink:0}.brand .brand-words{display:block;width:270px;flex:0 0 270px}.brand b{display:block;width:100%;font-size:clamp(22px,2.5vw,34px);letter-spacing:-.03em;line-height:1.05;white-space:nowrap;text-align:justify;text-align-last:justify}.brand small{display:block;width:100%;color:var(--orange);font-size:15px;letter-spacing:0;margin-top:5px;white-space:nowrap;text-align:left;text-align-last:auto}nav{display:flex;align-items:center;justify-content:center;gap:clamp(14px,3vw,48px);flex:1}nav a{font-size:12px;font-weight:600;white-space:nowrap;padding:13px 0;border-bottom:3px solid transparent}nav a:hover,nav .current{border-color:var(--orange)}.admin-btn{background:var(--orange);color:white;padding:13px 17px;border-radius:6px;font-size:11px;font-weight:800;white-space:nowrap}.hero{position:relative;min-height:390px;overflow:hidden;background:linear-gradient(100deg,#121416 0%,#191c1f 45%,#292d30 100%)}.hero-image{position:absolute;inset:0 0 0 36%;background:linear-gradient(90deg,#141618 0%,#14161845 22%,#1111 100%),url('assets/hero-reference.jpg') center center/cover no-repeat;opacity:.98}.hero-image:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(125deg,transparent 0 90px,#ff94161c 92px 95px,transparent 97px 190px)}.hero-wrap{position:relative;min-height:390px;display:flex;align-items:center}.hero-copy{position:relative;z-index:2;width:48%;padding:38px 0}.hero-kicker{font-size:0;height:0;overflow:hidden}.hero h1{font-size:clamp(44px,5vw,68px);font-weight:900;line-height:.98;letter-spacing:-.04em;margin:0 0 12px}.hero h1 em,.about h2 em,.contact h2 em{font-style:normal;color:var(--orange)}.subtitle{font-size:15px;letter-spacing:.08em}.orange-line{width:74px;height:3px;background:var(--orange);margin:10px 0 13px}.hero p{max-width:430px;font-size:15px;line-height:1.5;margin:0 0 18px}.hero-actions{display:flex;gap:24px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:13px 26px;border-radius:9px;font-size:12px;font-weight:800;border:0}.btn.primary{background:linear-gradient(100deg,#ff9e19,#ff7900);color:#fff}.btn.outline{border:1px solid #ddd;background:#12141680;color:#fff}.hero-art{position:absolute;right:2%;top:0;bottom:0;width:48%;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-art img{width:min(40%,330px);max-height:90%;object-fit:contain;opacity:.9;filter:drop-shadow(0 15px 30px #0008)}.hero-art .angle{position:absolute;inset:-20% 38% -20% 22%;transform:skew(-28deg);border-left:7px solid #ff9416aa;border-right:35px solid #ff941650;background:#ff94160a}.services{background:#f5f5f3;color:#17191b;padding:15px 0 6px}.section-title{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:12px}.section-title h2{font-size:23px;line-height:1.1;margin:0;font-weight:900}.section-title>a{font-size:11px}.section-title>a b{font-size:25px;color:var(--orange);margin-left:8px}.service-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:9px}.service{min-height:182px;text-align:center;background:linear-gradient(140deg,#fff,#ededeb);padding:15px 9px 12px;clip-path:polygon(13% 0,87% 0,100% 16%,100% 84%,87% 100%,13% 100%,0 84%,0 16%)}.service-icon{color:var(--orange);font-size:38px;font-weight:900;height:48px;line-height:1.2}.service h3{font-size:13px;line-height:1.2;margin:8px 0 9px;font-weight:900}.service p{font-size:12px;line-height:1.5;margin:0;color:#45494d}.portfolio{background:radial-gradient(ellipse at top left,#23272b,#121416 70%);padding:17px 0 24px}.portfolio .section-title{align-items:center;margin-bottom:10px}.filters{display:flex;gap:7px;flex-wrap:wrap}.filters button{background:#17191b;border:1px solid #363a3e;border-radius:7px;color:#fff;padding:9px 13px;font:600 10px Montserrat,Arial;white-space:nowrap}.filters button.active,.filters button:hover{background:var(--orange);border-color:var(--orange);color:#171717}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.gallery-card{background:#22262a;border:1px solid #303438;overflow:hidden}.gallery-card img{width:100%;height:220px;display:block;object-fit:cover}.gallery-caption{padding:10px 12px;display:flex;justify-content:space-between;gap:10px}.gallery-caption b{font-size:11px}.gallery-caption span{font-size:10px;color:var(--orange)}.gallery-empty{min-height:220px;padding:25px;display:flex;flex-direction:column;justify-content:end;background:linear-gradient(145deg,#3a3e42,#151719);border:1px solid #383c40;position:relative;overflow:hidden}.gallery-empty:before{content:"";position:absolute;width:210px;height:210px;border:28px solid #ff941626;border-radius:50%;right:-40px;top:-40px}.gallery-empty.alt{background:linear-gradient(140deg,#32261a,#17191b)}.gallery-empty span{font-size:48px;color:var(--orange);font-weight:900;opacity:.8}.gallery-empty b{font-size:16px;position:relative}.gallery-empty small{color:#bfc3c6;position:relative}.about{padding:70px 0;background:#f4f4f2;color:#17191b}.about-inner{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.eyebrow{color:#e77f00;font-size:11px;letter-spacing:.16em;font-weight:800}.about h2{font-size:52px;line-height:.98;margin:12px 0}.about p{max-width:520px;color:#4e5358}.about-box{padding:32px;background:#1b1e21;color:white;border-left:4px solid var(--orange)}.about-box>span{font-size:11px;color:var(--orange);letter-spacing:.14em;font-weight:800}.about-box h3{font-size:29px;line-height:1.1}.about-box p{color:#c0c4c7}.contact{padding:62px 0;background:#181b1e}.contact-inner{display:grid;grid-template-columns:1fr 1fr;gap:65px}.contact h2{font-size:42px;line-height:1.05;margin:12px 0}.contact p{color:#b9bec2}.contact-lines{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.contact-lines div{background:#23272b;border:1px solid #34393e;padding:13px 15px;min-width:150px}.contact-lines small{display:block;color:var(--orange);font-size:10px;letter-spacing:.1em}.contact-lines b{font-size:13px}.contact-form{background:#22262a;padding:24px;border:1px solid #353a3f;display:flex;flex-direction:column;gap:12px}.contact-form h3{margin:0 0 3px;font-size:19px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.contact-form input,.contact-form textarea{width:100%;background:#121416;border:1px solid #3d4247;color:#fff;padding:13px;font:13px Montserrat,Arial;outline:none}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--orange)}.contact-form textarea{min-height:110px;resize:vertical}.contact-form button{align-self:start}.contact-form>small{font-size:10px;color:#9ca2a7}footer{background:#0e1012;border-top:1px solid #33383c;padding:20px 0;color:#c4c7c9;font-size:11px}.footer-row{display:flex;justify-content:space-between;gap:20px}.orange{color:var(--orange)}
@media(max-width:1200px){.brand{min-width:300px}.brand img{width:66px;height:66px}.brand .brand-words{width:220px;flex-basis:220px}.brand b{font-size:25px}.brand small{font-size:12px}.nav{gap:20px}.service-grid{grid-template-columns:repeat(4,1fr)}.service{min-height:165px}.hero-copy{width:58%}.hero-art{opacity:.7}.section-title{align-items:flex-start;flex-direction:column}.filters{width:100%}}
@media(max-width:760px){.wrap{width:calc(100% - 30px)}.site-header{height:auto;position:relative}.nav{padding:10px 0;flex-wrap:wrap;gap:12px}.brand{min-width:0;flex:1;gap:10px}.brand img{width:48px;height:48px}.brand>span{width:auto;flex:1;min-width:0}.brand b{font-size:19px}.brand small{font-size:10px;letter-spacing:-.04em}nav{order:3;flex-basis:100%;overflow:auto;justify-content:flex-start;gap:20px}nav a{font-size:10px}.admin-btn{font-size:9px;padding:10px}.hero,.hero-wrap{min-height:440px}.hero-image{left:0;opacity:.5}.hero-copy{width:100%;padding:48px 0}.hero h1{font-size:50px}.hero-art{width:100%;opacity:.16}.hero-art img{width:190px}.subtitle{font-size:12px}.hero p{font-size:14px;max-width:390px}.btn{padding:12px 16px}.service-grid{grid-template-columns:repeat(2,1fr)}.service{min-height:170px}.gallery{grid-template-columns:1fr}.gallery-card img{height:230px}.about-inner,.contact-inner{grid-template-columns:1fr;gap:25px}.about{padding:48px 0}.about h2{font-size:43px}.contact{padding:45px 0}.contact h2{font-size:34px}.form-row{grid-template-columns:1fr}.footer-row{flex-direction:column}.filters button{font-size:9px;padding:8px}.section-title h2{font-size:21px}}

/* Header brand alignment: the two wordmark lines share the same visual width. */
@media(max-width:760px){.brand{min-width:0;gap:10px}.brand img{width:56px;height:56px}.brand .brand-words{width:220px;flex-basis:220px}.brand b{font-size:25px}.brand small{font-size:12px}}


/* Header wordmark: make the subtitle visually match the GELENCSÉR line. */
.brand small{
  width:232px;
  transform:scaleX(1.16);
  transform-origin:left center;
  letter-spacing:0;
  text-align:left;
  white-space:nowrap;
}
@media(max-width:1200px){
  .brand small{
    width:189px;
    transform:scaleX(1.16);
  }
}
@media(max-width:760px){
  .brand small{
    width:190px;
    transform:scaleX(1.16);
    font-size:12px;
    letter-spacing:0;
  }
}

/* Iroda cim a Kapcsolat szekcioban */
.contact-lines .office-address{flex-basis:100%;min-width:0}.contact-lines .office-address b{display:block;color:#f7f7f6}.contact-lines .office-address small{color:var(--orange)}