*{box-sizing:border-box;margin:0;padding:0;font-family:Noto Sans Mono,monospace;cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='40' height='40' style='font-size:24px;'><text y='50%' x='50%' text-anchor='middle' dominant-baseline='central' fill='%23000000'>✶</text></svg>") 16 16,auto}img{max-width:100%}main{position:relative;overflow-y:hidden;overflow-x:hidden}.lateral{position:absolute;height:fit-content;display:flex;gap:134vw;writing-mode:vertical-rl;font-size:.8rem;pointer-events:auto;z-index:1;padding:1rem 0;white-space:nowrap;-webkit-text-size-adjust:none;text-size-adjust:none}.lateral-left{top:870px;left:0;transform:rotate(180deg);flex-direction:row}.lateral-right{top:390px;right:0;flex-direction:row-reverse}.contact-link{text-decoration:none;color:inherit}.star{opacity:.8}.lateral-info-box{position:absolute;background:#fffc;color:#000;border:none;padding:10px 15px;font-size:1rem;white-space:nowrap;writing-mode:horizontal-tb;visibility:hidden;transition:opacity .3s ease;pointer-events:none}.lateral-left .lateral-info-box{left:auto;right:50px;bottom:0;transform:rotate(-180deg)}.lateral-right .lateral-info-box{right:40px;top:0}.lateral-text-item:hover .lateral-info-box{opacity:1;visibility:visible}@media(max-width:760px){.lateral{font-size:.8rem;gap:377vw;padding:0 .2rem}.lateral-left{top:1400px}.lateral-info-box{display:none}}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#ffffffb3;display:flex;justify-content:center;align-items:center;z-index:2}.close-btn-modal{position:absolute;top:2.5%;right:9.5%;font-size:1.2rem;background:none;border:none;color:#817f7f;letter-spacing:.3rem}.modal-content.video{width:80%;max-width:1200px;aspect-ratio:16 / 9}.modal-content.video-vertical{width:auto;aspect-ratio:9 / 16;max-width:85%}.modal-video{width:100%;height:100%;border:none;box-shadow:0 0 30px #00000080}@media(max-width:768px){.close-btn-modal{top:6.5%;right:5.5%}}.pattern-item:hover .collection-indicator,.pattern-item:hover .file-name-label,.pattern-item:hover .video-wrapper:after{opacity:1;transition:opacity .3s ease}.pattern-container{position:relative;height:46vw}.pattern-item{position:absolute;transition:transform .3s ease}.pattern-item:hover{transform:scale(1.006)}.img-content{width:100%;height:100%;object-fit:contain}.has-gallery .img-content{cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32' style='font-size:20px;'><text y='50%' x='50%' text-anchor='middle' dominant-baseline='central' fill='%23000000' stroke='white' stroke-width='2' paint-order='stroke'>➞</text></svg>") 16 16,auto}.video-wrapper:after{content:"▶";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#ffffffe6;font-size:5rem;opacity:0;transition:opacity .5s ease,transform .5s ease}.file-name-label{opacity:0;display:flex;font-size:.68rem;color:#817f7f;margin-left:2px}.collection-indicator{position:absolute;top:-15px;right:-8px;color:#817f7f;padding:2px 8px;font-size:.65rem;opacity:0;transition:opacity .5s ease}.pattern1 .pattern-image-0{top:19.5%;width:29%}.pattern1 .pattern-image-1{top:40%;left:48%;width:26.5%}.pattern1 .pattern-image-2{right:0;width:13%}.pattern2 .pattern-image-0{top:18.5%;left:17%;width:22%}.pattern2 .pattern-image-1{top:7%;left:63%;width:26.5%}.pattern3 .pattern-image-0{top:6%;left:2%;width:28.5%}.pattern3 .pattern-image-1{top:19%;left:48%;width:12.6%}.pattern3 .pattern-image-2{top:36.5%;right:6.8%;width:19.4%}.pattern4 .pattern-image-0{top:15.5%;left:8%;width:43%}.pattern4 .pattern-image-1{top:36.5%;right:1.2%;width:18.5%}.pattern5 .pattern-image-0{top:31.5%;left:2%;width:22.5%}.pattern5 .pattern-image-1{top:15%;right:6.5%;width:39.5%}.pattern6 .pattern-image-0{top:30.5%;left:11%;width:19.7%}.pattern6 .pattern-image-1{top:15%;left:47%;width:12%}.pattern6 .pattern-image-2{top:26.5%;left:74%;width:21.7%}.pattern7 .pattern-image-0{top:15.5%;left:8%;width:43.5%}.pattern7 .pattern-image-1{top:41%;right:14%;width:19.3%}.pattern-v1 .pattern-image-0{top:11.5%;left:5%;width:47%}.pattern-v1 .pattern-image-1{top:45%;right:8%;width:31.4%}.pattern-v2 .pattern-image-0{top:6%;left:9%;width:38.2%}.pattern-v2 .pattern-image-1{top:33.5%;right:17%;width:18.7%}.pattern-v3 .pattern-image-0{top:-7%;left:16%;width:16%}.pattern-v3 .pattern-image-1{bottom:0;right:10%;width:45%}.pattern-v4 .pattern-image-0{top:12%;left:59%;width:28%}.pattern-v4 .pattern-image-1{top:34%;right:48%;width:46%}@media(max-width:768px){[class*=pattern-v] .file-name-label{opacity:1}.pattern-container{height:169vw}.video-wrapper:after{opacity:1;font-size:4rem}.pattern1 .pattern-image-0{top:46%;width:63%}.pattern1 .pattern-image-1{top:17%;left:8%;width:46%}.pattern1 .pattern-image-2{width:32%}.pattern2 .pattern-image-0{top:5%;left:8%;width:47%}.pattern2 .pattern-image-1{top:50%;left:38%;width:50%}.pattern3 .pattern-image-0{top:2%;left:8%;width:56%}.pattern3 .pattern-image-1{top:69%;left:2%;width:32.5%}.pattern3 .pattern-image-2{top:55%;right:9%;width:53%}.pattern4 .pattern-image-0{top:7%;left:4%;width:85%}.pattern4 .pattern-image-1{top:53%;right:9%;width:48%}.pattern5 .pattern-image-0{top:51%;left:11%;width:52%}.pattern5 .pattern-image-1{top:9%;right:11%;width:79%}.pattern6 .pattern-image-0{top:12%;left:5%;width:48%}.pattern6 .pattern-image-1{top:5%;left:58%;width:34.5%}.pattern6 .pattern-image-2{top:59%;left:46%;width:45%}.pattern7 .pattern-image-0{top:8%;left:auto;right:0%;width:79%}.pattern7 .pattern-image-1{top:49%;left:9%;width:54%}.pattern-v1 .pattern-image-0{top:8%;width:85%;left:8%}.pattern-v1 .pattern-image-1{top:50%;right:0;width:100%}.pattern-v2 .pattern-image-0{top:0;left:8%;width:85%}.pattern-v2 .pattern-image-1{top:41%;width:52%;right:35%}.pattern-v3 .pattern-image-0{top:9%;left:36%;width:51%}.pattern-v3 .pattern-image-1{right:0;width:100%;bottom:-8%}.pattern-v4 .pattern-image-0{top:20%;left:10%;width:81%}.pattern-v4 .pattern-image-1{top:60%;right:0;width:100%}}.header{display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:20px;position:relative;z-index:2}.header-left{width:268px;margin-left:15px}.header-right{display:flex;align-items:flex-end;flex-direction:column;justify-content:center;gap:12px;margin-right:15px}.header-right-bottom{display:flex}.header-left h1{font-size:1.1rem;font-weight:400;line-height:1.3;margin-bottom:4px;font-weight:600}.header-left h2{font-size:.85rem;font-weight:400}.header-left .contact-link{font-size:.85rem;text-decoration:none;color:inherit}.contact-link:hover{font-weight:600}nav{display:flex;gap:8px;color:#000;margin-left:8px}.header-button{background:none;border:none;font-size:.9rem;padding:0;color:inherit;-webkit-tap-highlight-color:transparent}.header-button:hover,.header-button.active{font-weight:600}.header-button:focus{font-weight:600}.ig-link{font-size:.9rem;text-decoration:none;padding-left:8px;color:#000;display:flex;align-items:flex-end}.ig-link:hover{font-weight:600}.about-section{background-color:#fff;width:100vw;height:100vh;position:fixed;top:0;left:0;opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:2;display:flex;align-items:center;justify-content:center}.about-section.open{opacity:1;pointer-events:auto}.about-text{max-width:900px;position:relative;padding:40px}.close-btn{position:absolute;top:7%;right:7%;font-size:1.2rem;background:none;border:none;color:#817f7f;letter-spacing:.3rem}.about-bio{width:100%;max-width:485px;margin-bottom:40px}.about-ethos{width:100%;max-width:500px;text-align:right;margin-left:auto;margin-bottom:60px}.about-contact{text-decoration:none}.about-clients{width:100%;max-width:800px;text-align:center;margin:0 auto;font-size:.8rem;opacity:.7}.about-text p{padding:20px 15px 0 0;font-size:.9rem;line-height:1.6;color:#333}@media(max-width:768px){.header{flex-direction:column;align-items:flex-end;margin-top:10px}.header-left{width:253px;margin-left:8px;align-self:flex-start}.header-right{margin:12px 8px 10px 0;align-self:flex-end;gap:6px}.header-left h1{font-size:1.1rem}.header-left h2,.header-button{font-size:.8rem}.ig-link{font-size:.8rem;justify-content:flex-end}.about-text{padding:25px;top:-3%}.about-text p{font-size:.7rem}.about-ethos,.about-bio{text-align:center}.about-contact{text-align:right}.close-btn{top:-3%;font-size:1.2rem}}.scroll-up-btn{background:none;border:none;position:fixed;width:1.9%;bottom:6%;right:50%;z-index:1;opacity:0;visibility:hidden;transition:all .2s ease-in-out}.scroll-up-btn.show{color:#000;opacity:1;visibility:visible}.scroll-up-btn:hover{transform:scale(1.1)}.arrow-icon{font-size:35px;-webkit-text-stroke:1px white}@media(max-width:768px){.scroll-up-btn{width:8%;bottom:8%;right:44%}}