/*
Theme Name: X3ME Overlanding
Author: X3ME
Description: Persönliche Overlanding-Startseite für X3ME mit Sprinter-Konzept, Defender-Projekt und anpassbaren Texten und Bildern.
Version: 1.0.0
Requires at least: 5.8
Requires PHP: 7.4
Text Domain: x3me-overlanding
*/
:root{color-scheme:dark;--black:#090909;--panel:#101110;--paper:#f3f1eb;--muted:#aaa9a3;--sand:#c7b38d;--line:#343531;--display:Impact,"Arial Narrow","Helvetica Neue",sans-serif;--body:Arial,"Helvetica Neue",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;background:var(--black);color:var(--paper);font-family:var(--body);font-size:1rem;line-height:1.55;-webkit-font-smoothing:antialiased}a{color:inherit}img{display:block;max-width:100%;height:auto}h1,h2,p,figure{margin:0}a:focus-visible{outline:2px solid var(--sand);outline-offset:7px}::selection{background:var(--sand);color:var(--black)}
.skip-link{position:fixed;left:1rem;top:-5rem;z-index:10;padding:1rem;background:var(--paper);color:var(--black)}.skip-link:focus{top:1rem}.section-wrap{padding-inline:clamp(1.25rem,4.5vw,5rem)}
.site-header{height:108px;padding:20px clamp(1.25rem,4.5vw,5rem);display:flex;align-items:center;justify-content:space-between;gap:1.5rem;border-bottom:1px solid #282927;background:#090909}.brand{display:flex;gap:1rem;align-items:center;text-decoration:none}.brand img{width:40px;height:53px;object-fit:contain}.brand-name{font-family:var(--display);font-size:2.6rem;font-weight:900;letter-spacing:-.055em;line-height:1}.header-note{font-size:.875rem;letter-spacing:.13em;font-weight:700;text-align:right}.header-note span{padding:0 .45rem;color:var(--sand)}
.hero{position:relative;isolation:isolate;min-height:660px;height:calc(100svh - 108px);max-height:1080px;overflow:hidden;background:#252724}.hero-visual{position:absolute;inset:0;z-index:-2}.hero-visual img{width:100%;height:100%;object-fit:cover;object-position:58% 55%}.hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,6,5,.81) 0%,rgba(4,6,5,.47) 24%,rgba(4,6,5,.03) 58%),linear-gradient(0deg,rgba(5,7,6,.97),transparent 25%)}
.hero-copy{position:absolute;top:13%;left:clamp(1.25rem,4.5vw,5rem);right:1rem}.eyebrow{font-size:.875rem;font-weight:700;letter-spacing:.13em;line-height:1.6}.hero-eyebrow{color:#e5e4db}.hero h1{font-family:var(--display);font-weight:900;font-size:clamp(8rem,17vw,17.25rem);line-height:1.13;letter-spacing:-.06em;margin-left:-.025em;white-space:nowrap}.title-period{color:var(--sand)}.hero-subtitle{font-size:clamp(1.25rem,2vw,1.8rem);line-height:1.3;font-weight:700;letter-spacing:-.025em;margin-top:.15rem}.text-link{display:inline-flex;gap:2rem;align-items:center;text-decoration:none;margin-top:2rem;padding-bottom:.5rem;border-bottom:1px solid #b5b3a7;font-size:1rem}.text-link span{font-size:1.45rem;line-height:1;transition:transform .2s}.text-link:hover span{transform:translate(2px,2px)}
.hero-bottom{position:absolute;bottom:30px;left:clamp(1.25rem,4.5vw,5rem);right:clamp(1.25rem,4.5vw,5rem);display:flex;align-items:flex-end;justify-content:space-between;gap:1.5rem;border-top:1px solid #fff4;padding-top:1.25rem}.small-label{display:block;font-size:.8rem;font-weight:700;color:var(--sand);letter-spacing:.16em;margin-bottom:.3rem}.project-name{font-size:1rem;letter-spacing:.08em;font-weight:700}.project-type{font-weight:400;font-size:.85rem;color:#d3d0c7;margin-left:.35rem}.concept-note{color:#c7c5bc;font-size:.8rem;text-align:right}
.defender-section{padding-top:6.5rem;padding-bottom:6.5rem}.section-topline{display:flex;justify-content:space-between;gap:1rem;border-top:1px solid var(--line);padding-top:1rem;color:var(--muted);font-size:.8rem;letter-spacing:.1em;font-weight:700}.defender-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:clamp(2rem,5vw,6rem);align-items:center;margin-top:3.5rem}.project-copy .eyebrow{font-size:.8rem;color:var(--sand)}.project-copy h2{font-family:var(--display);font-size:clamp(3.7rem,6vw,6.6rem);font-weight:900;letter-spacing:-.035em;line-height:1.06;margin:1.35rem 0 1.8rem}.outline-word{color:#d3d3ce}.description{font-size:1.125rem;line-height:1.75;color:#b6b7b0;max-width:36rem}.details{list-style:none;display:flex;flex-wrap:wrap;gap:.6rem 1.45rem;margin:2rem 0 0;padding:1.1rem 0 0;border-top:1px solid var(--line);color:#deded5;font-size:.875rem}.defender-front img{width:100%;aspect-ratio:4/3;object-fit:cover;background:#888}.defender-front figcaption,.camp-figure figcaption{display:flex;justify-content:space-between;gap:1.2rem;margin-top:.9rem;font-size:.8rem;letter-spacing:.09em;font-weight:700;color:var(--muted)}
.camp-figure{margin-top:4.5rem}.camp-image{background:#777;overflow:hidden}.camp-image img{width:100%;height:auto}.camp-figure figcaption{margin-top:1rem}.next-section{padding-top:3rem;padding-bottom:5rem;display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:end;background:var(--panel);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.next-heading .eyebrow{color:var(--sand)}.next-heading h2{font-family:var(--display);font-size:clamp(2.5rem,4.5vw,4.25rem);letter-spacing:-.025em;line-height:1.13;margin-top:1.3rem;font-weight:900}.next-section>p{font-size:1.125rem;color:#b6b7b0;line-height:1.8;max-width:31rem;padding-bottom:.1rem}.site-footer{display:flex;justify-content:space-between;align-items:center;gap:2rem;padding-top:2.7rem;padding-bottom:2.7rem}.footer-identity{display:flex;align-items:center;gap:1.4rem}.footer-identity img{width:54px;height:72px;object-fit:contain}.footer-wordmark{font-family:var(--display);font-size:2.6rem;line-height:1.1;letter-spacing:-.05em;font-weight:900}.footer-identity p{font-size:.875rem;color:var(--muted);margin-top:.2rem}.footer-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.6rem;font-size:.8rem;letter-spacing:.07em;color:var(--muted)}.footer-meta span:last-child{font-size:1rem;letter-spacing:0;color:var(--paper)}
@media(min-width:1700px){.hero-copy{top:17%}.hero h1{font-size:19rem}.hero-subtitle{font-size:2rem}}
@media(max-width:1000px){.site-header{height:92px}.hero{height:calc(100svh - 92px);min-height:620px}.hero-visual img{object-position:61% 50%}.hero-copy{top:15%}.hero h1{font-size:19vw}.defender-grid{grid-template-columns:1fr;gap:2.5rem;margin-top:3rem}.project-copy{display:grid;grid-template-columns:1fr 1fr;column-gap:3rem}.project-copy .eyebrow{grid-column:1/-1}.project-copy h2{grid-column:1;grid-row:2/4;margin-bottom:0}.description{grid-column:2;grid-row:2;margin-top:1.3rem}.details{grid-column:2;grid-row:3;margin-top:1.2rem;align-self:start}.defender-front{max-width:850px;width:100%}.camp-figure{margin-top:3rem}.next-section{gap:2rem}.header-note{font-size:.8rem}}
@media(max-width:650px){.site-header{height:88px;padding-block:14px;gap:1rem}.brand{gap:.7rem}.brand img{width:34px;height:45px}.brand-name{font-size:2.2rem}.header-note{font-size:.8rem;line-height:1.7;letter-spacing:.06em;max-width:165px}.header-note span{padding:0 .1rem}.hero{height:auto;min-height:0;max-height:none;background:var(--black);overflow:visible}.hero-visual{position:relative;inset:auto;height:59svh;min-height:340px;max-height:560px;z-index:0}.hero-visual img{object-position:69% center}.hero-visual:after{background:linear-gradient(0deg,#090909 0%,rgba(9,9,9,.45) 18%,transparent 55%)}.hero-copy{position:relative;top:auto;left:auto;right:auto;padding:0 1.25rem;margin-top:-6rem;z-index:1}.hero-eyebrow{font-size:.75rem;letter-spacing:.08em}.hero h1{font-size:25vw;letter-spacing:-.055em;line-height:1.12;white-space:normal}.hero-subtitle{font-size:1.5rem;margin-top:.7rem;line-height:1.35}.text-link{margin-top:1.35rem;font-size:.95rem}.hero-bottom{position:relative;inset:auto;margin:2.25rem 1.25rem 0;padding-top:1.15rem;padding-bottom:1.5rem;align-items:start;flex-direction:column;gap:.75rem;border-color:var(--line)}.small-label{font-size:.75rem}.project-name{font-size:.95rem}.project-type{font-size:.8rem}.concept-note{text-align:left;font-size:.75rem}.defender-section{padding-top:3.5rem;padding-bottom:3.5rem}.section-topline{font-size:.7rem;letter-spacing:.075em}.section-topline span:last-child{max-width:100px;text-align:right}.defender-grid{margin-top:2.5rem;gap:2.4rem}.project-copy{display:block}.project-copy .eyebrow{font-size:.75rem;letter-spacing:.085em}.project-copy h2{font-size:clamp(3.5rem,14vw,5.5rem);margin:1rem 0 1.5rem;line-height:1.06}.description{font-size:1rem;line-height:1.75;margin:0}.details{font-size:.8rem;gap:.75rem 1.2rem;margin-top:1.5rem}.defender-front figcaption,.camp-figure figcaption{font-size:.7rem;letter-spacing:.055em}.camp-figure{margin-top:2rem}.camp-image{margin-inline:-1.25rem}.next-section{grid-template-columns:1fr;padding-top:2.4rem;padding-bottom:3rem;gap:1.4rem}.next-heading .eyebrow{font-size:.75rem}.next-heading h2{font-size:clamp(2.25rem,10vw,3.5rem);margin-top:1rem}.next-section>p{font-size:1rem;line-height:1.75}.site-footer{padding-top:2rem;padding-bottom:2rem;gap:1.5rem;align-items:start}.footer-identity{gap:.8rem}.footer-identity img{width:40px;height:53px}.footer-wordmark{font-size:2rem}.footer-identity p{font-size:.75rem;max-width:120px}.footer-meta{font-size:.75rem;text-align:right;max-width:105px;line-height:1.8;gap:.5rem}.footer-meta span:last-child{font-size:.875rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.text-link span{transition:none}}

/* Native WordPress content and admin compatibility. */
.wp-content-wrap{max-width:1200px;margin-inline:auto;padding-top:4rem;padding-bottom:4rem;min-height:60vh}
.wp-entry{margin-bottom:3rem}.wp-entry h1,.wp-content-wrap>h1{font-size:clamp(2rem,5vw,4rem);line-height:1.15;margin-bottom:1.6rem}
.wp-entry h2{font-size:2rem;line-height:1.25;margin-bottom:1rem}.wp-entry-content{font-size:1.125rem;overflow-wrap:anywhere}.wp-entry-content>*+*{margin-top:1.2rem}.wp-entry-content p{margin-bottom:1.2rem}.wp-entry-content img{height:auto}.wp-entry-content iframe{max-width:100%}.wp-entry-content ul,.wp-entry-content ol{padding-left:1.5rem}
.wp-entry-content a,.wp-comments a{text-decoration:underline;text-underline-offset:3px}.wp-comments{margin-top:3rem;border-top:1px solid var(--line);padding-top:2rem}.wp-comments input,.wp-comments textarea{max-width:100%;padding:.7rem;background:#191919;color:var(--paper);border:1px solid #555}.wp-comments textarea{width:100%}.wp-comments label{display:block}.wp-comments input[type=checkbox]{width:auto}.wp-comments .submit{cursor:pointer}.aligncenter{margin-inline:auto}.alignleft{float:left;margin:0 1.5rem 1rem 0}.alignright{float:right;margin:0 0 1rem 1.5rem}.wp-caption{max-width:100%}.wp-caption-text{font-size:.875rem;color:var(--muted)}