/* GONAGRA v8 — photographically layered, smoky charcoal darkroom.
   Only generic abstract atmosphere is shared between projects.
   No collaboration photography is reused outside its own article. */
:root{--smoke-ink:#e2dedc;--dust:#a9a6aa;--ghost:#77737b;--border-mist:rgba(193,185,192,.25);--veillight:rgba(159,148,163,.10)}
body{background:#070809;color:var(--smoke-ink)}
.site-header{background:rgba(7,8,10,.81);border-bottom:1px solid rgba(199,196,204,.16);box-shadow:0 2px 32px #0505068c}
.header-inner{max-width:1600px}
.brand-mark{letter-spacing:.29em;text-shadow:0 0 22px rgba(220,215,225,.09)}
.nav-link{transition:color .3s,text-shadow .3s}
.nav-link.is-current{color:#f5f2f0;text-shadow:0 0 18px rgba(240,237,239,.18)}
/* HERO: fog, ghosted photographic plates and light scratching. No cross-project photographs. */
.hero{min-height:760px;height:min(940px,96svh);background:#08090a}
.hero-art{background-image:linear-gradient(0deg,#08090a 0,transparent 21%,transparent 72%,rgba(6,7,8,.76) 100%),linear-gradient(90deg,#07080bcf,rgba(6,7,8,.18) 45%,rgba(6,7,8,.43)),url('assets/hero-monochrome.webp');background-size:cover;filter:grayscale(1) contrast(1.04) brightness(.68);transform:scale(1.04)}
.darkroom-field{position:absolute;inset:-8% -6%;z-index:-1;pointer-events:none;background:url('assets/ambient-matte.webp') center 44%/cover no-repeat;mix-blend-mode:screen;opacity:.53;filter:contrast(1.22);transform:scale(1.05);animation:atmos-drift 28s ease-in-out infinite alternate}
.hero-fog-panel{position:absolute;inset:7% 6% 12% auto;width:32%;z-index:-1;pointer-events:none;border-left:1px solid rgba(227,224,224,.12);border-right:1px solid rgba(220,216,220,.065);background:linear-gradient(90deg,transparent,rgba(224,213,227,.038),transparent),url('assets/ambient-matte.webp') 65% 50% / cover no-repeat;filter:grayscale(1);opacity:.46;mask-image:linear-gradient(180deg,transparent,#000 14%,#000 83%,transparent)}
.hero-etched-arcs{opacity:.35;background:radial-gradient(circle 610px at 50% 52%,transparent 99.84%,rgba(214,211,220,.50) 99.90%,transparent 100%),radial-gradient(circle 350px at 50% 52%,transparent 99.78%,rgba(214,211,220,.45) 99.9%,transparent 100%),linear-gradient(90deg,transparent 49.98%,rgba(211,212,216,.08) 50%,transparent 50.02%)}
.hero-content{max-width:1260px;z-index:3}
.hero h1{font-size:clamp(77px,10.5vw,164px);font-weight:270;letter-spacing:.20em;margin:0 0 23px .20em;color:#ece8e7;text-shadow:0 2px 34px #050507eb,0 0 90px rgba(236,231,244,.12)}
.hero-kicker{color:#c1bdc1}
.hero-id{color:#aaa5af}
.hero-genre{color:#d4ced3}
.hero-statement{font-size:clamp(23px,2.7vw,38px);max-width:820px;color:#e1dce0;text-shadow:0 2px 25px #000}
.hero-whisper{color:#bcb6bb;max-width:625px}
.hero::after{background-image:radial-gradient(rgba(255,255,255,.28) .65px,transparent .65px),linear-gradient(90deg,transparent 49.975%,rgba(218,218,221,.072) 50%,transparent 50.025%);background-size:149px 149px,100% 100%;opacity:.24}
.hero-scanning-line{opacity:.22}
.hero-bottom::before{content:'';position:absolute;top:-26px;left:0;right:0;height:1px;background:linear-gradient(90deg,rgba(212,206,217,.35),transparent 29%,transparent 72%,rgba(212,206,217,.20))}
/* Soft film-edge vignette, analog grain and veiled light throughout the site. */
.section,.manifesto,.contact{isolation:isolate}
.section::before,.manifesto::before,.contact::before{z-index:-1;opacity:1;background:radial-gradient(ellipse 35% 33% at 14% 21%,rgba(160,152,168,.073),transparent 94%),radial-gradient(ellipse 51% 28% at 81% 71%,rgba(164,163,167,.073),transparent 90%),linear-gradient(90deg,transparent 49.975%,rgba(214,211,219,.012) 50%,transparent 50.025%),url('assets/ambient-matte.webp') 55% 40%/cover no-repeat;filter:grayscale(1)}
.section::after,.manifesto::after,.contact::after{opacity:.13;mix-blend-mode:screen}
.section-heading{position:relative;border-bottom:1px solid rgba(186,184,190,.18);padding-bottom:45px;margin-bottom:56px;isolation:isolate}
.section-heading::after{content:'';position:absolute;bottom:-1px;left:0;width:min(135px,28%);height:1px;background:rgba(210,199,216,.56);box-shadow:0 0 16px rgba(193,179,206,.15)}
.section-heading h2,.about-lead h2,.contact h2{font-size:clamp(53px,6.8vw,94px);letter-spacing:-.055em;line-height:1.13;text-shadow:0 0 40px rgba(226,222,229,.065)}
.eyebrow,.mini-overline{color:#b0aab1;letter-spacing:.32em}
.manifesto{background:#111112;min-height:295px;overflow:hidden}
.manifesto::before{background:radial-gradient(ellipse at 46% 35%,rgba(128,126,137,.13),transparent 63%),linear-gradient(90deg,#090b0cdd,transparent 55%,#08090ac9),url('assets/ambient-matte.webp') center 52%/cover}
.manifesto::after{opacity:.18}
.manifesto-inner{min-height:292px}
.manifesto p{font-size:clamp(25px,3.35vw,45px);line-height:1.52;max-width:970px;color:#eee8e8}
.manifesto p em{color:#bfb6c3}
.manifesto-symbol{font-size:56px;color:#85818a}
/* Releases: prints emerging from the smoke rather than bright gallery tiles. */
.section-releases{background:#0a0b0c}
.section-releases>.container{z-index:2}
.release-grid{gap:70px 27px}
.release-card{transition:transform .45s ease}
.release-card:nth-child(3n + 2){margin-top:30px}
.release-image-wrap{box-shadow:0 30px 82px #000c,0 0 0 1px rgba(230,226,230,.11);border:0}
.release-image-wrap::before{opacity:.88;background:linear-gradient(0deg,#060607c7,transparent 39%),radial-gradient(ellipse at 54% 35%,transparent 30%,rgba(5,5,7,.66) 100%)}
.release-image-wrap::after{background:linear-gradient(90deg,rgba(211,210,211,.075),transparent 11%,transparent 87%,rgba(214,211,221,.07)),linear-gradient(0deg,#08090d5c,transparent 42%);opacity:1}
.release-image{filter:grayscale(1) contrast(1.15) brightness(.77);transition:filter .5s ease,transform 1s cubic-bezier(.2,.8,.2,1)}
.release-image-wrap:hover .release-image{transform:scale(1.07);filter:grayscale(1) contrast(1.08) brightness(.97)}
.release-image-wrap:hover{box-shadow:0 38px 98px #000e,0 0 0 1px rgba(218,212,220,.25)}
.release-card h3{font-size:clamp(23px,2.15vw,29px);color:#e7e4e2}
.artwork-note{border-top:1px solid rgba(171,166,173,.19);padding-top:23px;max-width:100%;font-size:12px;color:#928c95}
/* An abstract quiet passage between discography and collaborations. No project art. */
.atmosphere-transition{height:250px;position:relative;background:#090a0d;isolation:isolate;overflow:hidden;border-block:1px solid rgba(211,208,214,.12)}
.atmosphere-transition::before{content:'';position:absolute;inset:-20%;z-index:-1;background:linear-gradient(90deg,#08090bc7,transparent 30%,transparent 74%,#090a0dc7),url('assets/ambient-matte.webp') 50% 50%/cover no-repeat;filter:grayscale(1) contrast(1.2) brightness(.95);transform:rotate(180deg)}
.atmosphere-transition::after{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at center,transparent 37%,rgba(3,4,5,.68) 97%),repeating-linear-gradient(90deg,transparent 0,transparent calc(25% - 1px),rgba(219,218,220,.025) 25%)}
.atmosphere-transition-inner{height:100%;width:min(1100px,calc(100% - 100px));margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:26px;color:#d9d3d8;font-size:12px;letter-spacing:.30em;font-weight:350;text-shadow:0 2px 12px #050506}
.atmosphere-transition-inner i{display:block;width:min(320px,22vw);height:1px;background:linear-gradient(90deg,transparent,rgba(218,211,223,.5),transparent)}
/* Project panels are distinct atmospheres within the same archival design language. */
.section-collabs{background:#08090a}
.section-collabs::before{background:radial-gradient(ellipse at 90% 12%,rgba(159,146,162,.07),transparent 44%),radial-gradient(ellipse at 7% 70%,rgba(140,136,150,.08),transparent 34%),url('assets/ambient-matte.webp') 50% 58%/cover no-repeat;opacity:.66}
.collab-list{border-top:0}
.collab-card{border-bottom:1px solid rgba(193,188,196,.23);padding-top:74px;padding-bottom:86px;margin-inline:-16px;padding-inline:16px;overflow:hidden}
.collab-card::before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 53% 50% at 84% 52%,rgba(173,167,178,.077),transparent 91%),linear-gradient(90deg,rgba(255,255,255,.018),transparent 16%,transparent 88%,rgba(255,255,255,.011));opacity:.85}
.collab-card::after{content:'';position:absolute;inset:12px 5px;pointer-events:none;border-inline:1px solid rgba(199,188,209,.055)}
.collab-index{color:#b0a7b2}
.collab-main h3,.lorand-intro h3{color:#eee9e8;font-size:clamp(38px,4.2vw,67px)}
.collab-text{font-size:17px;color:#c0b9bf}
.collab-type{color:#b3abb5}
.status{border-color:rgba(194,180,198,.38);background:#0f1013b0;color:#c6bfc8}
.project-photo{position:relative;border:1px solid rgba(213,205,216,.18);box-shadow:0 26px 80px #000e}
.project-photo img{transition:transform .65s ease,filter .6s ease}
.project-photo:hover img{transform:scale(1.015)}
.project-photo figcaption{font-size:10px;letter-spacing:.16em;text-shadow:0 2px 7px black}
.circling-cover{box-shadow:0 29px 76px #000d,0 0 0 1px rgba(212,205,221,.08)}
.circling-cover img{filter:grayscale(.15) contrast(1.08) brightness(.94)}
.yurt-photo img{filter:grayscale(1) contrast(1.13) brightness(.76)}
.collab-noctivagant .collab-art{border:1px solid rgba(203,191,205,.16);box-shadow:0 20px 62px #0008}
.noct-art{background:radial-gradient(ellipse at 48% 50%,rgba(126,125,136,.20),transparent 72%),linear-gradient(140deg,#171619,#08090c)}
.collab-visual .video-frame{box-shadow:0 20px 64px #0009}
/* Signature print: accepted guitar-inclusive studio montage. Its source is ONLY Lóránd's project. */
.collab-lorand .lorand-intro{margin:25px 0 45px}
.collab-lorand .lorand-intro h3{font-size:clamp(40px,4.8vw,74px)}
.lorand-film-poster{border:1px solid rgba(230,224,236,.22);box-shadow:0 36px 105px #000e,0 0 34px rgba(184,175,191,.06);margin-bottom:38px}
.lorand-film-poster img{aspect-ratio:1.5;filter:none;image-rendering:auto}
.lorand-film-poster::after{background:linear-gradient(0deg,rgba(4,5,7,.50),transparent 15%),radial-gradient(ellipse at center,transparent 72%,rgba(5,6,8,.28) 100%)}
.lorand-film-poster .poster-caption{font-size:10px;letter-spacing:.26em;bottom:19px;right:22px;color:#e4ddde}
.collab-lorand .session-gallery .session-thumb{border:1px solid rgba(198,189,202,.18);box-shadow:0 16px 47px #0009}
.collab-lorand .session-gallery .session-thumb:hover{border-color:#afa3b7a8}
.session-archive{border-color:rgba(200,191,207,.26)}
.session-archive summary{font-size:13px;color:#d0c7cf}
/* Editorial / biographical panel: abstract texture-only layer. */
.section-about{background:#0b0d0e}
.about-grid{grid-template-columns:.95fr 1.05fr;gap:clamp(52px,8vw,126px)}
.about-abstract-art{height:280px;position:relative;margin-bottom:65px;overflow:hidden;border:1px solid rgba(201,188,207,.15);box-shadow:0 24px 64px #0008;background:linear-gradient(90deg,#08090a65,#0a0a0c38),url('assets/ambient-matte.webp') 42% 54%/cover}
.about-abstract-art::before{content:'';position:absolute;inset:0;background:radial-gradient(circle 180px at 61% 50%,transparent 99.55%,rgba(223,215,220,.22) 99.7%,transparent 100%),radial-gradient(circle 245px at 61% 50%,transparent 99.55%,rgba(223,215,220,.10) 99.7%,transparent 100%),linear-gradient(90deg,transparent 49.94%,rgba(230,226,233,.09) 50%,transparent 50.06%)}
.about-abstract-art::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 34%,rgba(4,5,6,.75) 100%)}
.about-abstract-art span{position:absolute;bottom:20px;left:24px;font-size:11px;letter-spacing:.35em;font-weight:450;z-index:1;color:#d0cad2}
.about-copy .about-first{font-size:clamp(24px,2.3vw,34px);color:#ede7e8}
.about-copy{color:#c0b8bd}
.about-tags span{border-color:#645c65a1;color:#bdb4bf}
.section-listen{background:#0a0c0d}
.listen-card{min-height:142px;position:relative;overflow:hidden;background:linear-gradient(130deg,#1817196b,#090a0bd9),url('assets/ambient-matte.webp') center/cover no-repeat;border:1px solid rgba(194,186,196,.28);box-shadow:0 15px 45px #0007}
.listen-card::before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(9,10,12,.50),transparent 70%),radial-gradient(circle at 92% 40%,rgba(208,196,215,.065),transparent 50%)}
.listen-card>span{position:relative;z-index:1}
.listen-card:hover{border-color:#bdb3bfb0;background:linear-gradient(130deg,#2a282d87,#0c0e0dd9),url('assets/ambient-matte.webp') center/cover no-repeat}
.inline-player{background:linear-gradient(90deg,#090a0b,#141316),url('assets/ambient-matte.webp') 50% 70%/cover;box-shadow:0 22px 64px #0007;border-color:rgba(185,174,188,.28)}
.contact{background:#090a0c}
.contact::before{background:linear-gradient(90deg,rgba(6,7,8,.78),rgba(7,8,10,.28) 75%,rgba(8,9,10,.65)),url('assets/ambient-matte.webp') 50% 65%/cover}
.contact h2{font-size:clamp(46px,5.9vw,82px)}
.site-footer{border-top:1px solid rgba(187,181,194,.17)}
@keyframes atmos-drift{from{transform:scale(1.04) translate3d(-1%,0,0)}to{transform:scale(1.08) translate3d(1%,1%,0)}}
@media(max-width:1100px){.hero h1{font-size:10.5vw}.section-heading h2,.about-lead h2{font-size:clamp(46px,6vw,72px)}.about-abstract-art{height:220px}}
@media(max-width:850px){.hero{height:auto;min-height:710px;padding-top:130px;padding-bottom:110px}.hero h1{font-size:12.2vw}.hero-fog-panel{width:54%;right:-8%;opacity:.38}.section-heading{padding-bottom:32px;margin-bottom:48px}.release-card:nth-child(3n + 2){margin-top:0}.release-grid{gap:48px 19px}.collab-card{padding-top:56px;padding-bottom:62px}.atmosphere-transition{height:190px}.atmosphere-transition-inner{width:calc(100% - 60px)}.about-abstract-art{height:190px;margin-bottom:42px}.section-collabs .collab-main h3{font-size:clamp(36px,5.7vw,56px)}}
@media(max-width:600px){.hero{padding-top:100px;padding-bottom:116px;min-height:730px}.hero h1{font-size:11.15vw;letter-spacing:.12em;margin-left:.12em}.hero-genre{letter-spacing:.11em}.hero-fog-panel{width:70%;right:-16%;opacity:.25}.hero-statement{font-size:25px}.hero-whisper{font-size:15px}.hero-etched-arcs{opacity:.15}.darkroom-field{opacity:.36}.manifesto-inner{min-height:210px}.manifesto p{font-size:26px}.section-heading h2,.about-lead h2{font-size:44px}.section{padding:77px 0}.release-grid{grid-template-columns:1fr;gap:42px}.collab-card{margin-inline:-5px;padding-inline:5px;padding-top:46px;padding-bottom:54px}.collab-main h3,.collab-lorand .lorand-intro h3{font-size:36px}.collab-text{font-size:16px}.atmosphere-transition{height:155px}.atmosphere-transition-inner{width:calc(100% - 36px);font-size:8px;letter-spacing:.12em;gap:10px}.atmosphere-transition-inner i{width:12vw}.about-abstract-art{height:160px;margin-bottom:32px}.lorand-film-poster .poster-caption{font-size:7px;letter-spacing:.1em;bottom:8px;right:8px}.listen-card{min-height:108px}}
@media(prefers-reduced-motion:reduce){.darkroom-field{animation:none!important}.hero-art{transform:none!important}}
/* Abstract studies remain explicitly labelled; improve definition without false official art. */
.release-image{filter:grayscale(1) contrast(1.08) brightness(1.05)}
.release-image-wrap::before{opacity:.57}
.release-image-wrap::after{opacity:.48}
.release-image-wrap:hover .release-image{filter:grayscale(.9) contrast(1.10) brightness(1.16)}