body{margin:0;padding:0}.content{overflow-x:hidden;overscroll-behavior-x:none;padding-bottom:24px;display:flex;flex-direction:column;align-items:center}.title-container{width:100%;max-width:1800px;display:flex;justify-content:space-between;align-items:baseline;padding:32px 40px 0;box-sizing:border-box}.title-container .title{position:relative;font-family:DM Mono,system-ui;font-size:20px;font-weight:400;color:#151515}.title-container .title a,.title-container .about a{color:#151515;text-decoration:none}.title-container .about a:hover{text-decoration:underline}.title-container .about{position:relative;font-family:DM Mono,system-ui;font-size:20px;font-weight:400;color:#151515}.title-container .about-modal{position:absolute;top:100%;right:0;width:360px;max-width:89vw;font-size:16px;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1000;transform:translate(100%);opacity:0;visibility:hidden;transition:all .2s ease-in-out;margin-top:4px;font-family:DM Mono,system-ui;color:#151515}.about-modal.show{transform:translate(0);opacity:1;visibility:visible}.about-modal .modal-content{margin-top:40px;padding:0 20px 20px;position:relative}.about-modal .modal-content p{margin:0 0 8px}.about-modal .modal-content h2{margin:24px 0 8px;font-size:16px;color:#151515}.about-modal .close-btn{position:absolute;top:4px;right:4px;width:32px;height:32px;background:none;border:none;font-size:24px;cursor:pointer;color:#666;line-height:1;z-index:1001}.social-links{display:flex;flex-direction:row;flex-wrap:wrap;row-gap:4px;column-gap:8px;margin:0}.social-links a{display:flex;align-items:center;gap:8px;text-decoration:none;color:#151515;padding:8px;border-radius:6px;transition:background-color .2s ease}.social-links a:hover{background-color:#f5f5f5;text-decoration:none}.social-icon{width:14px;height:14px;margin-right:4px}#app-container{width:100%;max-width:1800px;display:block;margin-top:16px;padding-left:32px;padding-right:32px;box-sizing:border-box}#box-container{display:block;width:100%;float:right}.box{width:33.33%;padding-top:30%;float:left;position:relative;margin:0;border:8px solid white;box-sizing:border-box}.box:nth-of-type(1),.box:nth-of-type(4),.box:nth-of-type(5){width:66.66%}.box-inner{width:100%;height:100%;position:absolute;top:0;background:#fff;background-size:auto 130%;background-position:center;padding:20px;box-sizing:border-box;transition:background-size .5s ease;cursor:pointer}.box-inner:before{display:block;position:absolute;top:0;left:0;width:100%;height:100%;content:" ";background:#212121;opacity:.1;pointer-events:none;transition:opacity .5s ease}.box-inner:hover{background-size:auto 140%}.box-inner:hover:before{opacity:0}.clearfix:before{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}.title{font-size:2em;line-height:1.5em;font-family:DM Mono,Helvetica,Arial,sans-serif;font-weight:400;color:#fff;margin:0;position:relative}.title span{background:#151515;box-decoration-break:clone;-webkit-box-decoration-break:clone;padding:2px 5px}.published-date{font-family:DM Mono,Helvetica,Arial,sans-serif;font-weight:400;color:#151515;font-size:.8em;margin-top:4px}.published-date span{background-color:#fff;padding:0 5px}@media screen and (max-width: 1084px){.box{width:33.33%;padding-top:33.33%;float:left;position:relative;margin:0;box-sizing:border-box}.box:nth-of-type(1),.box:nth-of-type(4),.box:nth-of-type(5){width:66.66%}}@media screen and (max-width: 900px){.box{width:50%;padding-top:50%;float:left;position:relative;margin:0;box-sizing:border-box}.box:nth-of-type(1),.box:nth-of-type(4){width:100%}.box:nth-of-type(5){width:50%}}@media screen and (max-width: 640px){#app-container{margin-top:8px;padding-left:16px;padding-right:16px}.box{width:100%;padding-top:60%;float:left;position:relative;margin:0;box-sizing:border-box;border:5px solid white}.box:nth-of-type(1),.box:nth-of-type(4),.box:nth-of-type(5){width:100%}}@media screen and (max-width: 400px){.title{font-size:1.4em}.subtitle{visibility:hidden}.published-date{font-size:.7em}}@media screen and (max-width: 640px){.title-container{padding:32px 20px 0}.title-container .title{font-size:18px}.title-container .about{font-size:16px}}