@layer tokens,base,app,theme,override;@layer tokens{:root{color-scheme:dark;--background: rgb(0, 0, 0);--foreground: rgb(255, 255, 255);--accent: rgb(35, 100, 235);--elevation: rgb(30, 40, 55);--surface: rgb(20, 30, 40);--overlay: rgb(0, 0, 0);--overlay-strong: rgb(0, 0, 0);--border: 1px solid color-mix(in srgb, var(--foreground) 10%, transparent);--masonry-tile-padding: 4px;--gallery-tile-padding: 4px}@media(prefers-color-scheme:light){:root{color-scheme:light;--background: rgb(255, 255, 255);--foreground: rgb(0, 25, 75);--accent: rgb(35, 100, 235);--elevation: rgba(90, 140, 250, .5);--surface: rgba(0, 128, 255, .1);--overlay: rgba(0, 0, 0);--overlay-strong: rgb(225, 240, 255);--border: 1px solid color-mix(in srgb, var(--foreground) 10%, transparent);--masonry-tile-padding: 4px;--gallery-tile-padding: 4px}}}@layer theme{.l-header{position:sticky;top:0;display:flex;align-items:center;justify-content:center;padding:5px;z-index:10;background-image:linear-gradient(to bottom,color-mix(in srgb,var(--background) 80%,transparent),color-mix(in srgb,var(--background) 50%,transparent) 40%,transparent);background-color:transparent;transition:all .5s;&:hover{background-color:color-mix(in srgb,var(--background) 60%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}}.l-header__brand{position:absolute;left:0;display:flex;align-items:center;padding-left:20px}.l-header__logo{height:clamp(15px,1vw,20px)}.l-header__navigation{display:flex;flex-direction:column;align-items:center;row-gap:5px;padding-top:10px;width:100%}.l-header__navigation-list,.l-header__subnavigation-list{display:flex;justify-content:center;width:100%}.l-header__navigation-list>li>:is(a,button),.l-header__subnavigation-list>li>:is(a,button){border-radius:2px;padding:clamp(0px,1vw,2px) clamp(0px,1vw,10px);font-size:clamp(12px,1vw,14px);text-transform:uppercase;transition:background-color .3s;will-change:background-color;&:hover{background-color:var(--elevation)}&[aria-current=page]{color:var(--accent)}}.l-header__navigation-list>li>:is(a,button){font-weight:600}.l-header__subnavigation-list>li>:is(a,button){font-weight:500;color:color-mix(in srgb,var(--foreground) 50%,transparent)}.l-header__subnavigation-list:not(:has(>li)){min-height:24px}.l-header__social{display:flex;position:absolute;align-items:center;right:0;column-gap:15px;padding-right:20px}.l-header__social-icon{height:clamp(15px,1vw,18px);color:color-mix(in srgb,var(--foreground) 40%,transparent);transition:color .3s;will-change:color;&:hover{color:var(--foreground)}}.l-main{width:100%;padding-inline:clamp(8px,2vw,12px);min-height:85vh}.l-footer{display:flex;justify-content:flex-end;align-items:center;padding:40px;font-size:clamp(12px,1vw,14px);opacity:.4}.c-masonry__media{cursor:zoom-in;opacity:0;transform:scale(.9);transition:opacity .4s ease-out,transform .4s ease-out;will-change:opacity,transform;&.is-loaded{opacity:1;transform:scale(1)}}.c-masonry__viewer-media{opacity:0;transform:scale(.95);transition:opacity .2s ease-in,transform .2s ease-in;will-change:opacity,transform;&.is-loaded{opacity:1;transform:scale(1)}&.is-unloaded{opacity:0;transform:scale(.95);transition:opacity .2s ease-out,transform .2s ease-out;will-change:opacity,transform}&.navigate{transform:none!important}}.c-masonry__zone--previous,.c-masonry__zone--next{cursor:pointer;padding-inline:5px}.c-masonry__zone--close{cursor:zoom-out}.c-masonry__icon--previous,.c-masonry__icon--next{font-size:60px;font-weight:100;color:color-mix(in srgb,var(--foreground) 20%,transparent);transition:color .3s;will-change:color}.c-masonry__zone--previous:hover .c-masonry__icon--previous,.c-masonry__zone--previous.is-active .c-masonry__icon--previous,.c-masonry__zone--next:hover .c-masonry__icon--next,.c-masonry__zone--next.is-active .c-masonry__icon--next{color:var(--accent)}.v-gallery-folder__tile{&:after{background-color:color-mix(in srgb,var(--overlay) 20%,transparent);transition:background-color .3s;will-change:background-color}&:hover:after{background-color:transparent}&:hover .v-gallery-folder__title{text-decoration-line:underline;text-decoration-color:color-mix(in srgb,var(--accent) 80%,transparent);text-decoration-thickness:3px;text-underline-offset:5px}}.v-gallery-folder__media{aspect-ratio:1 / 1;opacity:0;transition:opacity .4s ease-out;will-change:opacity;&.is-loaded{opacity:1}}.v-gallery-folder__title{padding-top:5px;text-align:center;text-transform:uppercase;font-weight:400;font-size:clamp(12px,1vw,14px)}.v-drive{margin-inline:auto;width:100%;max-width:1350px}.v-drive-bar{padding:clamp(10px,2vw,16px);border:var(--border);background-color:color-mix(in srgb,var(--surface) 20%,transparent)}.v-drive-bar__title{font-size:clamp(16px,3vw,22px);font-weight:300;letter-spacing:.025em;color:color-mix(in srgb,var(--foreground) 40%,transparent)}.v-drive-bar__navigation{column-gap:clamp(8px,1vw,14px);padding-right:15px}.v-drive-bar__navigation-item{font-size:clamp(12px,1vw,14px);text-transform:uppercase;letter-spacing:.05em;transition:color .3s;will-change:color;&:hover{text-decoration-line:underline;text-decoration-color:color-mix(in srgb,var(--accent) 80%,transparent);text-decoration-thickness:2px;text-underline-offset:5px}&[aria-current=page]{color:var(--accent)}}.v-drive-bar__actions{gap:8px}.v-drive-bar__action{display:inline-flex;align-items:center;gap:8px;font-size:14px;line-height:20px;font-weight:500;padding:clamp(6px,1vw,8px) clamp(10px,1vw,16px);cursor:pointer;border:var(--border);color:color-mix(in srgb,var(--foreground) 80%,transparent);transition:color .3s,background-color .3s;will-change:color,background-color;&:hover{color:var(--foreground);background-color:color-mix(in srgb,var(--accent) 80%,transparent)}}.v-drive-bar__icon{flex:0 0 auto;width:clamp(16px,1.5vw,22px);height:clamp(16px,1.5vw,22px);min-width:16px;min-height:16px}.v-drive-grid{gap:8px;margin-top:8px}.v-drive-tile{border:var(--border);background-color:color-mix(in srgb,var(--surface) 30%,transparent);transition:border-color .3s;will-change:border-color;&:hover{border-color:var(--foreground)}&:hover .v-drive-tile__thumbnail:after,&:hover .v-drive-tile__icon{opacity:1}}.v-drive-tile__thumbnail{&:after{background-color:color-mix(in srgb,var(--overlay-strong) 80%,transparent);opacity:0;transition:opacity .2s;will-change:opacity}}.v-drive-tile__icon{height:50%;opacity:0;transition:opacity .2s;will-change:opacity}.v-drive-tile__image{height:90%;opacity:0;transition:opacity .4s ease-out;will-change:opacity;&.is-loaded{opacity:1}}.v-drive-tile__video{height:65%;--file: color-mix(in srgb, var(--accent) 40%, var(--background));--fold: color-mix(in srgb, var(--accent) 40%, var(--foreground));--play: var(--foreground)}.v-drive-tile__metadata{padding:5px;border-top:var(--border);&:not(:has(.v-drive-tile__badge:not(:empty),.v-drive-tile__label:not(:empty))){padding:0;border-top:none;background-color:color-mix(in srgb,var(--foreground) 10%,transparent)}}.v-drive-tile__badge,.v-drive-tile__label{text-align:center;font-weight:500}.v-drive-tile__badge{font-size:12px;line-height:16px;opacity:.4}.v-drive-tile__label{font-size:14px;line-height:20px;margin-top:2px}@media(max-width:1024px){.l-header{flex-wrap:wrap;justify-content:space-between;width:100%;padding-top:10px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:color-mix(in srgb,var(--background) 60%,transparent)}.l-header__brand{position:static;order:1;width:auto;padding-left:10px}.l-header__navigation{order:3;justify-content:center}.l-header__social{position:static;order:2;width:auto;padding-right:10px}}@media(max-width:640px){.v-drive-bar{flex-direction:column;align-items:center;gap:16px}.v-drive-bar__title{text-align:center}.v-drive-bar__actions{width:100%;gap:8px}.v-drive-bar__action{width:100%;justify-content:center}}}@layer override{.p-contact{display:flex;flex-direction:column;margin-inline:auto;max-width:800px;padding:clamp(10px,2vw,20px)}.p-contact__title{text-align:center;font-weight:500;font-size:clamp(26px,4vw,36px)}.p-contact__form{display:flex;flex-direction:column;width:100%;gap:clamp(12px,2vw,15px);padding-top:20px}.p-contact__field,.p-contact__button{width:100%;padding:clamp(14px,1.6vw,18px) clamp(16px,2vw,22px);font-size:clamp(15px,1.2vw,16px);line-height:1;border:var(--border);transition:border-color .2s,box-shadow .2s,background-color .2s,color .2s}.p-contact__field{background-color:color-mix(in srgb,var(--surface) 15%,transparent);color:color-mix(in srgb,var(--foreground) 85%,transparent);&::placeholder{color:color-mix(in srgb,var(--foreground) 40%,transparent)}&:focus{outline:none;border-color:var(--accent)}}.p-contact__button{cursor:pointer;background-color:color-mix(in srgb,var(--surface) 30%,transparent);color:color-mix(in srgb,var(--foreground) 85%,transparent);&:hover{background-color:color-mix(in srgb,var(--accent) 80%,transparent);color:var(--foreground)}&:disabled{opacity:.5}}.p-about{display:flex;flex-direction:column;margin-inline:auto;max-width:1100px;padding:clamp(10px,2vw,20px);padding-top:clamp(0px,2vw,60px)}.p-about__intro{display:flex;flex-direction:row;gap:clamp(10px,2vw,20px)}.p-about__portrait{flex-shrink:0;width:50%;overflow:hidden}.p-about__portrait>img{object-fit:cover;object-position:left;width:100%;max-width:none}.p-about__bio{display:flex;flex-direction:column;gap:clamp(10px,2vw,25px)}.p-about__bio-title{font-size:clamp(26px,4vw,36px);font-weight:500}.p-about__bio-text{display:flex;flex-direction:column;text-align:justify;gap:clamp(10px,2vw,25px);font-size:clamp(12px,2vw,16px);line-height:1.8}.p-about__logo-section{display:flex;flex-direction:column;gap:clamp(20px,4vw,40px)}.p-about__logo-title{padding-top:clamp(20px,5vw,50px);text-align:center;font-size:clamp(26px,4vw,36px);font-weight:500}.p-about__logo-grid{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(16px,2vw,20px)}.p-about__logo-grid>li>svg{height:20px}.p-about__logo-grid>li>img{height:70px}.p-not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:80vh;row-gap:16px}.p-not-found__code{font-weight:600;font-size:clamp(20px,4vw,30px);color:color-mix(in srgb,var(--foreground) 40%,transparent)}.p-not-found__title{font-weight:500;font-size:clamp(26px,4vw,36px)}.p-not-found__message{font-size:clamp(12px,1vw,14px);color:color-mix(in srgb,var(--foreground) 40%,transparent)}.p-not-found__link{margin-top:16px;text-decoration:underline;color:var(--accent)}@media(max-width:640px){.p-about__intro{flex-direction:column}.p-about__portrait{width:100%}.p-about__portrait>img{width:110%}.p-about__bio{text-align:center;padding-top:10px}}}@layer base{:where(*,*:before,*:after){box-sizing:border-box}:where(body){-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;text-size-adjust:100%;margin:0;min-height:100svh;line-height:1.5;font-family:ui-sans-serif,system-ui,sans-serif;background-color:var(--background);color:var(--foreground)}:where(h1,h2,h3,h4,h5,h6){margin:0;font:inherit}:where(p,figure,blockquote){margin:0}:where(a){color:inherit;text-decoration:none}:where(ul,ol){margin:0;padding:0;list-style:none}:where(img,video){display:block;max-width:100%;height:auto;-webkit-user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none;user-select:none;touch-action:manipulation}:where(canvas,svg){display:block;max-width:100%}:where(button,input,textarea,select){margin:0;font:inherit;color:inherit;line-height:inherit}:where(textarea){resize:vertical}:where(button,input[type=button],input[type=submit],input[type=reset]){appearance:none;-webkit-appearance:none;background:transparent;border:0;padding:0;cursor:pointer}:where(button:disabled,input[type=button]:disabled,input[type=submit]:disabled,input[type=reset]:disabled){pointer-events:none;cursor:not-allowed}:where([hidden]){display:none!important}}@layer app{.c-masonry__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));grid-auto-rows:1px}.c-masonry__tile{padding:var(--masonry-tile-padding, 0px);grid-row-end:span calc(var(--span) + var(--masonry-tile-padding, 0px) * 2 / 1px);content-visibility:auto;contain-intrinsic-size:calc(var(--width) + var(--masonry-tile-padding, 0px) * 2) calc(var(--height) + var(--masonry-tile-padding, 0px) * 2);&.is-filtered{display:none}}.c-masonry__viewer{display:none;position:fixed;inset:0;z-index:50;outline:none;justify-content:center;align-items:stretch;background-color:var(--background);color:var(--foreground);&.is-open{display:flex}}.c-masonry__viewer-media{object-fit:contain;height:100%}.c-masonry__zone--previous,.c-masonry__zone--next,.c-masonry__zone--close{display:flex;position:absolute;align-items:center;inset-block:0}.c-masonry__zone--previous{left:0%;width:40%;justify-content:flex-start}.c-masonry__zone--next{right:0%;width:40%;justify-content:flex-end}.c-masonry__zone--close{left:40%;width:20%}.c-masonry__icon--previous,.c-masonry__icon--next{display:block}.v-gallery-folder__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.v-gallery-folder__tile{display:grid;grid-template-areas:"media" "title";grid-template-rows:auto auto;grid-template-columns:1fr;padding:var(--gallery-tile-padding, 0px);isolation:isolate;&:after{content:"";grid-area:media;align-self:stretch;justify-self:stretch;z-index:1;pointer-events:none}}.v-gallery-folder__media{grid-area:media;width:100%;object-fit:cover;display:block}.v-gallery-folder__title{grid-area:title;z-index:2}.v-drive-bar{display:flex;align-items:flex-end;justify-content:space-between}.v-drive-bar__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v-drive-bar__navigation{display:flex;flex-wrap:wrap;align-items:center}.v-drive-bar__actions{display:flex;align-items:center}.v-drive-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.v-drive-tile{overflow:hidden}.v-drive-tile__link{display:grid;grid-template-rows:auto auto;width:100%}.v-drive-tile__thumbnail{position:relative;overflow:hidden;isolation:isolate;width:100%;aspect-ratio:1 / 1;&:after{content:"";position:absolute;inset:0;z-index:1}}.v-drive-tile__icon,.v-drive-tile__image,.v-drive-tile__video{display:block;position:absolute;object-fit:contain;margin:auto;inset:0;aspect-ratio:1 / 1}.v-drive-tile__icon{z-index:2}@media(max-width:1024px){.c-masonry__grid,.v-gallery-folder__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.v-drive-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:640px){.c-masonry__grid,.v-gallery-folder__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v-drive-bar__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.v-drive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(hover:none){.c-masonry__zone--previous,.c-masonry__zone--next,.c-masonry__zone--close{display:none}}}