*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0;font-family:Kantumruy Pro,sans-serif}body{color:#f5f3e5;background:#061323}.page{background:radial-gradient(circle at 83% 13%,#163b59 0,#0000 28%),linear-gradient(120deg,#06101c,#081e34 55%,#06101c);min-height:100vh;position:relative;overflow:hidden}.page:before{content:"";opacity:.28;background:linear-gradient(90deg,#040d18cc,#030c172e),url(/hero-background.jpg) 50%/cover;position:absolute;inset:0}.background-grid{opacity:.1;background-image:linear-gradient(#8cc6df 1px,#0000 1px),linear-gradient(90deg,#8cc6df 1px,#0000 1px);background-size:58px 58px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000 92%);mask-image:linear-gradient(90deg,#000,#0000 92%)}header,.layout{z-index:1;max-width:1440px;margin:auto;position:relative}header{letter-spacing:.08em;border-bottom:1px solid #aad2e024;align-items:center;gap:12px;height:72px;padding:18px 34px;font:600 16px Space Grotesk;display:flex}.logo{color:#edcf50;border:1px solid #edcf50;place-items:center;width:34px;height:34px;font:700 17px Space Grotesk;display:grid;transform:skew(-8deg)}.logo span{color:#9dd7d4}.layout{grid-template-columns:1.12fr 1.6fr .86fr;align-items:start;gap:24px;padding:26px 34px 36px;display:grid}.hero-copy{padding:26px 8px 0 0}.hero-copy h1{letter-spacing:-.04em;color:#f7f2da;margin:0 0 20px;font-size:clamp(25px,2.8vw,45px);line-height:1.42}.hero-copy h1:after{content:"";background:#f0d152;width:72px;height:3px;margin-top:23px;display:block}.hero-copy p{color:#c0d1d5;margin:0;font-size:15px;line-height:2.05}.projects,.contacts{background:#0412209e;border:1px solid #73b1c63d;padding:19px}.section-heading{color:#f3db61;margin:0 0 13px;font-size:16px;font-weight:600;line-height:1.65}.lifelong{color:#92edc9;border-top:1px solid #27545b;border-bottom:1px solid #27545b;justify-content:space-between;align-items:center;margin-bottom:14px;padding:11px 0;font-size:13px;line-height:1.5;display:flex}.lifelong span{color:#f3d354;font-size:20px}.project-card{margin-top:14px}.project-title{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.project-title h2{color:#e9f0ed;margin:0;font-size:14px;font-weight:600;line-height:1.4}.project-title span{color:#f0d251;font:12px Space Grotesk}.thumbs{grid-template-columns:repeat(6,1fr);gap:5px;display:grid}.project-card:nth-of-type(4) .thumbs{grid-template-columns:repeat(8,1fr)}.thumb{aspect-ratio:1.05;cursor:pointer;background:#091a2b;border:1px solid #22485a;padding:0;position:relative;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%;transition:all .2s;display:block}.thumb:hover{border-color:#f0d251}.thumb:hover img{filter:brightness(.7);transform:scale(1.08)}.thumb-zoom{color:#f5d65b;opacity:0;position:absolute;bottom:3px;right:3px}.thumb:hover .thumb-zoom{opacity:1}.contacts{padding-bottom:17px}.contact-list{flex-direction:column;gap:14px;display:flex}.contact-card{border-top:1px solid #294653;align-items:center;gap:12px;padding-top:13px;display:flex}.avatar{color:#efd457;background:linear-gradient(135deg,#25495a,#0a1a2b);border:1px solid #e6cb54;flex:none;place-items:center;width:59px;height:59px;font:700 17px Space Grotesk;display:grid;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.contact-card h3{color:#f1f1e8;margin:0 0 7px;font-size:15px;line-height:1.4}.contact-card a{color:#b7cbd0;word-break:break-all;align-items:center;gap:6px;margin-top:4px;font-size:11px;display:flex}.contact-card a:hover{color:#f1d253}.lightbox{z-index:5;background:#01070ef2;justify-content:center;align-items:center;padding:35px;display:flex;position:fixed;inset:0}.lightbox>img{object-fit:contain;max-width:90vw;max-height:88vh;box-shadow:0 20px 80px #000}.lb-close,.lb-arrow{cursor:pointer;color:#eaf1ef;background:#173348;border:0;position:absolute}.lb-close{background:0 0;top:18px;right:22px}.lb-arrow{width:48px;height:70px;top:50%;transform:translateY(-50%)}.lb-arrow:hover{color:#071323;background:#e7ca4e}.lb-arrow.left{left:17px}.lb-arrow.right{right:17px}@media (width<=1050px){.layout{grid-template-columns:1fr 1.25fr}.contacts{grid-column:1/-1}.contact-list{grid-template-columns:1fr 1fr;display:grid}.hero-copy h1{font-size:31px}}@media (width<=680px){.page{overflow:visible}header{padding:15px 18px}.layout{padding:18px;display:block}.hero-copy{padding:10px 0 20px}.hero-copy h1{font-size:27px}.hero-copy p{font-size:14px;line-height:1.9}.projects,.contacts{margin-top:16px}.thumbs{grid-template-columns:repeat(3,1fr)!important}.contact-list{display:flex}.section-heading{font-size:14px}.lightbox{padding:20px}.lb-arrow{width:38px}.lb-arrow.left{left:4px}.lb-arrow.right{right:4px}}.projects{grid-column:1/-1}@media (width>=1051px){.layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:48px;max-width:1280px}.hero-copy{padding-left:10px;padding-right:10px}.contacts{grid-column:2}.projects{grid-column:1/-1}.contacts{justify-self:end;width:100%;max-width:470px}.hero-copy{min-width:0}}.project-open{color:#e9f0ed;text-align:left;cursor:pointer;background:#0a2133d1;border:1px solid #275064;width:100%;padding:14px 12px;transition:all .2s}.project-open:hover{background:#16394deb;border-color:#f0d251;transform:translate(3px)}.project-open:after{content:"↗";color:#f0d251;font:18px Space Grotesk}.project-open h2{margin:0}.project-open span{margin-left:auto}@media (width>=1051px){html,body,#root{height:100%;overflow:hidden}.page{height:100vh;min-height:0;overflow:hidden}header{height:52px;padding:9px 30px}.layout{grid-template-rows:minmax(0,1fr) 190px;row-gap:14px;height:calc(100vh - 52px);padding:14px 30px 16px}.hero-copy{padding:8px 10px 0}.hero-copy h1{margin-bottom:12px;font-size:clamp(24px,2.45vw,36px);line-height:1.3}.hero-copy h1:after{margin-top:13px}.hero-copy p{font-size:13px;line-height:1.72}.contacts{align-self:start;max-height:220px;padding:15px}.contact-card{gap:10px;padding-top:9px}.contact-card h3{margin-bottom:4px;font-size:13px}.contact-card a{margin-top:2px;font-size:10px}.avatar{width:48px;height:48px;font-size:14px}.projects{min-height:0;padding:12px 15px;overflow:hidden}.projects .section-heading{margin-bottom:7px;font-size:14px;line-height:1.35}.lifelong{margin-bottom:7px;padding:7px 0;font-size:11px}.project-card{margin-top:6px}.project-title{padding:7px 10px}.project-title h2{font-size:12px}}