/* Additions deliberately inherit the original 2023 website style. */
html{scroll-behavior:smooth}body{background:#f2f2f2;color:#222}.container{max-width:1050px;background:#b0ab9b}.logo{font-size:27px;padding:18px 22px;background:#fff}.navbar{display:flex;flex-wrap:wrap;position:sticky;top:0}.navbar a{float:none;padding:13px 12px;font-size:13px}.section{padding-top:20px;margin-top:20px;margin-bottom:35px;width:100%}.section h2{margin:0 0 15px}.item-container{gap:14px;padding-left:0;justify-content:flex-start}.item{width:calc(50% - 28px);box-sizing:border-box;margin-bottom:0}.modern-additions .item{align-items:stretch}.current-item img{display:block;width:100%;max-width:none;height:220px;max-height:none;object-fit:cover;object-position:center}.current-item:nth-child(2) img{object-fit:contain;background:#eaeaea}.current-item h3,.video-item h3{margin-bottom:0}.section-intro{margin-top:0}.experience-item{min-height:155px}.intro-box{display:flex;background:white;border-radius:5px;padding:16px;gap:24px;align-items:center;box-shadow:0 2px 4px #0002}.intro-box>img{width:210px;height:auto;object-fit:contain;border-radius:4px;flex-shrink:0}.intro-box h3{font-size:24px}.about-extra{margin-top:12px}.about-extra img{max-height:240px;max-width:100%;margin:10px}.video-item video{width:100%;height:240px;object-fit:contain;background:#161616;border-radius:4px}.video-item{min-height:0}.detail-page{max-width:1000px;margin:30px auto;padding:25px;background:#b0ab9b}.detail-block{background:#fff;padding:18px;margin:16px 0;border-radius:5px}.detail-block img{max-width:100%;height:auto;object-fit:contain}.detail-block video{width:100%;max-height:450px}.detail-page>h1{font-size:36px}.detail-page>p{font-size:17px}.navbar a{color:white}.navbar a:hover{color:#222}
@media(max-width:720px){.item{width:100%}.intro-box{flex-direction:column;align-items:stretch}.intro-box>img{width:100%;height:auto}.navbar{position:relative}.navbar a{padding:9px}.logo{font-size:21px}.video-item video{height:220px}}

/* Refined media composition: preserve full devices and avoid clipped mechanisms. */
.current-item > a > img {width:100%; height:230px; max-height:none; object-fit:contain; object-position:center; background:#eeece7; display:block; margin-bottom:12px;}
.detail-page .detail-block img {display:block; width:auto; max-width:100%; max-height:560px; height:auto; object-fit:contain; object-position:center; margin:16px auto; border-radius:6px;}
.detail-page video {display:block; width:100%; max-width:780px; height:auto; max-height:500px; object-fit:contain; margin:12px 0 20px; background:#161616; border-radius:6px;}
.video-item video {width:100%; height:230px; max-height:none; object-fit:contain; background:#161616;}
@media(max-width:700px){.current-item > a > img{height:210px}.video-item video{height:auto;aspect-ratio:16/9}}