@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500&family=IBM+Plex+Mono:wght@400;500&family=IBM+Plex+Sans:wght@400;500;600&display=swap";@property --atmosphere-a{syntax: "<color>"; inherits: true; initial-value: #d6ef9d;}@property --atmosphere-b{syntax: "<color>"; inherits: true; initial-value: #1d6b54;}@property --atmosphere-c{syntax: "<color>"; inherits: true; initial-value: #f7d153;}:root{font-family:IBM Plex Mono,monospace;color:#1c1916;background:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--paper: #fff;--ink: #1c1916;--muted: rgba(28, 25, 22, .55);--line: rgba(28, 25, 22, .17)}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body{min-width:320px}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button,a{color:inherit}.site-shell{position:fixed;inset:0;isolation:isolate;overflow:hidden;background:var(--paper)}.site-header{position:fixed;z-index:20;top:0;left:0;right:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:start;gap:20px;padding:22px 28px 26px;background:linear-gradient(#fff 65%,#fff0)}.site-brand{justify-self:start;display:grid;gap:4px;text-decoration:none;font-size:13px;font-weight:500;letter-spacing:-.03em}.site-brand span{color:var(--muted);text-transform:uppercase;letter-spacing:.09em;font-size:8px;font-weight:400}.site-nav{display:flex;align-items:center;padding:3px;border:1px solid var(--line);border-radius:999px;background:#ffffffdb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.site-nav a{display:block;padding:9px 17px;border-radius:999px;color:var(--muted);text-decoration:none;text-transform:uppercase;letter-spacing:.06em;font-size:9px;white-space:nowrap;transition:color .2s ease,background .2s ease}.site-nav a:hover{color:var(--ink)}.site-nav a[aria-current=page]{color:#fff;background:var(--ink)}.site-header:after{content:"Портфолио / Лизавета";justify-self:end;color:var(--muted);text-transform:uppercase;letter-spacing:.07em;font-size:9px}.site-shell.has-catalogue .site-header{display:none}.site-brand:focus-visible,.site-nav a:focus-visible,button:focus-visible,.case-link:focus-visible,.about-page a:focus-visible{outline:2px solid #2d65da;outline-offset:3px}.gallery-shell{position:fixed;inset:0;overflow:hidden;outline:none;background:var(--paper);cursor:grab;-webkit-user-select:none;user-select:none;touch-action:auto;transition:--atmosphere-a 1.1s ease,--atmosphere-b 1.1s ease,--atmosphere-c 1.1s ease}.gallery-shell.is-dragging{cursor:grabbing}.gallery-shell.is-hovering:not(.is-dragging){cursor:pointer}.canvas-wrap,.canvas-wrap canvas{position:absolute!important;inset:0;width:100%!important;height:100%!important}.canvas-wrap{z-index:1;touch-action:none}.screen-wash,.paper-noise{position:absolute;inset:0;z-index:0;pointer-events:none}.screen-wash{background:radial-gradient(circle at 50% 46%,color-mix(in srgb,var(--atmosphere-a) 30%,transparent) 0%,transparent 48%),radial-gradient(circle at 10% 78%,color-mix(in srgb,var(--atmosphere-b) 17%,transparent) 0%,transparent 54%),radial-gradient(circle at 90% 14%,color-mix(in srgb,var(--atmosphere-c) 20%,transparent) 0%,transparent 52%),#fff}.paper-noise{opacity:.08;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.28'/%3E%3C/svg%3E");mix-blend-mode:multiply}.mode-label{position:fixed;z-index:4;top:112px;left:20px;display:grid;gap:5px;padding:7px 17px 13px 8px;border-radius:3px;background:#ffffffd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:none}.mode-label span,.eyebrow{margin:0;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:9px}.mode-label strong{font-family:Cormorant Garamond,Georgia,serif;font-weight:400;font-size:clamp(30px,3.7vw,58px);line-height:1;letter-spacing:-.04em}.explore-hint{position:fixed;z-index:5;left:50%;top:50%;display:flex;align-items:center;gap:12px;transform:translate(-50%,-50%);padding:8px 13px 8px 8px;border:1px solid rgba(28,25,22,.22);border-radius:999px;background:#ffffffd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;font-size:9px;pointer-events:none;transition:opacity .45s ease,transform .5s ease}.explore-hint.is-hidden{opacity:0;transform:translate(-50%,-35%) scale(.94)}.hint-orbit{position:relative;width:25px;height:25px;border:1px solid rgba(28,25,22,.34);border-radius:50%}.hint-orbit:after{content:"";position:absolute;inset:5px -5px;border:1px solid rgba(28,25,22,.24);border-radius:50%;transform:rotate(-24deg)}.hint-orbit i{position:absolute;top:4px;left:2px;width:3px;height:3px;border-radius:50%;background:var(--ink);animation:travel 3.2s linear infinite}@keyframes travel{0%{transform:translate(0)}35%{transform:translate(19px,7px)}70%{transform:translate(7px,18px)}to{transform:translate(0)}}.hover-caption{position:fixed;z-index:5;left:28px;bottom:74px;display:grid;grid-template-columns:30px auto;gap:9px;align-items:baseline;opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .22s ease,transform .35s ease}.hover-caption.is-visible{opacity:1;transform:none}.hover-caption span{font-size:9px;color:var(--muted)}.hover-caption strong{font-family:Cormorant Garamond,Georgia,serif;font-size:24px;font-weight:400}.artwork-detail{position:fixed;z-index:8;inset:0;pointer-events:none}.mobile-detail-image{display:none}.detail-copy{position:absolute;left:28px;bottom:82px;width:min(380px,calc(100vw - 56px));max-height:calc(100vh - 230px);overflow-y:auto;padding:18px 20px 20px;border:1px solid var(--line);border-radius:3px;background:#ffffffeb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);pointer-events:auto;scrollbar-width:thin}.detail-index{display:block;margin-bottom:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.07em;font-size:9px}.detail-copy h1{margin:0;font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(38px,4vw,58px);line-height:.95;font-weight:400;letter-spacing:-.035em}.detail-series{margin:14px 0 0;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:9px;line-height:1.5}.detail-description{margin:16px 0 0;color:#38322d;font-family:IBM Plex Sans,Arial,sans-serif;font-size:14px;line-height:1.55}.case-link{display:inline-block;margin-top:22px;padding-bottom:5px;border-bottom:1px solid var(--ink);text-decoration:none;font-size:10px;text-transform:uppercase;letter-spacing:.045em;pointer-events:auto}.case-link:hover{color:#2d65da;border-color:#2d65da}.close-button{position:fixed;z-index:9;top:112px;right:28px;display:flex;align-items:center;gap:19px;padding:10px 12px 10px 16px;border:1px solid var(--line);border-radius:999px;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-transform:uppercase;letter-spacing:.06em;font-size:9px;cursor:pointer;pointer-events:auto}.close-button span:last-child{font-family:Arial,sans-serif;font-size:18px;line-height:.7}.close-button:hover{background:var(--ink);color:#fff}.gallery-footer{position:fixed;z-index:6;left:0;right:0;bottom:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;min-height:58px;padding:13px 28px;border-top:1px solid var(--line);background:#ffffffa6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-transform:uppercase;letter-spacing:.05em;font-size:9px}.gallery-footer>span:first-child{color:var(--muted)}.footer-actions{display:flex;gap:22px}.footer-actions button{padding:4px 0;border:0;background:none;text-transform:uppercase;letter-spacing:.05em;font-size:9px;cursor:pointer}.footer-actions button:hover{text-decoration:underline;text-underline-offset:4px}.footer-actions button:disabled{opacity:.4;cursor:default}.footer-help{justify-self:end;color:var(--muted)}.catalogue{position:fixed;z-index:25;inset:0;overflow-y:auto;overscroll-behavior:contain;padding:42px 28px 80px;background:#fff;cursor:default;-webkit-user-select:text;user-select:text;touch-action:pan-y}.catalogue-head{display:flex;justify-content:space-between;align-items:start;gap:20px;max-width:1400px;margin:0 auto 32px}.catalogue-head h2{margin:5px 0 0;font:400 clamp(42px,6vw,78px)/.95 "Cormorant Garamond",Georgia,serif}.catalogue-head button{border:1px solid var(--line);background:#fff;border-radius:50%;width:42px;height:42px;font-size:25px;line-height:1;cursor:pointer}.catalogue-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 18px;max-width:1400px;margin:0 auto}.catalogue-card{display:grid;grid-template-rows:auto auto auto;align-content:start;gap:7px;min-width:0;padding:0;border:0;background:none;text-align:left;cursor:pointer}.catalogue-card img{width:100%;aspect-ratio:4 / 3;object-fit:cover;background:#efeeea}.catalogue-card span{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:9px}.catalogue-card strong{font:400 23px/1.05 Cormorant Garamond,Georgia,serif}.catalogue-card:hover img{filter:brightness(.94)}.about-page{position:fixed;inset:0;overflow-y:auto;overscroll-behavior:contain;padding:105px 28px 0;background:#fff;touch-action:pan-y}.about-inner{max-width:1360px;margin:0 auto}.about-hero{display:grid;grid-template-columns:1.05fr .95fr;align-items:end;gap:8vw;min-height:min(700px,calc(100vh - 105px));padding-bottom:48px}.about-hero-copy{padding-bottom:3vw}.about-hero h1{margin:17px 0 25px;font:400 clamp(72px,9vw,150px)/.78 "Cormorant Garamond",Georgia,serif;letter-spacing:-.06em}.about-lead{max-width:600px;margin:0;font:400 clamp(17px,1.6vw,22px)/1.45 "IBM Plex Sans",Arial,sans-serif}.about-actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:30px}.about-actions a{display:inline-block;padding:12px 17px;border:1px solid var(--ink);border-radius:999px;text-decoration:none;text-transform:uppercase;letter-spacing:.05em;font-size:10px}.about-actions a:first-child{background:var(--ink);color:#fff}.about-actions a:hover{transform:translateY(-2px)}.about-portrait{display:block;width:100%;height:min(640px,calc(100vh - 155px));min-height:360px;object-fit:cover;object-position:45% center;filter:grayscale(100%)}.about-section{padding:55px 0 72px;border-top:1px solid var(--line)}.about-columns{display:grid;grid-template-columns:36% minmax(0,1fr);gap:30px}.about-section h2{margin:12px 0 0;font:400 clamp(44px,5vw,72px)/.95 "Cormorant Garamond",Georgia,serif;letter-spacing:-.04em}.about-stack{display:grid;gap:0}.about-stack article{display:grid;grid-template-columns:155px minmax(0,1fr);gap:4px 22px;padding:21px 0;border-bottom:1px solid var(--line)}.about-stack article:first-child{padding-top:0}.about-stack article span{grid-row:span 2;padding-top:3px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:10px;line-height:1.5}.about-stack article h3{margin:0;font:500 17px/1.3 IBM Plex Sans,Arial,sans-serif}.about-stack article p{max-width:680px;margin:3px 0 0;color:#56514e;font:400 14px/1.55 IBM Plex Sans,Arial,sans-serif}.contact-section{padding-bottom:100px}.contact-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:35px}.contact-links a{padding:15px 19px;border:1px solid var(--line);border-radius:999px;text-decoration:none;font-size:12px}.contact-links a:hover{background:var(--ink);color:#fff}.resume-links{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0 0;color:var(--muted);font-size:10px}.resume-links a:hover{color:var(--ink)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:920px){.site-header{grid-template-columns:1fr auto;align-items:center}.site-header:after{display:none}.catalogue-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.about-hero{gap:4vw}.about-stack article{grid-template-columns:120px minmax(0,1fr)}.footer-help{display:none}.gallery-footer{grid-template-columns:1fr auto}}@media(max-width:640px){.site-shell.has-detail .site-header{display:none}.site-header{grid-template-columns:1fr;gap:16px;padding:17px 17px 18px;background:linear-gradient(#fff 80%,#fff0)}.site-brand{font-size:12px}.site-brand span{font-size:7px}.site-nav{width:100%}.site-nav a{flex:1;padding:10px 6px;text-align:center;font-size:8px}.mode-label{top:127px;left:9px;padding:7px 12px 10px 8px}.mode-label strong{font-size:31px}.mode-label span{font-size:8px}.explore-hint{top:auto;bottom:86px;transform:translate(-50%);font-size:8px}.explore-hint.is-hidden{transform:translate(-50%,10px) scale(.94)}.hover-caption{left:17px;bottom:68px}.gallery-footer{min-height:56px;padding:12px 17px;font-size:8px}.footer-actions{gap:14px}.footer-actions button{font-size:8px}.artwork-detail{z-index:30;overflow-y:auto;overscroll-behavior:contain;padding:68px 17px 35px;background:#fff;pointer-events:auto;touch-action:pan-y;cursor:default;-webkit-user-select:text;user-select:text}.mobile-detail-image{display:block;width:100%;max-height:42vh;min-height:220px;object-fit:contain;background:#f4f2ef}.detail-copy{position:static;width:100%;max-height:none;overflow:visible;padding:24px 0 0;border:0;background:none;-webkit-backdrop-filter:none;backdrop-filter:none}.detail-copy h1{max-width:100%;font-size:clamp(43px,12vw,60px)}.detail-description{font-size:15px;line-height:1.55}.close-button{top:17px;right:17px;background:#fff}.catalogue{padding:28px 17px 65px}.catalogue-head h2{font-size:53px}.catalogue-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 12px}.catalogue-card strong{font-size:20px}.catalogue-card span{font-size:8px}.about-page{padding:135px 17px 0}.about-hero{display:flex;flex-direction:column;align-items:stretch;gap:34px;min-height:0;padding-bottom:55px}.about-hero h1{font-size:clamp(70px,17vw,110px)}.about-lead{font-size:17px}.about-portrait{height:auto;min-height:0;aspect-ratio:4 / 3}.about-section{padding:40px 0 55px}.about-columns{display:block}.about-stack{margin-top:32px}.about-stack article{grid-template-columns:1fr;gap:7px}.about-stack article span{grid-row:auto}.contact-links a{font-size:10px}}@media(max-width:370px){.site-nav a{font-size:7px}.gallery-footer>span:first-child{display:none}.gallery-footer{display:flex;justify-content:center}.mode-label strong{font-size:27px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}