*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0d0e0d;color:#eee9e0;font-family:Inter,Arial,sans-serif;font-size:15px;line-height:1.7}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit}.container{max-width:1200px;margin:auto;padding-left:32px;padding-right:32px}.skip{position:absolute;top:-100px;left:12px;background:#e1be7e;color:#111;padding:8px;z-index:100}.skip:focus{top:8px}.header{height:88px;border-bottom:1px solid #504536;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,5vw,72px);position:relative;z-index:5;background:#0d0e0d}.brand{display:flex;flex-direction:column;width:max-content;color:#e3c18a;line-height:1}.brand span{font:500 34px/1 "Cormorant Garamond",Georgia,serif;letter-spacing:.18em}.brand small{font-size:9px;letter-spacing:.65em;margin-top:8px}.navigation{display:flex;gap:38px}.navigation a{text-transform:uppercase;font-size:12px;letter-spacing:.08em;padding:12px 0;border-bottom:1px solid transparent}.navigation a:hover,.navigation a:focus-visible,.navigation a.active{color:#e7c88e;border-color:#e7c88e}.menu-toggle{display:none}.hero{height:min(690px,78vw);min-height:540px;position:relative;display:flex;align-items:center;overflow:hidden}.hero-image{position:absolute;inset:0;background:url("../images/hero.jpg") center 48%/cover no-repeat}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0b0c0cf7 0%,#0b0c0cdd 31%,#0b0c0c30 75%)}.hero-content{position:relative;z-index:1;width:100%}.eyebrow{color:#e5c48c;letter-spacing:.31em;font-size:11px;font-weight:500}.hero h1{font:400 clamp(60px,8vw,112px)/.95 "Cormorant Garamond",Georgia,serif;margin:12px 0 8px;letter-spacing:.02em}.hero-subtitle{font:italic 400 clamp(34px,4.5vw,60px)/1.02 "Cormorant Garamond",Georgia,serif;color:#e5c48c;margin:0}.gold-rule{height:2px;width:85px;background:#e5c48c;margin:35px 0 22px}.intro{max-width:380px;color:#d4d0c9;font:24px/1.25 "Cormorant Garamond",Georgia,serif}.outline-button{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;padding:14px 24px;border:1px solid #e0bb7e;color:#e8c68e;text-transform:uppercase;letter-spacing:.12em;font-size:12px;margin-top:20px;transition:.2s}.outline-button:hover,.outline-button:focus-visible{background:#e0bb7e;color:#101010}.demo-flag{position:absolute;bottom:10px;right:16px;color:#eee;background:#000a;font-size:9px;letter-spacing:.1em;padding:5px 9px}.quick-links{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding-top:38px;padding-bottom:58px}.feature-card{text-align:center;border-right:1px solid #443b30;padding-right:22px}.feature-card:last-child{border-right:0;padding-right:0}.feature-card img{width:100%;height:200px;object-fit:cover;filter:saturate(.9);transition:transform .25s}.feature-card:hover img{filter:saturate(1.2)}.feature-card h2{color:#e5c48c;font:400 27px "Cormorant Garamond",Georgia,serif;text-transform:uppercase;letter-spacing:.07em;margin:14px 0 4px}.feature-card p{font-size:12px;line-height:1.5;color:#d4d0c9;max-width:260px;margin:0 auto}.feature-card span{display:block;color:#e5c48c;font-size:22px;margin-top:7px}.quote-section{background:radial-gradient(ellipse at center,#242017,#111210 70%);border-top:1px solid #393226;border-bottom:1px solid #393226;text-align:center;padding:75px 22px}.quote-section blockquote{max-width:900px;margin:18px auto;color:#e7c58c;font:italic 400 clamp(30px,4vw,46px)/1.15 "Cormorant Garamond",Georgia,serif}.quote-attribution{max-width:700px;margin:0 auto 16px;color:#c8c4be}.text-link{color:#e5c48c;font-size:12px;text-decoration:underline;text-underline-offset:4px}.gallery-section{padding-top:90px;padding-bottom:95px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px;gap:20px}.section-heading h2,.contact-section h2{font:400 58px/1 "Cormorant Garamond",Georgia,serif;margin:5px 0}.section-heading>p{color:#bcb7ae}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.artwork{border:0;background:#1b1b19;color:#e7c58c;padding:0;text-align:left;cursor:pointer}.artwork img{height:300px;width:100%;object-fit:cover}.artwork>span{padding:14px 16px;display:flex;justify-content:space-between;font:25px "Cormorant Garamond",Georgia,serif}.artwork small{font:11px Inter,Arial,sans-serif;color:#c7bda9;align-self:center}.artwork:hover img{filter:brightness(1.13)}.centered{display:flex;width:max-content;margin:38px auto 0}.sea-section{display:grid;grid-template-columns:1fr 1fr;background:#131412;border-top:1px solid #393226;border-bottom:1px solid #393226}.sea-image{min-height:490px;background:url("../images/feature.jpg") center/cover no-repeat}.sea-copy{align-self:center;padding:60px clamp(30px,6vw,90px)}.sea-copy h2{color:#e5c48c;font:400 clamp(44px,5vw,70px)/.95 "Cormorant Garamond",Georgia,serif;margin:20px 0}.sea-copy>p:not(.eyebrow){max-width:540px;color:#cbc5bc}.contact-section{text-align:center;padding-top:100px;padding-bottom:110px}.contact-section>p:not(.eyebrow){color:#cbc5bc}.footer{border-top:1px solid #403729;padding:26px clamp(22px,5vw,72px);display:flex;justify-content:space-between;align-items:center;gap:20px}.footer .brand span{font-size:27px}.footer p,.footer>a:last-child{font-size:11px;color:#bcb7ae}.lightbox{max-width:min(92vw,950px);max-height:92vh;background:#131412;color:#e5c48c;border:1px solid #806944;padding:24px;text-align:center}.lightbox::backdrop{background:#000d}.lightbox img{max-height:72vh;max-width:100%;margin:auto}.close-lightbox{position:absolute;top:4px;right:12px;background:none;color:#e5c48c;border:0;font-size:32px;cursor:pointer}.lightbox p{margin-bottom:0}@media(max-width:760px){.header{height:76px}.brand span{font-size:28px}.menu-toggle{display:flex;flex-direction:column;gap:5px;border:0;background:none;padding:10px;cursor:pointer}.menu-toggle span{display:block;width:25px;height:2px;background:#e5c48c}.navigation{display:none;position:absolute;top:76px;left:0;right:0;flex-direction:column;gap:0;background:#111;border-bottom:1px solid #51452f;padding:15px 26px}.navigation.open{display:flex}.navigation a{padding:13px}.hero{min-height:620px;height:auto}.hero-shade{background:linear-gradient(90deg,#0b0c0cf2,#0b0c0c80)}.hero-content{padding-top:85px;padding-bottom:90px}.hero h1{font-size:65px}.quick-links{grid-template-columns:1fr;gap:35px}.feature-card,.feature-card:last-child{border:0;padding:0}.feature-card img{height:260px}.gallery-grid{grid-template-columns:1fr}.artwork img{height:300px}.section-heading{display:block}.sea-section{grid-template-columns:1fr}.sea-image{min-height:330px}.sea-copy{padding:40px 30px 55px}.footer{flex-direction:column;text-align:center}.section-heading h2,.contact-section h2{font-size:46px}.container{padding-left:22px;padding-right:22px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Joomla-specific layout */
.joomla-main{padding-top:60px;padding-bottom:90px;min-height:350px}
.joomla-main .page-header h1,.joomla-main h1{font-family:"Cormorant Garamond",Georgia,serif;color:#e5c48c}
.joomla-main a{color:#e5c48c}.joomla-main img{max-width:100%;height:auto}
.joomla-main input,.joomla-main textarea{max-width:100%}
.joomla-main .btn{background:#e5c48c;color:#111;padding:9px 16px;border:0}
.system-message-container{max-width:1200px;margin:auto}
.menu-module ul{display:flex;list-style:none;gap:30px;margin:0;padding:0}
.menu-module li a{font-size:12px;text-transform:uppercase}
@media(max-width:760px){.menu-module ul{display:block}.menu-module li{padding:7px 0}}

.navigation ul{display:flex;list-style:none;gap:38px;padding:0;margin:0}
.navigation li a{display:block;text-transform:uppercase;font-size:12px;letter-spacing:.08em;padding:12px 0;border-bottom:1px solid transparent}
.navigation li.active>a,.navigation li.current>a,.navigation li a:hover{color:#e7c88e;border-color:#e7c88e}
@media(max-width:760px){.navigation ul{display:block}.navigation li a{padding:13px}}

.artist-bio{padding-top:90px;padding-bottom:95px;max-width:920px}.artist-bio h2{font:400 clamp(38px,5vw,62px)/1.05 "Cormorant Garamond",Georgia,serif;color:#e5c48c;margin:12px 0 35px}.artist-bio p{font-size:16px;line-height:1.95;color:#e1ddd5;margin:0 0 22px}.artist-bio strong{color:#f0d5a2}.artist-bio blockquote{border-left:2px solid #d7b67b;padding-left:25px;margin:26px 0;font:italic 28px/1.4 "Cormorant Garamond",Georgia,serif;color:#e5c48c}

.artwork>span{font-size:20px;gap:8px}.artwork small{white-space:nowrap}.gallery-grid{align-items:stretch}.artwork img{object-position:center}

/* Hungarian biography anchor */
#bemutatkozas { scroll-margin-top: 110px; border-top: 1px solid rgba(205,170,105,.23); }
#bemutatkozas blockquote { border-left: 2px solid #c6a36b; padding-left: 1.4rem; }

/* Hungarian biography follows English within About the Artist */
.hu-biography{margin-top:3rem;padding-top:2.5rem;border-top:1px solid rgba(201,163,92,.38)}

/* Three compact paintings, each with its own navigation button. Hero unchanged. */
.home-art-preview{padding-top:46px;padding-bottom:18px}
.home-art-grid{display:grid;grid-template-columns:repeat(3,minmax(0,190px));justify-content:center;align-items:start;gap:28px}
.home-art-card{display:flex;flex-direction:column;align-items:stretch;gap:14px;min-width:0}
.home-art-image{display:block;width:100%;height:135px;object-fit:cover;border:1px solid #4d402d;background:#181815}
.home-art-card .outline-button{margin:0;display:flex;align-items:center;justify-content:center;min-width:0;width:100%;padding:11px 7px;font-size:.79rem;text-align:center}
@media(max-width:660px){.home-art-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.home-art-preview{padding-top:30px}.home-art-image{height:95px}.home-art-card{gap:9px}.home-art-card .outline-button{font-size:.66rem;padding:9px 3px;line-height:1.25}}
@media(max-width:380px){.home-art-grid{grid-template-columns:1fr;max-width:200px;margin:auto}.home-art-image{height:125px}.home-art-card .outline-button{font-size:.8rem}}

/* Smaller artwork previews; original hero and all other sections unchanged. */
.home-art-grid{grid-template-columns:repeat(3,minmax(0,125px));gap:22px}
.home-art-image{height:88px}
.home-art-card{gap:9px}
.home-art-card .outline-button{font-size:.66rem;padding:9px 4px;line-height:1.3;letter-spacing:.035em}
@media(max-width:660px){.home-art-grid{grid-template-columns:repeat(3,minmax(0,105px));gap:9px}.home-art-image{height:73px}.home-art-card .outline-button{font-size:.59rem;padding:8px 2px}}
@media(max-width:380px){.home-art-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:320px}.home-art-image{height:65px}.home-art-card .outline-button{font-size:.55rem}}

/* Equal-size, proportionally displayed small paintings in one row, buttons below. */
.home-art-grid{display:grid;grid-template-columns:repeat(3,minmax(0,125px));justify-content:center;align-items:start;gap:18px}
.home-art-card{width:100%;display:flex;flex-direction:column;align-items:stretch;gap:9px}
.home-art-image{width:100%;height:94px;object-fit:contain;object-position:center;background:#12120f;border:1px solid #4d402d}
.home-art-card .outline-button{min-height:43px;display:flex;justify-content:center;align-items:center;margin:0;padding:8px 4px;font-size:10px;line-height:1.2;letter-spacing:.025em;white-space:normal}
@media(max-width:660px){.home-art-grid{grid-template-columns:repeat(3,minmax(0,110px));gap:10px}.home-art-image{height:82px}.home-art-card .outline-button{font-size:9px;min-height:42px;padding:6px 2px}}
@media(max-width:380px){.home-art-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:320px;gap:7px}.home-art-image{height:72px}.home-art-card .outline-button{font-size:8px;min-height:45px}}

/* FIX: enforce three thumbnails side-by-side on ALL screen sizes. */
.home-art-preview .home-art-grid{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:flex-start!important;justify-content:center!important;gap:clamp(6px,2vw,20px)!important;width:100%!important;max-width:100%!important;margin-inline:auto!important}
.home-art-preview .home-art-card{display:flex!important;flex-direction:column!important;flex:0 1 125px!important;width:calc((100% - 16px)/3)!important;min-width:0!important;max-width:125px!important;align-items:stretch!important;float:none!important;clear:none!important}
.home-art-preview .home-art-image{display:block!important;width:100%!important;height:auto!important;aspect-ratio:4/3!important;object-fit:contain!important}
.home-art-preview .home-art-card .outline-button{display:flex!important;width:100%!important;min-width:0!important;min-height:42px!important;white-space:normal!important;overflow-wrap:anywhere!important;text-align:center!important;font-size:clamp(7px,1.6vw,10px)!important;line-height:1.2!important;letter-spacing:0!important;padding:7px 2px!important}

/* Enlarged, equal-proportion paintings in one horizontal row. */
.home-art-preview .home-art-grid{gap:clamp(8px,2.4vw,28px)!important}
.home-art-preview .home-art-card{flex:0 1 250px!important;max-width:250px!important;width:calc((100% - 24px)/3)!important}
.home-art-preview .home-art-image{aspect-ratio:4/3!important;object-fit:contain!important}
.home-art-preview .home-art-card .outline-button{font-size:clamp(8px,1.5vw,12px)!important;min-height:45px!important}

/* 2026-10-15: double artwork card width (250px -> 500px), keep all other sections intact.
   The row stays responsive: narrower viewports share available width equally. */
.home-art-preview.container{max-width:1600px!important}
.home-art-preview .home-art-grid{gap:clamp(8px,2vw,28px)!important}
.home-art-preview .home-art-card{flex:1 1 500px!important;max-width:500px!important;width:calc((100% - 56px)/3)!important}
.home-art-preview .home-art-image{width:100%!important;height:auto!important;aspect-ratio:4/3!important;object-fit:contain!important}

/* Triple previous maximum card width: 500px -> 1500px.
   Preserve one horizontal row and scale down uniformly on smaller screens. */
.home-art-preview.container{max-width:4600px!important}
.home-art-preview .home-art-grid{gap:clamp(8px,1.5vw,32px)!important}
.home-art-preview .home-art-card{flex:1 1 1500px!important;max-width:1500px!important;width:calc((100% - 64px)/3)!important}
.home-art-preview .home-art-image{width:100%!important;height:auto!important;aspect-ratio:4/3!important;object-fit:contain!important}

/* 1.9: Real enlargement: use entire viewport width, not just a larger max-width.
   Taller image frames also give each painting significantly more visual space.
   Scoped exclusively to homepage art previews; hero and other sections untouched. */
.home-art-preview.container {
  box-sizing:border-box!important;
  width:100%!important; max-width:none!important;
  padding-left:clamp(6px,1vw,18px)!important;
  padding-right:clamp(6px,1vw,18px)!important;
}
.home-art-preview .home-art-grid {
  display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:clamp(5px,1vw,16px)!important; width:100%!important;
  max-width:none!important; margin:0!important; align-items:start!important;
}
.home-art-preview .home-art-card {
  display:flex!important; flex-direction:column!important;
  width:100%!important; min-width:0!important; max-width:none!important;
  flex:none!important; gap:10px!important;
}
.home-art-preview .home-art-image {
  display:block!important; width:100%!important; height:auto!important;
  aspect-ratio:3/4!important; object-fit:contain!important;
  object-position:center!important; background:#12120f!important;
}
.home-art-preview .home-art-card .outline-button {
  width:100%!important; min-height:45px!important;
  font-size:clamp(8px,1.1vw,13px)!important;
  padding:9px 3px!important; overflow-wrap:anywhere!important;
}

/* v2.0: ACTUAL visual enlargement. Three equal-width cards remain on one row.
   Previous contain mode letterboxed paintings; cover fills a taller frame. */
.home-art-preview .home-art-image {
  width:100%!important;
  height:clamp(240px,54vw,850px)!important;
  aspect-ratio:auto!important;
  object-fit:cover!important;
  object-position:center center!important;
  background:#12120f!important;
}
@media(max-width:600px) {
 .home-art-preview .home-art-image {height:clamp(160px,57vw,350px)!important;}
}

/* Only the three homepage artwork image sizes are changed in this edition.
   Keep the existing three-column layout, navigation and buttons unchanged.
   Show the entire paintings without cropping. */
.home-art-preview .home-art-image {
  height:clamp(360px,72vw,1100px)!important;
  object-fit:contain!important;
  object-position:center center!important;
}
@media(max-width:600px){
 .home-art-preview .home-art-image{height:clamp(200px,70vw,440px)!important;}
}