.arjan-why{--arjan-why-bg:var(--arjan-cream);--arjan-why-accent:var(--arjan-gold);--arjan-why-title:var(--arjan-ink);--arjan-why-copy:#53635c;position:relative;isolation:isolate;overflow:hidden;padding:clamp(118px,10vw,168px) 0 clamp(126px,10.5vw,178px);background:var(--arjan-why-bg);color:var(--arjan-why-title);font-family:"Manrope",sans-serif}
.arjan-why,.arjan-why *,.arjan-why *:before,.arjan-why *:after{box-sizing:border-box}
.arjan-why__blueprint{position:absolute;z-index:-2;inset:0;pointer-events:none;background-image:linear-gradient(rgba(6,63,54,.032) 1px,transparent 1px),linear-gradient(90deg,rgba(6,63,54,.032) 1px,transparent 1px);background-size:88px 88px;mask-image:linear-gradient(90deg,transparent 0,#000 14%,#000 86%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 14%,#000 86%,transparent 100%)}
.arjan-why__container{width:var(--arjan-container);max-width:100%;margin-inline:auto}
.arjan-why__head{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(340px,.58fr);gap:clamp(54px,7vw,110px);align-items:end;margin-bottom:clamp(68px,6.5vw,104px);padding-top:24px;border-top:1px solid rgba(6,63,54,.17)}
.arjan-why__heading{min-width:0}
.arjan-why__title{max-width:930px;margin:0;color:var(--arjan-why-title);font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(58px,6vw,96px);font-weight:500;line-height:.89;letter-spacing:-.048em;text-wrap:balance;overflow-wrap:normal;word-break:normal}
.arjan-why__thesis{position:relative;min-width:0;padding:4px 0 2px 26px;border-left:1px solid rgba(6,63,54,.22)}
.arjan-why__thesis-index{display:block;margin-bottom:18px;color:var(--arjan-why-accent);font-family:"Cormorant Garamond",Georgia,serif;font-size:24px;line-height:1}
.arjan-why__thesis p{max-width:520px;margin:0;color:var(--arjan-why-copy);font-size:15px;line-height:1.76}
.arjan-why__thesis-words{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:24px;padding-top:16px;border-top:1px solid rgba(6,63,54,.13);color:var(--arjan-forest);font-size:8px;font-weight:600;letter-spacing:.15em;text-transform:uppercase}
.arjan-why__composition{display:block}.arjan-why__principles{width:min(100%,1080px);min-width:0;margin-left:auto;border-top:1px solid rgba(6,63,54,.22)}
.arjan-why-principle{position:relative;display:grid;grid-template-columns:58px minmax(220px,.66fr) minmax(250px,1fr);gap:clamp(18px,2.2vw,34px);align-items:start;min-width:0;padding:clamp(27px,3vw,42px) 0;border-bottom:1px solid rgba(6,63,54,.18);transition:padding-left .42s var(--arjan-ease)}
.arjan-why-principle:before{content:"";position:absolute;inset:0;background:rgba(255,255,255,.3);transform:scaleX(0);transform-origin:right center;transition:transform .48s var(--arjan-ease);pointer-events:none}
.arjan-why-principle>*{position:relative;z-index:1}.arjan-why-principle:hover{padding-left:12px}.arjan-why-principle:hover:before{transform:scaleX(1);transform-origin:left center}
.arjan-why-principle__num{padding-top:5px;color:var(--arjan-why-accent);font-family:"Cormorant Garamond",Georgia,serif;font-size:22px;line-height:1}
.arjan-why-principle h3{max-width:330px;margin:0;color:var(--arjan-why-title);font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(30px,2.7vw,44px);font-weight:500;line-height:.98;letter-spacing:-.03em;text-wrap:balance;overflow-wrap:normal;word-break:normal}
.arjan-why-principle p{max-width:560px;margin:2px 0 0;color:#59675f;font-size:14px;line-height:1.72}
.arjan-why-principle__rule{position:absolute;top:-1px;left:0;width:100%;height:2px;background:var(--arjan-why-accent);transform:scaleX(1);transform-origin:left center}
.arjan-why-principle:nth-child(2) h3{max-width:390px}.arjan-why-principle:nth-child(3){margin-left:clamp(0px,3vw,42px)}.arjan-why-principle:nth-child(4){margin-left:clamp(0px,6vw,84px)}
@media(max-width:1180px){.arjan-why__head{grid-template-columns:minmax(0,1fr) minmax(310px,.58fr);gap:54px}.arjan-why__principles{width:min(100%,980px)}.arjan-why-principle{grid-template-columns:48px minmax(170px,.5fr) minmax(220px,1fr);gap:22px}.arjan-why-principle h3{font-size:clamp(29px,3vw,38px)}}
@media(max-width:1080px){.arjan-why{padding:108px 0 122px}.arjan-why__blueprint{background-size:64px 64px}.arjan-why__head{grid-template-columns:1fr;gap:32px;margin-bottom:62px}.arjan-why__title{max-width:820px;font-size:clamp(58px,8.8vw,82px)}.arjan-why__thesis{max-width:720px}.arjan-why__principles{width:100%}.arjan-why-principle{grid-template-columns:52px minmax(220px,.55fr) minmax(0,1fr)}.arjan-why-principle:nth-child(3),.arjan-why-principle:nth-child(4){margin-left:0}}
@media(max-width:720px){.arjan-why{padding:96px 0 106px}.arjan-why__container{width:min(100% - 40px,1400px)}.arjan-why__head{padding-top:18px;margin-bottom:46px;gap:26px}.arjan-why__title{font-size:clamp(40px,12.5vw,66px);line-height:.92}.arjan-why__thesis{padding-left:18px}.arjan-why__thesis-index{margin-bottom:13px;font-size:21px}.arjan-why__thesis p{font-size:14px;line-height:1.7}.arjan-why__thesis-words{gap:7px 13px;margin-top:19px;padding-top:13px;font-size:7px;letter-spacing:.11em}.arjan-why__principles{border-top-color:rgba(6,63,54,.25)}.arjan-why-principle{grid-template-columns:38px minmax(0,1fr);gap:9px 14px;padding:25px 0}.arjan-why-principle__num{grid-column:1;grid-row:1;padding-top:4px;font-size:19px}.arjan-why-principle h3{grid-column:2;grid-row:1;max-width:100%;font-size:clamp(30px,9vw,39px)}.arjan-why-principle p{grid-column:2;grid-row:2;margin-top:2px;font-size:13px;line-height:1.68}.arjan-why-principle:hover{padding-left:6px}}
@media(max-width:480px){.arjan-why__container{width:min(100% - 32px,1400px)}}
@media(max-width:390px){.arjan-why{padding:90px 0 98px}.arjan-why__head{margin-bottom:40px}.arjan-why__title{font-size:clamp(46px,13vw,54px)}.arjan-why-principle{grid-template-columns:34px minmax(0,1fr);gap:8px 11px}.arjan-why-principle h3{font-size:clamp(28px,8.9vw,34px)}.arjan-why-principle p{font-size:12.5px}}
@media(max-width:340px){.arjan-why__container{width:min(100% - 28px,1400px)}.arjan-why__title{font-size:39px}.arjan-why__thesis p{font-size:13.5px}.arjan-why-principle h3{font-size:28px}.arjan-why-principle p{font-size:12px}}
@media(hover:none){.arjan-why-principle:hover{padding-left:0}.arjan-why-principle:hover:before{transform:scaleX(0)}}
@media(prefers-reduced-motion:reduce){.arjan-why-principle,.arjan-why-principle:before{transition:none!important}.arjan-why-principle__rule{transform:none!important;width:100%!important}}