:root{--navy:#0a2635;--ocean:#15546b;--ivory:#f4f1e8;--sand:#c7a86b;--ink:#14242c;--muted:#617078;--line:rgba(10,38,53,.16);--serif:"Iowan Old Style","Palatino Linotype",Georgia,serif}
body{background:#f6f3eb;text-rendering:optimizeLegibility}.wrap{width:min(1240px,calc(100% - 56px))}
.mast{background:rgba(250,248,242,.96);border-bottom-color:rgba(10,38,53,.12);box-shadow:0 8px 30px rgba(10,38,53,.05)}.mast-top{min-height:94px}
.wordmark{display:inline-flex;align-items:baseline;gap:.55rem;font-size:clamp(1.75rem,3vw,2.45rem);letter-spacing:.13em;white-space:nowrap}.wordmark span{font-family:var(--sans);font-size:.34em;font-weight:700;letter-spacing:.19em;text-transform:uppercase}.tagline{letter-spacing:.16em}.nav{gap:clamp(16px,2vw,30px)}.nav a{font-size:.88rem;font-weight:650;letter-spacing:.025em}
.hero{min-height:720px;grid-template-columns:minmax(440px,.88fr) minmax(500px,1.12fr);background:linear-gradient(145deg,#071e2a,#0d3445)}.hero-copy{position:relative;padding:clamp(54px,7vw,110px)}.hero-copy:before{content:"LOT 01  /  JOURNAL FÜR REPORTAGE";position:absolute;top:38px;left:clamp(54px,7vw,110px);color:rgba(255,255,255,.46);font-size:.64rem;font-weight:750;letter-spacing:.18em}.hero h1{max-width:720px;font-size:clamp(4rem,7vw,7.6rem);letter-spacing:-.045em}.hero h1 .publishing{margin-top:.35em;font-family:var(--sans);font-size:.27em;font-weight:700;letter-spacing:.22em;text-transform:uppercase}.hero p{max-width:630px;font-size:1.15rem;line-height:1.7}
.hero-art{min-height:720px;background-image:linear-gradient(90deg,rgba(7,30,42,.26),transparent 36%),linear-gradient(0deg,rgba(7,30,42,.2),transparent 45%),url("lotwerk-sealife-porthole.png");background-size:cover;background-position:center}.hero-art:before{display:none}.hero-art:after{content:"MEER · KÜSTE · MENSCHEN";width:auto;height:auto;right:30px;bottom:28px;padding:.58rem .8rem;border:1px solid rgba(255,255,255,.35);border-radius:0;background:rgba(7,30,42,.82);color:#fff;font-size:.66rem;font-weight:750;letter-spacing:.18em}
.button{padding:.9rem 1.2rem;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button.primary{box-shadow:0 12px 24px rgba(0,0,0,.12)}.section{padding:96px 0}.section-head{margin-bottom:38px}.section-head h2,.page-head h1{letter-spacing:-.035em}.card{border:0;box-shadow:0 14px 38px rgba(10,38,53,.08);transition:transform .22s,box-shadow .22s}.card:hover{transform:translateY(-5px);box-shadow:0 20px 48px rgba(10,38,53,.13)}.card-body{padding:28px}.card-media{background:linear-gradient(140deg,#176078,#0a2635)}.empty{border:0;border-top:4px solid var(--sand);box-shadow:0 18px 45px rgba(10,38,53,.07)}.theme{padding:34px;transition:background .2s,transform .2s}.theme:hover{transform:translateX(4px)}.page-head{padding:96px 0 52px}.legal,.editor-box{background:#fff;padding:clamp(28px,5vw,58px);box-shadow:0 18px 45px rgba(10,38,53,.07)}.notice{background:#f6f2e7}.status{letter-spacing:.1em}.footer{padding:72px 0;border-top:5px solid var(--sand)}
@media(max-width:1050px){.tagline{display:none}.hero{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.wrap{width:min(100% - 32px,1240px)}.hero{grid-template-columns:1fr}.hero-art{min-height:480px;order:2}.hero-copy:before{top:25px;left:32px}}
@media(max-width:580px){.mast-top{min-height:72px}.wordmark{font-size:1.35rem;gap:.35rem}.hero-copy{padding:72px 24px 46px}.hero-copy:before{left:24px;top:24px}.hero h1{font-size:clamp(3.2rem,19vw,5rem)}.hero-art{min-height:370px}.section{padding:66px 0}.legal,.editor-box{padding:26px 20px}}