/* Káoszkapitány – új főoldal és kapcsolódó oldalak, 2026.10.27. */
:root{--navy:#0D1B2A;--night:#091520;--navymid:#182d42;--cream:#E9E2D1;--paper:#F7F4EC;--rust:#B65A2A;--gold:#D4A017;--ink:#19222a;--text:#30353b;--muted:#655f54;--line:#d2cab5;--max:1140px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:'Manrope',Arial,sans-serif;background:var(--paper);line-height:1.63}img{max-width:100%;height:auto;display:block}a{color:inherit;text-underline-offset:.22em}a:hover{color:var(--rust)}h1,h2,h3,p{margin-top:0}h1,h2,h3,.brand,.card-index,.eyebrow{font-family:'Bebas Neue','Arial Narrow',Impact,sans-serif}h1,h2,h3{font-weight:800;line-height:1.03;letter-spacing:.012em}h1{font-size:clamp(3.1rem,7vw,6.65rem);max-width:980px}h2{font-size:clamp(2.5rem,5.2vw,4.5rem)}h3{font-size:clamp(1.75rem,3vw,2.25rem)}p{max-width:75ch}.wrap{width:min(var(--max),calc(100% - 44px));margin:0 auto}.container-narrow{max-width:760px}.section{padding:clamp(64px,8vw,112px) 0}.section-sm{padding:60px 0}.bg-cream{background:var(--cream)}.bg-paper{background:var(--paper)}.bg-navy{background:var(--navy);color:var(--paper)}.bg-rust{background:var(--rust);color:#fff}.eyebrow{font-size:1rem;letter-spacing:.2em;text-transform:uppercase;font-weight:700;color:var(--rust);margin-bottom:16px}.bg-navy .eyebrow{color:var(--gold)}.lead{font-size:clamp(1.08rem,1.85vw,1.35rem);max-width:850px;line-height:1.6}.muted{color:var(--muted)}.accent{color:var(--rust)}.gold{color:var(--gold)}.rule{height:2px;background:var(--line);border:0;margin:32px 0}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:13px 20px;text-decoration:none;font:600 .85rem/1.25 'Manrope',Arial,sans-serif;transition:background .15s ease,color .15s ease;border:2px solid transparent;cursor:pointer;max-width:100%;text-align:center}.btn-rust{background:var(--rust);color:white}.btn-rust:hover{background:#96451d;color:white}.btn-gold{background:var(--gold);color:var(--navy)}.btn-gold:hover{background:#e7b53b;color:var(--navy)}.btn-light{border-color:#ebe1d0;color:#ebe1d0;background:transparent}.btn-light:hover{background:#ebe1d0;color:var(--navy)}.btn-outline{border-color:var(--navy);color:var(--navy);background:transparent}.btn-outline:hover{background:var(--navy);color:white}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:32px 0 20px}.small{font-size:.85rem}.site-header{background:var(--cream);border-bottom:2px solid var(--navy);position:sticky;top:0;z-index:40}.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:80px}.brand{font-size:1.88rem;line-height:1;white-space:nowrap;letter-spacing:.02em;font-weight:800;text-decoration:none;color:var(--navy)}.brand em{font-style:normal;color:var(--rust)}.nav-menu{display:flex;align-items:center;gap:clamp(10px,1.2vw,24px)}.nav-menu a:not(.btn){font-size:.77rem;font-weight:600;text-decoration:none;text-transform:uppercase;letter-spacing:.025em;white-space:nowrap}.nav-menu a[aria-current=page]{color:var(--rust)}.nav-menu .btn{font-size:.75rem;padding:12px 16px;min-height:45px}.menu-button{display:none;background:transparent;border:2px solid var(--navy);padding:9px 12px;font:700 .85rem 'Poppins',sans-serif}.hero{position:relative;isolation:isolate;overflow:hidden;background:var(--navy);color:var(--paper)}.hero::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,17,28,.98) 0%,rgba(6,17,28,.92) 52%,rgba(6,17,28,.54) 100%),url('/kepek/epiteszet.webp') center/cover no-repeat;z-index:-1}.hero-inner{padding:clamp(96px,10vw,155px) 0}.hero h1{margin-bottom:24px}.hero-tagline{font-family:'Bebas Neue',sans-serif;text-transform:uppercase;font-size:clamp(1.65rem,3vw,2.45rem);line-height:1.2;color:var(--gold);font-weight:700}.hero .lead{max-width:775px}.trust{font-size:.82rem;color:#ddd4c4;letter-spacing:.018em}.columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.card{border:1px solid var(--line);padding:28px;min-width:0;background:rgba(255,255,255,.38)}.card.dark{background:var(--navymid);border-color:#35495c;color:var(--paper)}.card h3{font-size:2rem;margin-bottom:12px}.card-index{font-size:2.5rem;color:var(--rust);font-weight:700;line-height:1}.card.dark .card-index{color:var(--gold)}.card a.text-link{display:inline-flex;margin-top:18px;color:var(--rust);font-weight:700;font-size:.88rem}.card.dark a.text-link{color:var(--gold)}.wide-statement{font-family:'Bebas Neue',sans-serif;text-transform:uppercase;font-size:clamp(1.55rem,3.2vw,2.6rem);font-weight:800;line-height:1.15}.quote-rule{padding-left:18px;border-left:4px solid var(--rust)}.split-photo{display:grid;grid-template-columns:1fr 1fr;gap:5px;background:var(--paper);padding:5px}.split-photo img{aspect-ratio:4/3;object-fit:cover;width:100%;filter:grayscale(1)}.story-photo{margin:30px 0}.feature-photo{aspect-ratio:4/4.3;width:100%;object-fit:cover;filter:grayscale(1)}.story-duo{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center}.steps{counter-reset:step}.step{display:flex;gap:18px;align-items:flex-start;padding:26px 0;border-bottom:1px solid var(--line)}.step .num{font:800 2.25rem 'Bebas Neue',sans-serif;color:var(--rust);width:48px;flex:none}.step h3{font-size:1.8rem;margin:0 0 8px}.step p{margin-bottom:0}.pill-label{display:inline-block;font-size:.73rem;letter-spacing:.08em;text-transform:uppercase;color:var(--rust);font-weight:700;margin-bottom:10px}.package-meta{color:var(--rust);font-weight:700;font-size:.95rem}.faq details{border-bottom:1px solid var(--line);padding:17px 0}.faq summary{cursor:pointer;font-weight:700;font-size:1rem;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq summary:after{content:'+';font-size:1.4rem;color:var(--rust)}.faq details[open] summary:after{content:'–'}.faq details p{padding:13px 30px 0 0;margin:0}.contact-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:50px}.field{margin-bottom:18px}.field label{display:block;font-size:.87rem;font-weight:700;margin-bottom:6px}.field input,.field textarea,.field select{font:inherit;width:100%;padding:11px 12px;min-height:48px;border:1px solid #a5a9ad;background:#fff;color:var(--ink);border-radius:0}.field textarea{min-height:130px;resize:vertical}.form-hint{font-size:.79rem;color:#555;line-height:1.5}.field.check label{display:flex;gap:12px;align-items:start;font-weight:400}.field.check input{width:19px;height:19px;min-height:auto;flex:none;margin-top:4px}.hp{position:absolute;left:-99999px;top:auto;width:1px;height:1px;overflow:hidden}.status-panel{padding:22px;border-left:4px solid var(--rust);background:#fffcf5}.footer{padding:54px 0;background:var(--cream);border-top:2px solid var(--navy)}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:40px}.footer .small{line-height:1.7}.footer-nav{display:grid;gap:6px;font-size:.83rem}.footer-nav a{text-decoration:none}.footer-nav a:hover{text-decoration:underline}.tagline-banner{padding:50px 0;background:var(--rust);color:#fff}.tagline-banner p{font:800 clamp(2rem,4.8vw,4.75rem)/.97 'Bebas Neue',sans-serif;text-transform:uppercase;letter-spacing:.015em;margin:0;max-width:1000px}.breadcrumbs{font-size:.85rem;padding:18px 0}.breadcrumbs a{color:var(--rust)}.subhero{padding:64px 0 48px;background:var(--cream);border-bottom:2px solid var(--navy)}.subhero h1{font-size:clamp(3.1rem,6.5vw,5.8rem);margin-bottom:0}.story-copy p{max-width:800px}.story-copy .intro{font-size:1.28rem;font-weight:600}.story-copy .hint{font-size:.82rem;color:#7a5c42}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:3px solid var(--gold);outline-offset:4px}html:has(:target){scroll-padding-top:95px}section[id]{scroll-margin-top:95px}
@media(max-width:1000px){.nav-menu{gap:10px}.nav-menu a:not(.btn){font-size:.68rem}.nav-menu .btn{padding:8px 10px}.grid4{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-grid{gap:24px}}
@media(max-width:790px){.nav-inner{min-height:69px}.menu-button{display:block}.nav-menu{display:none;position:absolute;top:100%;left:0;right:0;background:var(--cream);border-bottom:2px solid var(--navy);padding:18px 23px 24px;flex-direction:column;align-items:stretch;box-shadow:0 15px 20px #0002}.nav-menu.open{display:flex}.nav-menu a:not(.btn){font-size:.9rem;padding:7px 0}.columns,.grid3,.contact-grid,.story-duo,.footer-grid{grid-template-columns:1fr}.grid4{grid-template-columns:1fr 1fr}.hero::before{background:linear-gradient(90deg,rgba(6,17,28,.96),rgba(6,17,28,.78)),url('/kepek/epiteszet.webp') center/cover no-repeat}.hero-inner{padding:82px 0}.feature-photo{aspect-ratio:16/9}.footer-grid{gap:28px}}
@media(max-width:480px){.wrap{width:min(var(--max),calc(100% - 32px))}.grid4{grid-template-columns:1fr}.card{padding:24px}.split-photo{grid-template-columns:1fr}.split-photo img{aspect-ratio:16/10}.actions .btn{width:100%}.brand{font-size:1.68rem}.section{padding:60px 0}.subhero{padding:42px 0}.hero h1{font-size:3.15rem}}

.story-feature-image{background:#f5f0e6;overflow:hidden;border:5px solid var(--paper)}
.story-feature-image img{display:block;width:100%;aspect-ratio:1.78;object-fit:cover;object-position:center 48%;filter:grayscale(1)}
@media (max-width:480px){h1,h2,h3,.wide-statement,.tagline-banner p{overflow-wrap:break-word;hyphens:auto}}
.contact-grid>*{min-width:0}.contact-grid p,.contact-grid label{overflow-wrap:anywhere}
@media(max-width:790px){.contact-grid,.columns,.footer-grid,.story-duo,.grid3{grid-template-columns:minmax(0,1fr)}}

/* Shared typography and preserving the original site's font identity. */
.site-header .brand,.brand{letter-spacing:.055em}
h1,h2,h3,.brand{font-weight:400}
.card h3{font-weight:400}
.hero-tagline,.wide-statement,.tagline-banner p{font-weight:400}
/* On narrow phones, keep photos clear and without layout overflow. */
@media(max-width:600px){.story-feature-image{aspect-ratio:auto}.story-feature-image img{width:100%;height:auto}.contact-grid{gap:22px}}
.story-feature-image img{width:100%;height:auto;object-fit:cover}