/* ElvarinShop | Signature editorial approach section. 2026. */
.el-home .el-editorial.el-editorial-approach{
 display:block!important;max-width:none!important;width:100%!important;margin:0!important;
 padding:clamp(57px,6vw,88px) clamp(16px,5vw,72px)!important;
 background:linear-gradient(160deg,#f6fbfd 0%,#ecf6fa 100%)!important;
 border:0!important;color:#183e52!important;overflow:hidden;isolation:isolate;
}
.el-home .el-editorial-approach *, .el-home .el-editorial-approach *:before,
.el-home .el-editorial-approach *:after{box-sizing:border-box}
.el-home .el-editorial-approach > .el-approach-shell{
 display:grid!important;grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr)!important;
 gap:0!important;max-width:1360px;margin:0 auto!important;padding:0!important;
 border-radius:28px!important;border:1px solid #c8dfeb!important;overflow:hidden;
 box-shadow:0 24px 60px #103a5719,0 3px 7px #103a5708!important;
 background:#10344b!important;min-height:525px;
}
.el-home .el-editorial-approach .el-approach-content{
 display:flex!important;flex-direction:column;align-items:flex-start;
 min-width:0!important;padding:clamp(41px,4.4vw,66px) clamp(31px,4.4vw,64px) 32px!important;
 margin:0!important;background:radial-gradient(circle at 5% 100%,#287c9831,transparent 55%),linear-gradient(130deg,#153d53,#0b2c42)!important;
 position:relative;isolation:isolate;
}
.el-home .el-approach-content:before{
 content:'';pointer-events:none;position:absolute;z-index:-1;
 width:430px;height:430px;top:-300px;right:-230px;border-radius:50%;
 border:1px solid #b5f0ff24;box-shadow:0 0 0 34px #b4eeff0a,0 0 0 79px #b4eeff06;
}
.el-home .el-approach-eyebrow{
 display:inline-flex;align-items:center;gap:8px;padding:9px 13px 9px 10px;
 color:#c8f0f7!important;border:1px solid #abf1fd3b;border-radius:100px;
 background:#93e2f315;font:820 9px/1.35 'DM Sans',sans-serif;
 letter-spacing:.16em!important;
}
.el-home .el-approach-eyebrow-mark{
 font-size:13px;letter-spacing:0;color:#84d8e9!important;
}
.el-home .el-editorial-approach h2{
 margin:30px 0 22px!important;padding:0!important;
 font:780 clamp(42px,4vw,62px)/1.12 Manrope,'DM Sans',sans-serif!important;
 letter-spacing:-.065em!important;color:#fff!important;text-wrap:balance;
}
.el-home .el-editorial-approach h2 em{
 font-family:Georgia,'Times New Roman',serif!important;
 color:#98deec!important;font-size:.97em;font-weight:550!important;
 font-style:italic!important;letter-spacing:-.055em;
}
.el-home .el-editorial-approach .el-approach-content>p{
 max-width:472px!important;font:460 clamp(14px,1.17vw,16px)/1.85 'DM Sans',sans-serif!important;
 color:#c6dce6!important;margin:0 0 27px!important;
}
.el-home .el-approach-cta-row{
 display:flex!important;flex-wrap:wrap!important;gap:11px!important;align-items:center;
 margin:0!important;
}
.el-home .el-approach-cta-row a{
 display:inline-flex;align-items:center;justify-content:center;
 min-height:47px;padding:13px 18px!important;border-radius:11px!important;
 text-decoration:none!important;font:770 12px/1.35 'DM Sans',sans-serif!important;
 transition:transform .2s,background .2s,border-color .2s,box-shadow .2s;
}
.el-home .el-approach-primary{
 background:#bceef8!important;color:#123e53!important;border:1px solid #bceef8!important;
 box-shadow:0 8px 20px #001b2d25;
}
.el-home .el-approach-primary:hover{
 background:#e8fcff!important;border-color:#e8fcff!important;
 color:#0b3047!important;transform:translateY(-2px);
}
.el-home .el-approach-secondary{
 background:#b5eff812!important;color:#eafaff!important;
 border:1px solid #a8e4ef60!important;
}
.el-home .el-approach-secondary:hover{
 background:#abedfb26!important;border-color:#a8e4ef!important;
 transform:translateY(-2px);
}
.el-home .el-approach-signature{
 display:flex!important;align-items:center;gap:12px;margin-top:auto!important;
 padding-top:30px!important;min-height:95px;
}
.el-home .el-approach-signature-icon{
 display:grid!important;place-items:center;width:43px;height:43px;flex:0 0 43px;
 border:1px solid #a3e7f65c;border-radius:13px;background:linear-gradient(140deg,#b0ecfa38,#85c8e212);
 color:#b4edfa;box-shadow:inset 0 1px #d1f9ff37;
}
.el-home .el-approach-signature-icon svg{width:23px;height:23px;display:block}
.el-home .el-approach-signature strong{
 display:block;color:#f2fcff!important;font:820 10px/1.5 'DM Sans',sans-serif!important;
 letter-spacing:.115em;
}
.el-home .el-approach-signature small{
 display:block;color:#a9d0df!important;font:480 11px/1.5 'DM Sans',sans-serif!important;
 margin-top:1px;
}
.el-home .el-editorial-approach .el-approach-display{
 position:relative;overflow:hidden;isolation:isolate;
 min-width:0;background:
 radial-gradient(circle at 45% 30%,#fff 0%,#eff9fc 38%,#d5eaf3 100%)!important;
 padding:0!important;min-height:525px;margin:0!important;
}
.el-home .el-approach-display-glow{
 pointer-events:none;position:absolute;inset:-20% -15% 0;z-index:-2;
 background:radial-gradient(circle at 44% 34%,#fff 0%,#ecfaff 38%,transparent 68%);
}
.el-home .el-approach-display-rings{
 position:absolute;z-index:-1;pointer-events:none;top:-175px;right:-160px;
 width:570px;height:570px;border:1px solid #5fafc93a;border-radius:50%;
 box-shadow:0 0 0 39px #6cc2da10,0 0 0 90px #7bcfe609;
}
.el-home .el-approach-display-rings span:first-child{
 position:absolute;inset:60px;border:1px solid #6db9d034;border-radius:50%;
}
.el-home .el-approach-display-rings span:last-child{
 position:absolute;inset:120px;border:1px solid #6db9d026;border-radius:50%;
}
.el-home .el-approach-display-label{
 position:absolute;z-index:3;top:35px;left:35px;display:inline-flex;align-items:center;gap:8px;
 padding:9px 13px;border:1px solid #b9dce8;background:#fffffff0;
 border-radius:100px;font:850 9px/1.4 'DM Sans',sans-serif;color:#1b6d89;
 letter-spacing:.105em;box-shadow:0 5px 14px #0b506d11;
}
.el-home .el-approach-display-label-dot{
 display:inline-block;flex:0 0 6px;width:6px;height:6px;border-radius:50%;background:#1699b6;
 box-shadow:0 0 0 4px #35c4db21;
}
.el-home .el-approach-product-stage{
 width:100%;height:385px;display:flex;align-items:center;justify-content:center;
 position:relative;z-index:1;padding:40px 34px 0!important;margin:0!important;
}
.el-home .el-approach-product-image{
 display:block!important;width:100%!important;height:100%!important;
 max-width:80%!important;max-height:96%!important;object-fit:contain!important;
 object-position:center!important;
 mix-blend-mode:multiply;filter:drop-shadow(0 23px 19px #073d5326);
 transition:transform .35s ease;transform:translateY(0);
}
.el-home .el-approach-display:hover .el-approach-product-image{transform:translateY(-6px)}
.el-home .el-approach-glass-panel{
 position:absolute;z-index:3;left:clamp(19px,3vw,38px);right:clamp(19px,3vw,38px);bottom:35px;
 border:1px solid #ffffffec;box-shadow:0 13px 32px #0753711d,inset 0 1px #ffffffef;
 border-radius:18px;background:linear-gradient(120deg,#fffffff2,#f5fcffe8)!important;
 backdrop-filter:blur(13px);
 padding:18px 18px 17px!important;
}
.el-home .el-approach-glass-label{
 display:block;color:#2c7490;font:850 9px/1.4 'DM Sans',sans-serif;letter-spacing:.12em;
 margin-bottom:13px;
}
.el-home .el-approach-glass-items{
 display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;
}
.el-home .el-approach-glass-items span{
 display:flex;align-items:center;gap:7px;min-width:0;color:#173c52!important;
 font:780 clamp(10px,1.1vw,12px)/1.4 'DM Sans',sans-serif!important;
 white-space:normal;
}
.el-home .el-approach-glass-items span+span{border-left:1px solid #d7e9ef;padding-left:10px}
.el-home .el-approach-glass-items svg{
 color:#1682a3;width:19px;height:19px;flex:0 0 19px;display:block;
}
.el-home .el-approach-display-watermark{
 position:absolute;z-index:0;right:23px;top:91px;
 font:860 clamp(50px,7vw,108px)/1 Manrope,sans-serif;letter-spacing:-.055em;
 color:#1c84a407;transform:rotate(90deg) translateX(25%);transform-origin:100% 0;
 pointer-events:none;
}
.el-home .el-editorial-approach a:focus-visible{
 outline:3px solid #80e4f4!important;outline-offset:4px!important;
}
@media(max-width:1120px){
 .el-home .el-editorial-approach > .el-approach-shell{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
 .el-home .el-editorial-approach .el-approach-content{padding:43px 35px 29px!important}
 .el-home .el-editorial-approach h2{font-size:clamp(37px,4vw,50px)!important}
 .el-home .el-approach-display-label{left:25px;top:26px}
 .el-home .el-approach-glass-panel{left:20px;right:20px}
}
@media(max-width:830px){
 .el-home .el-editorial.el-editorial-approach{padding:53px 20px!important}
 .el-home .el-editorial-approach > .el-approach-shell{grid-template-columns:1fr!important;border-radius:23px!important}
 .el-home .el-editorial-approach .el-approach-content{padding:42px 39px 31px!important}
 .el-home .el-editorial-approach h2{font-size:clamp(42px,6vw,61px)!important}
 .el-home .el-approach-signature{padding-top:27px!important;min-height:79px}
 .el-home .el-editorial-approach .el-approach-display{min-height:460px}
 .el-home .el-approach-product-stage{height:345px}
 .el-home .el-approach-product-image{max-width:66%!important}
}
@media(max-width:540px){
 .el-home .el-editorial.el-editorial-approach{padding:41px 14px!important}
 .el-home .el-editorial-approach > .el-approach-shell{border-radius:19px!important}
 .el-home .el-editorial-approach .el-approach-content{padding:32px 22px 22px!important}
 .el-home .el-approach-eyebrow{font-size:8.4px}
 .el-home .el-editorial-approach h2{font-size:clamp(36px,9.6vw,46px)!important;margin:25px 0 17px!important}
 .el-home .el-editorial-approach .el-approach-content>p{font-size:13px!important;line-height:1.78!important;margin-bottom:23px!important}
 .el-home .el-approach-cta-row{gap:8px!important}
 .el-home .el-approach-cta-row a{font-size:10.5px!important;min-height:43px;padding:10px 12px!important}
 .el-home .el-editorial-approach .el-approach-display{min-height:385px}
 .el-home .el-approach-display-label{top:20px;left:19px;font-size:8px!important}
 .el-home .el-approach-product-stage{height:275px;padding:46px 13px 0!important}
 .el-home .el-approach-product-image{max-width:82%!important;max-height:95%!important}
 .el-home .el-approach-glass-panel{bottom:17px;left:14px;right:14px;padding:14px 12px!important;border-radius:13px}
 .el-home .el-approach-glass-label{font-size:8px!important;margin-bottom:10px}
 .el-home .el-approach-glass-items{gap:5px}
 .el-home .el-approach-glass-items span{font-size:9px!important;gap:4px}
 .el-home .el-approach-glass-items span+span{padding-left:6px}
 .el-home .el-approach-glass-items svg{width:16px;height:16px;flex-basis:16px}
 .el-home .el-approach-display-rings{right:-290px}
 .el-home .el-approach-display-watermark{font-size:50px!important}
}
@media(prefers-reduced-motion:reduce){
 .el-home .el-approach-product-image,.el-home .el-approach-cta-row a{transition:none!important;transform:none!important}
}

/* Typography refinement: Manrope Regular (400) throughout this editorial section. */
.el-home .el-editorial.el-editorial-approach,
.el-home .el-editorial-approach :is(h2,h2 em,p,a,span,strong,small){
 font-family:'Manrope',sans-serif!important;
 font-weight:400!important;
}
.el-home .el-editorial-approach h2 em{
 font-family:'Manrope',sans-serif!important;
 font-weight:400!important;
 font-style:normal!important;
 letter-spacing:-.058em!important;
}
.el-home .el-editorial-approach :is(.el-approach-eyebrow,.el-approach-display-label,.el-approach-glass-label,.el-approach-signature strong){
 letter-spacing:.085em!important;
}