.bi-mode #canvas{background:#071f2b;color:#eef8ed}.bi-mode .mast>span{color:#93c2c1}.bi-heading,.experience-heading{position:absolute;left:84px;top:136px;right:84px}.bi-heading>p,.experience-heading>p{color:#79ad8c;font-size:16px;letter-spacing:2px}.bi-heading h1,.experience-heading h1{font-size:49px;line-height:1.3;margin:16px 0}.bi-heading>span,.experience-heading>span{font-size:22px;color:#96b7ad}.bi-image{position:absolute;left:70px;top:285px;width:880px;aspect-ratio:16/9;border:1px solid #35616b;border-radius:10px;overflow:hidden}.bi-image>img{width:100%;display:block}.bi-image #bi-focus{position:absolute;border:3px solid #d8f2ad;background:#b4f5d008;box-shadow:0 0 0 1800px #00131e40;transition:all .65s ease;pointer-events:none}.bi-image button{position:absolute;bottom:15px;right:15px;border:1px solid #77c7bf;background:#092c38;color:#e5ffff;padding:10px 18px;border-radius:6px;font-size:18px;cursor:pointer}.bi-aside{position:absolute;left:1020px;right:75px;top:285px}.bi-aside>p{font-size:15px;letter-spacing:2px;color:#92bfba}.bi-aside h2{font-size:35px;margin:15px 0 22px}.bi-aside article{padding:16px 18px;border-left:2px solid #345257;opacity:.45;transition:opacity .4s,background .4s}.bi-aside article.selected{opacity:1;border-color:#bde594;background:#183b40}.bi-aside b{font-size:22px;font-weight:500}.bi-aside article p{font-size:17px;line-height:1.65;margin:9px 0 0;color:#afcbc6}.bi-aside small{display:block;margin-top:25px;font-size:14px;color:#96b7ad}#bi-foot{position:absolute;left:80px;bottom:88px;font-size:14px;color:#90aaa7}.bi-mode #subtitle{bottom:12px;background:#071f2b;color:#c6ded9}.bi-mode #page-watermark{color:#8ba9a2}#bi-viewer{width:96vw;max-width:none;max-height:96vh;padding:42px 8px 8px;background:#061b25;border:1px solid #497a7e;border-radius:9px}#bi-viewer::backdrop{background:#001016e8}#bi-viewer img{width:100%;max-height:86vh;object-fit:contain;display:block}#bi-close{position:absolute;right:10px;top:8px;background:#174a45;color:white;padding:7px 14px;border:0;border-radius:4px;cursor:pointer}.experience-heading>span{color:#6b8060}.experience-cards{position:absolute;left:84px;right:84px;top:326px;display:grid;grid-template-columns:1fr 1fr;gap:34px}.experience-cards>a{color:#204530;text-decoration:none;background:#e9efde;border:1px solid #d3dfc7;display:grid;grid-template-columns:260px 1fr;align-items:center;min-height:377px;overflow:hidden;transition:transform .25s,box-shadow .25s}.experience-cards>a:hover{transform:translateY(-6px);box-shadow:0 18px 32px #23492518}.experience-cards h2{font-size:29px;margin:18px 0}.experience-cards h2 b{font-size:23px;margin-left:8px}.experience-cards p{font-size:19px;line-height:1.7}.experience-cards small{display:block;margin-top:32px;color:#758668;font-size:15px}.experience-cards span{font-size:15px;color:#66865c}.experience-art{height:100%;position:relative;background:#dde8cd}.mini-art img{position:absolute;width:133px;border:5px solid #183c2e;border-radius:18px;box-shadow:0 10px 20px #23452225;top:42px;left:20px;transform:rotate(-8deg)}.mini-art img+img{top:90px;left:107px;transform:rotate(7deg)}.scale-art{display:flex;flex-direction:column;justify-content:center;align-items:center}.scale-art svg{width:260px}.scale-art span{font-size:13px}.experience-foot{position:absolute;left:84px;bottom:88px;font-size:17px;color:#7a8b6d}

.scale-art>img{width:238px;height:250px;object-fit:contain;background:white;border-radius:6px;margin-bottom:18px}

.bi-heading h1{font-size:44px}