body,html{background:#000!important;color:#fff}.body{background:#000;min-height:100vh;position:relative}.body::before{content:'';position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 25% 25%,rgba(255,255,255,.02) 0,transparent 50%),radial-gradient(circle at 75% 75%,rgba(255,255,255,.02) 0,transparent 50%),radial-gradient(circle at 75% 25%,rgba(255,255,255,.01) 0,transparent 50%),radial-gradient(circle at 25% 75%,rgba(255,255,255,.01) 0,transparent 50%);pointer-events:none;z-index:-1}.wall-bg{position:absolute;top:0;left:0;right:0;bottom:0;background:#000;overflow:hidden;pointer-events:none}.wall.wall-index{position:relative;width:100vw;height:100vh;max-width:none;overflow:hidden;display:flex;align-items:center;justify-content:center}.wall-bg canvas{position:absolute;top:0;left:0;width:100%!important;height:100%!important;object-fit:cover;pointer-events:none}.wall-bg::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(0,0,0,.7),rgba(0,0,0,.3));z-index:1;pointer-events:none}.wall-main{position:relative;text-align:center;margin-top:0;z-index:2}.wall-title{font-weight:300;font-size:clamp(32px, 6vw, 56px);color:#fff;margin-bottom:16px;letter-spacing:1em;text-shadow:0 0 20px rgba(255,255,255,.5),0 0 40px rgba(255,255,255,.3);font-feature-settings:"kern" 1;font-variation-settings:'wght' 300,'wdth' 100}.wall-title span{display:inline-block;position:relative;transform-origin:center}.wall-subtitle{font-size:clamp(20px, 3vw, 32px);font-weight:300;color:rgba(255,255,255,.95);margin-bottom:24px;text-shadow:0 0 15px rgba(255,255,255,.4)}.wall-description{font-size:clamp(14px, 2vw, 18px);font-weight:300;color:rgba(255,255,255,.85);font-family:sourceHanSerif;letter-spacing:.1em;line-height:1.8;text-shadow:0 0 10px rgba(255,255,255,.3);text-align:center}.wall-description+canvas{filter:drop-shadow(0 0 10px rgba(255,255,255,.3));letter-spacing:.1em}.about{max-width:800px;margin:80px auto;display:flex;align-items:center;gap:60px;padding:60px 40px;background:rgba(255,255,255,.03);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:24px;box-shadow:0 8px 32px rgba(0,0,0,.3),0 0 40px rgba(255,255,255,.05),inset 0 1px 0 rgba(255,255,255,.1);position:relative;overflow:hidden}.about::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}.about-photo{width:280px;height:380px;background:url("") center center/cover no-repeat;border-radius:15px;flex-shrink:0;transform-style:preserve-3d;transition:transform .1s ease-out;position:relative;overflow:hidden;border:2px solid rgba(255,255,255,.1);box-shadow:0 8px 32px rgba(255,255,255,.15),0 0 20px rgba(255,255,255,.1)}.about-photo:hover{box-shadow:0 12px 40px rgba(255,255,255,.25),0 0 30px rgba(255,255,255,.2)}.about-text{flex:1;font-family:sourceHanSerif}.about-title{font-size:clamp(24px, 4vw, 32px);font-weight:300;margin-bottom:24px;color:#fff;text-shadow:0 0 10px rgba(255,255,255,.3)}.about-detail{font-size:clamp(14px, 2vw, 16px);line-height:1.8;color:rgba(255,255,255,.9);font-weight:300}.about-detail[lang=en]{font-family:-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6}.about-text-p p{margin:0 0 1em 0}.about-text-p p:last-child{margin-bottom:0}.about-text-p p:empty{height:.5em;margin:.5em 0}.timeline{max-width:800px;margin:80px auto;padding:60px 40px;background:rgba(255,255,255,.03);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:24px;box-shadow:0 8px 32px rgba(0,0,0,.3),0 0 40px rgba(255,255,255,.05),inset 0 1px 0 rgba(255,255,255,.1);position:relative;overflow:hidden}.timeline::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}.timeline-head{display:flex;justify-content:center;align-items:center;margin-bottom:48px;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.1);position:relative}.timeline-head::after{content:'';position:absolute;bottom:-1px;left:50%;transform:translateX(-50%);width:60px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent)}.timeline-head .title{font-size:clamp(24px, 4vw, 32px);font-weight:300;color:#fff;margin-right:32px;text-shadow:0 0 10px rgba(255,255,255,.3)}.radio-wrapper{display:flex;align-items:center;gap:16px;padding:8px 12px;margin-bottom:16px}.radio-item{display:flex;align-items:center;gap:6px;cursor:pointer}.radio-item:hover .radio-label{color:rgba(255,255,255,.7)}.radio-item:hover .radio>label{border-color:rgba(255,255,255,.4);background:rgba(255,255,255,.08)}.radio{position:relative;width:12px;height:12px}.radio>input{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer}.radio>label{position:absolute;top:0;left:0;width:12px;height:12px;border:1px solid rgba(255,255,255,.2);border-radius:50%;cursor:pointer;transition:all .2s ease;background:rgba(255,255,255,.05)}.radio-label{font-size:11px;font-weight:400;color:rgba(255,255,255,.5);letter-spacing:.3px;transition:all .2s ease}.radio-skin,.radio-skin--essays,.radio-skin--insights,.radio-skin--products{position:absolute;top:0;left:0;width:12px;height:12px;border-radius:50%;transition:all .2s ease}#radio-essays:checked+.radio-skin--essays{background:#8a7a6b;border:1px solid #8a7a6b;box-shadow:0 0 0 2px rgba(138,122,107,.2)}.radio-item-essays--active .radio-label{color:#8a7a6b;font-weight:500}.timeline-item-essays .line-anchor::after,.timeline-item-essays--hidden .line-anchor::after{background-color:#8a7a6b;opacity:.7;border:1px solid rgba(138,122,107,.3)}.timeline-item-essays .line-date-tag,.timeline-item-essays--hidden .line-date-tag{background-color:rgba(138,122,107,.8);color:#fff;padding:3px 6px;border-radius:8px;font-size:11px;font-weight:500;text-shadow:none;opacity:.9;border:1px solid rgba(138,122,107,.2)}#radio-insights:checked+.radio-skin--insights{background:#6b7a8a;border:1px solid #6b7a8a;box-shadow:0 0 0 2px rgba(107,122,138,.2)}.radio-item-insights--active .radio-label{color:#6b7a8a;font-weight:500}.timeline-item-insights .line-anchor::after,.timeline-item-insights--hidden .line-anchor::after{background-color:#6b7a8a;opacity:.7;border:1px solid rgba(107,122,138,.3)}.timeline-item-insights .line-date-tag,.timeline-item-insights--hidden .line-date-tag{background-color:rgba(107,122,138,.8);color:#fff;padding:3px 6px;border-radius:8px;font-size:11px;font-weight:500;text-shadow:none;opacity:.9;border:1px solid rgba(107,122,138,.2)}#radio-products:checked+.radio-skin--products{background:#7a6b8a;border:1px solid #7a6b8a;box-shadow:0 0 0 2px rgba(122,107,138,.2)}.radio-item-products--active .radio-label{color:#7a6b8a;font-weight:500}.timeline-item-products .line-anchor::after,.timeline-item-products--hidden .line-anchor::after{background-color:#7a6b8a;opacity:.7;border:1px solid rgba(122,107,138,.3)}.timeline-item-products .line-date-tag,.timeline-item-products--hidden .line-date-tag{background-color:rgba(122,107,138,.8);color:#fff;padding:3px 6px;border-radius:8px;font-size:11px;font-weight:500;text-shadow:none;opacity:.9;border:1px solid rgba(122,107,138,.2)}.timeline-body{width:100%}.line-anchor::after{content:'';position:absolute;height:12px;width:12px;border-radius:50%;right:-6px;bottom:0;left:-6px;top:0;margin:auto;border:1px solid rgba(255,255,255,.3)}.line-anchor{position:relative;height:16px;margin:8px 4px;flex:0 0 16px}.line-date,.line-title{flex:1;display:flex;align-items:center}.line-date{justify-content:flex-end;margin-right:16px}.line-title{margin-left:16px}.line-title .text-icon{margin:0 8px;filter:brightness(0) invert(1);opacity:.8}.line-title .timeline-post{color:rgba(255,255,255,.9);text-decoration:none;font-weight:400;transition:all .3s ease}.line-title .timeline-post:hover{color:#fff;text-shadow:0 0 8px rgba(255,255,255,.4);transform:translateX(4px)}.timeline-list{position:relative}.timeline-list::before{position:absolute;content:'';top:-16px;left:0;right:0;bottom:-16px;margin:0 auto;width:1px;background-color:rgba(255,255,255,.2)}.timeline-item{display:flex;margin:24px 0;font-size:14px;color:rgba(255,255,255,.7);transition:all .3s ease;padding:12px 0;border-radius:8px}.timeline-item:hover{color:#fff;transform:translateY(-2px);background:rgba(255,255,255,.02);box-shadow:0 4px 16px rgba(255,255,255,.05)}.timeline-item--hidden{display:none}.timeline-item-first,.timeline-item-last{display:flex;justify-content:center}.line-anchor--end::after,.line-anchor--now::after{background-color:rgba(255,255,255,.8)}@media screen and (max-width:768px){.wall{height:calc(100vh - 120px)}.wall-main{margin-top:-10vh;padding:0 20px}.about{flex-direction:column;text-align:center;gap:32px;padding:40px 20px;margin:40px 20px;border-radius:16px}.about-photo{width:200px;height:280px}.radio-wrapper{gap:12px;padding:6px 8px;flex-wrap:wrap;justify-content:center}.radio-item{gap:4px}.radio-label{font-size:10px}.timeline{padding:40px 20px;margin:40px 20px;border-radius:16px}.timeline-head{flex-direction:column;gap:16px;margin-bottom:32px;padding-bottom:16px}.timeline-head .title{margin-right:0}.timeline-item{margin:16px 0;padding:8px 0}.line-date,.line-title{font-size:13px}}@media screen and (max-width:480px){.about{gap:24px}.about-photo{width:160px;height:220px}}