/*
Theme Name: 1501 naar Fellowlane
Theme URI: https://fellowlane.com/
Author: Fellowlane
Description: Een rustige one-page overgang van 1501 naar Fellowlane, met contactgegevens en doorverwijzingen.
Version: 3.0.2
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: 1501-naar-fellowlane
*/
:root{--ink:#17191f;--muted:#62666b;--paper:#f8f7f3;--sand:#e5d5ab;--blue:#50a7f8;--line:#dedfdc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}a:focus-visible{outline:3px solid #2583d8;outline-offset:6px}.wrap{width:min(1280px,calc(100% - 96px));margin:auto}.skip{position:absolute;left:20px;top:-60px;background:white;padding:15px;z-index:20}.skip:focus{top:10px}.header{display:flex;align-items:center;justify-content:space-between;padding:34px 0;border-bottom:1px solid var(--line)}.legacy-logo{width:92px;height:auto;display:block}.header-link{font-size:14px;text-decoration:none;display:flex;gap:18px;align-items:center}.hero{padding:86px 0 76px;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.eyebrow{font-size:11px;font-weight:600;letter-spacing:2.3px;margin:0 0 28px;display:flex;gap:10px;align-items:center}.eyebrow:before{content:'';width:7px;height:7px;background:var(--blue);border-radius:50%}h1{font-size:clamp(46px,4.9vw,74px);font-weight:400;line-height:1.05;letter-spacing:-3.8px;margin:0 0 28px}.intro{font-size:18px;line-height:1.7;color:var(--muted);max-width:460px;margin:0}.intro strong{font-weight:600;color:var(--ink)}.actions{display:flex;gap:25px;flex-wrap:wrap;align-items:center;margin-top:32px}.button{display:inline-flex;align-items:center;gap:30px;padding:17px 23px;text-decoration:none;font-size:14px;background:var(--ink);color:white;border-radius:6px;transition:background .2s}.button:hover{background:#343941}.text-link{font-size:14px;text-underline-offset:5px}.brand-card{position:relative;min-height:410px;border-radius:18px;background:var(--ink);overflow:hidden;padding:44px;isolation:isolate}.brand-card:after{content:'';position:absolute;inset:0;border:1px solid #ffffff12;border-radius:18px;pointer-events:none}.before{display:flex;gap:18px;align-items:center;color:#c1c4cb;font-size:11px;letter-spacing:1px;text-transform:uppercase}.old-chip{background:var(--paper);padding:10px 15px;border-radius:4px}.old-chip img{width:76px;height:auto;display:block}.transition-line{width:64px;height:1px;background:#ffffff40;position:relative}.transition-line:after{content:'›';position:absolute;right:-1px;top:-11px;color:var(--sand);font-size:23px}.now{position:relative;margin-top:56px;z-index:2}.now p{color:var(--sand);font-size:10px;letter-spacing:2px;text-transform:uppercase;margin:0 0 20px}.new-logo{width:min(100%,340px);height:auto;display:block}.brand-caption{font-size:10px;letter-spacing:2.2px;color:#c1c4cb;position:relative;z-index:2;margin-top:19px}.lanes{position:absolute;width:320px;height:290px;right:-28px;bottom:-155px;opacity:.9;z-index:-1}.contact{padding:40px 0 46px;border-top:1px solid var(--line);display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:36px}.contact h2{font-size:24px;font-weight:400;letter-spacing:-.8px;margin:0 0 10px}.contact p{color:var(--muted);font-size:14px;line-height:1.7;margin:0}.contact .label{font-size:10px;text-transform:uppercase;letter-spacing:1.6px;margin:0 0 13px;color:var(--muted)}.contact a{font-size:16px;text-decoration:none}.contact a:hover{text-decoration:underline;text-underline-offset:4px}.destinations{display:flex;gap:20px;margin-top:15px;flex-wrap:wrap}.destinations a{font-size:13px}.footer{padding:24px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}.footer a{text-underline-offset:3px}.arrow{font-size:19px}.notice{margin-top:20px;font-size:12px;color:var(--muted)}@media(min-width:1600px){.hero{padding:110px 0 100px}}@media(max-width:980px){.wrap{width:calc(100% - 56px)}.hero{gap:32px;padding-top:60px}h1{letter-spacing:-2.5px}.brand-card{padding:30px;min-height:380px}.new-logo{width:100%}.contact{gap:20px;grid-template-columns:1fr 1fr}.contact>div:first-child{grid-column:1/-1}}@media(max-width:640px){.wrap{width:calc(100% - 40px)}.header{padding:23px 0}.legacy-logo{width:75px}.header-link{font-size:12px;gap:10px}.hero{grid-template-columns:1fr;padding:46px 0 40px;gap:38px}h1{font-size:48px;letter-spacing:-2.6px}.eyebrow{font-size:10px;margin-bottom:22px}.intro{font-size:16px}.actions{gap:20px;margin-top:26px}.brand-card{min-height:315px;padding:28px}.now{margin-top:35px}.new-logo{max-width:300px}.brand-caption{font-size:9px}.contact{grid-template-columns:1fr;padding-top:30px;gap:28px}.contact>div:first-child{grid-column:auto}.footer{gap:15px;flex-direction:column;padding-bottom:28px}.lanes{bottom:-175px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Version 2: editorial brand transition */
:root{--paper:#f7f6f2;--muted:#666b70;--line:#deded8}
.header{padding:30px 0;border-bottom:0}.header-link{border:1px solid #d8d9d3;border-radius:40px;padding:12px 17px;gap:22px;transition:background .2s}.header-link:hover{background:#ebece6}
.hero{padding:62px 0 70px;gap:80px;grid-template-columns:1fr 1fr;align-items:center}
.eyebrow{font-size:10px;letter-spacing:2px;margin-bottom:31px}.eyebrow:before{display:none}.status-dot{display:block;width:7px;height:7px;border-radius:50%;background:#50a7f8;box-shadow:0 0 0 5px #50a7f812}
h1{font-size:clamp(48px,4.7vw,72px);letter-spacing:-3.4px;line-height:1.08;margin-bottom:28px}.headline-brand{color:#546469}.intro{font-size:17px;line-height:1.8;max-width:440px}.intro strong{font-weight:400}.button{background:var(--ink);border-radius:40px;padding:18px 25px;gap:30px}.actions{margin-top:34px;gap:24px}.text-link{text-decoration-color:#aaa;text-decoration-thickness:1px}
.brand-card{min-height:470px;border-radius:14px;padding:38px 40px;background:#17191f;box-shadow:0 18px 50px #17191f0c;isolation:isolate}.brand-card:after{border-radius:14px}.before{flex-direction:row-reverse;justify-content:flex-end;gap:16px;letter-spacing:2px;font-size:9px}.old-chip{padding:9px 13px;background:#f1f0e9}.old-chip img{width:64px}.transition-line{width:46px}.now{margin-top:64px}.now p{font-size:9px;letter-spacing:2px;color:#bbbfbf;margin-bottom:22px}.new-logo{max-width:355px;width:100%}.brand-caption{font-size:9px;letter-spacing:2.6px;color:var(--sand);margin-top:24px}.lanes{width:480px;height:432px;right:-135px;bottom:-205px;opacity:.82}.card-bottom{position:absolute;left:40px;right:35px;bottom:30px;display:flex;justify-content:space-between;align-items:center;color:#dedfd9;font-size:10px;z-index:3}.card-signal{display:grid;place-items:center;width:34px;height:34px;border:1px solid #ffffff32;border-radius:50%;font-size:18px;background:#17191f}
.contact{border-top:1px solid #d8d9d3;padding:42px 0 44px;grid-template-columns:1.15fr 1fr 1fr;gap:38px}.contact h2{font-size:29px;line-height:1.16;letter-spacing:-1px;margin-bottom:16px}.contact .label{font-size:9px;letter-spacing:1.7px;margin-bottom:20px}.contact>div:not(:first-child){padding-top:1px}.contact a{font-size:16px;line-height:1.4}.contact>div:first-child p:last-child{font-size:13px;max-width:310px}.destinations{flex-direction:column;gap:12px;margin-top:22px}.destinations a{font-size:13px}.footer{font-size:10px;padding:24px 0;color:#757a7b}
@media(max-width:980px){.hero{gap:35px}.brand-card{padding:30px;min-height:430px}.card-bottom{left:30px;right:25px}.contact{grid-template-columns:1fr 1fr}.contact>div:first-child{grid-column:1/-1}h1{font-size:51px;letter-spacing:-2.7px}.now{margin-top:65px}}
@media(max-width:640px){.header{padding:24px 0}.header-link{padding:10px 13px;font-size:10px;gap:14px}.hero{grid-template-columns:1fr;padding:40px 0;gap:38px}h1{font-size:48px;letter-spacing:-2.8px;line-height:1.12}.intro{font-size:16px}.eyebrow{margin-bottom:25px}.brand-card{min-height:370px;padding:28px}.now{margin-top:45px}.brand-caption{font-size:8px;letter-spacing:2px}.card-bottom{left:28px;bottom:23px;font-size:9px}.lanes{width:390px;height:350px;right:-100px;bottom:-175px}.contact{grid-template-columns:1fr;gap:30px;padding:32px 0}.contact>div:first-child{grid-column:auto}.contact h2{font-size:29px}.contact .label{margin-bottom:14px}.destinations{flex-direction:row;gap:18px}.footer{line-height:1.8}}

.before{flex-direction:row}.lanes{right:-40px;bottom:-185px}.card-signal{text-decoration:none;transition:background .2s}.card-signal:hover{background:#343941}@media(max-width:640px){.lanes{right:-50px;bottom:-175px}}

/* Final spacing, hierarchy and accessible interaction refinements. */
.hero{gap:76px;padding-top:58px;padding-bottom:68px}.eyebrow{color:#555e61}.intro{max-width:450px}.headline-brand{color:#546469}
.brand-card{min-height:440px;padding:38px 40px}.before{gap:16px}.old-label{font-size:9px;color:#b4b9bc;letter-spacing:1.8px}.now{margin-top:56px}.now p{color:#c1c4c8}.brand-caption{margin-top:22px}.card-bottom{left:40px;right:auto;bottom:28px;gap:20px;text-decoration:none;font-size:11px;padding:5px 0}.card-bottom:hover .card-signal{background:#343941;transform:translate(2px,-2px)}.card-signal{transition:transform .2s,background .2s}.lanes{right:-45px;bottom:-186px;opacity:.86}
.contact{grid-template-columns:1.15fr 1fr 1fr;padding:40px 0}.contact h2{font-size:28px}.contact .label{color:#62696d}.contact a,.header-link,.button,.text-link{min-height:24px}.footer{color:#666e72}.status-dot{box-shadow:0 0 0 5px #50a7f817}
@media(max-width:980px){.hero{gap:32px}.brand-card{padding:30px;min-height:410px}.card-bottom{left:30px}.contact{grid-template-columns:1fr 1fr}.contact>div:first-child{grid-column:1/-1}}
@media(max-width:640px){.hero{gap:35px;padding-top:35px;padding-bottom:36px}.header-link{font-size:11px}.eyebrow{margin-bottom:23px}.intro{line-height:1.75}.actions{gap:23px}.brand-card{padding:28px;min-height:350px}.now{margin-top:43px}.new-logo{max-width:290px}.card-bottom{left:28px;bottom:21px;font-size:10px}.brand-caption{margin-top:20px}.lanes{width:390px;height:350px;right:-60px;bottom:-188px}.contact{grid-template-columns:1fr;padding:31px 0;gap:28px}.contact>div:first-child{grid-column:auto}.contact h2{font-size:28px}.contact a{display:inline-block}.destinations{flex-direction:row}.footer{gap:12px}}
@media(max-width:360px){h1{font-size:42px}.actions{gap:18px}.button{padding:16px 20px}.before{gap:12px}.brand-caption{letter-spacing:1.6px}}

/* No decorative arrow icons, including on iPhone. */
.arrow,.card-signal,.transition-line{display:none!important}.button,.header-link{gap:0}.card-bottom{gap:0}