.arjan-projects{--arjan-projects-bg:#0b2723;--arjan-projects-accent:#b89a62;position:relative;isolation:isolate;overflow:hidden;background:var(--arjan-projects-bg);color:#fff;font-family:"Manrope",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.arjan-projects:before{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:92px 92px;mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent)}.arjan-projects:after{content:"PROJECTS";position:absolute;z-index:-1;right:-.025em;top:clamp(38px,5vw,72px);color:rgba(255,255,255,.025);font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(120px,16vw,260px);font-weight:500;line-height:.8;letter-spacing:-.055em;pointer-events:none}.arjan-projects *{box-sizing:border-box}.arjan-projects__container,.arjan-projects-slider{width:var(--arjan-container);margin-inline:auto}.arjan-projects__head{padding:clamp(112px,10vw,158px) 0 clamp(54px,5.2vw,78px)}.arjan-projects__head-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.5fr);gap:clamp(54px,7vw,104px);align-items:end}.arjan-projects__eyebrow{display:inline-flex;align-items:center;gap:12px;margin:0 0 22px;color:rgba(255,255,255,.82);font-size:11px;font-weight:600;line-height:1;letter-spacing:.2em;text-transform:uppercase}.arjan-projects__eyebrow:before{content:"";width:28px;height:1px;background:var(--arjan-projects-accent)}.arjan-projects__title{max-width:900px;margin:0;color:#fff;font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(58px,6.15vw,98px);font-weight:500;line-height:.9;letter-spacing:-.05em}.arjan-projects__counter-note{max-width:470px;padding-left:24px;border-left:1px solid rgba(255,255,255,.21);color:rgba(255,255,255,.62);font-size:13px;line-height:1.7}.arjan-projects__counter-note p{margin:0 0 22px}.arjan-projects__cta{display:inline-flex;width:max-content;max-width:100%;min-height:46px;align-items:center;justify-content:center;gap:12px;padding:12px 18px;border:1px solid rgba(255,255,255,.45)!important;border-radius:0!important;background:transparent!important;background-image:none!important;color:#fff!important;box-shadow:none!important;text-decoration:none!important;font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;transition:background .3s ease,color .3s ease,border-color .3s ease}.arjan-projects__cta:hover,.arjan-projects__cta:focus,.arjan-projects__cta:focus-visible{background:#fff!important;background-image:none!important;border-color:#fff!important;color:var(--arjan-forest)!important;box-shadow:none!important}.arjan-projects__cta svg{width:18px;height:18px}.arjan-projects-slider{padding-bottom:clamp(104px,9vw,150px);min-width:0}.arjan-projects-slider__viewport{position:relative;overflow:hidden;outline:none;touch-action:pan-y;cursor:grab}.arjan-projects-slider__viewport.is-dragging,.arjan-projects-slider__viewport:active{cursor:grabbing}.arjan-projects-slider__viewport:focus-visible{outline:2px solid var(--arjan-projects-accent);outline-offset:6px}.arjan-projects-track{display:flex;width:max-content;gap:clamp(16px,1.7vw,26px);will-change:transform;transform:translate3d(0,0,0)}.arjan-project-card{position:relative;display:block;width:calc(var(--arjan-container) - clamp(112px,15vw,230px));max-width:1120px;flex:0 0 auto;overflow:hidden;border:0;background:#12352f;color:#fff!important;opacity:.42;transform:scale(.985);transform-origin:center left;transition:opacity .55s var(--arjan-ease),transform .7s var(--arjan-ease);isolation:isolate;text-decoration:none!important}.arjan-project-card.is-active{opacity:1;transform:scale(1)}.arjan-project-card__media{position:relative;aspect-ratio:1.55/1;overflow:hidden;background:#173a34;clip-path:inset(0)}.arjan-project-card__media img{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--arjan-project-pos-d,50% 50%);transform:scale(1.002);will-change:transform;user-select:none;-webkit-user-drag:none;transition:filter .55s ease}.arjan-project-card:not(.is-active) .arjan-project-card__media img{filter:saturate(.72) brightness(.72)}.arjan-project-card__media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,32,28,.04) 30%,rgba(3,32,28,.80) 100%),linear-gradient(90deg,rgba(3,32,28,.35),rgba(3,32,28,0) 62%);pointer-events:none}.arjan-project-card__meta{position:absolute;z-index:3;top:22px;right:24px;left:24px;display:flex;align-items:center;justify-content:space-between;gap:18px;color:rgba(255,255,255,.72);font-size:8px;font-weight:600;line-height:1.4;letter-spacing:.16em;text-transform:uppercase;text-shadow:0 1px 15px rgba(0,0,0,.28);pointer-events:none}.arjan-project-card__meta span:first-child{color:#ddc79d;font-family:"Cormorant Garamond",Georgia,serif;font-size:24px;font-weight:500;line-height:1;letter-spacing:0}.arjan-project-card__content{position:absolute;z-index:3;right:0;bottom:0;left:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:34px;align-items:end;padding:clamp(26px,3vw,42px)}.arjan-project-card__type{margin-bottom:10px;color:#d3bd93;font-size:9px;font-weight:600;line-height:1.5;letter-spacing:.16em;text-transform:uppercase}.arjan-project-card__title{max-width:720px;margin:0;color:#fff;font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(42px,4.3vw,68px);font-weight:500;line-height:.92;letter-spacing:-.04em;text-wrap:balance}.arjan-project-card__facts{display:grid;grid-template-columns:104px minmax(0,1fr);gap:5px 16px;max-width:680px;margin-top:16px;color:rgba(255,255,255,.82);font-size:10px;line-height:1.5}.arjan-project-card__facts span{color:rgba(255,255,255,.47);font-weight:600;letter-spacing:.08em;text-transform:uppercase}.arjan-project-card__facts strong{font-weight:500}.arjan-project-card__desc{max-width:680px;margin:14px 0 0;color:rgba(255,255,255,.7);font-size:13px;line-height:1.67}.arjan-project-card__view{display:inline-flex;width:54px;height:54px;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.42);background:rgba(3,46,41,.08);transition:background .35s ease,color .35s ease,border-color .35s ease,transform .35s var(--arjan-ease)}.arjan-project-card__view svg{width:18px;height:18px}.arjan-project-card:hover .arjan-project-card__view,.arjan-project-card:focus-visible .arjan-project-card__view{background:#fff;border-color:#fff;color:var(--arjan-forest);transform:translateX(3px)}.arjan-projects-slider__footer{padding-top:22px}.arjan-projects-slider__status{display:grid;grid-template-columns:110px minmax(0,1fr) auto;gap:clamp(18px,3vw,44px);align-items:center}.arjan-projects-slider__counter{display:flex;align-items:baseline;gap:7px;color:rgba(255,255,255,.5)}.arjan-projects-slider__counter strong{color:#fff;font-family:"Cormorant Garamond",Georgia,serif;font-size:34px;font-weight:500;line-height:1}.arjan-projects-slider__counter span{font-size:9px;font-weight:600;letter-spacing:.12em}.arjan-projects-slider__pagination{display:grid;grid-template-columns:repeat(var(--arjan-project-count),minmax(42px,1fr));border-top:1px solid rgba(255,255,255,.15)}.arjan-projects-slider__pagination button,.arjan-projects-slider__arrow{font-family:"Manrope",sans-serif;-webkit-appearance:none;appearance:none;border-radius:0!important;box-shadow:none!important;text-shadow:none!important}.arjan-projects-slider__pagination button{position:relative;min-width:0;height:44px;padding:0 8px;border:0!important;background:transparent!important;background-image:none!important;color:rgba(255,255,255,.38)!important;cursor:pointer;text-align:left;transition:color .3s ease,background .3s ease}.arjan-projects-slider__pagination button:before{content:"";position:absolute;top:-1px;right:0;left:0;height:2px;background:var(--arjan-projects-accent);transform:scaleX(0);transform-origin:left;transition:transform .45s var(--arjan-ease)}.arjan-projects-slider__pagination button:hover,.arjan-projects-slider__pagination button:focus,.arjan-projects-slider__pagination button:focus-visible,.arjan-projects-slider__pagination button[aria-current="true"]{color:#fff!important;background:rgba(255,255,255,.035)!important;background-image:none!important;box-shadow:none!important}.arjan-projects-slider__pagination button[aria-current="true"]:before{transform:scaleX(1)}.arjan-projects-slider__pagination button span{font-family:"Cormorant Garamond",Georgia,serif;font-size:18px;line-height:1}.arjan-projects-slider__arrows{display:flex;gap:8px}.arjan-projects-slider__arrow{display:inline-flex;min-width:112px;height:48px;align-items:center;justify-content:center;gap:11px;padding:0 15px;border:1px solid rgba(255,255,255,.24)!important;background:transparent!important;background-image:none!important;color:#fff!important;cursor:pointer;transition:background .32s ease,color .32s ease,border-color .32s ease,opacity .25s ease}.arjan-projects-slider__arrow:hover,.arjan-projects-slider__arrow:focus,.arjan-projects-slider__arrow:focus-visible{background:#fff!important;background-image:none!important;border-color:#fff!important;color:var(--arjan-forest)!important;box-shadow:none!important}.arjan-projects-slider__arrow:disabled{opacity:.25;cursor:default;background:transparent!important;color:#fff!important;border-color:rgba(255,255,255,.2)!important}.arjan-projects-slider__arrow svg{width:18px;height:18px;flex:0 0 auto}.arjan-projects-slider__arrow span{font-size:8px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.arjan-projects-slider__arrow--prev svg{transform:rotate(180deg)}.arjan-projects-slider__progress{position:relative;height:1px;margin-top:17px;overflow:hidden;background:rgba(255,255,255,.14)}.arjan-projects-slider__progress span{display:block;width:100%;height:100%;background:#d2b987;transform:scaleX(0);transform-origin:left center;will-change:transform}.arjan-projects-slider__swipe{display:none;margin-top:14px;color:rgba(255,255,255,.5);font-size:9px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
@media(max-width:1180px){.arjan-projects__head-grid{grid-template-columns:minmax(0,1fr) minmax(280px,.52fr);gap:52px}.arjan-project-card{width:calc(var(--arjan-container) - clamp(96px,13vw,150px))}.arjan-project-card__title{font-size:clamp(40px,5vw,58px)}.arjan-project-card__content{padding:30px}.arjan-project-card__desc{font-size:12.5px}}
@media(max-width:960px){.arjan-projects__head{padding:106px 0 54px}.arjan-projects__head-grid{grid-template-columns:1fr;gap:30px}.arjan-projects__counter-note{max-width:650px;padding-left:0;border-left:0}.arjan-projects-slider{padding-bottom:116px}.arjan-project-card{width:calc(var(--arjan-container) - 92px)}.arjan-project-card__media{aspect-ratio:1.32/1}.arjan-project-card__media img{object-position:var(--arjan-project-pos-t,var(--arjan-project-pos-d,50% 50%))}.arjan-project-card__title{font-size:clamp(39px,6vw,54px)}.arjan-projects-slider__status{grid-template-columns:90px minmax(0,1fr) auto;gap:18px}}
@media(max-width:720px){.arjan-projects:before{background-size:54px 54px;opacity:.55}.arjan-projects:after{top:80px;font-size:118px}.arjan-projects__head{padding:96px 0 46px}.arjan-projects-slider{width:var(--arjan-container);padding-bottom:104px}.arjan-projects-track{gap:12px}.arjan-project-card{width:var(--arjan-container);max-width:none;opacity:.34;transform:none;background:#11352f}.arjan-project-card.is-active{opacity:1}.arjan-project-card__media{aspect-ratio:1.18/1}.arjan-project-card__media img{object-position:var(--arjan-project-pos-m,var(--arjan-project-pos-t,var(--arjan-project-pos-d,50% 50%)))}.arjan-project-card__media:after{background:linear-gradient(180deg,rgba(3,32,28,.04),rgba(3,32,28,.32))}.arjan-project-card__meta{top:16px;right:16px;left:16px}.arjan-project-card__content{position:relative;grid-template-columns:minmax(0,1fr) auto;min-height:300px;gap:18px;align-items:end;padding:24px 22px 26px;background:#11352f}.arjan-project-card__type{margin-bottom:8px}.arjan-project-card__title{font-size:clamp(38px,11vw,52px);line-height:.94}.arjan-project-card__facts{grid-template-columns:92px minmax(0,1fr);gap:5px 12px;margin-top:14px}.arjan-project-card__desc{margin-top:13px;font-size:12.5px;line-height:1.65}.arjan-project-card__view{width:46px;height:46px}.arjan-projects-slider__footer{padding-top:18px}.arjan-projects-slider__status{grid-template-columns:auto 1fr auto;gap:13px}.arjan-projects-slider__counter strong{font-size:30px}.arjan-projects-slider__pagination{grid-template-columns:repeat(var(--arjan-project-count),1fr)}.arjan-projects-slider__pagination button{height:42px;padding:0 5px;text-align:center}.arjan-projects-slider__pagination button span{font-size:16px}.arjan-projects-slider__arrow{min-width:44px;width:44px;height:44px;padding:0}.arjan-projects-slider__arrow span{display:none}.arjan-projects-slider__swipe{display:block}}
@media(max-width:480px){.arjan-projects__head{padding-top:90px}.arjan-projects__counter-note{font-size:12.5px}.arjan-projects__cta{width:100%}.arjan-project-card__media{aspect-ratio:1.03/1}.arjan-project-card__content{grid-template-columns:1fr;min-height:330px;padding:22px 18px 24px}.arjan-project-card__facts{grid-template-columns:1fr;gap:2px}.arjan-project-card__facts strong{margin-bottom:5px}.arjan-project-card__view{display:none}.arjan-projects-slider__status{grid-template-columns:70px minmax(0,1fr);grid-template-areas:"counter arrows" "pagination pagination";gap:12px 16px}.arjan-projects-slider__counter{grid-area:counter}.arjan-projects-slider__arrows{grid-area:arrows;justify-self:end}.arjan-projects-slider__pagination{grid-area:pagination}.arjan-projects-slider__progress{margin-top:12px}}
@media(max-width:360px){.arjan-projects-slider{padding-bottom:96px}.arjan-project-card__media{aspect-ratio:.98/1}.arjan-project-card__content{min-height:350px;padding-inline:16px}.arjan-project-card__title{font-size:38px}.arjan-project-card__desc{font-size:12px}.arjan-projects-slider__pagination button{height:40px}.arjan-projects-slider__arrow{min-width:42px;width:42px;height:42px}}
@media(max-width:340px){.arjan-project-card__content{min-height:370px}.arjan-project-card__title{font-size:36px}.arjan-projects-slider__counter strong{font-size:27px}}
@media(prefers-reduced-motion:reduce){.arjan-project-card,.arjan-project-card__media img,.arjan-projects-slider__pagination button:before{transition:none!important}.arjan-projects-track{transition:none!important}.arjan-projects-slider__progress span{transition:none!important}}
