:root { --ink:#0d0a09; --panel:#17100e; --red:#bf2619; --red-bright:#e23d27; --gold:#d7b27a; --cream:#f3e9d9; --muted:#bcae9c; --line:rgba(215,178,122,.34); --serif:Georgia,'Times New Roman',serif; --sans:Arial,Helvetica,sans-serif; --mono:'Courier New',monospace; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--cream); background:radial-gradient(ellipse at 50% 0,#4d1f14 0,transparent 28%),var(--ink); font:16px/1.48 var(--sans); }
a { color:inherit; text-decoration:none; } img { display:block; max-width:100%; }
.skip-link { position:fixed; z-index:100; top:-5rem; left:1rem; padding:.7rem 1rem; background:var(--cream); color:var(--ink); }.skip-link:focus { top:1rem; }
.sr-only { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }

.site-header { position:absolute; z-index:10; top:0; display:grid; width:100%; height:78px; grid-template-columns:190px 1fr 180px; align-items:center; gap:1.5rem; padding:0 clamp(1.25rem,4vw,5rem); border-bottom:1px solid rgba(243,233,217,.2); background:rgba(7,5,5,.3); transition:.3s ease; }.site-header.scrolled { position:fixed; height:64px; background:rgba(11,8,7,.96); box-shadow:0 7px 24px rgba(0,0,0,.3); }.brand img { width:132px; max-height:56px; object-fit:contain; object-position:left; }.primary-nav { display:flex; justify-content:center; gap:clamp(1rem,2.3vw,2.9rem); font-size:.71rem; font-weight:700; letter-spacing:.07em; text-transform:uppercase; }.primary-nav a { position:relative; padding:.45rem 0; }.primary-nav a::after { position:absolute; right:0; bottom:-.15rem; left:0; height:2px; content:''; background:var(--red-bright); transform:scaleX(0); transition:.2s; }.primary-nav a:hover::after,.primary-nav a:focus::after { transform:scaleX(1); }.header-line { margin:0; color:var(--muted); font:500 .62rem var(--mono); letter-spacing:.14em; text-align:right; text-transform:uppercase; }.menu-toggle { display:none; border:0; color:var(--cream); background:none; }.menu-toggle span:not(.sr-only) { display:block; width:25px; height:2px; margin:5px; background:currentColor; }

.hero { position:relative; display:grid; min-height:min(830px,100svh); align-items:center; overflow:hidden; isolation:isolate; background:#160e0c; }.hero-media,.finale>img { position:absolute; z-index:-3; inset:0; width:100%; height:100%; object-fit:cover; }.hero-media { object-position:center; }.hero-shade { position:absolute; z-index:-2; inset:0; background:linear-gradient(90deg,rgba(8,6,6,.93) 0%,rgba(11,7,6,.72) 34%,rgba(11,7,6,.13) 72%),linear-gradient(0deg,rgba(7,5,5,.63),transparent 48%); }.hero::after { position:absolute; z-index:-1; inset:0; content:''; pointer-events:none; background:repeating-linear-gradient(90deg,transparent 0 19%,rgba(243,233,217,.035) 19.2% 19.3%,transparent 19.6% 38%); }.hero-inner { width:min(680px,84vw); margin:7.5rem 0 4rem clamp(1.5rem,17vw,17rem); text-align:center; }.hero-logo { width:min(290px,58vw); margin:0 auto 1.5rem; filter:drop-shadow(0 5px 13px #000); }.hero h1,.section-title h2,.join h2,.finale h2 { margin:0; font-family:var(--serif); font-weight:500; line-height:1.04; text-transform:uppercase; }.hero h1 { font-size:clamp(2.4rem,5vw,4.8rem); letter-spacing:.03em; text-shadow:0 3px 12px #000; }.hero-inner>p { margin:1.1rem 0 1.6rem; font-size:clamp(1rem,1.3vw,1.25rem); text-shadow:0 2px 6px #000; }.hero-actions { display:flex; justify-content:center; gap:.85rem; flex-wrap:wrap; }.button { display:inline-flex; min-height:46px; align-items:center; justify-content:center; gap:.85rem; padding:.78rem 1.15rem; border:1px solid transparent; font-size:.68rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; transition:.2s; }.button span { font-size:1.15rem; line-height:0; }.button-primary { background:linear-gradient(135deg,#9f160f,#d33520); border-color:#fa6552; box-shadow:0 5px 18px rgba(0,0,0,.25); }.button-primary:hover { background:#e2422c; transform:translateY(-2px); }.button-quiet { border-color:rgba(243,233,217,.65); background:rgba(0,0,0,.26); }.button-quiet:hover { color:var(--gold); border-color:var(--gold); }.scroll-cue { position:absolute; bottom:1.55rem; left:50%; display:flex; flex-direction:column; align-items:center; gap:.5rem; color:var(--cream); font:500 .57rem var(--mono); letter-spacing:.16em; text-transform:uppercase; transform:translateX(-50%); }.scroll-cue span { width:1px; height:22px; background:var(--gold); }

.section { padding:clamp(3.5rem,6vw,5.5rem) clamp(1.25rem,4vw,4.5rem); }.community { position:relative; overflow:hidden; background:radial-gradient(ellipse at 95% 32%,rgba(182,47,23,.29),transparent 25%),linear-gradient(145deg,#100c0b,#1a100e 66%,#512117); }.community::before { position:absolute; inset:0; content:''; opacity:.45; pointer-events:none; background:repeating-linear-gradient(116deg,transparent 0 10%,rgba(215,178,122,.04) 10.2% 10.4%,transparent 10.6% 21%); }.section-title { position:relative; max-width:960px; margin:0 auto 2rem; text-align:center; }.section-title>p:first-child,.eyebrow { margin:0 0 .55rem; color:var(--gold); font:500 .64rem var(--mono); letter-spacing:.2em; text-transform:uppercase; }.section-title h2 { font-size:clamp(1.95rem,3.4vw,3.65rem); letter-spacing:.04em; }.section-title h2 em { color:var(--red-bright); font-style:normal; }.section-title>span { display:block; width:230px; max-width:60%; height:1px; margin:1rem auto; background:linear-gradient(90deg,transparent,var(--red),transparent); }.section-copy { max-width:700px; margin:0 auto; color:#ddd0c0; font-size:.88rem; }.value-grid { position:relative; display:grid; max-width:1240px; margin:auto; grid-template-columns:repeat(4,1fr); border:1px solid var(--line); background:rgba(12,8,7,.65); }.value-card { min-height:178px; padding:1.45rem 1rem; border-right:1px solid var(--line); text-align:center; }.value-card:last-child { border:0; }.value-mark { display:block; margin-bottom:.65rem; color:var(--red-bright); font:2rem/1 var(--serif); text-shadow:0 0 16px rgba(226,61,39,.42); }.value-card h3 { margin:0 0 .5rem; font:500 1.1rem var(--serif); letter-spacing:.06em; text-transform:uppercase; }.value-card p { margin:0; color:#cabcab; font-size:.76rem; }

.cinematic-divider { position:relative; display:grid; min-height:clamp(340px,38vw,550px); align-items:center; overflow:hidden; isolation:isolate; border-top:1px solid rgba(215,178,122,.25); border-bottom:1px solid rgba(215,178,122,.25); background:#120b09; }.cinematic-divider>img { position:absolute; z-index:-3; inset:0; width:100%; height:100%; object-fit:cover; }.cinematic-divider--camp>img { object-position:center 56%; }.cinematic-divider--expedition>img { object-position:center 48%; }.cinematic-divider__shade { position:absolute; z-index:-2; inset:0; background:linear-gradient(90deg,rgba(8,5,5,.89) 0%,rgba(10,6,5,.55) 47%,rgba(8,5,5,.16) 100%),linear-gradient(0deg,rgba(8,5,5,.6),transparent 62%); }.cinematic-divider__copy { width:min(710px,86vw); margin:3rem clamp(1.25rem,12vw,12rem); text-align:center; text-shadow:0 2px 12px #000; }.cinematic-divider__copy>p:first-child { margin:0 0 .65rem; color:var(--gold); font:500 .66rem var(--mono); letter-spacing:.21em; text-transform:uppercase; }.cinematic-divider__copy h2 { margin:0; font:500 clamp(2rem,4.3vw,4.25rem)/1.05 var(--serif); letter-spacing:.04em; text-transform:uppercase; }.cinematic-divider__copy span { display:block; width:155px; height:1px; margin:1rem auto; background:linear-gradient(90deg,transparent,var(--red-bright),transparent); }.cinematic-divider__copy>p:last-child { max-width:510px; margin:0 auto; color:#eadbca; font-size:clamp(.87rem,1.25vw,1.05rem); }

.adventures { position:relative; background:radial-gradient(ellipse at 20% 0,rgba(170,67,32,.24),transparent 30%),#100c0b; }.section-title.narrow { margin-bottom:1.35rem; }.section-title.narrow h2 { font-size:clamp(1.8rem,3vw,3rem); }.section-title.narrow>p { margin:.35rem 0 0; color:var(--gold); font:500 .65rem var(--mono); letter-spacing:.17em; text-transform:uppercase; }.adventure-grid { display:grid; max-width:1370px; margin:auto; grid-template-columns:repeat(6,1fr); gap:.65rem; }.adventure-card { position:relative; min-height:190px; overflow:hidden; border:1px solid rgba(243,233,217,.45); background:#1b1110; }.adventure-card img { width:100%; height:100%; object-fit:cover; transition:transform .5s ease; }.adventure-card::after { position:absolute; inset:0; content:''; background:linear-gradient(0deg,rgba(6,4,4,.9),transparent 65%); }.adventure-card:hover img { transform:scale(1.08); }.adventure-card h3 { position:absolute; z-index:1; right:.4rem; bottom:.55rem; left:.4rem; margin:0; font:500 .75rem var(--serif); letter-spacing:.04em; text-align:center; text-transform:uppercase; }

.moments { background:linear-gradient(180deg,#1d100c,#0e0a09 88%); }.moment-grid { display:grid; max-width:1370px; margin:auto; grid-template-columns:repeat(5,1fr); gap:.65rem; }.moment-grid>img,.more-moments { width:100%; min-height:180px; overflow:hidden; border:1px solid rgba(243,233,217,.38); background:#17100e; object-fit:cover; }.moment-grid>img { transition:transform .45s; }.moment-grid>img:hover { transform:translateY(-4px); }.more-moments { display:flex; align-items:center; justify-content:center; padding:1.2rem; background:linear-gradient(140deg,#19100d,#080706); font:500 1rem/1.5 var(--serif); letter-spacing:.06em; text-transform:uppercase; }.more-moments b { margin-left:auto; color:var(--gold); font-size:1.5rem; }

.status { position:relative; overflow:hidden; background:radial-gradient(ellipse at 50% 100%,rgba(185,50,23,.42),transparent 55%),linear-gradient(160deg,#27120d,#0d0908 72%); }.status-panel { display:grid; max-width:1240px; margin:auto; grid-template-columns:1.25fr .95fr; gap:clamp(1.75rem,6vw,6rem); align-items:center; }.status-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:.65rem; }.status-grid article { min-height:130px; padding:1rem; border:1px solid var(--line); background:rgba(12,8,7,.55); }.status-grid b { display:block; color:var(--red-bright); font-size:1.25rem; }.status-grid span { display:block; margin:.55rem 0 .25rem; font:500 .7rem var(--serif); letter-spacing:.06em; text-transform:uppercase; }.status-grid p { margin:0; color:#cdbdab; font-size:.71rem; }.join h2 { margin-bottom:.7rem; font-size:clamp(1.8rem,3.2vw,3rem); }.join>p:not(.eyebrow) { max-width:400px; margin:0 0 1.2rem; color:#ded0be; font-size:.84rem; }

.officers { position:relative; overflow:hidden; background:radial-gradient(ellipse at 50% 15%,rgba(167,48,25,.24),transparent 36%),linear-gradient(145deg,#130d0b,#090707); }.officers::before { position:absolute; inset:0; content:''; opacity:.45; pointer-events:none; background:repeating-linear-gradient(122deg,transparent 0 12%,rgba(215,178,122,.04) 12.2% 12.35%,transparent 12.6% 24%); }.officer-grid { position:relative; display:grid; max-width:510px; margin:0 auto; }.officer-card { padding:clamp(1.8rem,4vw,2.8rem); border:1px solid var(--line); text-align:center; background:linear-gradient(145deg,rgba(42,20,16,.86),rgba(10,7,7,.88)); box-shadow:0 16px 42px rgba(0,0,0,.24); }.officer-role { margin:0; color:var(--red-bright); font:600 .68rem var(--mono); letter-spacing:.2em; text-transform:uppercase; }.officer-card h3 { margin:.65rem 0 .55rem; font:500 clamp(2rem,4vw,3rem) var(--serif); letter-spacing:.05em; text-transform:uppercase; }.officer-card h3 a { display:inline-flex; align-items:center; gap:.55rem; color:var(--cream); transition:color .2s ease,transform .2s ease; }.officer-card h3 a:hover,.officer-card h3 a:focus { color:var(--gold); transform:translateY(-2px); }.officer-card h3 span { color:var(--red-bright); font:1.5rem var(--sans); }.officer-card>p:last-child { margin:0; color:#cdbdab; font-size:.86rem; }

.finale { position:relative; display:grid; min-height:360px; align-items:end; overflow:hidden; isolation:isolate; }.finale>img { z-index:-3; object-position:center 52%; }.finale-shade { position:absolute; z-index:-2; inset:0; background:linear-gradient(0deg,rgba(8,5,5,.89),rgba(8,5,5,.08) 80%); }.finale-copy { width:100%; padding:2.4rem 1.5rem; text-align:center; }.finale-copy img { width:88px; margin:0 auto .65rem; filter:drop-shadow(0 3px 7px #000); }.finale h2 { font-size:clamp(1.7rem,3vw,3.1rem); letter-spacing:.06em; }.finale-copy p { margin:.25rem 0 0; color:var(--gold); font:500 .65rem var(--mono); letter-spacing:.19em; text-transform:uppercase; }.site-footer { display:flex; justify-content:space-between; padding:1rem clamp(1.25rem,4vw,4.5rem); color:#bba995; font:500 .6rem var(--mono); letter-spacing:.17em; text-transform:uppercase; background:#070505; }.site-footer a { color:var(--gold); }
.reveal { opacity:0; transform:translateY(24px); transition:opacity .7s ease,transform .7s ease; }.reveal.visible { opacity:1; transform:none; }

/* Portsteinschwalben: Hausordnung statt Hochglanz-Gilde. */
:root { --ink:#080407; --panel:#13070b; --red:#70132b; --red-bright:#d24b59; --gold:#d59b62; --cream:#f5e5d2; --muted:#b39583; --line:rgba(213,155,98,.34); }
body { min-height:100vh; background:radial-gradient(ellipse at 9% 0,rgba(115,19,45,.33) 0,transparent 24%),radial-gradient(ellipse at 88% 38%,rgba(89,20,31,.28) 0,transparent 30%),linear-gradient(135deg,#050304 0%,#0d0509 47%,#050304 100%); }
body::before { position:fixed; z-index:-1; inset:0; content:''; pointer-events:none; opacity:.62; background:repeating-linear-gradient(112deg,transparent 0 24px,rgba(213,155,98,.018) 25px,transparent 26px 51px),radial-gradient(ellipse at 50% 100%,rgba(97,18,34,.2),transparent 54%); }
.site-header { grid-template-columns:220px 1fr 220px; border-color:rgba(213,155,98,.24); background:linear-gradient(180deg,rgba(7,3,5,.87),rgba(7,3,5,.44)); box-shadow:0 1px 0 rgba(213,155,98,.08),0 12px 32px rgba(0,0,0,.24); }.site-header.scrolled { background:rgba(8,4,6,.98); box-shadow:0 8px 28px rgba(0,0,0,.62); }
.brand { display:flex; align-items:center; gap:.55rem; width:max-content; color:var(--gold); text-transform:uppercase; }.brand-glyph { display:grid; width:38px; height:38px; place-items:center; border:1px solid var(--red); color:var(--red-bright); font:1.8rem/1 var(--serif); transform:rotate(-22deg); }.brand-mark { width:48px; height:48px; object-fit:contain; filter:drop-shadow(0 2px 5px rgba(0,0,0,.7)); }.brand strong,.brand small { display:block; line-height:1; }.brand strong { font:600 1.03rem var(--serif); letter-spacing:.18em; }.brand small { margin-top:.18rem; color:var(--muted); font:600 .49rem var(--mono); letter-spacing:.2em; }
.hero { background:#080406; box-shadow:inset 0 -80px 100px rgba(0,0,0,.46); }.hero-media { filter:brightness(.76) saturate(.86) contrast(1.12); transform:scale(1.015); }.hero-shade { background:linear-gradient(90deg,rgba(8,3,5,.98) 0%,rgba(13,4,8,.84) 39%,rgba(8,3,5,.28) 76%,rgba(3,2,3,.12)),linear-gradient(0deg,rgba(4,2,3,.86),transparent 56%); }.hero-inner { width:min(720px,85vw); margin-left:clamp(1.5rem,16vw,16rem); }.hero-kicker { margin:0 0 .5rem; color:var(--gold); font:600 .64rem var(--mono); letter-spacing:.2em; text-transform:uppercase; }.hero-logo--portstein { width:clamp(145px,15vw,215px); max-height:215px; margin:0 auto .35rem; object-fit:contain; filter:drop-shadow(0 8px 16px rgba(0,0,0,.75)); }.hero h1 { letter-spacing:.02em; }.button-primary { background:linear-gradient(135deg,#5e0f24,#a82d39); border-color:#d99068; box-shadow:inset 0 1px 0 rgba(255,221,170,.2),0 8px 20px rgba(0,0,0,.45); }.button-primary:hover { background:linear-gradient(135deg,#7a162d,#c34849); }.button-quiet { background:rgba(5,2,4,.56); }.button-quiet:hover { color:var(--gold); border-color:var(--gold); }
.welcome { background:radial-gradient(ellipse at 94% 26%,rgba(103,12,38,.31),transparent 24%),linear-gradient(145deg,#0d0508,#16070d 63%,#260b17); }.section-title>p:first-child,.eyebrow { color:var(--gold); }.section-title h2 em { color:var(--red-bright); }.section-title>span { background:linear-gradient(90deg,transparent,var(--gold),transparent); }.section-copy { color:#e7d6c8; }.value-grid { border-color:rgba(213,155,98,.43); background:linear-gradient(145deg,rgba(26,8,14,.9),rgba(5,3,4,.88)); box-shadow:0 24px 60px rgba(0,0,0,.3); }.value-card { border-color:rgba(213,155,98,.24); }.value-mark { color:var(--red-bright); text-shadow:0 0 20px rgba(210,75,89,.5); }.value-card p { color:#c5aa9a; }
.cinematic-divider { background:#0c0508; border-color:rgba(213,155,98,.36); }.cinematic-divider>img { filter:brightness(.66) saturate(.82) contrast(1.13); }.cinematic-divider__shade { background:linear-gradient(90deg,rgba(7,3,5,.95) 0%,rgba(11,3,7,.7) 47%,rgba(7,3,5,.26) 100%),linear-gradient(0deg,rgba(4,2,3,.8),transparent 63%); }.cinematic-divider__copy>p:first-child { color:var(--gold); }.cinematic-divider__copy span { background:linear-gradient(90deg,transparent,var(--gold),transparent); }.cinematic-divider__copy>p:last-child { color:#ead9ce; }
.rules { position:relative; overflow:hidden; background:radial-gradient(ellipse at 10% 0,rgba(97,12,38,.3),transparent 27%),radial-gradient(ellipse at 92% 88%,rgba(70,13,29,.21),transparent 34%),linear-gradient(155deg,#0f0509,#070304 73%); }.rule-grid { display:grid; max-width:1240px; margin:auto; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.85rem; }.rule-card { border:1px solid rgba(213,155,98,.32); background:linear-gradient(145deg,rgba(42,8,19,.76),rgba(9,4,6,.95)); box-shadow:inset 0 1px 0 rgba(255,224,178,.045),0 12px 26px rgba(0,0,0,.16); transition:border-color .2s,transform .2s,box-shadow .2s; }.rule-card:hover { border-color:rgba(213,155,98,.86); box-shadow:inset 0 1px 0 rgba(255,224,178,.11),0 17px 31px rgba(0,0,0,.34); transform:translateY(-2px); }.rule-card summary { display:grid; grid-template-columns:auto 1fr auto; gap:.8rem; align-items:center; padding:1.1rem 1.2rem; cursor:pointer; list-style:none; }.rule-card summary::-webkit-details-marker { display:none; }.rule-card summary span { color:var(--red-bright); font:600 1rem var(--serif); }.rule-card summary b { font:500 clamp(1.05rem,1.6vw,1.35rem) var(--serif); letter-spacing:.025em; text-transform:uppercase; }.rule-card summary i { color:var(--gold); font:400 1.35rem var(--sans); font-style:normal; transition:transform .2s; }.rule-card[open] summary i { transform:rotate(45deg); }.rule-card>div { padding:0 1.2rem 1.3rem; color:#dcc9bd; font-size:.86rem; }.rule-card>div p { margin:.75rem 0; }.rule-card>div strong { display:block; color:var(--cream); font-family:var(--serif); font-size:1rem; }.rank-list p { padding:.65rem 0; border-top:1px solid rgba(213,155,98,.16); }.rank-list p:first-child { border-top:0; }.rank-list strong { color:var(--gold); }
.adventures { background:radial-gradient(ellipse at 20% 0,rgba(104,20,35,.22),transparent 30%),linear-gradient(150deg,#0c0508,#050304); }.section-title.narrow>p:last-child { color:var(--gold); }.adventure-card { border-color:rgba(213,155,98,.4); background:#12070b; box-shadow:0 12px 26px rgba(0,0,0,.28); }.adventure-card img { filter:brightness(.76) saturate(.8); }.adventure-card::after { background:linear-gradient(0deg,rgba(4,2,3,.96),rgba(8,3,5,.18) 65%); }
.status { background:radial-gradient(ellipse at 50% 100%,rgba(94,14,36,.35),transparent 54%),linear-gradient(160deg,#180813,#070304 72%); }.status-grid article { border-color:rgba(213,155,98,.34); background:linear-gradient(145deg,rgba(35,8,16,.72),rgba(7,3,5,.9)); }.status-grid b { color:var(--red-bright); }.status-grid p { color:#cbb0a0; }.join>p:not(.eyebrow) { color:#e0cec2; }
.contact { background:radial-gradient(ellipse at 50% 8%,rgba(111,17,42,.3),transparent 43%),linear-gradient(135deg,#0d0508,#210914 62%,#0b0407); }.contact-panel { max-width:820px; margin:auto; padding:clamp(2rem,5vw,4rem); border:1px solid rgba(213,155,98,.47); text-align:center; background:linear-gradient(145deg,rgba(52,9,23,.88),rgba(7,3,5,.94)); box-shadow:inset 0 1px 0 rgba(255,225,182,.1),0 25px 58px rgba(0,0,0,.52); }.contact h2 { margin:0; font:500 clamp(1.9rem,3.4vw,3.5rem)/1.04 var(--serif); text-transform:uppercase; }.contact-panel>p:not(.eyebrow):not(.contact-note) { max-width:580px; margin:1rem auto 1.35rem; color:#e6d2c5; }.contact-note { margin:1rem 0 0; color:var(--muted); font:italic .8rem var(--serif); }
.finale>img { filter:brightness(.6) saturate(.78) contrast(1.12); }.finale-shade { background:linear-gradient(0deg,rgba(5,2,3,.97),rgba(8,3,5,.2) 80%); }.finale-mark { display:grid; width:64px; height:64px; margin:0 auto .7rem; place-items:center; border:1px solid var(--red-bright); border-radius:50%; color:var(--gold); font:2.15rem var(--serif); transform:rotate(-22deg); }.finale-logo { width:84px; max-height:106px; margin:0 auto .15rem; object-fit:contain; filter:drop-shadow(0 5px 11px rgba(0,0,0,.75)); }.finale-copy p { color:var(--gold); }.finale-copy small { color:#dfc1ae; font:italic 1rem var(--serif); }.site-footer { color:#b89884; border-top:1px solid rgba(213,155,98,.16); background:#040203; }.site-footer a { color:var(--gold); }

@media (max-width:980px) { .site-header { grid-template-columns:1fr auto; }.brand strong { font-size:.92rem; }.cinematic-divider__copy { margin-right:auto; margin-left:auto; }.rule-grid { grid-template-columns:1fr; } }
@media (max-width:600px) { .hero-logo--portstein { width:142px; max-height:175px; }.brand-mark { width:42px; height:42px; }.rule-card summary { padding:1rem; }.rule-card>div { padding:0 1rem 1.1rem; } }

@media (max-width:980px) { .site-header { grid-template-columns:1fr auto; height:65px; }.brand img { width:110px; }.menu-toggle { z-index:3; display:block; }.header-line { display:none; }.primary-nav { position:absolute; top:0; left:0; display:flex; width:100%; min-height:100svh; flex-direction:column; gap:1.7rem; padding:5rem 2rem; font-size:1rem; background:rgba(9,6,6,.98); transform:translateX(100%); transition:.3s; }.primary-nav.open { transform:translateX(0); }.hero-inner { margin-left:clamp(1.5rem,8vw,5rem); }.cinematic-divider__copy { margin-right:auto; margin-left:auto; }.value-grid { grid-template-columns:repeat(2,1fr); }.value-card:nth-child(2) { border-right:0; }.value-card:nth-child(-n+2) { border-bottom:1px solid var(--line); }.adventure-grid { grid-template-columns:repeat(3,1fr); }.moment-grid { grid-template-columns:repeat(3,1fr); }.status-panel { grid-template-columns:1fr; }.join { text-align:center; }.join>p:not(.eyebrow) { margin-right:auto; margin-left:auto; } }
@media (max-width:600px) { body { font-size:15px; }.hero { min-height:720px; }.hero-inner { width:90%; margin:5.5rem auto 3rem; }.hero h1 { font-size:2.4rem; }.hero-logo { width:220px; }.hero-shade { background:linear-gradient(90deg,rgba(6,5,5,.82),rgba(6,5,5,.42)),linear-gradient(0deg,rgba(7,5,5,.7),transparent 60%); }.section { padding:3.2rem 1rem; }.value-grid,.adventure-grid,.moment-grid { grid-template-columns:repeat(2,1fr); }.value-card { min-height:145px; }.value-card:nth-child(2) { border-right:0; }.adventure-card,.moment-grid>img,.more-moments { min-height:155px; }.adventure-card h3 { font-size:.66rem; }.moment-grid>*:last-child { grid-column:span 2; }.status-grid { grid-template-columns:1fr; }.status-grid article { min-height:auto; }.site-footer { flex-direction:column; gap:.5rem; text-align:center; } }