
:root{--paper:#f7f5ee;--ink:#233e4b;--gold:#a17b39;--muted:#667373;--line:#d8d5c7}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 'Segoe UI',sans-serif}a{color:inherit;text-underline-offset:5px}:focus-visible{outline:3px solid var(--gold);outline-offset:5px}.preview{padding:5px 5%;font-size:10px;letter-spacing:1px;color:var(--muted);display:flex;justify-content:space-between;border-bottom:1px solid var(--line)}.moon{height:190px;background:#252628 url('https://valamijo.hu/wp-content/uploads/2024/09/cropped-banner-1561790_1920-2.jpg') center center/cover no-repeat;position:relative}.moon:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 55%,#18232930)}.masthead{padding:20px 5%;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:35px}.brand{font:32px Georgia,serif;text-decoration:none;letter-spacing:-1px}.brand span{color:var(--gold)}nav{display:flex;gap:25px;align-items:center;flex-wrap:wrap}nav a{font-size:13px;text-decoration:none;padding:8px 0}nav a:hover,nav a[aria-current]{color:var(--gold)}main{padding:0 7%}.hero{display:grid;grid-template-columns:1.6fr 1fr;gap:60px;align-items:center;padding:62px 0 52px;border-bottom:1px solid var(--line)}.eyebrow{font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--muted);margin-bottom:25px}h1,h2,h3{font-family:Georgia,serif;font-weight:400;line-height:1.15}h1{font-size:clamp(44px,5.5vw,78px);letter-spacing:-2px;margin:0 0 25px}h1 em{color:var(--gold);font-weight:400}.smallline{height:1px;width:85px;background:var(--gold);margin:30px 0}.answer{font:italic 27px/1.5 Georgia,serif;margin:0}.portrait{justify-self:center;margin:0;position:relative;padding:16px;border:1px solid #c4b590;max-width:260px;width:100%}.portrait:before{content:'';position:absolute;inset:6px;border:1px solid var(--line);pointer-events:none}.portrait img{display:block;width:100%;height:275px;object-fit:cover;object-position:top;background:#ded2b8}.portrait figcaption{font-size:10px;letter-spacing:3px;text-align:center;text-transform:uppercase;padding:15px 0 2px}.paths{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:0;padding:30px 0 40px}.path{padding:8px 30px;border-left:1px solid var(--line);text-decoration:none;display:block}.path:first-child{border-left:0;padding-left:0}.path .index{font-size:10px;letter-spacing:2px;color:var(--gold)}.path h2{font-size:32px;margin:12px 0}.path p{color:var(--muted);font-size:14px;max-width:32ch}.path .go{font-size:13px}.path:hover h2{color:var(--gold)}.music{border-top:1px solid var(--line);padding:28px 0;display:flex;align-items:center;justify-content:space-between;gap:24px}.music p{font:italic 22px/1.5 Georgia,serif;margin:0}.music a{font-size:13px;white-space:nowrap}footer{padding:22px 5%;border-top:1px solid var(--line);font-size:12px;color:var(--muted);display:flex;justify-content:space-between;gap:20px}footer .links{display:flex;gap:22px}.skip{position:absolute;top:-100px;left:10px;background:white;padding:12px;z-index:10}.skip:focus{top:10px}@media(min-width:1700px){main{padding-left:12%;padding-right:12%}.hero{gap:100px}.moon{height:210px}}@media(max-width:850px){.masthead{display:block}nav{gap:10px 22px;margin-top:12px}.hero{gap:30px;padding:38px 0}.portrait{max-width:215px}.portrait img{height:230px}h1{font-size:48px}.answer{font-size:24px}.paths{grid-template-columns:1fr 1fr}.path:last-child{grid-column:1/-1;border:0;border-top:1px solid var(--line);padding:22px 0;margin-top:20px}.moon{height:155px}}@media(max-width:560px){.preview{font-size:9px}.preview span:last-child{display:none}.moon{height:130px;background-position:38% center}.brand{font-size:28px}.masthead{padding:15px 6%}nav{gap:4px 18px}nav a{font-size:12px}main{padding:0 7%}.hero{grid-template-columns:1fr;gap:28px}.eyebrow{margin-bottom:18px}h1{font-size:47px}.portrait{max-width:200px}.portrait img{height:215px}.paths{grid-template-columns:1fr;padding-bottom:20px}.path,.path:first-child,.path:last-child{border:0;border-bottom:1px solid var(--line);padding:22px 0;margin:0;grid-column:auto}.path p{max-width:none}.music{display:block}.music p{font-size:20px;margin-bottom:15px}footer{flex-wrap:wrap}}
.hero{grid-template-columns:minmax(0,1fr) 240px minmax(0,1fr);gap:38px}.hero h1{font-size:clamp(36px,3.7vw,58px);letter-spacing:-1.3px}.hero .eyebrow{font-size:9px;letter-spacing:2px}.hero .smallline{margin-bottom:0}.portrait{max-width:240px}.portrait img{height:275px}.reply{padding-left:12px}.answer{font-size:clamp(26px,2.8vw,40px);color:var(--gold)}@media(max-width:850px){.hero{grid-template-columns:1fr;text-align:center;gap:28px}.hero h1{font-size:48px}.hero .smallline{margin:24px auto 0}.portrait{justify-self:center;width:210px}.portrait img{height:245px}.reply{padding:0}.answer{font-size:29px}}@media(min-width:1700px){.hero{gap:45px}}

nav ul{display:flex;gap:24px;flex-wrap:wrap;list-style:none;margin:0;padding:0}nav li{margin:0}nav .sub-menu{display:none}html,body{min-height:0;height:auto}body{display:flow-root}
