/* Optional visual treatment; the previous release is preserved in backups/. */
@font-face{font-family:"Barlow Condensed";font-style:normal;font-weight:600;font-display:swap;src:url("fonts/barlow-condensed-600.ttf") format("truetype")}
@font-face{font-family:"Barlow Condensed";font-style:normal;font-weight:700;font-display:swap;src:url("fonts/barlow-condensed-700.ttf") format("truetype")}
h1,h2,.format h3{font-family:"Barlow Condensed","Arial Narrow",Arial,sans-serif;font-weight:600;letter-spacing:.015em}
h1{font-size:clamp(80px,9.2vw,140px);font-weight:700;line-height:.9;letter-spacing:.005em;margin:28px 0 32px}
.hero-line+.hero-line{margin-top:8px}
.about h2,.contact h2{font-size:clamp(46px,4.8vw,68px);line-height:.98}
.section-heading h2{font-size:38px}
.format h3{font-size:30px;line-height:1.08}
.lazarz h2{font-family:"Barlow Condensed","Arial Narrow",Arial,sans-serif;font-weight:700;letter-spacing:.015em;font-size:clamp(62px,6.8vw,94px)}
.lazarz h2 span{font-family:Arial,Helvetica,sans-serif}
.hero{isolation:isolate}
.hero-atmosphere{position:absolute;inset:0 0 0 auto;width:58%;overflow:hidden;pointer-events:none;z-index:0;mask-image:linear-gradient(90deg,transparent,#000 27%,#000 85%,transparent)}
.fog-sheet{position:absolute;inset:10% -18% -8%;pointer-events:none;background-repeat:no-repeat;filter:blur(17px);will-change:transform}
.fog-near{opacity:.14;background-image:radial-gradient(ellipse 60% 11% at 20% 62%,#c5c9b8,transparent 85%),radial-gradient(ellipse 62% 13% at 73% 69%,#b5beab,transparent 86%),radial-gradient(ellipse 45% 7% at 42% 35%,#bcc4b2,transparent 88%)}
.fog-far{opacity:.09;background-image:radial-gradient(ellipse 62% 10% at 61% 46%,#d6d6c8,transparent 87%),radial-gradient(ellipse 55% 12% at 25% 79%,#cad0bd,transparent 88%)}
.motion-toggle{position:absolute;right:5%;bottom:26px;z-index:2;min-height:44px;padding:10px 0 10px 14px;border:0;background:none;color:var(--muted);font:10px monospace;letter-spacing:.3px;cursor:pointer}
.motion-toggle[hidden]{display:none}
.motion-toggle:hover{color:var(--paper)}
.motion-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.lazarz-copy .lazarz-motto{display:flex;align-items:flex-start;gap:14px;margin-top:24px}
.motto-light{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 8px;width:8px;height:8px;margin-top:8px}
.light-core{position:absolute;inset:0;border-radius:50%;background:#ffe4a2;box-shadow:0 0 7px 2px #d79b4870}
.light-halo{position:absolute;width:48px;height:48px;border-radius:50%;background:radial-gradient(circle,#edb35b35,transparent 70%);pointer-events:none}
@media(max-width:700px){
 h1{font-size:clamp(64px,17vw,102px);line-height:.92}
 .hero-line+.hero-line{margin-top:5px}
 .about h2,.contact h2{font-size:48px}
 .section-heading h2{font-size:32px}
 .format h3{font-size:27px}
 .lazarz h2{font-size:64px}
 .hero-atmosphere{width:100%;height:480px;mask-image:linear-gradient(180deg,transparent,#000 20%,#000 55%,transparent)}
 .fog-sheet{filter:blur(12px)}
 .fog-near{opacity:.1}
 .fog-far{opacity:.06}
 .motion-toggle{bottom:12px}
}
@media(prefers-reduced-motion:reduce){.fog-sheet{transform:none!important;will-change:auto}.light-core,.light-halo{opacity:1!important;transform:none!important}.motion-toggle{display:none!important}}

.about h2{color:var(--accent)}