/*
Theme Name: Navatio
Theme URI: https://navatio.nl
Author: Navatio
Description: Lichtgewicht one-page WordPress-theme voor Navatio.
Version: 1.2.0
Text Domain: navatio
*/

@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;650;700;750&display=swap');

/* Modular cases */
.project{color:inherit;text-decoration:none}.empty-cases{padding:36px;border:1px solid var(--line)}.case-header{position:relative}.case-main{padding:90px clamp(24px,7vw,110px) 120px}.case-hero{max-width:1050px;padding:80px 0 65px}.back-link{display:inline-block;margin-bottom:55px;color:var(--slate);font-size:13px;font-weight:700}.back-link:hover{color:var(--copper)}.case-hero h1{margin-bottom:28px}.case-lead{max-width:800px;font-size:clamp(20px,2.2vw,30px);line-height:1.5;color:#495873}.case-cover{margin:0 0 80px}.case-cover img{display:block;width:100%;max-height:720px;object-fit:cover}.case-content{max-width:820px;margin:0 auto;font-size:18px;line-height:1.8;color:#34415b}.case-content h2,.case-content h3{color:var(--navy);margin-top:2em}.case-content h2{font-size:42px}.case-content h3{font-size:28px}.case-content a{color:var(--copper);text-decoration:underline}.case-content img{max-width:100%;height:auto}.case-content blockquote{border-left:3px solid var(--copper);margin:2em 0;padding:.5em 0 .5em 1.5em;font-size:1.25em}.case-navigation{max-width:820px;margin:90px auto 0;padding-top:30px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:30px}.case-navigation a{font-weight:700}.case-navigation a:hover{color:var(--copper)}@media(max-width:700px){.case-main{padding-top:45px}.case-hero{padding-top:40px}.case-cover{margin-bottom:50px}.case-content{font-size:16px}.case-navigation{flex-direction:column}.case-content h2{font-size:34px}}

/* Navatio brand system v2 */
.brand img{display:block;width:245px;height:auto}.site-header{background:rgba(244,241,234,.94);backdrop-filter:blur(12px)}.hero{grid-template-columns:minmax(500px,.88fr) 1.12fr!important;background:radial-gradient(circle at 78% 44%,rgba(200,100,45,.06),transparent 32%),var(--cream)}.hero-visual{margin-right:-3vw!important}.ship-network{display:block;width:min(820px,58vw)!important;height:auto;filter:drop-shadow(0 18px 30px rgba(27,42,74,.04))}.about-mark img{display:block;width:min(360px,28vw);height:auto}.footer-logo img{display:block;width:210px;height:auto}@media(max-width:900px){.brand img{width:190px}.hero{grid-template-columns:1fr!important}.hero-visual{margin:12px -28vw -15px 8vw!important}.ship-network{width:125vw!important}.about-mark{display:none}}

:root{--cream:#f4f1ea;--navy:#1b2a4a;--copper:#c8642d;--slate:#4c6a80;--line:rgba(27,42,74,.18)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--navy);font-family:Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}.site-header{height:108px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,4vw,64px);border-bottom:1px solid var(--line);position:absolute;inset:0 0 auto;z-index:5}.brand{display:flex;align-items:center;gap:14px;font-weight:650;font-size:34px;letter-spacing:-.045em}.mark{width:70px;height:70px;flex:none}nav{display:flex;gap:clamp(22px,3.2vw,52px);font-size:15px;font-weight:600}nav a{position:relative}nav a:after{content:"";position:absolute;height:2px;background:var(--copper);left:0;right:100%;bottom:-9px;transition:right .2s ease}nav a:hover:after{right:0}.hero{min-height:900px;padding:150px clamp(24px,4vw,64px) 70px;position:relative;display:grid;grid-template-columns:minmax(470px,.86fr) 1.14fr;align-items:center;overflow:hidden;border-bottom:1px solid var(--line)}.hero-copy{position:relative;z-index:2;max-width:710px}.eyebrow{font-size:12px;font-weight:750;letter-spacing:.19em;color:var(--copper);margin:0 0 30px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(64px,6vw,98px);line-height:.98;letter-spacing:-.064em;font-weight:650;margin-bottom:34px}h1 span{color:var(--copper)}.lead{max-width:630px;font-size:19px;line-height:1.65;color:#293a59;margin-bottom:34px}.actions{display:flex;gap:18px;flex-wrap:wrap}.button{min-height:56px;padding:0 28px;display:inline-flex;align-items:center;justify-content:center;gap:24px;border:1px solid var(--copper);font-size:14px;font-weight:700;transition:.2s ease}.button.primary{background:var(--copper);color:#fff}.button.primary:hover{background:#ac4f22;transform:translateY(-2px)}.button.secondary{color:var(--copper)}.button.secondary:hover{background:var(--navy);color:var(--cream);border-color:var(--navy)}.hero-visual{align-self:stretch;display:flex;align-items:center;justify-content:center;margin-right:-5vw;position:relative}.ship-network{width:min(760px,57vw);height:auto;overflow:visible}.ship-network .hull{stroke-dasharray:1800;animation:draw 1.5s ease-out both}.ship-network .network,.ship-network .nodes{animation:fade .8s .6s ease-out both}@keyframes draw{from{stroke-dashoffset:1800;opacity:.15}to{stroke-dashoffset:0;opacity:1}}@keyframes fade{from{opacity:0}to{opacity:1}}.scroll-cue{position:absolute;bottom:31px;left:50%;transform:translateX(-50%);display:flex;gap:18px;align-items:center;font-size:11px;letter-spacing:.15em;text-transform:uppercase}.scroll-cue i{font-style:normal;color:var(--copper);font-size:20px}.section{padding:120px clamp(24px,7vw,110px)}.work{display:grid;grid-template-columns:.75fr 1.25fr;gap:9vw}.section-intro{position:sticky;top:70px;align-self:start}h2{font-size:clamp(48px,5vw,76px);line-height:1.03;letter-spacing:-.055em;font-weight:620;margin-bottom:32px}.section-intro>p:last-child{font-size:17px;line-height:1.75;max-width:490px;color:#566178}.project{display:grid;grid-template-columns:52px 1fr 30px;gap:20px;padding:34px 0 40px;border-top:1px solid var(--line)}.project:last-child{border-bottom:1px solid var(--line)}.project-no,.project-type{color:var(--copper);font-size:11px;letter-spacing:.14em;font-weight:750}.project h3{font-size:40px;letter-spacing:-.04em;margin:6px 0 15px}.project div>p:last-child{max-width:520px;color:#5c6679;line-height:1.65}.project-arrow{font-size:22px;transition:.2s}.project:hover .project-arrow{color:var(--copper);transform:translate(3px,-3px)}.about{background:var(--navy);color:var(--cream);display:grid;grid-template-columns:.6fr 1.4fr;gap:10vw;align-items:start}.about-mark .mark{width:min(270px,25vw);height:auto;opacity:.85}.eyebrow.light{color:#d79972}.about>div:last-child>p:not(.eyebrow){font-size:18px;line-height:1.75;color:rgba(244,241,234,.72);max-width:760px}.about em{color:#fff}.principles{background:var(--navy);color:var(--cream);border-top:1px solid rgba(244,241,234,.18);display:grid;grid-template-columns:repeat(3,1fr);padding:0 clamp(24px,7vw,110px) 100px}.principles>div{padding:50px 50px 10px 0;border-right:1px solid rgba(244,241,234,.18)}.principles>div+div{padding-left:50px}.principles>div:last-child{border-right:0}.principles span{color:#d79972;font-size:12px}.principles h3{font-size:26px;margin:24px 0 12px}.principles p{color:rgba(244,241,234,.62);line-height:1.6;max-width:290px}.blog{display:grid;grid-template-columns:.9fr 1.1fr;gap:10vw;align-items:start}.newsletter{border:1px solid var(--line);padding:54px;position:relative}.newsletter:before{content:"";height:5px;position:absolute;inset:-1px -1px auto;background:var(--copper)}.newsletter-kicker{font-size:11px;color:var(--copper);font-weight:750;letter-spacing:.16em}.newsletter h3{font-size:36px;line-height:1.18;letter-spacing:-.04em;max-width:590px}.newsletter>p:not(.newsletter-kicker){color:#5b6678;line-height:1.7;max-width:560px;margin-bottom:28px}.substack-embed{width:100%;height:150px;border:0;background:transparent}.setup-note{font-size:12px;color:#7a8190}footer{background:#101c31;color:var(--cream);padding:110px clamp(24px,7vw,110px) 40px}footer h2{max-width:900px}.mail{display:flex;justify-content:space-between;font-size:clamp(28px,4vw,58px);padding:32px 0;border-top:1px solid rgba(244,241,234,.25);border-bottom:1px solid rgba(244,241,234,.25);margin:55px 0 80px;letter-spacing:-.04em}.mail:hover{color:#d79972}.footer-bottom{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:30px;color:rgba(244,241,234,.5);font-size:12px}.footer-brand{color:var(--cream);font-size:25px}.footer-brand .mark{width:52px;height:52px}@media(max-width:900px){.site-header{height:84px;position:absolute}.brand{font-size:27px}.mark{width:52px;height:52px}nav{display:none}.hero{min-height:auto;padding-top:125px;grid-template-columns:1fr}.hero-copy{max-width:100%}h1{font-size:clamp(54px,14vw,76px)}.hero-visual{margin:20px -20vw -40px 20vw}.ship-network{width:115vw}.scroll-cue{display:none}.work,.blog,.about{grid-template-columns:1fr}.section-intro{position:static}.work{gap:55px}.about-mark{display:none}.principles{grid-template-columns:1fr}.principles>div,.principles>div+div{padding:38px 0;border-right:0;border-bottom:1px solid rgba(244,241,234,.18)}.newsletter{padding:34px}.footer-bottom{grid-template-columns:1fr}.footer-bottom p{margin:0}}@media(max-width:540px){.section{padding-top:82px;padding-bottom:82px}.hero{padding-left:20px;padding-right:20px}.lead{font-size:17px}.actions{flex-direction:column;align-items:stretch}.project{grid-template-columns:34px 1fr 20px}.project h3{font-size:34px}.newsletter{padding:30px 22px}.mail{font-size:25px}.principles{padding-bottom:70px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ship-network *{animation:none!important}.button{transition:none}}