:root{--color-brand-black: #111111;--color-brand-white: #ffffff;--color-brand-paper: #f7f5ee;--color-brand-paper-warm: #efede5;--color-brand-muted: #6d7280;--color-claessen-blue: #004098;--color-claessen-blue-deep: #001e48;--color-claessen-blue-soft: #2f65b9;--color-claessen-blue-mist: #eaf2ff;--color-logo-red: #e60012;--color-logo-yellow: #fabe00;--color-logo-green: #22ac38;--color-logo-cyan: #00a0e9;--color-logo-purple: #7e318e;--color-neutral-950: #111111;--color-neutral-800: #2a2a2a;--color-neutral-600: #6d7280;--color-neutral-300: #cdd2da;--color-neutral-200: #e4e2da;--color-neutral-100: #f1efe8;--space-section: clamp(80px, 10vw, 136px);--radius-sm: 8px}html,body{overflow-x:clip}html{scroll-behavior:smooth;background:var(--color-brand-paper);color:var(--color-brand-black);font-family:var(--font-latin);letter-spacing:0}body{margin:0;min-width:320px;background:var(--color-brand-paper)}button{border:0;color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--color-logo-cyan);outline-offset:3px}h1,h2,h3,p{margin-top:0}.scroll-progress{position:fixed;inset:0 0 auto;z-index:calc(var(--z-header) + 2);height:3px;background:linear-gradient(90deg,var(--color-logo-cyan),var(--color-claessen-blue),var(--color-logo-green),var(--color-logo-yellow));transform:scaleX(var(--scroll-progress, 0));transform-origin:left center;pointer-events:none}.header-actions{display:flex;justify-content:flex-end}.button{position:relative;display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:10px;overflow:hidden;padding:0 20px;border:1px solid currentColor;border-radius:var(--radius-pill);cursor:pointer;font-size:13px;font-weight:900;line-height:1;white-space:nowrap;transition:background-color var(--dur-fast) var(--ease-chloris),border-color var(--dur-fast) var(--ease-chloris),color var(--dur-fast) var(--ease-chloris),opacity var(--dur-fast) var(--ease-chloris),transform var(--dur-fast) var(--ease-chloris)}.button:after{width:5px;height:5px;border-radius:50%;background:currentColor;content:"";transform:scale(0);transition:transform var(--dur-fast) var(--ease-chloris)}.button:hover{transform:translateY(-1px)}.button:hover:after{transform:scale(1)}.button-primary{border-color:var(--color-claessen-blue);background:var(--color-claessen-blue);color:var(--color-brand-white)}.button-primary:hover{border-color:var(--color-claessen-blue-deep);background:var(--color-claessen-blue-deep)}.button-secondary{background:#ffffffad;color:var(--color-claessen-blue)}.button-dark{border-color:var(--color-brand-white);background:var(--color-brand-white);color:var(--color-claessen-blue-deep)}.container,.wide{width:min(100%,var(--wide));margin:0 auto;padding-inline:var(--hero-page-gutter)}.wide{max-width:var(--wide)}.theme-dark{color:var(--color-brand-white)}.section{padding:var(--space-section) 0}.section-kicker,.eyebrow{margin-bottom:16px;color:var(--color-claessen-blue);font-family:var(--font-mono);font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.theme-dark .eyebrow,.theme-dark .section-kicker{color:var(--color-logo-cyan)}.section-head{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:end;gap:clamp(28px,5vw,72px);margin-bottom:clamp(34px,5vw,64px)}.section-title,.statement{margin-bottom:0;color:var(--color-brand-black);font-size:clamp(38px,5.6vw,74px);font-weight:900;line-height:1.02;overflow-wrap:anywhere}.theme-dark .section-title,.theme-dark .statement{color:var(--color-brand-white)}.cn-title{display:block;margin-top:14px;color:currentColor;font-family:var(--font-cjk);font-size:clamp(20px,2vw,28px);font-weight:800;line-height:1.25;opacity:.82}.body-copy,.section-head p{margin-bottom:0;color:var(--color-brand-muted);font-size:clamp(16px,1.45vw,19px);font-weight:600;line-height:1.68}.theme-dark .body-copy,.theme-dark .section-head p{color:#ffffffbd}.reveal{opacity:0;transform:translateY(28px);transition:opacity var(--dur-slow) var(--ease-chloris),transform var(--dur-slow) var(--ease-chloris)}.reveal.is-visible{opacity:1;transform:translateY(0)}.hero{position:relative;min-height:100svh;overflow:hidden;background:var(--color-claessen-blue-deep);--cursor-x: 70%;--cursor-y: 42%;--hero-shift-x: 0px;--hero-shift-y: 0px;--hero-scroll-lift: 0px}.hero:before{position:absolute;inset:0;z-index:2;background:radial-gradient(circle at var(--cursor-x) var(--cursor-y),rgba(255,255,255,.15),transparent 12rem),linear-gradient(90deg,#000c1edb,#001e485c 48%,#0000002e);content:"";pointer-events:none}.hero-media{position:absolute;inset:0;z-index:1;transform:translate3d(var(--hero-shift-x),calc(var(--hero-shift-y) + var(--hero-scroll-lift)),0) scale(1.04);transition:transform .42s var(--ease-chloris)}.hero-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-media>img:nth-child(2){mix-blend-mode:screen;opacity:.38;transform:translate(calc(var(--hero-shift-x) * -1.4))}.hero-inner{position:relative;z-index:3;display:flex;min-height:100svh;align-items:center;padding-top:calc(var(--header-height) + 34px);padding-bottom:clamp(56px,9vh,104px)}.hero-inner>div{width:min(100%,980px)}.hero h1{max-width:980px;margin-bottom:26px;font-size:clamp(54px,8vw,118px);font-weight:900;line-height:.94;letter-spacing:0}.hero-lede{max-width:680px;margin-bottom:30px;color:#ffffffc7;font-size:clamp(17px,1.6vw,22px);font-weight:600;line-height:1.65}.hero-actions{display:flex;flex-wrap:wrap;gap:14px}.routes{background:radial-gradient(circle at 82% 14%,rgba(0,160,233,.14),transparent 32%),var(--color-brand-white)}.route-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.route-card{position:relative;min-height:318px;padding:24px;overflow:hidden;border:1px solid color-mix(in srgb,var(--route-accent, var(--color-claessen-blue)) 26%,transparent);border-radius:var(--radius-md);background:radial-gradient(circle at 82% 16%,color-mix(in srgb,var(--route-accent, var(--color-claessen-blue)) 20%,transparent),transparent 38%),linear-gradient(155deg,#fffffff5,#f7f5eecc);box-shadow:0 22px 70px #001e4814;cursor:pointer;text-align:left;transition:border-color var(--dur-medium) var(--ease-chloris),box-shadow var(--dur-medium) var(--ease-chloris),opacity var(--dur-medium) var(--ease-chloris),transform var(--dur-medium) var(--ease-chloris)}.route-card:before{position:absolute;inset:0 0 auto;height:5px;background:var(--route-accent, var(--color-claessen-blue));content:""}.route-card-action{position:absolute;top:22px;right:22px;display:grid;width:46px;height:46px;place-items:center;border:1px solid color-mix(in srgb,var(--route-accent, var(--color-claessen-blue)) 50%,transparent);border-radius:50%;color:var(--route-accent, var(--color-claessen-blue));transition:background-color var(--dur-medium) var(--ease-chloris),color var(--dur-medium) var(--ease-chloris),transform var(--dur-medium) var(--ease-chloris)}.route-card-action svg{width:18px;height:18px;stroke-width:1.8}.route-card:hover,.route-card.is-active{border-color:color-mix(in srgb,var(--route-accent, var(--color-claessen-blue)) 58%,transparent);box-shadow:0 32px 96px color-mix(in srgb,var(--route-accent, var(--color-claessen-blue)) 20%,transparent);transform:translateY(-8px)}.route-card:hover .route-card-action,.route-card.is-active .route-card-action{background:var(--route-accent, var(--color-claessen-blue));color:#fff;transform:translate(3px)}.route-card.is-muted{opacity:.52}.route-card .index{display:inline-flex;margin-bottom:44px;color:var(--route-accent, var(--color-claessen-blue));font-family:var(--font-latin);font-size:12px;font-weight:900}.route-card h3{position:relative;z-index:1;margin-bottom:12px;font-size:clamp(22px,2.1vw,30px);line-height:1.1}.route-card p{position:relative;z-index:1;margin-bottom:0;color:var(--color-brand-muted);font-size:15px;font-weight:650;line-height:1.58}.form-section{scroll-margin-top:var(--header-height);background:radial-gradient(circle at 10% 14%,rgba(0,64,152,.12),transparent 30%),var(--color-brand-paper)}.form-layout{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:clamp(36px,6vw,88px);align-items:start}.form-intro{position:sticky;top:calc(var(--header-height) + 34px)}.inquiry-form{position:relative;display:grid;gap:18px;padding:clamp(22px,3vw,34px);border:1px solid rgba(0,64,152,.16);border-radius:var(--radius-xl);background:#ffffffc7;box-shadow:0 26px 86px #001e4814}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.field,.field-full{display:grid;gap:8px}.field-full{grid-column:1 / -1}label{color:var(--color-brand-black);font-size:12px;font-weight:900}input,textarea,select{width:100%;min-height:48px;border:1px solid rgba(0,64,152,.18);border-radius:12px;background:#ffffffe6;color:var(--color-brand-black);font-size:14px;font-weight:650;transition:background-color var(--dur-fast) var(--ease-chloris),border-color var(--dur-fast) var(--ease-chloris),transform var(--dur-fast) var(--ease-chloris)}input,select{padding:0 14px}textarea{min-height:122px;padding:14px;resize:vertical}input:focus,textarea:focus,select:focus{border-color:var(--color-claessen-blue);background:var(--color-brand-white);outline:0;transform:none}.consent-field{padding:4px 0 2px}.consent-label{display:grid;grid-template-columns:18px 1fr;align-items:start;gap:10px;color:var(--color-brand-muted);font-size:12px;font-weight:750;line-height:1.55}.consent-label input{width:18px;min-height:18px;margin:1px 0 0;accent-color:var(--color-claessen-blue)}.form-actions{display:flex;align-items:center;justify-content:flex-end;gap:18px;margin-top:4px}.inquiry-submit-button{border-color:var(--color-claessen-blue)!important;background-color:var(--color-claessen-blue)!important;color:var(--color-brand-white)!important}.inquiry-submit-button:hover,.inquiry-submit-button:focus-visible{border-color:var(--color-claessen-blue-deep)!important;background-color:var(--color-claessen-blue-deep)!important;color:var(--color-brand-white)!important}.inquiry-submit-button:disabled{cursor:wait;opacity:.65}.inquiry-form-fallback{align-content:start;min-height:300px;padding:clamp(28px,5vw,54px);border:1px solid rgba(0,64,152,.18);border-radius:var(--radius-md);background:#ffffffd1}.inquiry-form-fallback strong{max-width:16ch;color:var(--color-claessen-blue-deep);font-size:clamp(24px,3vw,38px);line-height:1.08}.inquiry-form-fallback p{max-width:52ch;margin:0;color:var(--color-brand-muted);font-size:15px;font-weight:650;line-height:1.6}.inquiry-form-fallback .inquiry-submit-button{width:fit-content;margin-top:8px}.success-panel{display:none;padding:26px;border:1px solid rgba(34,172,56,.32);border-radius:var(--radius-md);background:radial-gradient(circle at 86% 16%,rgba(34,172,56,.18),transparent 36%),#ffffffd1}.success-panel.is-visible{display:block;animation:groupReveal .52s var(--ease-chloris) forwards}.success-panel strong{display:block;margin-bottom:8px;color:var(--color-logo-green);font-size:24px}.success-panel p{margin-bottom:0;color:var(--color-brand-muted);font-size:15px;font-weight:650;line-height:1.58}.error-panel{display:none;padding:22px 24px;border:1px solid rgba(230,0,18,.28);border-radius:var(--radius-md);background:radial-gradient(circle at 86% 16%,rgba(230,0,18,.14),transparent 36%),#ffffffdb}.error-panel.is-visible{display:block;animation:groupReveal .52s var(--ease-chloris) forwards}.error-panel strong{display:block;margin-bottom:8px;color:var(--color-logo-red);font-size:20px}.error-panel p{margin-bottom:0;color:var(--color-brand-muted);font-size:14px;font-weight:650;line-height:1.58}@keyframes groupReveal{to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}body:not(.is-ready) main,.hero-title-line span,.hero-lede,.hero-actions,.reveal{opacity:1!important;filter:none!important;transform:none!important}.hero-media{transform:none!important}}@media(max-width:1120px){.header-inner{grid-template-columns:1fr auto}.nav{display:none}.section-head,.form-layout{grid-template-columns:1fr}.route-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-intro{position:relative;top:auto}}@media(max-width:720px){:root{--header-height: 68px;--space-section: 72px}.header-inner{padding:0 18px}.brand img{width:142px}.container,.wide{width:min(100%,var(--wide))}.hero{min-height:auto}.hero-inner{min-height:auto;padding-top:calc(var(--header-height) + 70px)}.hero h1{font-size:clamp(42px,14vw,64px)}.route-grid,.field-grid{grid-template-columns:1fr}.route-card{min-height:240px}.form-actions{align-items:stretch;flex-direction:column}.button{width:100%;padding:0 16px}}
