.arjan-intro{position:relative;overflow:hidden;padding:clamp(92px,8.5vw,138px) 0;background:var(--arjan-cream);color:var(--arjan-ink);font-family:"Manrope",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.arjan-intro:before{content:"";position:absolute;z-index:0;top:clamp(46px,7vw,96px);right:clamp(-180px,-8vw,-70px);width:clamp(300px,36vw,560px);aspect-ratio:1;border:1px solid rgba(6,63,54,.055);transform:rotate(45deg);pointer-events:none}.arjan-intro:after{content:"";position:absolute;z-index:0;top:0;bottom:0;left:calc(50% - min(700px,calc(50vw - 32px)) + min(330px,24vw));width:1px;background:linear-gradient(180deg,transparent,rgba(6,63,54,.07) 18%,rgba(6,63,54,.07) 82%,transparent);pointer-events:none}.arjan-intro__container{position:relative;z-index:1;width:var(--arjan-container);margin-inline:auto}.arjan-intro__top{display:grid;grid-template-columns:minmax(200px,.38fr) minmax(0,1.12fr);gap:clamp(44px,6vw,88px);align-items:start;padding-top:24px;border-top:1px solid var(--arjan-line)}.arjan-intro__eyebrow-wrap{padding-top:9px}.arjan-intro__statement{max-width:1000px;margin:0;font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(62px,6.45vw,104px);font-weight:500;line-height:.88;letter-spacing:-.05em}.arjan-intro__statement em{color:var(--arjan-natural);font-weight:400}.arjan-intro__bottom{display:grid;grid-template-columns:minmax(200px,.38fr) minmax(0,1.12fr);gap:clamp(44px,6vw,88px);align-items:start;margin-top:clamp(48px,5vw,74px)}.arjan-intro__identity{width:min(100%,238px)}.arjan-intro__logo-card{position:relative;width:100%;aspect-ratio:1;overflow:hidden;background:#fff;border:1px solid rgba(6,63,54,.12);box-shadow:0 22px 60px rgba(3,46,41,.07)}.arjan-intro__logo-card:before,.arjan-intro__logo-card:after{content:"";position:absolute;z-index:2;width:26px;height:26px;pointer-events:none}.arjan-intro__logo-card:before{top:11px;left:11px;border-top:1px solid var(--arjan-gold);border-left:1px solid var(--arjan-gold)}.arjan-intro__logo-card:after{right:11px;bottom:11px;border-right:1px solid var(--arjan-gold);border-bottom:1px solid var(--arjan-gold)}.arjan-intro__logo-card img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.045);transition:transform .8s var(--arjan-ease)}.arjan-intro__logo-card:hover img{transform:scale(1.075)}.arjan-intro__copy-wrap{display:grid;grid-template-columns:minmax(260px,.65fr) minmax(400px,1.1fr);gap:clamp(42px,5vw,76px);align-items:start}.arjan-intro__copy{max-width:560px;margin:0;color:#4f5f59;font-size:clamp(17px,1.35vw,21px);line-height:1.72}.arjan-intro__copy:before{content:"";display:block;width:38px;height:1px;margin-bottom:22px;background:var(--arjan-gold)}.arjan-intro__pillars{border-top:1px solid var(--arjan-line)}.arjan-intro-pillar{position:relative;display:grid;grid-template-columns:42px 62px minmax(0,1fr) 40px;gap:16px;min-height:98px;align-items:center;overflow:hidden;border-bottom:1px solid var(--arjan-line);transition:padding-left .45s var(--arjan-ease)}.arjan-intro-pillar:before{content:"";position:absolute;inset:0;background:rgba(6,63,54,.035);transform:scaleX(0);transform-origin:right center;transition:transform .5s var(--arjan-ease);pointer-events:none}.arjan-intro-pillar>*{position:relative;z-index:1}.arjan-intro-pillar:hover{padding-left:10px}.arjan-intro-pillar:hover:before{transform:scaleX(1);transform-origin:left center}.arjan-intro-pillar__num{color:var(--arjan-gold);font-size:10px;font-weight:600;letter-spacing:.12em}.arjan-intro-pillar__icon{display:grid;width:54px;height:54px;place-items:center;color:var(--arjan-forest)}.arjan-intro-pillar__icon svg{width:42px;height:42px;overflow:visible;transition:transform .45s var(--arjan-ease)}.arjan-intro-pillar__icon path,.arjan-intro-pillar__icon circle{vector-effect:non-scaling-stroke;stroke:currentColor;stroke-width:1.15;stroke-linecap:round;stroke-linejoin:round;transition:stroke .3s ease}.arjan-intro-pillar:hover .arjan-intro-pillar__icon{color:var(--arjan-natural)}.arjan-intro-pillar:hover .arjan-intro-pillar__icon svg{transform:translateX(2px)}.arjan-intro-pillar__name{min-width:0;font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(28px,2.45vw,39px);font-weight:500;line-height:1;letter-spacing:-.025em}.arjan-intro-pillar__rule{justify-self:end;width:30px;height:1px;background:var(--arjan-forest);transform-origin:right;opacity:.38;transition:width .45s var(--arjan-ease),opacity .35s ease}.arjan-intro-pillar:hover .arjan-intro-pillar__rule{width:40px;opacity:.8}
@media(max-width:1180px){.arjan-intro__copy-wrap{grid-template-columns:1fr;gap:34px}.arjan-intro__copy{max-width:620px}}
@media(max-width:960px){.arjan-intro{padding:92px 0 100px}.arjan-intro:after{display:none}.arjan-intro__top{grid-template-columns:1fr;gap:12px}.arjan-intro__eyebrow-wrap{padding-top:0}.arjan-intro__statement{max-width:790px;font-size:clamp(58px,9vw,86px)}.arjan-intro__bottom{grid-template-columns:180px minmax(0,1fr);gap:42px;margin-top:48px}.arjan-intro__identity{width:180px}.arjan-intro__logo-card{width:100%;padding:0}.arjan-intro__copy-wrap{grid-template-columns:1fr;gap:34px}.arjan-intro__copy{max-width:620px}.arjan-intro-pillar{grid-template-columns:36px 58px minmax(0,1fr) 34px;min-height:90px}.arjan-intro-pillar__name{font-size:clamp(29px,4vw,36px)}}
@media(max-width:720px){.arjan-intro{padding:82px 0 88px}.arjan-intro__container{width:calc(100vw - 40px)}.arjan-intro:before{top:140px;right:-170px;width:320px}.arjan-intro__top{padding-top:18px}.arjan-intro__statement{font-size:clamp(50px,14.5vw,74px);line-height:.91}.arjan-intro__bottom{grid-template-columns:104px minmax(0,1fr);gap:20px;margin-top:38px}.arjan-intro__identity{width:104px}.arjan-intro__copy-wrap{display:contents}.arjan-intro__copy{grid-column:2;margin-top:2px;font-size:16px;line-height:1.65}.arjan-intro__copy:before{width:28px;margin-bottom:14px}.arjan-intro__pillars{grid-column:1/-1;margin-top:26px}.arjan-intro-pillar{grid-template-columns:30px 50px minmax(0,1fr) 28px;gap:10px;min-height:78px}.arjan-intro-pillar:hover{padding-left:5px}.arjan-intro-pillar__icon{width:46px;height:46px}.arjan-intro-pillar__icon svg{width:38px;height:38px}.arjan-intro-pillar__name{font-size:clamp(26px,8.5vw,34px)}.arjan-intro-pillar__rule{width:22px}.arjan-intro-pillar:hover .arjan-intro-pillar__rule{width:28px}}
@media(max-width:480px){.arjan-intro{padding:74px 0 80px}.arjan-intro__container{width:calc(100vw - 32px)}.arjan-intro__bottom{grid-template-columns:88px minmax(0,1fr);gap:16px;margin-top:32px}.arjan-intro__identity{width:88px}.arjan-intro__logo-card:before,.arjan-intro__logo-card:after{width:17px;height:17px}.arjan-intro__logo-card:before{top:7px;left:7px}.arjan-intro__logo-card:after{right:7px;bottom:7px}.arjan-intro__copy{font-size:15px}.arjan-intro-pillar{grid-template-columns:26px 44px minmax(0,1fr) 22px;gap:8px;min-height:72px}.arjan-intro-pillar__num{font-size:9px}.arjan-intro-pillar__icon{width:40px;height:40px}.arjan-intro-pillar__icon svg{width:34px;height:34px}.arjan-intro-pillar__name{font-size:clamp(24px,8vw,30px)}}
@media(max-width:360px){.arjan-intro__statement{font-size:48px}.arjan-intro__bottom{grid-template-columns:78px minmax(0,1fr);gap:13px}.arjan-intro__identity{width:78px}.arjan-intro__copy{font-size:14px}.arjan-intro-pillar{grid-template-columns:23px 39px minmax(0,1fr) 18px;gap:7px}.arjan-intro-pillar__icon{width:36px;height:36px}.arjan-intro-pillar__icon svg{width:31px;height:31px}.arjan-intro-pillar__name{font-size:24px}.arjan-intro-pillar__rule{width:16px}.arjan-intro-pillar:hover .arjan-intro-pillar__rule{width:20px}}
@media(prefers-reduced-motion:reduce){.arjan-intro__logo-card img,.arjan-intro-pillar,.arjan-intro-pillar:before,.arjan-intro-pillar__icon svg,.arjan-intro-pillar__rule{transition:none!important;transform:none!important}}
