
/* SJK DESIGN SYSTEM: editorial HUMAN FIRST + PC HELP EXPRESS / scoped homepage refinement */
.editorial-difference {position:relative;isolation:isolate;overflow:hidden;background:#efeee9!important;color:#101417;border-top:1px solid #e8e6df;padding-top:105px;padding-bottom:105px}
.editorial-difference::before {content:"";position:absolute;right:-12%;top:-25%;width:72%;height:140%;pointer-events:none;background:radial-gradient(ellipse at center,rgba(198,203,198,.6),transparent 62%);opacity:.55;z-index:-1}
.editorial-difference .difference-intro {display:grid;grid-template-columns:minmax(0,1.18fr) minmax(300px,.82fr);grid-template-rows:auto auto 1fr;column-gap:6%;align-items:start;min-height:345px}
.editorial-difference .difference-intro>.eyebrow {grid-column:1;grid-row:1;color:#a34d0f;letter-spacing:.23em}
.editorial-difference .difference-intro>h2 {grid-column:1;grid-row:2;max-width:780px;font-size:clamp(3.6rem,6.2vw,7rem);line-height:.92;letter-spacing:-.084em;color:#101417;margin:18px 0 26px}
.editorial-difference .difference-intro>h2 em{font-style:normal;color:#bc570c}
.editorial-difference .difference-intro>.large-copy{grid-column:1;grid-row:3;color:#3d4547;line-height:1.6;max-width:610px;font-size:clamp(1.04rem,1.6vw,1.25rem);margin:0}
.editorial-difference .difference-art {grid-column:2;grid-row:1/span 3;min-height:340px;height:100%;position:relative;overflow:hidden;display:grid;place-items:center;border:1px solid rgba(255,255,255,.76);background:linear-gradient(136deg,#f8f7f1bb,#d6d9d5aa 50%,#e7e1d8dd);border-radius:32px;box-shadow:inset 0 1px 1px #fff,0 28px 70px #1b29221c}
.editorial-difference .difference-art:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 39px,#ffffff30 40px),repeating-linear-gradient(90deg,transparent 0 39px,#ffffff28 40px);opacity:.55}
.editorial-difference .difference-art-orbit{width:240px;aspect-ratio:1;display:grid;place-items:center;border:1px solid #868f8955;border-radius:50%;position:relative;box-shadow:0 0 0 38px #fff3,0 0 0 80px #fff2}
.editorial-difference .difference-art-orbit:before{content:"";position:absolute;inset:21px;border:1px dashed #ae705899;border-radius:50%;animation:sjk-orbit 50s linear infinite}
.editorial-difference .difference-art-core{width:138px;height:138px;z-index:1;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 28% 20%,#484b4c,#141719 65%);color:#f8f6f0;font-size:47px;font-weight:900;letter-spacing:-.09em;box-shadow:inset -15px -14px 25px #0008,0 30px 35px #1114}
.editorial-difference .difference-art-core span{font-size:9px;letter-spacing:.14em;color:#f5a46e}
.editorial-difference .difference-art>p{position:absolute;bottom:18px;left:25px;right:25px;font-size:10px;font-weight:800;letter-spacing:.17em;color:#575b58;display:flex;justify-content:space-between;margin:0}
.editorial-difference .difference-art>p span{font-size:20px;color:#a95217}
.editorial-difference .three-up{margin-top:52px;gap:15px}
.editorial-difference .three-up .editorial-principle{display:flex;flex-direction:column;min-height:247px;padding:26px 28px 23px!important;background:linear-gradient(145deg,#fffefbd9,#e9e9e4d9)!important;border:1px solid rgba(255,255,255,.94)!important;border-top:1px solid #fff!important;border-radius:25px!important;box-shadow:0 20px 36px #31342b10,inset 0 1px 1px #fff;transition:transform .25s ease,box-shadow .25s ease}
.editorial-difference .three-up .editorial-principle:hover{transform:translateY(-5px);box-shadow:0 26px 60px #31342b24}
.editorial-difference .editorial-principle>span {font:800 11px system-ui;color:#a34d0f!important;letter-spacing:.12em}
.editorial-difference .editorial-principle h3{font-size:clamp(1.23rem,1.7vw,1.7rem);line-height:1.12;color:#171c1f;margin:25px 0 13px!important;letter-spacing:-.04em}
.editorial-difference .editorial-principle>p{color:#5b6367;font-size:14px;line-height:1.5;margin:0}
.editorial-difference .principle-foot{border-top:1px solid #b4bbb63b;display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:20px;gap:10px}
.editorial-difference .principle-foot span{font-size:9px;font-weight:800;letter-spacing:.06em;color:#818786}
.editorial-difference .principle-foot b{color:#b65c1f}
@keyframes sjk-orbit{to{transform:rotate(360deg)}}
.express-immersive{background:radial-gradient(ellipse at 78% 44%,#33200f 0,#151b1f 44%,#0b1014 90%)!important;position:relative;isolation:isolate;overflow:hidden;padding-top:110px;padding-bottom:115px}
.express-immersive:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.6;background:linear-gradient(120deg,#fff1,transparent 35%),repeating-linear-gradient(90deg,#ffffff07 0 1px,transparent 1px 92px)}
.express-immersive .split{position:relative;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.8fr) minmax(0,1fr);gap:30px;align-items:center}
.express-immersive .eyebrow{font-size:11px;letter-spacing:.14em;color:#ff922e}
.express-immersive h2{font-size:clamp(3.5rem,5.6vw,6.7rem);letter-spacing:-.075em;line-height:.95;margin:22px 0 32px}
.express-immersive h2 em{color:#ff7a00;font-style:normal}
.express-immersive .large-copy{color:#c6cdd0;line-height:1.55;font-size:clamp(1rem,1.5vw,1.22rem)}
.express-immersive .starting{font:700 11px system-ui;letter-spacing:.15em;color:#aebbc4;margin:33px 0 20px;display:flex;align-items:center;gap:12px}
.express-immersive .starting strong{font-size:34px;letter-spacing:-.05em;color:white;padding:0}
.express-immersive .btn{border-radius:13px;min-height:53px;box-shadow:0 14px 33px #ff7a0024}
.express-immersive .express-visual {height:435px;position:relative;display:grid;place-items:center;isolation:isolate}
.express-immersive .express-visual-halo{position:absolute;inset:8% -18%;background:radial-gradient(ellipse at center,#ff8c0045,transparent 67%);filter:blur(25px);z-index:-1}
.express-immersive .express-visual-frame{width:100%;min-height:320px;position:relative;display:grid;align-items:center;justify-items:center;gap:12px;padding:24px 13px;border-radius:28px;background:linear-gradient(140deg,#2e343abd,#10151acf);border:1px solid #b3bdc14f;box-shadow:inset 0 1px #ffffff2b,0 30px 70px #0008;backdrop-filter:blur(17px)}
.express-immersive .express-visual-frame img{width:min(95%,240px);max-height:235px;object-fit:contain;filter:drop-shadow(0 12px 23px #0008)}
.express-immersive .express-visual-frame>span{font-size:9px;font-weight:900;letter-spacing:.12em;color:#e8ecef}
.express-immersive .express-visual-frame b{color:#ff8a1d}
.express-immersive .express-visual-side{position:absolute;bottom:0;left:5px;font:800 9px system-ui;letter-spacing:.18em;color:#e2a36d}
.express-immersive .step-grid{display:grid;grid-template-columns:1fr;gap:12px;margin:0}
.express-immersive .step-grid article{min-height:0;padding:17px 19px;display:grid;grid-template-columns:34px 1fr;gap:1px 9px;align-items:start;background:linear-gradient(120deg,#293137b5,#111920cc);border:1px solid #78838a3b;border-radius:16px;box-shadow:inset 0 1px #ffffff18;backdrop-filter:blur(10px)}
.express-immersive .step-grid b{grid-row:span 2;color:#ff8b21;font-size:12px;letter-spacing:.06em;margin-top:2px}
.express-immersive .step-grid h3{margin:0;font-size:clamp(1rem,1.15vw,1.15rem);line-height:1.2;letter-spacing:-.03em;color:white}
.express-immersive .step-grid p{margin:5px 0 0;line-height:1.35;color:#9facb5;font-size:12px}
@media(max-width:1150px){.express-immersive .split{grid-template-columns:1fr 1fr;gap:30px}.express-immersive .express-visual{grid-column:2;grid-row:1}.express-immersive .step-grid{grid-column:1/-1;grid-template-columns:repeat(4,1fr)}.express-immersive .step-grid article{display:block;min-height:135px}.express-immersive .step-grid b{display:block;margin-bottom:13px}.editorial-difference .difference-intro{grid-template-columns:1fr .7fr}}
@media(max-width:720px){.editorial-difference,.express-immersive{padding:75px 0}.editorial-difference .difference-intro{grid-template-columns:1fr;grid-template-rows:auto;min-height:0}.editorial-difference .difference-intro>.eyebrow,.editorial-difference .difference-intro>h2,.editorial-difference .difference-intro>.large-copy,.editorial-difference .difference-art{grid-column:1;grid-row:auto}.editorial-difference .difference-intro>h2{font-size:clamp(3.2rem,12vw,5.4rem);margin:18px 0 24px}.editorial-difference .difference-art{min-height:260px;margin-top:30px}.editorial-difference .difference-art-orbit{width:190px}.editorial-difference .difference-art-core{width:110px;height:110px;font-size:39px}.editorial-difference .three-up{margin-top:24px;gap:12px}.editorial-difference .three-up .editorial-principle{min-height:200px}.express-immersive .split{grid-template-columns:1fr;gap:26px}.express-immersive .express-visual{grid-column:1;grid-row:auto;height:285px}.express-immersive .express-visual-frame{min-height:235px;max-width:400px}.express-immersive .express-visual-frame img{max-height:140px}.express-immersive .step-grid{grid-column:1;grid-template-columns:1fr 1fr}.express-immersive .step-grid article{min-height:135px}.express-immersive .step-grid h3{font-size:1rem}}
@media(max-width:390px){.express-immersive .step-grid{grid-template-columns:1fr}.express-immersive .step-grid article{min-height:85px;display:grid}.express-immersive .express-visual{height:260px}}
@media(prefers-reduced-motion:reduce){.editorial-difference .difference-art-orbit:before{animation:none}}
