.arch-main{position:relative;z-index:1}.arch-hero{padding-top:calc(var(--nav-h) + clamp(18px,4vw,44px));padding-bottom:clamp(34px,6vw,70px);border-bottom:1px solid var(--border)}.arch-meta-bar{display:flex;align-items:center;gap:16px;padding-bottom:clamp(18px,3vw,30px);font-size:11px;letter-spacing:1.6px;text-transform:uppercase;color:var(--mid)}.arch-back{color:var(--ink);text-decoration:none;font-weight:600}.arch-back:hover{color:var(--primary)}.arch-reg{margin-left:auto;color:var(--primary)}.arch-hero-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.92fr);gap:clamp(28px,5vw,76px);align-items:center;padding-top:clamp(26px,4vw,50px)}.arch-kick{display:inline-flex;align-items:baseline;gap:14px;margin-bottom:clamp(16px,2vw,24px)}.arch-kick-num{font-size:clamp(40px,6vw,80px);font-weight:800;color:var(--primary);line-height:.8;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.arch-kick-cat{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--mid);font-weight:600}.arch-h1{font-size:clamp(33px,6vw,78px);font-weight:800;letter-spacing:-.035em;line-height:.98;color:var(--ink)}.arch-deck{margin-top:clamp(20px,2.5vw,30px);max-width:58ch}.arch-deck p{font-size:clamp(16px,1.7vw,19px);line-height:1.55;color:var(--mid);margin:0 0 .85em}.arch-visual{position:relative;aspect-ratio:1 / 1;background:#0b1521;border:1px solid #1c2b3a;overflow:hidden;isolation:isolate}.arch-photo{position:absolute;inset:0;z-index:1}.arch-photo img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(1) contrast(1.06) brightness(.62)}.arch-tint{position:absolute;inset:0;z-index:2;background:#1f5fa6;mix-blend-mode:color;opacity:.82;pointer-events:none}.arch-grid{position:absolute;inset:0;z-index:3;pointer-events:none;background-image:radial-gradient(rgba(120,170,230,.2) .5px,transparent 1.5px);background-size:15px 15px}.arch-visual:after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(180deg,#08101a80,#08101a00 24% 58%,#08101ad1)}.arch-visual .corner{position:absolute;width:14px;height:14px;border:1px solid rgba(150,195,245,.6);z-index:5}.arch-visual .c-tl{top:12px;left:12px;border-right:0;border-bottom:0}.arch-visual .c-tr{top:12px;right:12px;border-left:0;border-bottom:0}.arch-visual .c-bl{bottom:12px;left:12px;border-right:0;border-top:0}.arch-visual .c-br{bottom:12px;right:12px;border-left:0;border-top:0}.arch-scan{position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(120,185,245,.6),transparent);z-index:4;animation:f-scan 4.4s linear infinite}.arch-visual-tag,.arch-visual-label{position:absolute;font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:#a6c8ee;z-index:5}.arch-visual-tag{top:16px;right:18px}.arch-visual-label{left:18px;bottom:16px}.arch-wrap{padding-block:clamp(40px,6vw,78px)}.arch-grid-body{display:grid;grid-template-columns:minmax(0,200px) minmax(0,1fr);gap:clamp(32px,5vw,84px);align-items:start}.arch-rail{position:sticky;top:calc(var(--nav-h) + 28px)}.arch-rail-h{display:block;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--mid);margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border)}.arch-toc{list-style:none;margin:0;padding:0;counter-reset:toc;display:flex;flex-direction:column;gap:13px}.arch-toc li{counter-increment:toc}.arch-toc a{display:flex;gap:10px;font-size:14px;line-height:1.35;color:var(--mid);text-decoration:none;transition:color .2s ease}.arch-toc a:before{content:counter(toc,decimal-leading-zero);color:var(--primary);font-weight:600;font-variant-numeric:tabular-nums;flex:none}.arch-toc a:hover{color:var(--ink)}.arch-body{min-width:0;max-width:720px}.arch-section{margin-bottom:clamp(34px,5vw,56px);scroll-margin-top:calc(var(--nav-h) + 20px)}.arch-section-h{display:flex;align-items:baseline;gap:14px;margin-bottom:16px}.arch-section-n{font-size:13px;font-weight:600;color:var(--primary);font-variant-numeric:tabular-nums;flex:none}.arch-section h2{font-size:clamp(21px,2.5vw,30px);font-weight:700;letter-spacing:-.02em;line-height:1.12;color:var(--ink)}.arch-section p{font-size:18px;line-height:1.78;color:#2b2b2b;margin:0 0 1.15em}.arch-item strong{color:var(--ink);font-weight:700}.arch-outro{margin:clamp(8px,2vw,16px) 0 0;padding:clamp(18px,2.4vw,26px) clamp(20px,2.6vw,28px);border-left:3px solid var(--primary);background:#0a66c20d;font-size:clamp(18px,2vw,22px);line-height:1.5;font-weight:600;color:var(--ink)}.arch-close{position:relative;background:var(--ink);color:#fff;padding:clamp(56px,9vw,120px) 0;overflow:hidden}.arch-close:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.05) 1px,transparent 1.5px);background-size:22px 22px}.arch-close .container{position:relative;z-index:1}.arch-close-tag{display:inline-block;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#9fb6cf;margin-bottom:22px}.arch-close-title{font-size:clamp(30px,5.5vw,66px);font-weight:800;letter-spacing:-.03em;line-height:1.02;max-width:17ch}.arch-close-cta{display:inline-flex;align-items:center;gap:12px;margin-top:clamp(28px,4vw,46px);padding:16px 26px;background:var(--primary);color:#fff;text-decoration:none;font-size:14px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;border-radius:3px;transition:background .2s ease;will-change:transform}.arch-close-cta:hover{background:#1f7ad6}.arch-close-cta .ico{transition:transform .2s ease}.arch-close-cta:hover .ico{transform:translate(3px,-3px)}.arch-close-foot{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:clamp(40px,6vw,72px);padding-top:22px;border-top:1px solid rgba(255,255,255,.14);font-size:13px;color:#9fb6cf}.arch-close-foot a{color:#cdd8e4;text-decoration:none}.arch-close-foot a:hover{color:#fff}@media(max-width:900px){.arch-hero-grid{grid-template-columns:1fr;gap:clamp(28px,6vw,40px)}.arch-visual{width:100%;max-width:360px}}@media(max-width:860px){.arch-grid-body{grid-template-columns:1fr;gap:clamp(20px,5vw,30px)}.arch-rail{position:static}.arch-rail-h{margin-bottom:12px}.arch-toc{flex-direction:row;flex-wrap:wrap;gap:8px 20px}}@media(prefers-reduced-motion:reduce){.arch-scan{animation:none}}
