:root{--bg: #0b0b0b;--fg: #f2f2f2;--muted: #7d7d7d;--accent: #9cff00;--grid-columns: 12;--grid-gap: 32px;--side-padding: 48px}*{margin:0;padding:0;box-sizing:border-box}html,body{background:var(--bg);color:var(--fg);font-family:Arial,Helvetica,sans-serif;transition:all .3s}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background-image:repeating-linear-gradient(to right,rgba(31,31,31,.04) 0px,rgba(132,132,132,.04) 0px,transparent 1px,transparent calc(100vw / 12)),repeating-linear-gradient(to bottom,rgba(255,255,255,.025) 0px,rgba(255,255,255,.025) 1px,transparent 1px,transparent 120px)}.app{min-height:100vh;padding:20px;display:grid;grid-template-columns:repeat(12,1fr);position:relative;z-index:1}.hero-name{grid-column:1 / 7;margin-top:120px}.hero-name h1{font-size:clamp(72px,10vw,120px);font-weight:500;line-height:.95;letter-spacing:-.04em}.hero-role{grid-column:9 / 11;align-self:center;margin-top:160px;font-size:12px;letter-spacing:.12em}.hero-time{grid-column:11 / 13;align-self:center;margin-top:160px;font-size:12px;letter-spacing:.12em}@media(max-width:1024px){.hero-name{grid-column:1 / 9;margin-top:100px}.hero-role{grid-column:9 / 13;margin-top:120px}.hero-time{grid-column:9 / 13;margin-top:24px}}@media(max-width:768px){.hero-name{grid-column:1 / 13;margin-top:80px}.hero-name h1{font-size:clamp(48px,14vw,72px)}.hero-role{grid-column:1 / 7;margin-top:32px}.hero-time{grid-column:7 / 13;margin-top:32px;text-align:right}}@media(max-width:480px){.hero-role,.hero-time{grid-column:1 / 13;text-align:left}.hero-time{margin-top:16px}}.work-grid{grid-column:1 / 13;display:grid;grid-template-columns:repeat(5,1fr);gap:24px;margin-top:140px}.work-card{position:relative;transition:transform .4s ease,filter .4s ease;transform-origin:center bottom}.work-image{width:100%;height:220px;object-fit:cover;border-radius:8px;transition:transform .4s ease;display:block}.work-index{position:absolute;bottom:-24px;left:0;font-size:12px;color:var(--muted)}.work-view{position:absolute;bottom:-24px;right:0;font-size:12px;letter-spacing:.12em}@media(max-width:1200px){.work-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.work-grid{grid-template-columns:repeat(2,1fr);margin-top:100px}.work-image{height:200px}}@media(max-width:600px){.work-grid{grid-template-columns:1fr;gap:48px;margin-top:80px}.work-image{height:240px}.work-index,.work-view{bottom:-32px}}.info-left{grid-column:1 / 6;margin-top:20px}.info-title{font-size:clamp(72px,10vw,120px);font-weight:500;letter-spacing:-.04em;line-height:.9}.info-text{margin-top:100px;font-size:22px;line-height:1.35;font-weight:500;max-width:820px;text-align:left}.info-text p+p{margin-top:20px}.info-right{grid-column:8 / 13;margin-top:20px}.info-image{width:100%;height:500px;aspect-ratio:3 / 4;object-fit:cover;border-radius:6px;filter:grayscale(100%);display:block}.info-contact{margin-top:24px;display:grid;grid-template-columns:1fr 1fr;gap:20px;font-size:14px}.info-muted{opacity:.6;margin-top:6px}@media(max-width:1024px){.info-left{grid-column:1 / 7}.info-right{grid-column:7 / 13}.info-text{font-size:20px}}@media(max-width:768px){.info-left,.info-right{grid-column:1 / 13;margin-top:80px}.info-text{margin-top:40px;font-size:18px}.info-contact{grid-template-columns:1fr;gap:16px}}@media(max-width:480px){.info-title{font-size:clamp(56px,16vw,72px)}.info-text{font-size:16px;line-height:1.4}}.archive-hero{grid-column:1 / 13;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.archive-title{font-size:clamp(60px,12vw,180px);font-weight:500;letter-spacing:-.04em}.archive-scroll{margin-top:12px;font-size:12px;letter-spacing:.2em;opacity:.5}.archive-grid{grid-column:2 / 12;margin-top:120px;display:grid;gap:30px}.archive-card:nth-child(odd){grid-column:2 / 6}.archive-card:nth-child(2n){grid-column:7 / 11;margin-top:120px}.archive-card img{width:100%;height:360px;border-radius:6px;display:block;transition:.4s linear all}.archive-card:hover img{transform:perspective(1500px) scaleZ(1) rotateX(25deg);box-shadow:0 0 20px #7979792d;border:1px solid #282828}@media(max-width:768px){.archive-grid{grid-template-columns:1fr}.archive-card{grid-column:1 / -1!important;margin-top:0!important}.archive-card img{height:240px}}.wave-loader{position:fixed;inset:0;background:#0b0b0b;z-index:9999;display:flex;align-items:center;justify-content:center}.wave-text{font-size:clamp(32px,5vw,64px);letter-spacing:.25em;font-weight:500;color:#ffffffd9;display:flex}.wave-text span{display:inline-block}.work-link{cursor:pointer;text-decoration:none;list-style:none;color:#fff}.work-link:focus-visible{outline:0;outline-offset:6px}.Navbar{grid-column:7 / 13;display:flex;gap:48px;justify-content:flex-end}@media screen and (max-width:700px){.Navbar{width:100%;background:#0b0b0b84;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:fixed;bottom:0;left:0;z-index:100;grid-column:1;justify-content:center;font-size:22px;padding:20px;margin:0}.Navbar a{font-size:12px!important}}.image-modal{position:fixed;inset:0;background:#000000eb;display:flex;align-items:center;justify-content:center;z-index:9999;cursor:zoom-out}.modal-image{max-width:90%;max-height:90%;object-fit:contain}.work-card{overflow:hidden}.work-image{width:100%;height:200px;object-fit:cover}#action_buttons{padding:5px;color:#000;background:#fff;border:0;margin-top:15px;border-radius:0;font-weight:600;cursor:pointer;transition:all .2s ease-out}#action_buttons:hover{transform:translate(5px)}.Projects{display:flex;align-items:center;justify-content:center;width:600px;gap:30px}.Projects p{width:100%;color:#fff;padding:10px;transition:all .2s ease-out}