@import"https://fonts.googleapis.com/css2?family=Playfair:ital,opsz,wght@0,5..1200,300..900;1,5..1200,300..900&display=swap";#preloader{position:fixed;inset:0;display:grid;place-items:center;background:#0b0b0c;z-index:9999;transition:opacity .4s ease;will-change:opacity,transform,background}#preloader:after{content:"";position:absolute;inset:0;background:#fff;opacity:0;pointer-events:none}.loader-logo{width:100px;height:auto;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;animation:kPulse 1.6s ease-in-out infinite;filter:drop-shadow(0 2px 8px rgba(0,0,0,.4));transition:transform .5s ease,filter .5s ease}@keyframes kPulse{0%{opacity:.45;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}to{opacity:.45;transform:scale(.96)}}#preloader.preloader--flash:after{animation:flashBurst var( --flash-duration, .7s ) ease forwards}#preloader.preloader--flash .loader-logo{transform:scale(1.08);filter:drop-shadow(0 4px 22px rgba(255,255,255,.65))}@keyframes flashBurst{0%{opacity:0}25%{opacity:.65}60%{opacity:1}to{opacity:0}}#preloader.preloader--hide{opacity:0;pointer-events:none}html.preloader-lock,body.preloader-lock{overflow:hidden;height:100%}.app{position:relative;min-height:100vh;overflow:hidden}.bg-photo{position:fixed;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:78% 60%;z-index:-3;transition:filter .22s ease,transform .22s ease;filter:none}.bg-photo--blur{filter:blur(4px);transform:scale(1.03)}.page{padding-left:var(--sidebar-w)}.page--detail{padding-left:var(--sidebar-w);padding-top:calc(var(--navbar-h) + 24px);background:var(--page-bg)}.section{position:relative;padding:clamp(56px,12vh,80px) clamp(16px,7vw,96px);color:#fff}.section__inner{max-width:980px}.section__inner--split{max-width:900px}.section__eyebrow{color:#f7a53b;text-transform:uppercase;letter-spacing:.16em;font-size:16px;opacity:.9;margin:0 0 8px}.section__title{margin:0 0 12px;font-size:clamp(34px,3.2vw,36px)}.section__subtitle{margin:0 0 28px;max-width:540px;font-size:18px;opacity:.92}.section__body{margin:0 0 14px;line-height:1.7;max-width:640px;font-size:20px}.section__link{color:var(--accent);text-decoration:none;border-bottom:1px solid transparent}.section__link:hover{border-bottom-color:var(--accent)}.section--contact{padding-bottom:clamp(72px,18vh,120px)}.projects-grid{display:grid;gap:18px;grid-template-columns:repeat(2,minmax(0px,1fr))}.project-card{background:var(--glass);border:1px solid var(--glass-stroke);border-radius:18px;padding:18px 18px 16px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.project-card__header{display:flex;flex-direction:column;gap:2px;margin-bottom:8px}.project-card__title{margin:0 0 6px;font-size:24px}.project-card__role{margin:0;font-size:18px;opacity:.9}.project-card__summary{margin:6px 0 8px;font-size:14px;line-height:1.6}.project-card__chips,.project-detail__chips{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:6px}.project-card__chips li,.project-detail__chips li{font-size:14px;padding:4px 10px;border-radius:999px;background:#00000059;border:1px solid rgba(255,255,255,.18);color:#fff}.project-card__link{display:inline-flex;margin-top:8px;font-size:16px;text-decoration:none;color:var(--accent)}.project-card__link:hover{text-decoration:underline}.section--narrow{max-width:820px}.section--detail{background:#000000c7;color:#fff;border-radius:20px;margin:clamp(32px,6vh,48px) auto}.project-detail__meta{margin:0 0 12px;font-size:14px;opacity:.9}.project-detail__summary{margin:0 0 16px;line-height:1.7}.project-detail__highlights h2{margin:20px 0 8px;font-size:18px}.project-detail__highlights ul{margin:0;padding-left:1.2rem;line-height:1.7}.project-detail__links{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.navbtn--ghost{background:transparent}@media (max-width: 768px){.page,.page--detail{padding-left:0}.section{padding:clamp(40px,10vh,64px) 16px}.section--detail{margin:24px 16px clamp(72px,18vh,120px)}}@media (max-width: 390px){.section{padding-inline:12px}.section--detail{margin-inline:12px}}:root{--bg: #3f504b;--muted: #535353;--text: #ffffff;--glass: rgba(124, 124, 124, .2);--glass-stroke: rgba(255, 255, 255, .24);--accent: #f7a53b;--shadow: 0 20px 50px rgba(0, 0, 0, .45);--sidebar-w: 70px;--sidebar-w-sm: 58px;--mobile-bar-h: 64px;--navbar-h: 56px;--navbar-h-sm: 48px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Playfair,serif;background:var(--bg);color:var(--text);overflow-x:hidden}.sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar-w);background:var(--glass);color:var(--text);display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:16px 0;z-index:50;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.sidebar__top{width:100%;display:grid;place-items:center}.sidebar__k{font-family:Playfair,serif;font-size:38px;line-height:1;color:#fff;letter-spacing:.5px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.35))}.sidebar__middle{display:grid;place-items:center;width:100%}.sidebar__vertical{writing-mode:vertical-rl;transform:rotate(180deg);font-size:13px;line-height:1.4;padding-inline:6px;opacity:.95;text-align:center}.sidebar__bottom{width:100%;display:flex;flex-direction:column;align-items:center;gap:10px;padding-bottom:12px}.sidebar__icons{display:flex;flex-direction:column;gap:10px}.sidebar__btn{width:30px;height:30px;display:grid;place-items:center;color:#fff;text-decoration:none;transition:transform .15s ease,background .15s ease,border-color .15s ease}.sidebar__btn:hover{transform:translateY(-1px);color:var(--accent)}.navbar{position:fixed;top:0;left:var(--sidebar-w);right:0;height:var(--navbar-h);display:flex;align-items:center;justify-content:flex-start;gap:18px;padding:12px 18px;z-index:40}.navbar__links{display:flex;gap:12px}.navbtn{padding:8px 20px;border:1px solid rgba(255,255,255,.35);border-radius:20px;text-decoration:none;color:var(--text);font-size:18px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:var(--glass);transition:transform .18s ease,background .18s ease,border-color .18s ease;white-space:nowrap}.navbtn:hover{transform:translateY(-1px);background:#ffffff0f;border-color:#fff9}.hero{position:relative;min-height:100vh;padding-left:var(--sidebar-w);padding-right:40px;display:flex;flex-direction:column;justify-content:center}.hero__shade{position:fixed;inset:0;pointer-events:none;z-index:-2;background:linear-gradient(90deg,#000000d9,#0009 40%,#0000002e,#0000)}.hero__title{font-weight:700;font-size:clamp(32px,6vw,62px);margin:0 0 18px;line-height:1.1}.hero__title--accent{color:var(--accent)}.hero__list{list-style:none;margin:0;padding:0;display:grid;gap:14px;max-width:600px;font-size:clamp(15px,1.6vw,20px);line-height:1.6}.hero__list li{position:relative;padding-left:16px}.hero__list li:before{content:"";position:absolute;left:0;top:.75em;width:7px;height:7px;border-radius:50%;background:var(--accent)}@media (max-width: 768px){.hero{min-height:calc(100vh - var(--navbar-h-sm) - var(--mobile-bar-h) - env(safe-area-inset-bottom,0px));align-items:flex-start;justify-content:center;padding-inline:16px}.hero__title{font-size:clamp(26px,7vw,36px)}.hero__list{font-size:clamp(14px,4vw,16px)}}@media (hover: hover) and (pointer: fine){html,body,a,button,[role=button],.navbtn,[data-cursor]{cursor:none}}.cursor{position:fixed;inset:0;pointer-events:none;z-index:10000;opacity:0;transition:opacity .18s ease}.cursor--active{opacity:1}.cursor__dot{position:fixed;left:0;top:0;width:10px;height:10px;border-radius:50%;background:var(--text);box-shadow:0 0 10px #ffffff59;transform:translate3d(-100px,-100px,0);will-change:transform;mix-blend-mode:screen}.cursor__ring{position:fixed;left:0;top:0;width:36px;height:36px;border-radius:999px;transform:translate3d(-100px,-100px,0);will-change:transform;background:radial-gradient(35% 35% at 50% 50%,#ffffff8c,#ffffff1a 60%,#fff0 70%),radial-gradient(60% 60% at 50% 50%,#f7a53b59,#f7a53b0d 60%,#f7a53b00 70%);box-shadow:0 0 40px #f7a53b59,0 0 12px #ffffff2e inset;mix-blend-mode:screen;transition:width .14s ease,height .14s ease,opacity .14s ease,filter .14s ease}.cursor--hover .cursor__ring{width:48px;height:48px;filter:brightness(1.05) saturate(1.08)}.cursor--hover .cursor__dot{transform:scale(.9) translate3d(var(--x, 0),var(--y, 0),0)}.cursor--down .cursor__ring{width:40px;height:40px;filter:brightness(1.15)}.cursor__ripple{position:fixed;width:5px;height:5px;left:0;top:0;border-radius:999px;transform:translate(-2px,-2px);background:var(--accent);box-shadow:0 0 8px #f7a53b99;animation:cursorRipple .42s ease-out forwards;mix-blend-mode:screen}@keyframes cursorRipple{0%{opacity:.9;transform:translate(-2px,-2px) scale(1)}60%{opacity:.5;transform:translate(-2px,-2px) scale(12)}to{opacity:0;transform:translate(-2px,-2px) scale(18)}}@media (prefers-reduced-motion: reduce){.cursor__ring,.cursor__dot,.cursor__ripple{transition:none!important;animation:none!important}}@media (max-width: 900px){.hero__card{margin-top:12vh}}@media (max-width: 640px) and (min-width: 769px){.sidebar{width:var(--sidebar-w-sm)}.navbar{left:var(--sidebar-w-sm)}.navbar__links{gap:8px}.navbtn{padding:6px 10px;font-size:13px}}@media (max-width: 768px){body{padding-bottom:calc(var(--mobile-bar-h) + env(safe-area-inset-bottom,0px))}.sidebar{inset:auto 0 0;width:100%;height:calc(var(--mobile-bar-h) + env(safe-area-inset-bottom,0px));padding:8px max(10px,env(safe-area-inset-left,12px)) calc(8px + env(safe-area-inset-bottom,0px)) max(10px,env(safe-area-inset-right,12px));flex-direction:row;justify-content:space-between;align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid rgba(255,255,255,.18)}.sidebar__top,.sidebar__middle,.sidebar__bottom{width:auto;padding:0}.sidebar__top{display:flex;align-items:center;gap:10px}.sidebar__k{font-size:28px}.sidebar__vertical{display:none}.sidebar__bottom{display:flex;flex-direction:row;gap:12px;padding:0}.sidebar__icons{flex-direction:row;gap:12px}.sidebar__btn{width:28px;height:28px}.navbar{left:0;right:0;height:var(--navbar-h-sm);justify-content:center;gap:12px;padding:8px 12px;background:linear-gradient(to bottom,rgba(0,0,0,.18),transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.navbtn{padding:6px 12px;font-size:14px;border-radius:16px}.navbar__links{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.hero{min-height:calc(100vh - var(--navbar-h-sm) - var(--mobile-bar-h) - env(safe-area-inset-bottom,0px));align-items:flex-start;justify-content:center}.hero__card{margin:calc(var(--navbar-h-sm) + 12px) 16px 16px 16px;max-width:700px;width:min(100%,720px);text-align:left}.hero__title{font-size:clamp(24px,7vw,36px)}.hero__list{font-size:clamp(14px,4vw,16px);gap:8px}}@media (max-width: 390px){.navbtn{font-size:13px;padding:6px 10px}.sidebar__k{font-size:24px}.sidebar{height:calc(58px + env(safe-area-inset-bottom,0px))}.hero__card{margin:calc(var(--navbar-h-sm) + 10px) 12px 12px 12px}}