/* Like À propos: a distinct inner glass panel within the lighter editorial plane. */
.crystal-scroll:has(>.crystal-article[data-page="architecture"]){padding:22px clamp(20px,3.6vw,60px) 32px}
.crystal-article[data-page="architecture"]{max-width:1380px;width:100%}
.ar-page{color:#111641;line-height:1.5;padding:28px 38px 12px;background:linear-gradient(115deg,#eaf3ffc9,#e7efffba 52%,#eeeaffc2);border:1px solid #ffffffb8;border-radius:24px;box-shadow:inset 0 1px 2px #fff8}
.ar-page *{box-sizing:border-box}
.ar-page h1,.ar-page h2,.ar-page p{margin:0}
.ar-page button:focus-visible,.ar-page a:focus-visible{outline:3px solid #4644da;outline-offset:5px}
.ar-breadcrumb{display:flex;align-items:center;gap:12px;font-size:12px;color:#153dc0;flex-wrap:wrap;padding:3px 0 12px}
.ar-breadcrumb button{padding:5px 0;background:none;border:0}
.ar-hero,.ar-row{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);align-items:center;gap:24px}
.ar-hero{padding:8px 0 22px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.ar-page h1{font-size:clamp(36px,4.5vw,70px);line-height:1.04;letter-spacing:-.045em;font-weight:650;color:#111641;margin:0 0 18px;max-width:none}
.ar-page h1 span{display:block;background:linear-gradient(100deg,#055aff,#5548ff 55%,#ad58ed);background-clip:text;color:transparent}
.ar-hero p{font-size:clamp(17px,1.55vw,24px);line-height:1.38;max-width:29em}
.ar-copy::after{content:'';display:block;width:40px;height:2px;background:linear-gradient(90deg,#22bfff,#724cff,#bc86f4);margin-top:20px}
.ar-row{padding:24px 0;border-top:1px solid #78a5ed55}
.ar-row--left{grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr)}
.ar-row--left .ar-copy{grid-column:2;grid-row:1}
.ar-row--left .ar-figure{grid-column:1;grid-row:1}
.ar-page h2{font-size:clamp(25px,2.3vw,36px);line-height:1.13;letter-spacing:-.035em;font-weight:600;margin-bottom:18px;color:#111641}
.ar-copy p{font-size:clamp(15px,1.3vw,20px);line-height:1.5;color:#293764}
.ar-hero .ar-copy p{font-size:clamp(17px,1.55vw,24px);line-height:1.38;color:#171e54}
.ar-number{display:flex;align-items:center;gap:12px;color:#2657ff;font-size:20px;margin-bottom:10px}
.ar-number::after{content:'';width:35px;height:1px;background:linear-gradient(90deg,#4688ff,#a77ded)}
.ar-figure{margin:0;min-width:0}
.ar-figure img{display:block;width:100%;height:auto;object-fit:contain;filter:none;mix-blend-mode:normal}
.ar-cta{display:flex;align-items:center;justify-content:space-between;gap:25px;border:1px solid #fff;border-radius:26px;padding:30px 34px;background:linear-gradient(120deg,#e2f2ff9c,#f7f6ffc9);box-shadow:inset 0 0 0 1px #76a7ee66,0 0 12px #c0e6ff55;margin-top:8px}
.ar-cta h2{font-size:clamp(22px,2vw,31px);margin-bottom:5px}
.ar-cta p{font-size:clamp(14px,1.2vw,18px)}
.ar-page .ar-cta button{border:1px solid #c8e8ff;white-space:nowrap;color:white;background:linear-gradient(105deg,#39c8ff,#2455ff 48%,#b17bf1);border-radius:999px;padding:15px 24px;font-size:15px;box-shadow:0 5px 16px #527dfb44;min-height:49px}
.ar-cta button span{font-size:21px;margin-left:12px}
.ar-footer{display:flex;justify-content:center;align-items:center;gap:22px;padding:28px 0 10px;font-size:12px;color:#2f3f75}
.ar-footer img{display:block;width:46px;height:auto}
.ar-footer p::after{content:'';display:block;width:36px;height:2px;margin-top:8px;background:linear-gradient(90deg,#35beff,#8961fa)}
@media(max-width:900px){.ar-hero,.ar-row,.ar-row--left{grid-template-columns:minmax(0,1fr);gap:14px}.ar-row--left .ar-copy,.ar-row--left .ar-figure{grid-column:auto;grid-row:auto}.ar-page h1{font-size:clamp(34px,7.5vw,62px)}.ar-hero{padding:12px 0 22px}.ar-row{padding:28px 0}.ar-figure{width:100%;max-width:680px;margin:auto}.ar-page h2{font-size:28px}.ar-copy p{font-size:16px}.ar-cta{flex-direction:column;align-items:flex-start;padding:23px}.ar-footer{gap:16px}.ar-breadcrumb{font-size:11px;gap:8px}}
@media(max-width:420px){.ar-page h1{font-size:clamp(28px,8.7vw,36px)}.ar-page h2{font-size:25px}.ar-cta button{padding:12px 16px}.ar-footer{font-size:10px}}
@media(max-width:900px){.ar-page{padding:24px 20px 12px}}
@media(max-width:480px){.ar-page{padding:20px 16px 10px;border-radius:16px}}