@font-face{font-display:swap;font-family:Coolvetica;src:url(/static/media/CoolveticaRg-Regular.7d1f3b1dd46ad6557a17.woff2) format("woff2")}@font-face{font-display:swap;font-family:Helvetica Neue;src:url(/static/media/helvetica-neu.8a19678078a6b21c8057.ttf) format("truetype")}html{font-size:62.5%}#root,body,html{min-height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#579fd1;color:#f7fbff;font:300 1.4rem/1.5 Helvetica Neue,Arial,sans-serif;margin:0}*{box-sizing:border-box}::selection{background:#c7f169;color:#1e2631}.portfolio{background:#2876d3;color:#f7fbff;isolation:isolate;min-height:100vh;min-height:100svh;overflow:hidden;position:relative;width:100%}.app-stage{overflow:clip;position:relative}.app-stage>.portfolio{scale:1.18;transform-origin:50% 45%;transition:scale 1.15s cubic-bezier(.22,1,.36,1) .1s}.app-stage.is-revealed>.portfolio{scale:1}.portfolio.is-waiting .hero-copy,.portfolio.is-waiting .portrait-stage,.portfolio.is-waiting .scene-footer{animation-play-state:paused}.sky-image,.sky-tint{height:100%;inset:0;position:absolute;width:100%}.sky-image{object-fit:cover;object-position:center 38%;transform:scale(1.01);z-index:0}.sky-tint{background:linear-gradient(180deg,#12345b1a,#12345b00 44%,#12345b2b),linear-gradient(90deg,#12345b24,#12345b0a 58%,#12345b00);z-index:1}.eyebrow,.scene-footer,.study-label{font-size:1rem;letter-spacing:.14em;text-transform:uppercase}.hero{align-items:center;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:100vh;min-height:100svh;padding:4rem clamp(3rem,7vw,12rem) calc(70px + 3rem)}.hero,.hero-copy{position:relative}.hero-copy{grid-column:1;grid-row:1;max-width:710px;z-index:5}.hero-copy.is-intro{animation:fade-up .85s .18s both}.hero-copy.is-leaving{animation:copy-out .48s cubic-bezier(.4,0,1,1) both}.hero-copy.is-entering{animation:copy-in .52s cubic-bezier(0,0,.2,1) both}.about-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#102b5057;border:1px solid #f7fbff8c;box-shadow:0 18px 55px #10274624;color:#f7fbff;max-width:44rem;padding:clamp(1.75rem,3vw,2.75rem)}.about-card h1{color:#f7fbff;font:400 clamp(3rem,5vw,5rem)/.95 Coolvetica,sans-serif;letter-spacing:-.04em;margin:0 0 1rem}.about-card>p:not(.about-card-label){color:#f7fbffe0;font-size:clamp(1.5rem,1.35vw,1.8rem);line-height:1.6;margin:0}.about-card>p:not(.about-card-label)+p{margin-top:1rem}.about-card-label{color:#eaff8a;font-size:.78rem;letter-spacing:.16em;margin:0 0 1.25rem}.eyebrow{align-items:center;color:#f7fbffe8;display:flex;font-size:1.1rem;gap:1.2rem;margin:0 0 2.5rem;text-shadow:0 2px 12px #10274642}.hero h1{color:#f7fbff;font:400 clamp(6rem,min(8.4vw,14vh),12rem)/.82 Coolvetica,sans-serif;letter-spacing:-.045em;margin:0 0 2.4rem -.05em;text-shadow:0 5px 35px #10274640}.surname{display:block;margin-top:1.35rem}.title-period{color:#eaff8a}.hero-description{color:#f7fbff;font-size:clamp(1.4rem,1.5vw,1.8rem);line-height:1.65;margin:0 0 2.3rem;max-width:40rem;text-shadow:0 2px 12px #10274659}.hero-description span{color:#f7fbffc7}.study-label{align-items:center;color:#eaff8a;display:flex;font-size:.9rem;gap:1.1rem;line-height:1.65;text-shadow:0 2px 10px #10274647}.study-line{background:#eaff8a;height:1px;width:3rem}.cloud-layer{z-index:3}.bird-layer,.cloud-layer{inset:0;overflow:hidden;pointer-events:none;position:absolute}.bird-layer{z-index:2}.bird{filter:drop-shadow(0 1px 3px rgba(16,39,70,.16));height:auto;position:absolute}.bird-far{filter:blur(.45px) drop-shadow(0 1px 3px rgba(16,39,70,.1));opacity:.28;scale:.76}.bird-mid{opacity:.5;scale:.9}.bird-near{opacity:.76}.bird-one{left:62%;top:5%;width:8.2rem}.bird-two{left:73%;top:9%;width:6.2rem}.bird-three{left:64%;top:13%;width:7.1rem}.bird-four{left:72%;top:19%;width:5.8rem}.bird-five{left:52%;top:17%;width:6.8rem}.bird-six{left:51%;top:7%;width:5.4rem}.bird-seven{left:62%;top:22%;width:6.2rem}.cloud-hitbox{animation:cloud-drift 80s linear infinite;position:absolute}.cloud{filter:drop-shadow(0 12px 16px rgba(23,74,128,.1));height:auto;left:0;opacity:.84;position:absolute;top:0;width:100%}.cloud-back-left{animation-delay:-48s;animation-duration:92s;aspect-ratio:1800/740;left:-35%;top:14%;width:clamp(19rem,29vw,42rem)}.cloud-back-left .cloud{opacity:.75}.cloud-back-right{animation-delay:-17s;animation-duration:104s;aspect-ratio:1800/957;left:-35%;top:38%;width:clamp(18rem,25vw,36rem)}.cloud-back-right .cloud{opacity:.7}.cloud-back-low{animation-delay:-75s;animation-duration:110s;aspect-ratio:1800/861;bottom:2%;left:-38%;width:clamp(23rem,34vw,48rem)}.cloud-back-low .cloud{opacity:.62}.cloud-front-left{animation-delay:-29s;animation-duration:76s;aspect-ratio:1440/1093;left:-37%;top:27%;width:clamp(21rem,30vw,43rem)}.cloud-front-right{animation-delay:-54s;animation-duration:86s;aspect-ratio:1800/961;left:-37%;top:57%;width:clamp(18rem,24vw,34rem)}.cloud-front-right .cloud{opacity:.82}.cloud-front-low{animation-delay:-71s;animation-duration:96s;aspect-ratio:1800/659;left:-37%;top:6%;width:clamp(15rem,21vw,30rem)}.cloud-front-low .cloud{opacity:.85}.portrait-stage{animation:fade-up .9s .28s both;bottom:0;height:min(76vh,720px);position:absolute;right:clamp(0px,50vw - 720px,10vw);transform:translateZ(0);transform:translate3d(var(--pointer-x,0),var(--pointer-y,0),0);transition:transform .4s ease-out;width:50%;z-index:3}.character-frame{inset:7% 6% 0;perspective:1600px;position:absolute}.character-portrait{backface-visibility:visible;filter:drop-shadow(0 24px 25px rgba(16,39,70,.25));height:100%;inset:0;object-fit:contain;object-position:center bottom;position:absolute;transition:filter .3s ease-out;width:100%}.portrait-turn{aspect-ratio:768/671;bottom:0;height:100%;left:50%;position:relative;position:absolute;transform:rotateX(0deg) rotateY(0deg);transform:rotateX(var(--portrait-tilt-x,0deg)) rotateY(var(--portrait-tilt-y,0deg));transform-origin:center 70%;transform-style:preserve-3d;transition:transform .3s ease-out;translate:-50% 0;width:auto;z-index:2}.portrait-turn.is-spinning{animation:character-swap 1.1s linear 1 both}.portrait-turn.is-spinning.is-returning{animation-name:character-swap-back}.graduation-outfit{clip-path:inset(-40% -20% 0 -20%);inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .12s ease;z-index:3}.graduation-outfit.is-visible{opacity:1}.graduation-gown{height:auto;left:-4.44%;pointer-events:none;position:absolute;top:41.6%;width:113.4%;z-index:1}.graduation-outfit.is-visible .graduation-gown{animation:gown-settle .52s cubic-bezier(.2,.8,.3,1) both}.graduation-cap{height:auto;left:22.5%;pointer-events:none;position:absolute;top:-16.2%;transform-origin:48% 100%;width:54.7%;z-index:2}.graduation-outfit.is-visible .graduation-cap{animation:cap-drop .64s cubic-bezier(.3,1.4,.5,1) .14s both}.tear-stream{inset:0;z-index:4}.tear-drop,.tear-stream{pointer-events:none;position:absolute}.tear-drop{filter:drop-shadow(0 2px 4px rgba(13,39,68,.3));height:auto;opacity:0;width:2.3%}.tear-left{animation:tear-fall-left 2.1s ease-in infinite;left:45.8%;top:19.1%}.tear-right{animation:tear-fall-right 2.1s ease-in -1.05s infinite;left:57.8%;top:19.4%}.team-note{align-items:flex-end;display:flex;flex-direction:column;pointer-events:none;position:absolute;right:0;top:4%;width:38%;z-index:6}.team-note span{animation:copy-in .52s cubic-bezier(0,0,.2,1) .7s both;color:#f7fbff;font-size:clamp(1.4rem,1.3vw,1.8rem);letter-spacing:.04em;text-shadow:0 2px 12px #10274659;white-space:nowrap}.team-note svg{fill:none;stroke:#f7fbff;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 2px 6px rgba(16,39,70,.3));margin-top:.6rem;overflow:visible;width:100%}.team-note path{stroke-dasharray:1;stroke-dashoffset:1;animation:draw-line .6s cubic-bezier(.4,0,.2,1) .9s forwards}.team-note .team-note-head{animation-delay:1.45s;animation-duration:.2s}.portrait-stage .character-frame{transform-origin:50% 100%;transition:transform .7s cubic-bezier(.3,1.25,.5,1)}.portrait-stage.is-crying .character-frame{transform:translateY(1.5%) scale(.99)}.portrait-stage:hover .character-portrait{filter:drop-shadow(0 28px 32px rgba(16,39,70,.32)) drop-shadow(0 0 18px rgba(234,255,138,.28))}.mail-card{align-items:center;animation:tag-float 5s ease-in-out infinite;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#102b5057;border:1px solid #f7fbff8c;bottom:calc(70px + clamp(2rem,6vh,6rem));box-shadow:0 18px 55px #10274624;color:#f7fbff;display:flex;gap:1.6rem;padding:1.6rem 2.2rem 1.6rem 1.6rem;position:absolute;right:0;text-decoration:none;transition:border-color .2s ease,background .2s ease;z-index:5}.mail-card:focus-visible,.mail-card:hover{background:#102b507a;border-color:#f7fbff;outline:none}.mail-card:focus-visible .mail-arrow,.mail-card:hover .mail-arrow{opacity:1;translate:4px 0}.mail-card:focus-visible{box-shadow:0 0 0 2px #f7fbffd9}.mail-icon{border:1px solid #f7fbff73;border-radius:50%;display:grid;flex:none;height:4.6rem;place-items:center;width:4.6rem}.mail-icon svg{fill:none;stroke:currentColor;stroke-width:1.4;stroke-linejoin:round;width:2.2rem}.mail-text small,.mail-text strong{display:block}.mail-text strong{font:400 2.2rem/1.1 Coolvetica,sans-serif;letter-spacing:-.01em}.mail-text small{color:#f7fbffe6;font-size:1.5rem;margin-top:.5rem}.mail-arrow{font-size:1.8rem;margin-left:.4rem;opacity:.6;transition:translate .2s ease-out,opacity .2s ease}.scene-footer{align-items:center;animation:fade-up .8s .38s both;background:#102b5033;border-top:1px solid #ffffff47;bottom:0;color:#f7fbffdb;display:flex;gap:5.25rem;justify-content:center;left:0;min-height:70px;padding:0 clamp(2rem,5vw,7.2rem);position:absolute;right:0;z-index:8}.footer-button,.scene-footer{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.footer-button{background:#f7fbff14;border:1px solid #f7fbff8c;color:#f7fbff;cursor:pointer;font:inherit;font-size:1.4rem;letter-spacing:.06em;min-width:15rem;padding:1.2rem 2rem;text-transform:none;transition:border-color .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease}.footer-button:focus-visible,.footer-button:hover{background:#eaff8a29;border-color:#eaff8a;box-shadow:0 0 18px #eaff8a73,inset 0 0 12px #eaff8a1f;color:#eaff8a;outline:none}.footer-button:focus-visible{box-shadow:0 0 0 2px #f7fbffd9,0 0 20px #eaff8a8c}@keyframes fade-up{0%{opacity:0;translate:0 20px}to{opacity:1;translate:0 0}}@keyframes cloud-drift{0%{translate:-5vw 0}to{translate:150vw 0}}@keyframes tag-float{50%{translate:0 -7px}}@keyframes character-swap{0%{animation-timing-function:cubic-bezier(.3,0,.4,1);rotate:y 0deg;scale:1 1;translate:-50% 0}14%{animation-timing-function:cubic-bezier(.5,0,.75,.55);rotate:y 0deg;scale:1.04 .95;translate:-50% 1.6%}50%{rotate:y 90deg;scale:1.07 1.07;translate:-50% -7%}50.01%{animation-timing-function:cubic-bezier(.2,.6,.35,1);rotate:y -90deg;scale:1.07 1.07;translate:-50% -7%}82%{animation-timing-function:cubic-bezier(.3,.5,.4,1);rotate:y 8deg;scale:1.04 .95;translate:-50% 1.2%}to{rotate:y 0deg;scale:1 1;translate:-50% 0}}@keyframes character-swap-back{0%{animation-timing-function:cubic-bezier(.3,0,.4,1);rotate:y 0deg;scale:1 1;translate:-50% 0}14%{animation-timing-function:cubic-bezier(.5,0,.75,.55);rotate:y 0deg;scale:1.04 .95;translate:-50% 1.6%}50%{rotate:y -90deg;scale:1.07 1.07;translate:-50% -7%}50.01%{animation-timing-function:cubic-bezier(.2,.6,.35,1);rotate:y 90deg;scale:1.07 1.07;translate:-50% -7%}82%{animation-timing-function:cubic-bezier(.3,.5,.4,1);rotate:y -8deg;scale:1.04 .95;translate:-50% 1.2%}to{rotate:y 0deg;scale:1 1;translate:-50% 0}}@keyframes tear-fall-left{0%{opacity:0;transform:translateY(0) scale(.35)}18%{opacity:.95;transform:translateY(10px) scale(1)}60%{opacity:.95;transform:translateY(75px) scale(.95)}85%{opacity:.5;transform:translateY(135px) scale(.85)}to{opacity:0;transform:translateY(170px) scale(.7)}}@keyframes tear-fall-right{0%{opacity:0;transform:translateY(0) scale(.35)}18%{opacity:.95;transform:translateY(10px) scale(1)}60%{opacity:.95;transform:translateY(75px) scale(.95)}85%{opacity:.5;transform:translateY(135px) scale(.85)}to{opacity:0;transform:translateY(170px) scale(.7)}}@keyframes card-flicker{0%,16%,34%,to{border-color:#eaff8ab3;box-shadow:0 18px 55px #10274624}26%,8%{border-color:#eaff8af2;box-shadow:0 18px 55px #10274624,0 0 24px #eaff8a59}}.work-card{animation:card-flicker 2.4s ease-in-out .72s infinite;border-color:#eaff8ab3;position:relative}.work-card:after{animation:card-pulse 2.4s ease-out .72s infinite;border:1px solid #eaff8ae6;content:"";inset:-1px;opacity:0;pointer-events:none;position:absolute}.work-card h1 span{color:#eaff8a}@keyframes card-pulse{0%,17%{opacity:0;scale:1}23%,6%{opacity:.9;scale:1}16%,34%,to{opacity:0;scale:1.03 1.06}}@keyframes gown-settle{0%{opacity:0;scale:.94;translate:0 4%}to{opacity:1;scale:1;translate:0 0}}@keyframes cap-drop{0%{opacity:0;rotate:-14deg;translate:-4% -55%}35%{opacity:1}to{opacity:1;rotate:0deg;translate:0 0}}@keyframes draw-line{to{stroke-dashoffset:0}}@keyframes copy-out{to{opacity:0;translate:0 -14px}}@keyframes copy-in{0%{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}@media(max-aspect-ratio:4/5),(max-width:900px){.hero{align-items:start;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(30vh,1fr);padding:clamp(2.4rem,7vh,6rem) clamp(2rem,6vw,5rem) 70px;row-gap:1.6rem}.bird-layer{display:none}.hero-copy{max-width:60rem}.hero h1{font-size:clamp(6rem,13vw,10rem)}.about-card{max-width:52rem}.portrait-stage{align-self:stretch;grid-column:1;grid-row:2;height:auto;justify-self:center;margin-bottom:-70px;max-width:720px;position:relative;right:auto;width:100%}.character-frame{inset:12% 0 0}.mail-card{bottom:calc(70px + 1.2rem);right:0}}@media(max-width:620px){.sky-image{object-position:center}.hero{padding:2.4rem 1.6rem 58px;row-gap:1.2rem}.about-card{background:#102b508c;max-width:100%;padding:1.6rem}.about-card h1{font-size:3.4rem}.about-card-label{font-size:1rem;margin-bottom:.9rem}.eyebrow{font-size:1.1rem;gap:.8rem}.eyebrow,.hero h1{margin-bottom:1.4rem}.hero h1{font-size:clamp(5.6rem,17vw,9rem)}.surname{margin-top:.9rem}.hero-description{font-size:1.5rem;margin-bottom:1.2rem;max-width:32rem}.study-label{font-size:1rem}.study-line{width:2rem}.portrait-stage{margin-bottom:-58px}.character-frame{inset:14% 0 0}.mail-card{bottom:calc(58px + .8rem);gap:1rem;padding:1rem 1.4rem 1rem 1rem;right:0}.mail-icon{height:3.6rem;width:3.6rem}.mail-icon svg{width:1.8rem}.mail-text strong{font-size:1.7rem}.mail-text small{font-size:1.25rem}.scene-footer{gap:.75rem;min-height:58px;padding:0 1rem}.footer-button{font-size:1.2rem;min-width:0;padding:.9rem 1.1rem}.cloud-back-low,.cloud-front-low{display:none}}@media(max-width:620px)and (max-height:700px){.mail-card{padding:.8rem 1.2rem .8rem .8rem}.mail-arrow,.mail-text small{display:none}}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.lang-select{color:#f7fbff;display:grid;inset:0;overflow:hidden;place-items:center;position:fixed;z-index:100}.lang-glass{-webkit-backdrop-filter:blur(20px) saturate(1.1);backdrop-filter:blur(20px) saturate(1.1);inset:0;position:absolute;transition:-webkit-backdrop-filter 1s cubic-bezier(.4,0,.2,1) .1s;transition:backdrop-filter 1s cubic-bezier(.4,0,.2,1) .1s;transition:backdrop-filter 1s cubic-bezier(.4,0,.2,1) .1s,-webkit-backdrop-filter 1s cubic-bezier(.4,0,.2,1) .1s}.lang-glass:before{background:radial-gradient(ellipse at 50% 45%,#f7fbff29,#0000 60%),linear-gradient(180deg,#12345b2e,#12345b57);content:"";inset:0;position:absolute;transition:opacity .9s ease .1s}.lang-content{align-items:center;display:flex;flex-direction:column;padding:0 2rem 6vh;position:relative}.lang-title{animation:lang-rise .9s cubic-bezier(.2,.8,.2,1) .15s both;font:400 clamp(4.8rem,7vw,8.4rem)/1 Coolvetica,sans-serif;letter-spacing:-.03em;margin:0 0 4.4rem;text-shadow:0 5px 35px #10274640}.lang-options{display:flex;flex-wrap:wrap;gap:2.4rem;justify-content:center}.lang-button{align-items:flex-start;animation:lang-rise .8s cubic-bezier(.2,.8,.2,1) both;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#102b5047;border:1px solid #f7fbff8c;box-shadow:0 18px 55px #10274624;color:#f7fbff;cursor:pointer;display:flex;flex-direction:column;font:inherit;min-width:22rem;padding:2.2rem 2.8rem 2.4rem;text-align:left;transition:translate .22s ease-out,border-color .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease}.lang-button:focus-visible,.lang-button:hover{background:#eaff8a24;border-color:#eaff8a;box-shadow:0 18px 55px #1027462e,0 0 22px #eaff8a66;color:#eaff8a;outline:none;translate:0 -4px}.lang-button:focus-visible{box-shadow:0 0 0 2px #f7fbffd9,0 0 22px #eaff8a80}.lang-button:disabled{cursor:default}.lang-button-de{animation-delay:.38s}.lang-button-en{animation-delay:.48s}.lang-code{font:400 5.6rem/.9 Coolvetica,sans-serif;letter-spacing:-.03em}.lang-name{font-size:1.3rem;letter-spacing:.16em;margin-top:.8rem;opacity:.85;text-transform:uppercase}.lang-select.is-leaving{pointer-events:none}.lang-select.is-leaving .lang-glass{-webkit-backdrop-filter:blur(0) saturate(1);backdrop-filter:blur(0) saturate(1)}.lang-select.is-leaving .lang-glass:before{opacity:0}.lang-select.is-leaving .lang-title{animation:lang-leave .45s cubic-bezier(.4,0,1,1) 80ms both}.lang-button.is-picked{animation:lang-pick .6s cubic-bezier(.3,1.3,.5,1) both;background:#eaff8a2e;border-color:#eaff8a;box-shadow:0 0 30px #eaff8a8c;color:#eaff8a}.lang-button.is-dropped{animation:lang-leave .4s cubic-bezier(.4,0,1,1) both}@keyframes lang-rise{0%{opacity:0;translate:0 24px}to{opacity:1;translate:0 0}}@keyframes lang-leave{to{opacity:0;translate:0 -16px}}@keyframes lang-pick{0%{scale:1}35%{opacity:1;scale:1.06}to{opacity:0;scale:1.1}}@media(max-width:620px){.lang-title{margin-bottom:3.2rem}.lang-options{gap:1.6rem}.lang-button{min-width:14rem;padding:1.6rem 2rem 1.8rem}.lang-code{font-size:4.4rem}.lang-name{font-size:1.1rem}}
/*# sourceMappingURL=main.7fd9c769.css.map*/