@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&display=swap";:root{font-synthesis:none;color-scheme:dark;color:#eeeeed;--canvas:#0c0c0c;--line:#262626;--line-faint:#1a1a1a;--ink-muted:#a2a2a2;--mono:Consolas, "Courier New", monospace;background:#0c0c0c;font-family:DM Sans,Arial,sans-serif}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;min-width:320px;margin:0}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline-offset:5px;outline:2px solid #d5d5d5}::selection{color:#101010;background:#d4d4d4}img,svg{max-width:100%}.site-frame{border-inline:1px solid var(--line);flex-direction:column;width:calc(100% - 144px);max-width:1180px;min-height:100svh;margin-inline:auto;display:flex;position:relative}.site-frame:before,.site-frame:after{content:"";pointer-events:none;opacity:.65;background:repeating-linear-gradient(#242424 0 18px,#0000 18px 23px,#242424 23px 24px,#0000 24px 31px);width:1px;position:absolute;inset-block:0}.site-frame:before{left:-37px}.site-frame:after{right:-37px}.site-header{min-height:138px;padding:29px 30px;position:relative}.corner{z-index:3;position:absolute;top:25px;right:30px}.corner nav{gap:12px;display:grid}.corner nav a{color:#888;font-size:13px;font-weight:700;line-height:1.6}.corner nav a:hover,.corner nav a:focus-visible,.corner nav a[aria-current]{color:#f3f3f3}.breadcrumbs{max-width:calc(100% - 100px)}.breadcrumbs ol{flex-wrap:wrap;align-items:center;gap:10px;margin:0;padding:0;list-style:none;display:flex}.breadcrumbs li{color:#939393;align-items:center;gap:10px;font-size:12px;line-height:1.8;display:inline-flex}.breadcrumbs a:hover{color:#eee}.breadcrumbs [aria-current=page]{color:#d2d2d2}.breadcrumb-separator{color:#565656}main{outline:none;flex-direction:column;flex:1;min-width:0;display:flex}.grid-rule{z-index:2;color:#595959;align-items:center;gap:0;height:1px;display:flex;position:relative}.rule-line{background:var(--line);flex:1;height:1px}.grid-rule--dotted .rule-line{background:repeating-linear-gradient(90deg,#383838 0 1px,#0000 1px 5px)}.grid-rule--dash-dot .rule-line{background:repeating-linear-gradient(90deg,#303030 0 26px,#0000 26px 33px,#444 33px 35px,#0000 35px 43px)}.rule-label{background:var(--canvas);color:#838383;font:9px/1 var(--mono);letter-spacing:.13em;white-space:nowrap;padding:0 14px}.rule-label:nth-child(2){margin-left:22px}.rule-label:nth-last-child(2){margin-right:22px}.rule-node{background:var(--canvas);border:1px solid #4a4a4a;border-radius:50%;flex:0 0 5px;width:5px;height:5px}.rule-node:first-child{margin-left:-3px}.rule-node:last-child{margin-right:-3px}.frame-tail{border-bottom:1px solid var(--line-faint);background:repeating-linear-gradient(90deg,#0000 0 47px,#1b1b1b 47px 48px);flex-shrink:0;grid-template-columns:1fr 2fr 1fr;height:56px;display:grid;mask-image:linear-gradient(#000,#0005)}.frame-tail span+span{border-left:1px dashed #343434}.frame-tail span:first-child{background:radial-gradient(#343434 .7px,#0000 .9px) 0 0/8px 8px}.frame-tail span:last-child{background:repeating-linear-gradient(135deg,#242424 0 1px,#0000 1px 7px)}footer{color:#868686;justify-content:space-between;align-items:center;gap:24px;padding:24px 30px;font-size:11px;display:flex}.footer-drawing{font-family:var(--mono);color:#666;letter-spacing:.2em}.skip-link{color:#111;z-index:10;background:#eee;padding:12px;position:fixed;top:-100px;left:16px}.skip-link:focus{top:16px}.grid-art{--art-accent:90 90 90;pointer-events:none;user-select:none;z-index:0;position:absolute;inset:0;overflow:hidden;mask-image:linear-gradient(90deg,#000 0% 9%,#0009 25%,#0000 43% 57%,#0009 75%,#000 91% 100%)}.grid-art--home{--art-accent:128 204 232}.grid-art--projects{--art-accent:255 128 40}.grid-art--contact{--art-accent:156 143 246}.grid-art--optic{--art-accent:249 88 92}.product-hero .grid-art--quiet{--art-accent:46 218 180}.grid-art>*{position:absolute}.art-mesh{background-image:linear-gradient(rgb(var(--art-accent) / .4) 1px, transparent 1px), linear-gradient(90deg, rgb(var(--art-accent) / .4) 1px, transparent 1px);opacity:.6;background-size:32px 32px;inset:0;mask-image:radial-gradient(at 50% 35%,#0000 30%,#0005 70%,#000 100%)}.art-dots{background:radial-gradient(rgb(var(--art-accent) / .85) .8px, transparent 1px) 0 0 / 9px 9px;opacity:.5;width:200px;height:210px;bottom:0;left:0;mask-image:linear-gradient(55deg,#000,#0000 80%)}.art-hatching{background:repeating-linear-gradient(135deg, rgb(var(--art-accent) / .75) 0 1px, transparent 1px 7px);width:100px;height:80px;top:0;right:0;mask-image:linear-gradient(225deg,#0008,#0000 85%)}.art-connector{width:210px;height:auto;stroke:rgb(var(--art-accent) / .8);opacity:.65;top:20%;left:0}.connector-solid{stroke-width:1px}.connector-dashed{stroke-dasharray:8 5 1 5;stroke-width:1px}.connector-nodes{fill:var(--canvas);stroke:rgb(var(--art-accent))}.art-orbit{width:150px;height:150px;stroke:rgb(var(--art-accent));stroke-width:.7px;opacity:.3;bottom:45px;right:17px}.art-scale{background:repeating-linear-gradient(to bottom, rgb(var(--art-accent) / .6) 0 1px, transparent 1px 8px);opacity:.6;width:12px;top:24px;bottom:24px;right:0;mask-image:linear-gradient(#0000,#000,#0000)}.grid-art--home .art-connector{top:15%;left:-58px}.grid-art--home .art-orbit{bottom:40px;right:-5px}.grid-art--projects .art-orbit{opacity:.42;width:130px;height:130px;bottom:-30px;right:70px}.grid-art--projects .art-connector{opacity:.45;top:-32px;left:-22px}.grid-art--contact .art-connector{top:80px;left:auto;right:-50px;transform:scaleX(-1)}.grid-art--contact .art-orbit{bottom:-30px;left:14px;right:auto}.grid-art--optic .art-orbit{opacity:.16;width:180px;height:180px;bottom:45px;right:-15px}.grid-art--optic .art-connector{top:55px;left:-46px}.grid-art--optic .art-mesh{background-size:24px 24px}.grid-art--optic .art-dots{width:250px}.grid-art--quiet .art-connector{display:none}.grid-art--quiet .art-orbit{width:200px;height:200px}h1{letter-spacing:-.055em;margin:0;font-size:clamp(42px,5.4vw,66px);font-weight:550;line-height:1.08}h2{letter-spacing:-.025em;font-size:20px;font-weight:600}.muted{color:#717171}.intro{color:var(--ink-muted);font-size:16px;line-height:1.8}.eyebrow{font:11px/1.5 var(--mono);letter-spacing:.08em;color:#8d8d8d;margin:0 0 20px}.button{--button-edge:#484848;--button-face:#151515;--button-divider:#484848;--button-pattern:#ffffff07;isolation:isolate;color:#e4e4e4;vertical-align:middle;cursor:pointer;background:0 0;border:0;border-radius:0;align-items:stretch;min-height:46px;padding:0;font:550 13px/1.5 DM Sans,Arial,sans-serif;display:inline-flex;position:relative}.button:before,.button:after{content:"";pointer-events:none;clip-path:polygon(5px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 5px);transition:background-color .16s;position:absolute}.button:before{background:var(--button-edge);z-index:-2;inset:0}.button:after{background:var(--button-face);z-index:-1;inset:1px}.button-label{align-items:center;padding:12px 18px;display:flex}.button-icon{border-left:1px dotted var(--button-divider);background:repeating-linear-gradient(135deg, transparent 0 5px, var(--button-pattern) 5px 6px);clip-path:polygon(0 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%);place-items:center;width:43px;margin:1px 1px 1px 0;display:grid;position:relative}.button-icon svg,.download-arrow{transition:transform .16s}.button:is(:hover,:focus-visible):not(:disabled){--button-edge:#a2a2a2;--button-face:#202020;color:#fff}.button:is(:hover,:focus-visible):not(:disabled) .button-icon svg{transform:translate(3px)}.button--download:is(:hover,:focus-visible):not(:disabled) .download-arrow{transform:translateY(2px)}.button:active:not(:disabled){--button-face:#101010}.button:disabled{color:#959595;cursor:not-allowed}.button--light{--button-edge:#f0f0ed;--button-face:#e1e1de;--button-divider:#aaa;--button-pattern:#00000008;color:#202020;font-weight:650}.button--light:disabled{color:#303030}.button--light:is(:hover,:focus-visible):not(:disabled){--button-face:#fff;--button-edge:#fff;color:#111}@media (prefers-reduced-motion:reduce){.button:before,.button:after,.button-icon svg,.download-arrow{transition:none}.button:is(:hover,:focus-visible):not(:disabled) .button-icon svg,.button--download:is(:hover,:focus-visible):not(:disabled) .download-arrow{transform:none}}.button svg,.text-link svg{flex-shrink:0}.text-link{color:#bcbcbc;align-items:center;gap:13px;font-size:13px;line-height:1.6;display:inline-flex}.text-link:hover{color:#fff}.pending{color:#949494;font-size:12px;line-height:1.6}.home{flex:1;place-items:center;min-height:max(540px,100svh - 263px);padding:76px 32px;display:grid;position:relative}.home-content{z-index:1;text-align:center;max-width:480px;position:relative}.avatar{object-fit:cover;border-radius:20px;width:104px;height:104px;margin:0 auto 24px;display:block}.home .intro{max-width:420px;margin:20px auto 27px}.home-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:24px;display:flex}.page-heading{text-align:center;padding:68px 30px;position:relative}.page-heading h1,.page-heading p{z-index:1;position:relative}.page-heading .intro{max-width:480px;margin:19px auto 0}.projects-gallery{flex-direction:column;flex:1;display:flex}.gallery-grid{flex:1;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.gallery-project{min-width:0;padding:34px 28px 36px;position:relative}.gallery-project+.gallery-project{border-left:1px solid var(--line)}.gallery-project+.gallery-project:before{content:"";background:var(--canvas);z-index:3;border:1px solid #454545;border-radius:50%;width:5px;height:5px;position:absolute;top:-3px;left:-3px}.gallery-project+.gallery-project:after{content:"";background:var(--canvas);z-index:3;border:1px solid #454545;border-radius:50%;width:5px;height:5px;position:absolute;bottom:-3px;left:-3px}.project-art{aspect-ratio:1;border-radius:7px;overflow:hidden}.project-art img{object-fit:cover;width:100%;height:100%;display:block}.art-optic img{object-fit:contain}.art-bloom-client img{object-fit:contain;padding:12%}.art-sk-studio img{object-fit:contain}.gallery-project h2{margin:25px 0 16px}.contact-heading{padding-block:65px}.socials{flex:1;grid-template-columns:1fr 1fr;display:grid}.social{align-items:center;padding:52px 50px;display:flex;position:relative}.social+.social{border-left:1px solid var(--line)}.social+.social:before,.optic-overview>div+div:before{content:"";background:var(--canvas);z-index:3;border:1px solid #454545;border-radius:50%;width:5px;height:5px;position:absolute;top:-3px;left:-3px}.social+.social:after,.optic-overview>div+div:after{content:"";background:var(--canvas);z-index:3;border:1px solid #454545;border-radius:50%;width:5px;height:5px;position:absolute;bottom:-3px;left:-3px}.social-content{width:100%;max-width:430px;margin-inline:auto}.social-heading{align-items:center;gap:25px;display:flex}.social-logo{place-items:center;width:64px;min-width:64px;height:64px;display:grid}.social-logo img{object-fit:contain;width:56px;height:44px;display:block}.social--youtube .social-logo img{width:88px;max-width:none;height:64px}.social h2{letter-spacing:-.04em;margin:0 0 5px;font-size:28px;font-weight:550}.social .social-handle{color:#979797;margin:0;font-size:12px;line-height:1.6}.social-description{color:#a5a5a5;margin:27px 0 29px;font-size:14px;line-height:1.8}.social-action{border-top:1px dotted #333;padding-top:26px}.empty-page,.product-hero{text-align:center;flex:1;place-items:center;min-height:510px;padding:80px 35px;display:grid;position:relative}.empty-content,.product-copy{z-index:1;max-width:560px;position:relative}.product-mark{object-fit:contain;width:104px;height:104px;margin:0 auto 24px;display:block}.empty-content .intro{margin-block:22px 28px}.product-description{color:#a2a2a2;max-width:440px;margin:24px auto;font-size:16px;line-height:1.8}.product-download{margin-top:28px}.product-download .pending{margin-top:12px}.project-details section{border-top:1px solid var(--line);padding:32px 50px}.project-details h2{margin:0 0 18px}.project-details p,.project-details li{color:#a2a2a2;font-size:14px;line-height:1.8}.project-details ul,.project-details ol{padding-left:20px}@media (width<=1050px){.site-frame{width:calc(100% - 80px)}.site-frame:before{left:-21px}.site-frame:after{right:-21px}.art-connector{max-width:140px}.art-orbit{max-width:110px;max-height:110px}.gallery-project{padding:28px 20px 32px}.social{padding-inline:32px}}@media (width<=650px){.site-frame{width:calc(100% - 32px)}.site-frame:before{left:-9px}.site-frame:after{right:-9px}.site-header{min-height:136px;padding:23px 20px}.corner{top:22px;right:20px}.breadcrumbs{max-width:calc(100% - 90px)}.breadcrumbs ol,.breadcrumbs li{gap:7px;font-size:11px}.corner nav a{font-size:12px}.art-connector{opacity:.3;max-width:100px}.art-orbit{opacity:.12;max-width:85px;max-height:85px}.art-dots{opacity:.3;max-width:120px;max-height:140px}.art-mesh{opacity:.35}.art-scale{width:6px}.home{min-height:510px;padding:64px 22px}.home h1{font-size:44px}.home .intro{font-size:14px}.avatar{border-radius:18px;width:90px;height:90px}.home-links{gap:20px}.page-heading{padding:51px 20px}.page-heading h1{font-size:42px}.page-heading .intro{font-size:14px}.gallery-grid,.socials{grid-template-columns:1fr}.gallery-project{padding:30px}.gallery-project+.gallery-project{border-top:1px dashed #333;border-left:0}.gallery-project+.gallery-project:before{left:-3px}.project-art{max-width:350px;margin-inline:auto}.gallery-project h2{margin-top:22px}.social{padding:32px 30px}.social+.social{border-left:0;border-top:1px solid var(--line)}.frame-tail{height:38px}footer{padding:22px 20px;font-size:10px}.rule-label{font-size:8px}.rule-label:nth-child(2){margin-left:12px}.empty-page,.product-hero{padding:65px 24px}.project-details section{padding:30px}}
