@font-face{font-family:Archia;src:url(/assets/archia-semibold-webfont-x21xTMGx.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}@property --background-color{syntax: "<color>"; inherits: true; initial-value: #F0EEF4;}@property --foreground-color{syntax: "<color>"; inherits: true; initial-value: #15153A;}:root{--primary-color: hsl(236, 45%, 24%);--accent-color: hsl(236, 45%, 24%);--background-color: #F0EEF4;--foreground-color: #15153A;--card-bg: #FFFFFF;--card-border: #E9E7F2;--topbar-height: 68px;transition:--background-color .6s ease,--foreground-color .3s ease}body{font-family:Archia,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;margin:0;padding:0;box-sizing:border-box;overflow-x:hidden;width:100%;height:100%;color:var(--foreground-color);background:linear-gradient(135deg,#FFFFFF,var(--background-color) 160%);will-change:background,color;transition:background .6s ease,color .3s ease}a{text-decoration:none;color:inherit}.home-view{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;min-height:100svh;transition:background-color .5s ease-out;position:relative;padding-top:var(--topbar-height);box-sizing:border-box}.home-topbar{position:fixed;top:0;left:0;right:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:start;padding:20px 28px;pointer-events:none;z-index:10}.home-topbar__link{pointer-events:auto;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--foreground-color);text-decoration:none;opacity:.9}.home-topbar__logo{pointer-events:none;justify-self:center;align-self:start;opacity:.9}.home-topbar__link:last-child{justify-self:end}.home-topbar__link:hover{opacity:1}.home-hero{margin-top:0}.home-hero__sentence{margin:0;text-align:center;display:grid;grid-auto-flow:row;gap:8px;font-weight:800;line-height:1.12}.home-hero__sentence .line{display:inline-flex;gap:.4ch;align-items:baseline;justify-content:center;flex-wrap:wrap}.home-hero__sentence .t-symbol{font-size:clamp(28px,3vw,48px);opacity:.8}.home-hero__sentence .t-name{font-size:clamp(36px,6vw,56px)}.home-hero__sentence .t-small{font-size:clamp(12px,2.2vw,16px);opacity:.8;font-weight:600}.home-hero__sentence .t-role{font-size:clamp(24px,5.5vw,48px)}.home-hero__sentence .t-city{font-size:clamp(24px,5vw,40px)}.home-hero__sentence .t-company{font-size:clamp(26px,5.5vw,44px)}.home-work{width:100%;max-width:1100px;margin-top:min(10vh,80px)}.home-work__title{margin:0 0 16px;text-align:center;font-size:12px;letter-spacing:.12em;text-transform:uppercase;opacity:.9}.home-work__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;padding:0 24px}.work-card{background:var(--card-bg);color:#111;border-radius:16px;height:140px;display:flex;align-items:center;justify-content:center;text-decoration:none;box-shadow:0 12px 30px #12103c14;border:1px solid var(--card-border);transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.work-card:hover{transform:translateY(-4px);box-shadow:0 18px 44px #12103c29}.work-card img{max-width:140px;width:70%;height:auto;filter:grayscale(20%) contrast(105%)}.home-work__brace{text-align:center;margin-top:10px;opacity:.7}.is-grayscale{filter:grayscale(100%) contrast(105%)}.work-card.is-grayscale:hover,.work-card.is-grayscale:focus,.work-card.is-grayscale:focus-visible{filter:none}.work-card.is-grayscale:hover img,.work-card.is-grayscale:focus img,.work-card.is-grayscale:focus-visible img{filter:none}@media (max-width: 1024px){.home-work__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 560px){:root{--topbar-height: 56px}.home-topbar{padding:14px 16px}.home-topbar__link{font-size:11px;letter-spacing:.1em}.home-hero{margin-top:0}.home-hero__sentence{gap:6px;line-height:1.08}.home-hero__sentence .t-name{font-size:clamp(22px,7vw,34px)}.home-hero__sentence .t-role{font-size:clamp(18px,6.5vw,30px)}.home-hero__sentence .t-city{font-size:clamp(16px,6vw,28px)}.home-hero__sentence .t-company{font-size:clamp(18px,6.5vw,30px)}.home-hero__sentence .t-small{font-size:clamp(11px,3.5vw,14px)}.home-work{margin-top:40px}.home-work__grid{grid-template-columns:1fr;gap:16px;padding:12px}.work-card{height:110px;border-radius:14px}.work-card img{max-width:120px;width:65%}}
