.process-guide-detail header{position:static;inset:auto;z-index:auto;transform:none}
.process-guide-detail .process-detail-hero{position:relative;display:flex;min-height:352px;align-items:center;overflow:hidden;padding:34px 0 46px;border:0;background:#123f66;color:#fff;box-shadow:none;backdrop-filter:none}
.process-guide-detail .process-detail-hero::before{position:absolute;inset:0;background:radial-gradient(circle at 76% 22%,rgba(131,215,201,.2),transparent 29%),linear-gradient(115deg,transparent 0 58%,rgba(255,255,255,.04) 58% 59%,transparent 59%);content:""}
.process-guide-detail .process-detail-hero::after{position:absolute;right:-7rem;bottom:-12rem;width:29rem;height:29rem;border:1px solid rgba(255,255,255,.13);border-radius:50%;box-shadow:0 0 0 3.5rem rgba(255,255,255,.028),0 0 0 8rem rgba(255,255,255,.018);content:""}
.process-guide-detail .process-detail-hero>.wrap{position:relative;z-index:1;max-width:1180px}
.process-guide-detail .process-detail-hero>.wrap>a{color:#b9e7e0}
.process-guide-detail .process-detail-hero>.wrap>a:hover{color:#fff}
.process-guide-detail .process-detail-grid{grid-template-columns:minmax(0,930px);margin-top:24px}
.process-guide-detail .process-detail-hero .process-detail-grid p{margin-bottom:18px;padding:5px 10px;background:rgba(131,215,201,.14);color:#a9dfd7}
.process-guide-detail .process-detail-hero .process-detail-grid h1{max-width:20ch;color:#fff;font-size:clamp(3rem,5vw,4.85rem);line-height:1.02;letter-spacing:-.05em}
.process-guide-detail .process-detail-hero .process-detail-grid>div>span{max-width:62ch;margin-top:22px;color:#d7e8ed;font-size:1rem}
.guide-gallery{padding:clamp(48px,6vw,80px) 0 clamp(72px,8vw,112px);background:#fff}
.guide-gallery>.wrap{max-width:1180px}
.guide-section+.guide-section{margin-top:clamp(76px,9vw,128px);padding-top:clamp(52px,6vw,76px);border-top:1px solid var(--process-line)}
.guide-section-heading{position:relative;display:grid;grid-template-columns:minmax(210px,.36fr) minmax(0,1fr);column-gap:clamp(32px,6vw,92px);align-items:start;margin:0 0 28px;padding:24px 0 0;border-top:3px solid var(--process-deep);background:transparent;box-shadow:none}
.guide-section-heading::before{position:absolute;top:-3px;left:0;width:72px;height:3px;background:var(--process-mint);content:""}
.guide-section-heading p{align-self:start;margin:5px 0 0;color:var(--process-accent);font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.guide-section-heading h2{margin:0;color:var(--process-ink);font-size:clamp(2rem,3.5vw,3.35rem);line-height:1.06;letter-spacing:-.045em}
.guide-section-heading span{grid-column:2;max-width:65ch;margin-top:10px;color:#607980;font-size:.82rem;line-height:1.75}
.guide-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,3vw,38px);align-items:start}
.guide-sheet{min-width:0;margin:0}
.guide-sheet button{position:relative;display:block;width:100%;padding:0;overflow:hidden;border:1px solid #c8d8d6;background:#fff;box-shadow:none;cursor:zoom-in}
.guide-sheet button:focus-visible{outline:4px solid var(--process-mint);outline-offset:4px}
.guide-sheet img{display:block;width:100%;height:auto;transition:transform .35s ease}
.guide-sheet button:hover img{transform:scale(1.008)}
.guide-sheet button span{position:absolute;right:12px;bottom:12px;padding:8px 11px;background:rgba(10,60,72,.9);color:#fff;font-size:.68rem;font-weight:700;opacity:0;transform:translateY(6px);transition:opacity .2s,transform .2s}
.guide-sheet button:hover span,.guide-sheet button:focus-visible span{opacity:1;transform:none}
.guide-sheet figcaption{display:flex;gap:11px;align-items:center;padding:14px 2px 0;color:#526f76;font-size:.76rem;font-weight:700}
.guide-sheet figcaption b{display:grid;width:28px;height:28px;place-items:center;background:var(--process-deep);color:#fff;font-size:.62rem}
.guide-lightbox{width:min(96vw,1500px);height:94vh;max-width:none;max-height:none;padding:58px 18px 18px;border:0;background:#0b252ce8;color:#fff}
.guide-lightbox::backdrop{background:rgba(3,17,22,.86);backdrop-filter:blur(4px)}
.guide-lightbox>div{height:100%;overflow:auto;text-align:center}
.guide-lightbox img{display:block;width:auto;max-width:100%;height:auto;margin:0 auto;background:#fff}
.guide-lightbox-close{position:absolute;z-index:2;top:12px;right:18px;padding:8px 14px;border:1px solid #ffffff55;background:#fff;color:var(--process-deep);font:inherit;font-size:.76rem;font-weight:800;cursor:pointer}
.guide-lightbox-close:focus-visible{outline:3px solid var(--process-mint);outline-offset:3px}
@media(max-width:760px){
    .process-guide-detail .process-detail-hero{min-height:0;padding:30px 0 48px}
    .process-guide-detail .process-detail-hero::after{right:-13rem;bottom:-14rem}
    .process-guide-detail .process-detail-grid{margin-top:40px}
    .process-guide-detail .process-detail-hero .process-detail-grid h1{font-size:clamp(2.75rem,14vw,4.35rem)}
    .guide-gallery{padding:40px 0 76px}
    .guide-section+.guide-section{margin-top:72px;padding-top:58px}
    .guide-section-heading{display:block;margin-bottom:22px;padding-top:18px}
    .guide-section-heading p{margin-bottom:10px}
    .guide-section-heading h2{font-size:2.15rem}
    .guide-section-heading span{display:block;margin-top:10px}
    .guide-pair{grid-template-columns:1fr;gap:34px}
    .guide-sheet button span{opacity:1;transform:none}
    .guide-lightbox{width:100vw;height:100vh;margin:0;padding:56px 8px 8px}
}
@media(prefers-reduced-motion:reduce){
    .guide-sheet img,.guide-sheet button span{transition:none}
}