@import "https://fonts.googleapis.com/css2?family=Inter+Tight:wght@300;400&display=swap";
:root{--color-bg:#111;--color-white:#fff;--color-grey-20:#323232;--color-grey-88:#e0e0e0;--color-text:var(--color-white);--color-text-muted:#ffffff80;--color-surface:var(--color-grey-20);--color-media-bg:var(--color-grey-88);--color-border:#ffffff1f;--color-toolbar-bg:#111111d1;--color-toolbar-border:#ffffff29;--color-control-bg:#ffffff1a;--color-control-hover:#ffffff29;--color-control-focus:#ffffff5c;--font-family-primary:"Inter Tight", "Noto Sans Symbols 2", system-ui, sans-serif;--font-weight-regular:300;--font-weight-medium:400;--font-size-header:24px;--font-size-header-mobile:20px;--font-size-hero:64px;--font-size-hero-mobile-min:40px;--font-size-hero-mobile-max:52px;--font-size-body:18px;--font-size-body-mobile:16px;--font-size-large-text:32px;--font-size-large-text-tablet:28px;--font-size-large-text-mobile:20px;--font-size-resource:24px;--font-size-resource-mobile:20px;--line-height-none:1;--line-height-body:1.4;--line-height-large-text:1.2;--line-height-resource:30px;--line-height-resource-mobile:24px;--transition-theme:.28s ease;--transition-icon:.36s cubic-bezier(.2, .8, .2, 1)}:root[data-theme=light]{--color-bg:#f3f3f0;--color-text:#171717;--color-text-muted:#1717178a;--color-surface:#fff;--color-media-bg:#deded8;--color-border:#1717171f;--color-toolbar-bg:#ffffffd1;--color-toolbar-border:#17171724;--color-control-bg:#17171714;--color-control-hover:#1717171f;--color-control-focus:#17171747}
:root{--page-padding:20px;--content:min(1040px, calc(100vw - var(--page-padding) * 2))}*{box-sizing:border-box}html,body{min-height:100%}html{background:var(--color-bg);transition:background var(--transition-theme)}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);letter-spacing:0;transition:background var(--transition-theme), color var(--transition-theme);margin:0;padding-bottom:84px}img{display:block}a{color:inherit;text-decoration:none}.header,.experience p,.about p,.image-block,.large-text,.resource-link,.resource-link span,.case-card,.case-card-period,.case-card-title,.case-card-soon p,.video-placeholder,.case-video,.floating-toolbar,.toolbar-button{transition:background-color var(--transition-theme), border-color var(--transition-theme), box-shadow var(--transition-theme), color var(--transition-theme)}.header{width:min(calc(100% - var(--page-padding) * 2), 1840px);height:24px;font-size:var(--font-size-header);font-weight:var(--font-weight-medium);line-height:var(--line-height-none);white-space:nowrap;justify-content:space-between;align-items:center;margin:20px auto 0;display:flex}.header-name{gap:16px;display:flex}.header-nav{text-align:right;justify-content:flex-end;gap:16px;display:flex}.header-footer{height:auto;padding-bottom:var(--page-padding);margin-top:160px}.section{width:var(--content);margin-left:auto;margin-right:auto}.intro-section{margin-top:160px}.avatar{width:224px;height:224px;position:relative;overflow:hidden}.avatar img{object-fit:cover;width:420.41px;height:630.53px;position:absolute;top:-182.93px;left:-98.31px}h1{width:100%;font-size:var(--font-size-hero);font-weight:var(--font-weight-regular);line-height:var(--line-height-none);margin:48px 0 0}.intro-grid{width:100%;font-size:var(--font-size-body);line-height:var(--line-height-body);align-items:flex-start;gap:16px;margin-top:48px;display:flex}.experience{flex-direction:column;flex:0 0 336px;gap:24px;padding-right:24px;display:flex}.experience div,.about div{flex-direction:column;gap:8px;display:flex}.experience p,.about p{color:var(--color-text-muted);margin:0}.experience span,.about span{display:block}.about{flex-direction:column;flex:1;gap:16px;display:flex}.image-block{background:var(--color-media-bg);width:100%;margin-top:48px;overflow:hidden}.image-block img{width:100%;height:auto}.section-gap{margin-top:160px}.large-text{width:100%;font-size:var(--font-size-large-text);font-weight:var(--font-weight-regular);line-height:var(--line-height-large-text);margin:0}.large-text p{margin:0}.small-gap{margin-top:48px}.final-section{min-height:320px}.resource-links{gap:16px;width:100%;margin-top:48px;display:flex}.resource-link{background:var(--color-surface);flex-direction:column;flex:1 1 0;gap:32px;min-width:0;height:158px;padding:32px;display:flex}.resource-head{justify-content:space-between;align-items:center;width:100%;height:32px;display:flex}.resource-head img:first-child{object-fit:cover;width:32px;height:32px}.resource-link span{width:100%;color:var(--color-text);font-size:var(--font-size-resource);font-weight:var(--font-weight-medium);line-height:var(--line-height-resource)}.cases-page{margin-top:160px}.case-main{margin-bottom:160px}.case-detail-section,.case-detail-section.section-gap{margin-top:160px}.cases-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.case-card{background:var(--color-surface);flex-direction:column;display:flex;overflow:hidden}.case-card-image{aspect-ratio:512/240;object-fit:cover;width:100%;height:auto}.case-card-body{flex-direction:column;gap:24px;height:188px;padding:32px;display:flex}.case-card-period{color:var(--color-text-muted);font-size:var(--font-size-header);font-weight:var(--font-weight-regular);line-height:var(--line-height-none)}.case-card-title,.case-card-soon p{color:var(--color-text);font-size:var(--font-size-large-text);font-weight:var(--font-weight-regular);line-height:var(--line-height-large-text);margin:0}.case-card-soon{text-align:center;justify-content:center;align-items:center;min-height:428px;padding:32px}.video-placeholder{aspect-ratio:1040/790;background:var(--color-media-bg);justify-content:center;align-items:center;width:100%;margin-top:48px;display:flex;overflow:hidden}.case-video{aspect-ratio:544/630;object-fit:cover;background:var(--color-text);width:52.3077%}.floating-toolbar{z-index:20;color:var(--color-text);background:var(--color-toolbar-bg);border:1px solid var(--color-toolbar-border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:8px;align-items:center;gap:8px;padding:8px;transition:background-color .18s,border-color .18s,box-shadow .18s,color .18s;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 16px 48px #0000002e}.toolbar-button{min-width:44px;height:44px;color:var(--color-text);font:inherit;font-size:var(--font-size-body-mobile);line-height:var(--line-height-none);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;padding:0 16px;transition:background-color .18s,color .18s,outline-color .18s;display:inline-flex}.toolbar-button:hover{background:var(--color-control-hover)}.toolbar-button:focus-visible{outline:2px solid var(--color-control-focus);outline-offset:2px}.theme-toggle{background:var(--color-control-bg);width:44px;padding:0;position:relative;overflow:hidden}.theme-icon{transition:opacity var(--transition-icon), transform var(--transition-icon);will-change:opacity, transform;place-items:center;display:grid;position:absolute;inset:0}.theme-icon svg{color:currentColor;width:22px;height:22px}.theme-icon-sun{opacity:1;transform:rotate(0)scale(1)}.theme-icon-moon{opacity:0;transform:rotate(-90deg)scale(.45)}:root[data-theme=light] .theme-icon-sun{opacity:0;transform:rotate(90deg)scale(.45)}:root[data-theme=light] .theme-icon-moon{opacity:1;transform:rotate(0)scale(1)}.contact-button{background:var(--color-control-bg)}@media (max-width:839px){.header{height:auto;font-size:var(--font-size-header-mobile);flex-wrap:wrap;gap:8px 16px;margin:20px auto 0}.intro-section{margin-top:96px}h1{font-size:clamp(var(--font-size-hero-mobile-min), 8vw, var(--font-size-hero-mobile-max))}.intro-grid{flex-direction:column;gap:48px}.experience{flex:none;width:100%;padding-right:0}.resource-links{flex-direction:column}.cases-page{margin-top:96px}.case-main{margin-bottom:104px}.case-detail-section{margin-top:96px}.case-detail-section.section-gap{margin-top:104px}.cases-grid{grid-template-columns:1fr}.case-card-image{aspect-ratio:512/240}.case-card-body{height:auto}.case-card-soon{min-height:240px}.case-video{width:min(52.3077%,320px)}.resource-link{flex-basis:auto;gap:24px;width:100%;height:132px;padding:24px}.large-text,.case-card-title,.case-card-soon p{font-size:var(--font-size-large-text-tablet)}.resource-head,.resource-link span{width:100%}.resource-link span{font-size:var(--font-size-resource-mobile);line-height:var(--line-height-resource-mobile)}.floating-toolbar{bottom:16px}}@media (max-width:640px){.header{align-items:flex-start}.header-name{flex-direction:column;align-items:flex-start;gap:4px}.header-nav{flex-direction:column;align-self:flex-end;align-items:flex-end;gap:4px}.avatar{width:160px;height:160px}.avatar img{width:300.29px;height:450.38px;top:-130.66px;left:-70.22px}h1,.intro-grid{margin-top:40px}.intro-grid{font-size:var(--font-size-body-mobile)}.large-text,.case-card-title,.case-card-soon p{font-size:var(--font-size-large-text-mobile)}.case-card-period{font-size:var(--font-size-header-mobile)}.case-card-body,.case-card-soon{padding:20px}.resource-link{gap:20px;height:120px;padding:20px}.section-gap,.header-footer{margin-top:104px}.floating-toolbar{max-width:calc(100% - var(--page-padding) * 2)}.contact-button{min-width:160px}}