.hartjes-site{--ink:#242820;--cream:#f1efe8;--paper:#e8e6dd;--moss:#58604c;--line:#cacbc1;color:var(--ink);background:var(--cream);font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow:hidden}.hartjes-site *{box-sizing:border-box}.hartjes-site a{color:inherit;text-decoration:none}.hartjes-site img{display:block;width:100%;height:100%;object-fit:cover}.hartjes-site h1,.hartjes-site h2,.hartjes-site h3,.hartjes-site p{margin:0}.hartjes-site em{font-family:Georgia,"Times New Roman",serif;font-weight:400}.site-header{height:92px;padding:0 clamp(24px,4.4vw,76px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(36,40,32,.15);gap:30px}.wordmark{display:flex;align-items:center;gap:11px;flex:none}.wordmark-symbol{width:31px;height:29px;display:flex;align-items:flex-end;gap:3px;transform:skew(-15deg)}.wordmark-symbol span{width:8px;background:var(--ink)}.wordmark-symbol span:nth-child(1){height:19px}.wordmark-symbol span:nth-child(2){height:28px}.wordmark-symbol span:nth-child(3){height:23px}.wordmark-text{font-weight:800;letter-spacing:-.085em;font-size:25px;line-height:.8}.wordmark-text span{display:block;font-size:7px;letter-spacing:.17em;font-weight:600;margin-top:7px}.main-nav{display:flex;gap:clamp(22px,3vw,52px);font-size:13px;font-weight:500}.main-nav a,.header-link,.footer-right a{transition:opacity .2s}.main-nav a:hover,.header-link:hover,.footer-right a:hover{opacity:.55}.header-link{font-size:13px;border-bottom:1px solid currentColor;padding-bottom:7px;white-space:nowrap}.header-link span{font-size:18px;margin-left:22px}.hero{min-height:695px;display:grid;grid-template-columns:54% 46%}.hero-copy{padding:clamp(45px,5vw,84px) clamp(30px,5.4vw,95px) 52px clamp(24px,6.8vw,116px);display:flex;flex-direction:column;justify-content:space-between}.eyebrow,.section-marker{font-size:11px;font-weight:700;letter-spacing:.16em;display:flex;align-items:center;gap:17px}.eyebrow-line{width:30px;height:1px;background:var(--ink)}.hero h1{font-size:clamp(67px,8.15vw,145px);line-height:.88;font-weight:500;letter-spacing:-.088em;white-space:nowrap;margin:32px 0 36px}.hero h1 em{letter-spacing:-.075em}.hero-bottom{display:flex;justify-content:space-between;align-items:end;gap:35px}.hero-bottom p{font-size:16px;line-height:1.6;max-width:340px}.round-arrow{width:62px;height:62px;border:1px solid var(--ink);border-radius:50%;display:grid;place-items:center;font-size:26px;flex:none;transition:background .25s,color .25s,transform .25s}.round-arrow:hover{background:var(--ink);color:var(--cream);transform:rotate(45deg)}.hero-visual{position:relative;min-height:695px;background:#a69c88}.hero-visual img{filter:saturate(.75)}.hero-image-label{position:absolute;bottom:0;left:0;right:0;color:#fff;display:flex;justify-content:space-between;padding:24px 30px;font-size:10px;font-weight:700;letter-spacing:.15em;background:linear-gradient(transparent,rgba(0,0,0,.27))}.chapter-line{min-height:74px;background:#dce0cd;display:flex;align-items:center;justify-content:space-around;gap:22px;padding:15px 30px;font-size:11px;letter-spacing:.16em;font-weight:700;white-space:nowrap}.chapter-line span:nth-child(even){font-size:19px;font-weight:400}.section-wrap{padding-left:clamp(24px,6.8vw,116px);padding-right:clamp(24px,6.8vw,116px)}.intro{padding-top:145px;padding-bottom:150px}.marker-dot{width:7px;height:7px;background:#8e9a79;border-radius:50%;flex:none}.intro-main{display:grid;grid-template-columns:1.1fr .55fr;align-items:end;gap:60px;margin-top:70px}.intro h2,.approach h2,.outro h2{font-size:clamp(62px,7.1vw,116px);font-weight:400;line-height:.97;letter-spacing:-.075em}.intro h2 em,.approach h2 em,.outro h2 em{letter-spacing:-.07em}.intro-text{max-width:390px;padding-bottom:5px}.intro-text p,.approach-heading>p,.outro-side p{font-size:17px;line-height:1.7}.intro-text p+p{margin-top:23px}.image-story{display:grid;grid-template-columns:1.5fr 1fr;gap:13px;height:660px;padding:0 13px}.image-story-main,.image-story-side{position:relative;overflow:hidden;background:#afa794}.image-story img,.closing-image img{transition:transform .65s ease;filter:saturate(.78)}.image-story>div:hover img,.closing-image:hover img{transform:scale(1.035)}.image-caption{position:absolute;bottom:25px;left:28px;color:white;text-shadow:0 1px 5px #2227;font-size:10px;font-weight:700;letter-spacing:.15em}.approach{padding-top:145px;padding-bottom:160px}.approach-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw;margin-top:70px}.approach h2{font-size:clamp(60px,6vw,100px)}.approach-heading>p{max-width:340px;margin-top:40px}.approach-points{padding-top:7px}.point{border-top:1px solid #bfc2b7;display:grid;grid-template-columns:55px 1fr 22px;gap:8px;padding:29px 0 35px;align-items:start}.point:last-child{border-bottom:1px solid #bfc2b7}.point>span:first-child{font-size:11px;letter-spacing:.1em;margin-top:6px}.point>span:last-child{font-size:23px;line-height:1}.point h3{font-size:24px;letter-spacing:-.04em;font-weight:500;margin-bottom:11px}.point p{font-size:14px;line-height:1.6;max-width:320px;color:#62685d}.closing-image{height:560px;position:relative;background:#776d5b;overflow:hidden}.closing-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,21,16,.52),transparent 80%);pointer-events:none}.closing-overlay{position:absolute;z-index:1;left:clamp(24px,6.8vw,116px);bottom:70px;color:#fff}.closing-overlay span{font-size:11px;font-weight:700;letter-spacing:.16em}.closing-overlay p{font-family:Georgia,"Times New Roman",serif;font-size:clamp(42px,5vw,79px);letter-spacing:-.045em;line-height:1.03;margin-top:28px}.outro{background:#dce0cd;padding-top:120px;padding-bottom:145px}.outro-content{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-top:80px}.outro h2{font-size:clamp(85px,10.2vw,170px)}.outro-side{width:305px;flex:none;padding-bottom:10px}.outro-note{display:block;border-top:1px solid #a6ad9d;margin-top:60px;padding-top:17px;font-size:10px;font-weight:700;letter-spacing:.13em}.site-footer{background:var(--ink);color:var(--cream);min-height:170px;padding:35px clamp(24px,6.8vw,116px);display:flex;justify-content:space-between;align-items:end;gap:25px}.footer-brand{font-size:clamp(52px,7vw,98px);font-weight:800;letter-spacing:-.095em;line-height:.75}.footer-brand span{font-size:15px;vertical-align:top;letter-spacing:0;margin-left:8px}.footer-right{display:flex;gap:45px;align-items:end;font-size:10px;letter-spacing:.1em;font-weight:700}.footer-right a{font-size:12px;letter-spacing:0;white-space:nowrap}@media (max-width:950px){.site-header{height:76px}.main-nav{display:none}.hero{grid-template-columns:1fr 1fr;min-height:600px}.hero-copy{padding:50px 30px 35px}.hero h1{font-size:clamp(54px,7vw,85px)}.hero-visual{min-height:600px}.intro-main{grid-template-columns:1fr 1fr}.image-story{height:500px}.approach-grid{gap:40px}.point{grid-template-columns:35px 1fr 20px}.point h3{font-size:21px}}@media (max-width:700px){.site-header{height:72px;padding:0 22px}.wordmark-text{font-size:23px}.header-link{font-size:11px}.header-link span{margin-left:5px}.hero{display:flex;flex-direction:column;min-height:0}.hero-copy{min-height:480px;padding:45px 24px 35px}.hero h1{font-size:clamp(64px,13vw,94px);margin:45px 0}.hero-bottom p{font-size:14px;max-width:280px}.round-arrow{width:48px;height:48px;font-size:21px}.hero-visual{height:470px;min-height:0}.chapter-line{justify-content:flex-start;overflow:hidden;gap:26px}.chapter-line span:nth-child(n+4){display:none}.intro{padding-top:90px;padding-bottom:95px}.intro-main{display:block;margin-top:48px}.intro h2,.approach h2{font-size:clamp(57px,11vw,82px)}.intro-text{margin-top:42px}.intro-text p,.approach-heading>p,.outro-side p{font-size:15px}.image-story{height:730px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1.15fr .85fr;gap:8px;padding:0 8px}.image-story-main{grid-column:1/-1}.image-story-side{grid-column:2}.image-caption{left:15px;bottom:17px;font-size:9px}.approach{padding-top:95px;padding-bottom:100px}.approach-grid{display:block;margin-top:45px}.approach-heading>p{margin-top:28px}.approach-points{margin-top:55px}.closing-image{height:430px}.closing-overlay{bottom:42px}.outro{padding-top:88px;padding-bottom:100px}.outro-content{display:block;margin-top:55px}.outro h2{font-size:clamp(85px,15vw,120px)}.outro-side{width:auto;max-width:330px;margin-top:45px}.outro-note{margin-top:45px}.site-footer{min-height:220px;align-items:start;flex-direction:column;padding-top:45px;padding-bottom:30px}.footer-right{width:100%;justify-content:space-between;gap:10px}}@media (max-width:390px){.header-link{display:none}.hero h1{font-size:61px}.hero-copy{min-height:450px}.hero-visual{height:390px}.point h3{font-size:19px}.footer-right span{font-size:9px}}@media (prefers-reduced-motion:reduce){.hartjes-site *,.hartjes-site *:before,.hartjes-site *:after{scroll-behavior:auto!important;transition:none!important}}