.g12-page{--ink:#182a2f;--deep:#071b26;--abyss:#031019;--cream:#f3eddf;--paper:#fbf7ed;--teal:#76b6b2;--copper:#c87858;background:var(--paper);color:var(--ink);font-family:Noto Sans JP,Yu Gothic,sans-serif}.g12-hero{background:var(--abyss);color:#fff;align-items:flex-end;min-height:760px;display:flex;position:relative;overflow:hidden}.g12-hero>img{object-fit:cover;object-position:center}.g12-hero-shade{background:linear-gradient(90deg,#03131ff2 0%,#061925cf 35%,#04111a42 64%,#020b12b8 100%),linear-gradient(#0000 48%,#04131de8 100%);position:absolute;inset:0}.g12-hero-copy{z-index:2;width:min(760px,88vw);margin:0 0 clamp(74px,8vw,112px) clamp(24px,8vw,118px);position:relative}.g12-page .g12-hero .catalog-label{color:#deeee9;border-color:#b7d6d0}.g12-page .g12-hero .eyebrow{color:#cce1dd}.g12-theme-id{color:#f0c3a9;flex-wrap:wrap;align-items:baseline;gap:7px 15px;margin:26px 0 8px;display:flex}.g12-theme-id strong{letter-spacing:.12em;font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:clamp(18px,2vw,24px)}.g12-theme-id span{letter-spacing:.17em;color:#9bc8c3;font:700 10px/1.4 Arial,sans-serif}.g12-hero h1{letter-spacing:.03em;text-shadow:0 3px 25px #000;max-width:760px;margin:0;font-family:Yu Mincho,Hiragino Mincho ProN,Georgia,serif;font-size:clamp(40px,5.7vw,76px);font-weight:500;line-height:1.35}.g12-hero h1 em{color:#f6c3a6;font-style:normal}.g12-lead{color:#e2ece9;max-width:640px;margin:22px 0 24px;font-size:clamp(14px,1.5vw,17px);line-height:2}.g12-page .g12-hero .meta{color:#dbe7e3;border-color:#668d8c}.g12-hero-credit{z-index:2;color:#c8d6d3;background:#02101bbb;margin:0;padding:5px 8px;font-size:10px;position:absolute;bottom:16px;right:18px}.g12-shell{grid-template-columns:210px minmax(0,850px);justify-content:center;gap:clamp(42px,7vw,100px);padding:90px clamp(24px,7vw,100px);display:grid}.g12-toc{border-block:1px solid #9ba9a4;flex-direction:column;align-self:start;padding:20px 0;display:flex;position:sticky;top:28px}.g12-toc b{letter-spacing:.14em;color:#a6563f;margin-bottom:13px;font:700 11px Arial,sans-serif}.g12-toc a{color:#55615e;border-top:1px solid #d8d6cc;padding:9px 2px;font-size:12px}.g12-toc a:hover{color:#9b4935}.g12-article{min-width:0}.g12-brief{background:#e1ece8;border:1px solid #9ab5ae;grid-template-columns:90px 1fr;gap:28px;padding:34px;display:grid;box-shadow:8px 8px #c5d5cf}.g12-brief>span{color:#b65f43;font:italic 62px/1 Georgia,serif}.g12-brief p{margin:0;line-height:1.95}.g12-brief div>p:first-child,.g12-kicker{letter-spacing:.14em;color:#9d503c;font:700 10px/1.4 Arial,sans-serif}.g12-brief h2{margin:8px 0 12px;font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:clamp(23px,3vw,32px);font-weight:600;line-height:1.55}.g12-section{border-bottom:1px solid #c9c8bf;padding:92px 0}.g12-section>h2{margin:12px 0 30px;font-family:Yu Mincho,Hiragino Mincho ProN,Georgia,serif;font-size:clamp(30px,4vw,46px);font-weight:500;line-height:1.5}.g12-section>p:not(.g12-kicker):not(.g12-answer){margin:0 0 22px;font-size:16px;line-height:2.15}.g12-dark{background:var(--deep);color:#e9efec;border-bottom:0;margin-inline:calc(-1*clamp(24px,5vw,64px));padding-inline:clamp(24px,5vw,64px)}.g12-dark .g12-kicker{color:#ef9a76}.g12-depth-scale{background:#0b2937;border:1px solid #4b747a;grid-template-columns:repeat(3,1fr);margin:36px 0;display:grid}.g12-depth-scale span{color:#c8d9d7;border-right:1px solid #4b747a;flex-direction:column;gap:9px;min-height:125px;padding:22px 17px;font-size:12px;line-height:1.7;display:flex}.g12-depth-scale span:last-child{border:0}.g12-depth-scale b{color:#f1bd9e;font:700 17px Georgia,serif}.g12-answer{border-left:3px solid var(--copper);background:#efe7d8;padding:18px 20px;font-family:Yu Mincho,Hiragino Mincho ProN,serif;margin:34px 0 0!important;font-size:17px!important;line-height:1.8!important}.g12-dark .g12-answer{color:#f2eee4;background:#12313d}.g12-answer small{letter-spacing:.14em;color:#a44f39;margin-bottom:5px;font:700 9px Arial,sans-serif;display:block}.g12-figure{background:#eef2ed;border:1px solid #9eb5ae;margin:38px 0}.g12-figure figcaption{color:#4d5b58;border-top:1px solid #b6c5c0;padding:17px 20px;font-size:12px;line-height:1.8}.g12-figure figcaption b{color:#8c4433;display:block}.g12-squid{background:radial-gradient(circle at 70% 45%,#183e4c,#071c28 65%);min-height:310px;position:relative;overflow:hidden}.g12-squid:before{content:"";background:linear-gradient(135deg,#b26048,#713c3a);border-radius:65% 35% 35% 65%;width:43%;height:115px;position:absolute;top:76px;right:10%;box-shadow:0 0 30px #6ba5a499}.g12-squid:after{content:"";border-bottom:4px solid #b76d58;border-radius:0 0 50% 50%;width:42%;height:80px;position:absolute;top:105px;right:36%;transform:rotate(4deg);box-shadow:0 11px 0 -7px #b76d58,0 22px 0 -8px #b76d58,0 33px 0 -9px #b76d58}.g12-squid span{z-index:2;color:#543d38;background:#f6eee0e8;padding:6px 9px;font-size:11px;font-weight:700;position:absolute}.g12-squid small{font-size:8px;font-weight:400;display:block}.g12-squid .mantle{top:45px;right:19%}.g12-squid .eye{top:87px;right:45%}.g12-squid .arms{bottom:72px;left:28%}.g12-squid .tentacles{bottom:35px;left:7%}.g12-timeline ol{background:#092431;grid-template-columns:repeat(4,1fr);margin:0;padding:0;list-style:none;display:grid}.g12-timeline li{color:#e6efec;border-right:1px solid #55717a;min-height:175px;padding:25px 18px}.g12-timeline li:last-child{border:0}.g12-timeline b,.g12-timeline span,.g12-timeline small{display:block}.g12-timeline b{color:#ef9b77;font:28px Georgia,serif}.g12-timeline span{margin:12px 0 7px;font-size:13px;font-weight:700}.g12-timeline small{color:#b8cfcc;font-size:10px;line-height:1.6}.g12-camera>div{background:#061b27;grid-template-columns:1fr 1fr;display:grid}.g12-camera article{color:#e9f0ed;min-height:250px;padding:30px}.g12-camera article+article{border-left:1px solid #4a6c73}.g12-camera article b{margin:25px 0 9px;font-family:Yu Mincho,serif;font-size:20px;display:block}.g12-camera article p{color:#bed0ce;font-size:12px;line-height:1.9}.beam{clip-path:polygon(0 40%,100% 0,100% 100%,0 60%);width:100%;height:42px;display:block}.beam.white{background:linear-gradient(90deg,#fff0,#f3f4d2bb)}.beam.red{background:linear-gradient(90deg,#b1000000,#b54c4166,#45bbd0)}.g12-topic{border-top:3px solid var(--copper);background:#e8e0d3;margin-top:32px;padding:26px 28px}.g12-topic>span{letter-spacing:.14em;color:#a44b35;font:700 9px Arial,sans-serif}.g12-topic h3{margin:8px 0 10px;font-family:Yu Mincho,serif;font-size:22px}.g12-topic p{margin:0;font-size:13px;line-height:1.9}.g12-evidence,.g12-status-grid{background:#9caeaa;border:1px solid #9caeaa;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:35px;display:grid}.g12-evidence>div,.g12-status-card{background:#f3eee3;padding:24px 20px}.g12-evidence span,.g12-status-card>span{letter-spacing:.12em;color:#a64e38;font:700 9px Arial,sans-serif}.g12-evidence b{margin:11px 0 7px;font-family:Yu Mincho,serif;font-size:17px;display:block}.g12-evidence p,.g12-status-card p{margin:0;font-size:12px;line-height:1.8}.g12-status{background:#dfe9e4;margin-inline:calc(-1*clamp(24px,5vw,64px));padding-inline:clamp(24px,5vw,64px)}.g12-status-card h3{margin:11px 0;font-family:Yu Mincho,serif;font-size:19px}.g12-ending{text-align:center;color:#eef3ee;background:#071d29;margin:75px 0;padding:50px clamp(25px,6vw,60px);box-shadow:10px 10px #bd765a}.g12-ending>p:first-child{letter-spacing:.18em;color:#e99b79;font:700 10px Arial,sans-serif}.g12-ending h2{font-family:Yu Mincho,serif;font-size:27px;font-weight:500}.g12-ending blockquote{color:#a9d6d0;margin:30px 0;font-family:Yu Mincho,serif;font-size:clamp(22px,3vw,32px);line-height:1.8}.g12-ending>p:last-child{color:#cedbd7;font-size:13px;line-height:2}.g12-page .mystrail-reference-desk{margin-top:90px}.g12-page .mystrail-article-navigation{margin-top:70px}@media (max-width:900px){.g12-hero{min-height:700px}.g12-shell{grid-template-columns:1fr;padding-top:55px}.g12-toc{display:none}.g12-hero>img{object-position:58% center}.g12-evidence,.g12-status-grid,.g12-depth-scale{grid-template-columns:1fr}.g12-depth-scale span{border-bottom:1px solid #4b747a;border-right:0;min-height:auto}.g12-depth-scale span:last-child{border:0}}@media (max-width:640px){.g12-hero{align-items:flex-end;min-height:690px}.g12-hero>img{object-position:66% center}.g12-hero-shade{background:linear-gradient(#04111a55 0%,#04131ddc 50%,#04131df7 100%)}.g12-hero-copy{width:auto;margin:0 20px 58px}.g12-theme-id{gap:4px 10px;margin-top:20px}.g12-theme-id strong{width:100%;font-size:17px}.g12-theme-id span{font-size:8px}.g12-hero h1{font-size:37px;line-height:1.38}.g12-lead{font-size:13px;line-height:1.85}.g12-hero-credit{font-size:8px;bottom:9px;right:10px}.g12-shell{padding:52px 18px}.g12-brief{grid-template-columns:50px 1fr;gap:14px;padding:24px 18px;box-shadow:5px 5px #c5d5cf}.g12-brief>span{font-size:42px}.g12-section{padding:70px 0}.g12-section>p:not(.g12-kicker):not(.g12-answer){font-size:15px;line-height:2}.g12-dark,.g12-status{margin-inline:-18px;padding-inline:18px}.g12-squid{min-height:265px}.g12-squid:before{width:52%;right:5%}.g12-squid:after{width:54%;right:36%}.g12-timeline ol{grid-template-columns:1fr 1fr}.g12-timeline li{border-bottom:1px solid #55717a;min-height:145px}.g12-timeline li:nth-child(2){border-right:0}.g12-camera>div{grid-template-columns:1fr}.g12-camera article+article{border-top:1px solid #4a6c73;border-left:0}.g12-ending{margin-inline:0;padding:38px 20px}.g12-ending blockquote br{display:none}}.g12-evidence-plate{background:#eef1ea;border:1px solid #9fb1ab;grid-template-columns:minmax(0,1.25fr) minmax(230px,.75fr);margin:40px 0;display:grid}.g12-evidence-image{background:#091923;min-height:480px;position:relative;overflow:hidden}.g12-evidence-image>img{object-fit:cover}.g12-evidence-image>span{color:#f0c3a9;letter-spacing:.15em;background:#071924dd;padding:7px 9px;font:700 9px Arial,sans-serif;position:absolute;top:16px;left:16px}.g12-evidence-plate.is-portrait .g12-evidence-image>img{object-fit:contain;background:#0b212b}.g12-evidence-plate figcaption{align-self:end;padding:30px 26px}.g12-evidence-plate figcaption b{color:#803f30;margin-bottom:13px;font:600 21px/1.55 Yu Mincho,serif;display:block}.g12-evidence-plate figcaption p{color:#52605d;margin:0;font-size:12px;line-height:1.9}.g12-dark .g12-evidence-plate{background:#102d38;border-color:#4f7378}.g12-dark .g12-evidence-plate figcaption b{color:#efb18f}.g12-dark .g12-evidence-plate figcaption p{color:#c9d7d4}.g12-observation{color:#eef5f1;text-align:center;background:#08212c;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:12px;margin:38px 0;padding:28px;display:grid}.g12-observation b,.g12-observation span{display:block}.g12-observation b{color:#f0b08e;font-family:Yu Mincho,serif;font-size:20px}.g12-observation span{font-size:10px;line-height:1.5}.g12-observation i{color:#76b6b2;font-style:normal}@media (max-width:700px){.g12-evidence-plate{grid-template-columns:1fr}.g12-evidence-image{min-height:430px}.g12-evidence-plate figcaption{padding:22px 20px}.g12-observation{grid-template-columns:1fr;padding:24px 18px}.g12-observation i{transform:rotate(90deg)}}@media (max-width:640px){.g12-evidence-image{min-height:390px}}.g12-inline-source{color:#713e32;background:#f3eadc;border-bottom:1px solid #a95c45;align-items:center;gap:9px;margin:4px 0 22px;padding:10px 14px;font-size:12px;font-weight:700;line-height:1.6;text-decoration:none;display:inline-flex}.g12-inline-source:hover{color:#4f2b24;background:#eadccb}.g12-inline-source:focus-visible{outline-offset:3px;outline:3px solid #76b6b2}.g12-inline-source span{color:#a95c45;font:700 14px Arial,sans-serif}.g12-inline-sources{flex-wrap:wrap;gap:10px;margin:4px 0 22px;display:flex}.g12-inline-sources .g12-inline-source{margin:0}@media (max-width:640px){.g12-inline-source{justify-content:space-between;width:100%}.g12-inline-sources{display:grid}}
