/* ==========================================================================
   Tigernmas — Design 03 “Cinematic”
   Loaded after style.css on /design-3/ pages (html.theme-3).
   Bold grotesk type, dark full-bleed openings, a transparent header that
   turns solid on scroll, square-cut controls and a large wordmark footer.
   ========================================================================== */

@font-face{font-family:'Clash Display';src:url('../fonts/ClashDisplay-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Clash Display';src:url('../fonts/ClashDisplay-500.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Clash Display';src:url('../fonts/ClashDisplay-600.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Satoshi';src:url('../fonts/Satoshi-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Satoshi';src:url('../fonts/Satoshi-500.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Satoshi';src:url('../fonts/Satoshi-700.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}

.theme-3{
	--font-display:'Clash Display', 'Helvetica Neue', Arial, sans-serif;
	--font-body:'Satoshi', 'Helvetica Neue', Arial, sans-serif;
	--radius:10px;
	--radius-lg:16px;
	--paper:#F4F1DE;
	--paper-deep:#EAE3CA;
	--card:#FBF9F0;
}
.theme-3 body{font-size:17px}
.theme-3 ::selection{background:var(--sand);color:var(--ink)}

/* type: one bold family, colour does the emphasis ----------------------------------- */
:where(.theme-3) :is(h1,h2,h3,h4,.display){font-weight:500;letter-spacing:-.025em}
:where(.theme-3) :is(h1,.display){font-size:clamp(42px, 5.4vw, 94px);line-height:.98;letter-spacing:-.035em}
:where(.theme-3) h2{font-size:clamp(32px, 3.6vw, 58px);line-height:1.02}
:where(.theme-3) h3{font-size:clamp(20px, 1.55vw, 24px);font-weight:500;letter-spacing:-.01em}
:where(.theme-3) :is(h1,h2,h3,.display) em{font-style:normal;font-weight:500}
.theme-3 .statement em{font-style:normal;color:var(--slate)}
.theme-3 em{font-style:normal}
.theme-3 .dark-section h1 em,.theme-3 .dark-section h2 em,.theme-3 .dark-section h3 em,
.theme-3 .on-photo h1 em,.theme-3 .on-photo h2 em,.theme-3 .on-photo h3 em,.theme-3 .navy-section h2 em{color:var(--sand)}
.theme-3 .statement{font-weight:400;font-size:clamp(26px, 2.8vw, 42px);line-height:1.18;letter-spacing:-.02em}
.theme-3 .lead{font-size:clamp(17px, 1.25vw, 19px)}
.theme-3 .label{font-weight:700;letter-spacing:.18em}

/* labels: square marker, uppercase */
.theme-3 .eyebrow{
	padding:0 0 0 20px;border:0;border-radius:0;background:none;
	font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--slate);
}
.theme-3 .eyebrow::before{left:0;width:8px;height:8px;border-radius:2px;background:var(--sand);box-shadow:0 0 0 1px rgba(13,27,42,.2)}
.theme-3 .dark-section .eyebrow,.theme-3 .navy-section .eyebrow,.theme-3 .on-photo .eyebrow,.theme-3 .site-footer .eyebrow,.theme-3 .d3-hero .eyebrow{
	color:var(--sand);background:none;border:0;-webkit-backdrop-filter:none;backdrop-filter:none;
}
.theme-3 .dark-section .eyebrow::before,.theme-3 .on-photo .eyebrow::before,.theme-3 .d3-hero .eyebrow::before{box-shadow:none}

/* square-cut buttons */
.theme-3 .btn{border-radius:6px;padding:19px 58px 19px 24px;font-size:13.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.theme-3 .btn::after{border-radius:6px}
.theme-3 .btn::before{
	-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h15M13 6l6 6-6 6'/%3E%3C/svg%3E");
	mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h15M13 6l6 6-6 6'/%3E%3C/svg%3E");
	width:18px;height:18px;
}
.theme-3 .btn:hover::before,.theme-3 .btn:focus-visible::before{transform:translate(4px,-50%)}
.theme-3 .btn--sm{padding:14px 48px 14px 18px;font-size:12.5px}
.theme-3 .btn--sm::before{right:18px;width:16px;height:16px}
.theme-3 .link-arrow{font-weight:700;letter-spacing:.02em}

/* header: transparent over the opening image, solid once you scroll ----------------------- */
.theme-3 .site-header{top:0}
.theme-3 .header-bar{
	width:100%;max-width:none;border-radius:0;background:transparent;box-shadow:none;
	-webkit-backdrop-filter:none;backdrop-filter:none;
	background-image:linear-gradient(180deg,rgba(13,27,42,.55),rgba(13,27,42,0));
}
.theme-3 .header-inner{max-width:none;padding:20px clamp(20px, 3vw, 48px)}
.theme-3 .site-header.active .header-bar{
	border-radius:0;background:rgba(13,27,42,.94);background-image:none;
	-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 1px 0 rgba(244,241,222,.08);
}
.theme-3 .site-header.active .header-inner{padding:12px clamp(20px, 3vw, 48px)}
.theme-3 .brand__name{font-family:var(--font-display);font-weight:600;font-size:21px;letter-spacing:.06em;text-transform:uppercase}
.theme-3 .brand__legal{letter-spacing:.24em}
.theme-3 .main-nav{justify-content:flex-end;margin-right:14px}
.theme-3 .main-nav a{color:rgba(244,241,222,.82)}
.theme-3 .main-nav>ul>li>a{background:linear-gradient(var(--sand),var(--sand)) left 13px bottom 6px/0 2px no-repeat;transition:color .3s,background-size .45s var(--ease)}
.theme-3 .main-nav>ul>li>a:hover,.theme-3 .main-nav>ul>li.is-active>a{background-size:calc(100% - 26px) 2px}
.theme-3 .main-nav>ul>li.has-sub>a:hover,.theme-3 .main-nav>ul>li.has-sub.is-active>a{background-size:calc(100% - 39px) 2px}
.theme-3 .main-nav>ul>li.is-active>a::before{display:none}
.theme-3 .main-nav ul ul{background:var(--ink);border-radius:10px;box-shadow:0 24px 50px -24px rgba(0,0,0,.7),inset 0 0 0 1px rgba(244,241,222,.1)}
.theme-3 .nav-toggle{border-radius:8px}
.theme-3 .design-switch__menu{background:var(--ink);border-radius:14px;box-shadow:0 34px 80px -30px rgba(0,0,0,.8),inset 0 0 0 1px rgba(244,241,222,.12)}
.theme-3 .design-switch__item,.theme-3 .design-switch__thumb{border-radius:8px}
.theme-3 .design-switch__text em{font-weight:500;font-size:21px}
.theme-3 .design-switch__badge{border-radius:4px}

.theme-3 .preloader{background:var(--ink)}
.theme-3 .loading{border-radius:10px}
.theme-3 .cb-cursor::before{background:var(--ink)}

/* page opening: title first, then the photo opens out to full width ----------------------------- */
.d3-hero{position:relative;background:var(--ink);color:rgba(244,241,222,.8);padding-top:clamp(128px, 12vw, 164px);overflow:hidden}
.d3-hero .breadcrumb{color:rgba(244,241,222,.55)}
.d3-hero .breadcrumb a:hover{color:var(--cream)}
.d3-hero__head{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:clamp(24px, 4vw, 70px);align-items:end;padding-bottom:clamp(40px, 5vw, 72px)}
.d3-hero h1{color:var(--cream);font-size:clamp(44px, 6.2vw, 112px);line-height:.95;margin-top:20px}
.d3-hero h1 em{color:var(--sand)}
.d3-hero .lead{color:rgba(244,241,222,.82);margin:0}
.d3-hero__media{
	height:clamp(320px, 62vh, 660px);overflow:hidden;
	clip-path:inset(0 clamp(16px, 5vw, 80px) 0 clamp(16px, 5vw, 80px) round 12px);
	transition:clip-path 1.6s cubic-bezier(.7,0,.2,1) .35s;
}
.is-loaded .d3-hero__media,.no-js .d3-hero__media{clip-path:inset(0 0 0 0 round 0)}
.d3-hero__media img{width:100%;height:118%;object-fit:cover;will-change:transform}

/* legal pages and articles open dark too, so the transparent header always sits on dark */
.theme-3 .page-header,.theme-3 .article-header{background:var(--ink);color:rgba(244,241,222,.8);padding-top:clamp(130px, 13vw, 170px);padding-bottom:clamp(44px, 5vw, 70px);margin-bottom:clamp(40px, 5vw, 70px)}
.theme-3 .page-header h1,.theme-3 .article-header h1{color:var(--cream)}
.theme-3 .page-header h1 em,.theme-3 .article-header h1 em{color:var(--sand)}
.theme-3 .page-header .breadcrumb,.theme-3 .article-header .breadcrumb,.theme-3 .article-header .post-meta{color:rgba(244,241,222,.6)}
.theme-3 .page-header .lead{color:rgba(244,241,222,.78)!important}
.theme-3 .page-header .eyebrow,.theme-3 .article-header .eyebrow{color:var(--sand)}
.theme-3 .page-header .eyebrow::before,.theme-3 .article-header .eyebrow::before{box-shadow:none}

/* home opening goes edge to edge */
.theme-3 .slides-hero{width:100%;margin-top:0;border-radius:0;min-height:100svh}
.theme-3 .slides-hero h1{font-size:clamp(44px, min(6.2vw, 10.8vh), 118px);font-weight:500;line-height:.96}
.theme-3 .slides-hero h1 em{color:var(--sand)}
.theme-3 .slides-hero__figure strong{font-family:var(--font-display);font-weight:500}
.theme-3 .slide-tab strong{font-weight:500;font-size:clamp(17px, 1.35vw, 21px)}
.theme-3 .stagger__lines{font-weight:500;font-size:clamp(50px, 10.5vw, 180px);letter-spacing:-.045em;line-height:.95}
.theme-3 .stagger__line em{font-style:normal}
.theme-3 .cta-marquee__row span{font-weight:500}
.theme-3 .cta-marquee__row em{font-style:normal}
.theme-3 .hscroll__top .num,.theme-3 .principle__num,.theme-3 .card__num,.theme-3 .steps li::before,
.theme-3 .principle-block__num,.theme-3 .chapter__when strong,.theme-3 .area-card__icon span,.theme-3 .area-detail__numeral{font-style:normal;font-family:var(--font-display);font-weight:500}

.theme-3 .cta-marquee{width:100%;border-radius:0;margin-bottom:0}
.theme-3 .cta-marquee + * {margin-top:0}

/* Standort Deutschland — cinematic version: full-bleed ink, sand dots, square-cut photo */
.de-sec--d3{
	--de-dot:rgba(212,196,168,.26);--de-accent:var(--sand);--de-label:rgba(244,241,222,.58);--de-label-active:var(--cream);--de-line:var(--line-dark);
	background:var(--ink);
}
.theme-3 .eyebrow--flag{padding-left:0}
.theme-3 .eyebrow--flag::before{display:none}
.de-sec--d3 .de-list__num{font-family:var(--font-display);font-weight:500;opacity:.7;color:var(--sand)}
.de-sec--d3 .de-list__city{font-weight:500;letter-spacing:-.01em}
.de-sec--d3 .de-list__place{text-transform:uppercase;font-size:11.5px;font-weight:700;letter-spacing:.14em}
.de-sec--d3 .de-city text{font-family:var(--font-display);font-weight:500;letter-spacing:.02em}
.de-sec--d3 .de-photo__frame{border-radius:var(--radius);aspect-ratio:3/4}
@media (max-width:767px){.de-sec--d3 .de-photo__frame{aspect-ratio:16/10}}
.de-sec--d3 .de-photo figcaption{text-transform:uppercase;font-size:11.5px;font-weight:700;letter-spacing:.14em;color:rgba(244,241,222,.75)}
.de-sec--d3 .de-facts__big{font-weight:500}
.de-sec--d3 .de-flag{border-radius:1px}

/* components: tighter corners, darker accents ------------------------------------------ */
.theme-3 .bg-section{border-radius:var(--radius-lg)}
.theme-3 .card,.theme-3 .form-card,.theme-3 .notice,.theme-3 .brand-feature,.theme-3 .next-link,.theme-3 .empty-state{border-radius:var(--radius)}
.theme-3 .media-arch,.theme-3 .media-stadium,.theme-3 .area-detail__media .reveal,.theme-3 .careers-banner__media{border-radius:var(--radius)}
.theme-3 .page-hero-image .reveal{border-radius:var(--radius)}
.theme-3 .pill,.theme-3 .filter-bar button,.theme-3 .brand-row__status,.theme-3 .case-card__tags span{border-radius:4px}
.theme-3 .filter-bar button{text-transform:uppercase;font-size:12.5px;letter-spacing:.1em;font-weight:700}
.theme-3 .field input,.theme-3 .field select,.theme-3 .field textarea{border-radius:6px}
.theme-3 .area-card__icon,.theme-3 .area-detail__numeral,.theme-3 .circle-go,.theme-3 .next-link__go,.theme-3 .rail__btn{border-radius:10px}
.theme-3 .hover-card::before{background:var(--ink)}
.theme-3 .to-top{border-radius:10px}
.theme-3 .faq-item button{font-family:var(--font-display);font-weight:500}
.theme-3 .faq-item button i{border-radius:8px}
.theme-3 .check input{border-radius:4px}

/* footer: dark, full width, a wordmark to finish ------------------------------------------ */
.site-footer--d3{background:var(--ink);color:rgba(244,241,222,.7);overflow:hidden}
.f3-cta{padding-block:clamp(70px, 8vw, 120px) clamp(44px, 5vw, 70px);border-bottom:1px solid var(--line-dark)}
.f3-cta__kicker{display:block;margin-bottom:22px;font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--sand)}
.f3-cta__link{display:inline-flex;align-items:center;gap:.28em;font-family:var(--font-display);font-weight:500;font-size:clamp(42px, 6.6vw, 116px);line-height:1;letter-spacing:-.035em;color:var(--cream);transition:color .45s}
.f3-cta__arrow{display:inline-grid;place-items:center;flex-shrink:0;width:.82em;height:.82em;border-radius:14px;background:var(--sand);color:var(--ink);transition:transform .55s var(--ease),background .45s}
.f3-cta__arrow svg{width:46%}
.f3-cta__link:hover{color:var(--sand)}
.f3-cta__link:hover .f3-cta__arrow{transform:rotate(45deg);background:var(--cream)}
.site-footer--d3 .footer-main{padding-block:clamp(44px, 5vw, 70px)}
.site-footer--d3 .footer-about p{max-width:24em}
.site-footer--d3 .footer-col h3{letter-spacing:.2em;font-weight:700}
.site-footer--d3 .footer-col a{position:relative}
.site-footer--d3 .footer-col a:hover{padding-left:0;color:var(--sand)}
.f3-word{
	margin-top:clamp(10px, 2vw, 30px);line-height:.74;text-align:center;white-space:nowrap;user-select:none;
	font-family:var(--font-display);font-weight:600;font-size:clamp(58px, 15.2vw, 290px);letter-spacing:-.02em;text-transform:uppercase;
	color:rgba(244,241,222,.07);transition:color .8s ease;
}
.f3-word span{display:inline-block;transform:translateY(12%)}
.site-footer--d3:hover .f3-word{color:rgba(212,196,168,.16)}

@media (max-width:991px){
	.d3-hero__head{grid-template-columns:minmax(0,1fr)}
	.d3-hero__media{height:clamp(260px, 46vh, 420px)}
}
@media (max-width:767px){
	.theme-3 .header-inner,.theme-3 .site-header.active .header-inner{padding:12px 16px}
	.theme-3 .brand__name{font-size:18px}
	.d3-hero{padding-top:110px}
	.f3-cta__arrow{border-radius:10px}
}