.contact-card{position:fixed;z-index:100002;top:104px;right:40px;width:460px;box-sizing:border-box;padding:18px 22px 22px;color:#e1eff4;background:linear-gradient(128deg,#d9f9ff0d,transparent 35%,#94d4ff04 68%,#d8bbff0b),#0610161f;border:1px solid #c5efff38;border-radius:22px;backdrop-filter:blur(3px) saturate(1.35) brightness(1.08);-webkit-backdrop-filter:blur(3px) saturate(1.35) brightness(1.08);box-shadow:0 12px 35px #0002,inset 0 1px 1px #edffff70,inset 1px 0 1px #b9eaff35,inset 0 -1px 2px #d0c8ff38;isolation:isolate;transform-origin:90% 0;font:13px/1.55 Microsoft YaHei,sans-serif}.contact-card:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;padding:1px;background:linear-gradient(135deg,#eeffff9c,transparent 24%,#b6deff18 48%,#e7d8ff66 78%,transparent);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.contact-card header,.contact-card-body{position:relative;text-shadow:0 1px 4px #000c,0 0 12px #08151ca0}.contact-card[hidden]{display:none}.contact-card *{box-sizing:border-box;font-family:inherit}.contact-card header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.contact-card h2{margin:0;font-size:14px;font-weight:400;letter-spacing:.05em}.contact-card button{font:22px/1 inherit;font-size:22px;color:#c5e1e9;background:none;border:0;cursor:pointer;width:28px;height:28px}.contact-card-body{display:grid;grid-template-columns:minmax(0,1fr) 128px;gap:16px;align-items:center}.contact-card-links{display:grid;gap:10px}.contact-card-links a{color:#e4f1f6;text-decoration:none;white-space:nowrap;font-size:12px}.contact-card-links a:hover{color:#aaf1ff;text-shadow:0 0 10px #98e8ff66}.contact-card-links span{display:block;color:#8caab7;font-size:10px;margin-bottom:1px;letter-spacing:.04em}.contact-card figure{margin:0;text-align:center}.contact-card img{display:block;width:128px;height:128px;border-radius:6px}.contact-card figcaption{margin-top:9px;font-size:11px;color:#a0bfca}.contact-card :focus-visible{outline:1px solid #ace8f1;outline-offset:4px;border-radius:3px}.single-case #Stage textarea{display:none!important}.case-accessibility{position:fixed;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);pointer-events:none}.portfolio-position{font-size:16px;letter-spacing:.035em;color:#d4e6ef}.portfolio-position small{display:block;font-size:12px;letter-spacing:.05em;color:#91aaba;margin-top:12px}@media(max-width:560px){.contact-card{right:16px;width:calc(100vw - 32px)}}@media(prefers-reduced-motion:reduce){.music-controls{transition:none}}.portfolio-position small{color:#a4becb!important}.music-controls{transition:filter .24s ease!important}html[data-contact-open=true] .music-controls{filter:opacity(0)!important;pointer-events:none!important}@media(prefers-reduced-motion:reduce){.music-controls{transition:none!important}}.contact-card{overflow:hidden;--pointer-x:50%;--pointer-y:50%;--image-x:0px;--image-y:0px;background:#08121d52;border:1px solid #c5efff75;box-shadow:0 16px 48px #0005,inset 0 1px 2px #edffff99,inset 1px 0 2px #b9eaff66,inset 0 -1px 3px #d0c8ff70}.contact-card-art,.contact-card-glass,.contact-card-glow{position:absolute;inset:0;pointer-events:none;border-radius:inherit}.contact-card-art{inset:-8px;background:linear-gradient(90deg,#050d18b8,#08152459),url(/assets/portfolio/contact-ink-r20.png) center/cover;opacity:.78;transform:translate(var(--image-x),var(--image-y)) scale(1.03);transition:transform .3s ease-out;filter:saturate(.8)}.contact-card-glass{background:linear-gradient(125deg,#d5eeff26,transparent 38%,#a3d6ff10 65%,#bad8ff42);backdrop-filter:blur(.5px) saturate(1.35);-webkit-backdrop-filter:blur(.5px) saturate(1.35);box-shadow:inset 0 0 18px #b0deff29,inset 0 -10px 30px #a8d8ff22}.contact-card-glass:after{content:"";position:absolute;inset:0;border-radius:inherit;opacity:.07;background:url(/assets/images/pbr/damaged_road_normal.jpg) center/220px;mix-blend-mode:soft-light}.contact-card-glow{opacity:0;background:radial-gradient(ellipse 220px 180px at var(--pointer-x) var(--pointer-y),#d5f5ff70,#82c9ff25 35%,transparent 72%);mix-blend-mode:screen;transition:opacity .3s ease}.contact-card[data-hovered=true] .contact-card-glow{opacity:1}.contact-card:before{z-index:2;background:radial-gradient(ellipse 180px 150px at var(--pointer-x) var(--pointer-y),#efffff,transparent),linear-gradient(135deg,#eeffff9c,transparent 24%,#b6deff18 48%,#e7d8ff66 78%,transparent)}.contact-card header,.contact-card-body{z-index:3}.contact-card-links span,.contact-card figcaption{color:#bed6e3}@media(max-width:390px){.contact-card{padding:16px}.contact-card-body{grid-template-columns:minmax(0,1fr) 100px;gap:10px}.contact-card figure img{width:100px;height:100px}.contact-card-links a{font-size:11px;white-space:normal;overflow-wrap:anywhere}}@media(prefers-reduced-motion:reduce){.contact-card-art,.contact-card-glow{transition:none}}.contact-card-glass:after{display:none}.contact-ice-surface{position:absolute;inset:0;width:100%;height:100%;border-radius:inherit;pointer-events:none;mix-blend-mode:screen;opacity:.65}#Stage,body,html{margin:0;padding:0;width:100%;height:100%;overflow:hidden;-ms-content-zooming:none;-ms-touch-action:none;touch-action:none;background:#000}#root{display:contents}@font-face{font-family:nbarchitekt;src:url(/assets/fonts/NBArchitektStd-Regular-export/NBArchitektStd-Regular.woff2) format("woff2"),url(/assets/fonts/NBArchitektStd-Regular-export/NBArchitektStd-Regular.woff) format("woff"),url(/assets/fonts/NBArchitektStd-Regular-export/NBArchitektStd-Regular.otf) format("opentype");font-style:normal;font-weight:400}@font-face{font-family:nbarchitekt;src:url(/assets/fonts/NBArchitektStd-Light-export/NBArchitektStd-Light.woff2) format("woff2"),url(/assets/fonts/NBArchitektStd-Light-export/NBArchitektStd-Light.woff) format("woff"),url(/assets/fonts/NBArchitektStd-Light-export/NBArchitektStd-Light.otf) format("opentype");font-style:normal;font-weight:300}@font-face{font-family:nbarchitekt;src:url(/assets/fonts/NBArchitektStd-Bold-export/NBArchitektStd-Bold.woff2) format("woff2"),url(/assets/fonts/NBArchitektStd-Bold-export/NBArchitektStd-Bold.woff) format("woff"),url(/assets/fonts/NBArchitektStd-Bold-export/NBArchitektStd-Bold.otf) format("opentype");font-style:normal;font-weight:700}.ios,.ios #Stage,.ios body{overflow:visible}.ios,.mob{position:relative;height:100vh}.GLA11y{position:absolute;width:0;height:100%;clip:rect(0 0 0 0);overflow:hidden}:root{--baropacity: 0}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(255,255,255,var(--baropacity, .9));border-radius:10px}#Stage,#Stage *{user-select:none;-moz-user-select:none;-webkit-user-select:none;-o-user-select:none;-ms-user-select:none;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:none}#Stage *,#Stage :after,#Stage :before{box-sizing:border-box}#Stage * input,#Stage * textarea{-moz-user-select:auto;-webkit-user-select:auto;-o-user-select:auto;-ms-user-select:auto;-webkit-tap-highlight-color:auto}.feature-detects{visibility:hidden;pointer-events:none;position:absolute;width:0;height:100vh;clip:rect(0 0 0 0)}@supports (--css: variables) and (padding: env(safe-area-inset-bottom)){.feature-detects{--safe-area-inset-top: env(safe-area-inset-top);--safe-area-inset-right: env(safe-area-inset-right);--safe-area-inset-bottom: env(safe-area-inset-bottom);--safe-area-inset-left: env(safe-area-inset-left)}}.loading-resource-status{position:fixed;z-index:100001;left:50%;bottom:max(24px,env(safe-area-inset-bottom));transform:translate(-50%);width:min(90vw,550px);text-align:center;color:#b6cbd3;font:13px/1.8 sans-serif;pointer-events:auto}.loading-resource-status button{display:block;margin:15px auto;padding:10px 20px;border:1px solid #8cc6d7;border-radius:20px;background:#17282e;color:#fff;cursor:pointer}.loading-resource-status button[hidden]{display:none}
