@font-face{font-family:PP Frama;src:url(/holding/PPFrama-Regular.otf)format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:PP Frama Text;src:url(/holding/PPFramaText-Regular.otf)format("opentype");font-weight:400;font-style:normal;font-display:swap}:root{color:#f0f0f0;background:#333}*{box-sizing:border-box}html,body{margin:0}main{--dot-x:97.4%;--dot-y:61.26%;--logo-width:min(760px, 52.8vw, calc(100vw - 48px));--logo-aspect:1210 / 182;--origin-x:69.4vw;--origin-y:46.7vh;--ring-spacing:max(18.2vw, 29vh);isolation:isolate;min-height:max(100svh,320px);position:relative;overflow:hidden}.identity{z-index:1;top:var(--origin-y);left:var(--origin-x);width:var(--logo-width);aspect-ratio:var(--logo-aspect);transform:translate(calc(-1 * var(--dot-x)), calc(-1 * var(--dot-y)));position:absolute}.logo{z-index:1;will-change:transform;width:100%;height:auto;display:block;position:relative;overflow:visible}.logo--stacked{display:none}.ripple{z-index:0;top:var(--dot-y);left:var(--dot-x);width:calc(var(--ring-spacing) * 8);height:calc(var(--ring-spacing) * 8);pointer-events:none;position:absolute;overflow:visible;transform:translate(-50%,-50%)}.ring{fill:none;stroke:#eaff8c;stroke-width:2px;stroke-linecap:round;stroke-dasharray:0 11;vector-effect:non-scaling-stroke}.letterforms,.dot{transform-box:fill-box;transform-origin:50%}footer{z-index:2;pointer-events:none;position:absolute;inset:0}h1{color:#f0f0f0;letter-spacing:-.01em;margin:0;font:400 40px/46px PP Frama,sans-serif;position:absolute;bottom:80px;left:80px}.contact{flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:absolute;bottom:80px;right:80px}a{color:inherit;letter-spacing:-.02em;text-underline-offset:4px;pointer-events:auto;font:400 16px/24px PP Frama Text,sans-serif}a:focus-visible{outline-offset:8px;outline:2px solid #eaff8c}@media (prefers-reduced-motion:no-preference){html[data-reveal=pending] .letterforms,html[data-reveal=pending] .ring,html[data-reveal=pending] h1,html[data-reveal=pending] .contact a{opacity:0}html[data-reveal=pending] .dot{transform:scale(0)}html[data-reveal=pending] .ring--halo{r:.164}html[data-reveal=pending] .ring--one{r:.82}html[data-reveal=pending] .ring--two{r:1.64}html[data-reveal=pending] .ring--three{r:2.46}html[data-reveal=pending] .ring--four{r:3.28}html[data-reveal=pending] h1{transform:translateY(8px)}h1,.contact a{will-change:transform, opacity}html[data-reveal=shown] .letterforms{opacity:1;transition:opacity .7s cubic-bezier(.22,1,.36,1)}html[data-reveal=shown] .dot{transition:transform .5s cubic-bezier(.22,1,.36,1) .15s;transform:scale(1)}html[data-reveal=shown] .ring{opacity:1;transition:opacity .9s cubic-bezier(.22, 1, .36, 1) var(--ring-delay), r .9s cubic-bezier(.22, 1, .36, 1) var(--ring-delay)}html[data-reveal=shown] .ring--halo{r:.2}html[data-reveal=shown] .ring--one{r:1}html[data-reveal=shown] .ring--two{r:2}html[data-reveal=shown] .ring--three{r:3}html[data-reveal=shown] .ring--four{r:4}.ring--halo{--ring-delay:.35s}.ring--one{--ring-delay:.44s}.ring--two{--ring-delay:.53s}.ring--three{--ring-delay:.62s}.ring--four{--ring-delay:.71s}html[data-reveal=shown] h1{opacity:1;transition:opacity .5s cubic-bezier(.22,1,.36,1) .5s,transform .5s cubic-bezier(.22,1,.36,1) .5s;transform:translateY(0)}html[data-reveal=shown] .contact a{opacity:1;transition:opacity .5s cubic-bezier(.22,1,.36,1) .54s}html[data-reveal] footer a:focus-visible{opacity:1;transition:none;transform:none}}@media (hover:hover) and (pointer:fine){a:hover{color:#eaff8c}}@media (width>=700px) and (width<=1023px){h1{font-size:32px;line-height:38px}}@media (width<=699px){main{--dot-x:93.33%;--dot-y:89.34%;--logo-width:min(250px, 64vw, calc(100vw - 48px));--logo-aspect:599 / 292;--origin-x:77.8vw;--origin-y:45vh;--ring-spacing:max(36.5vw, 17vh)}.logo--horizontal{display:none}.logo--stacked{display:block}.ring{stroke-width:1.5px}footer{flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:12px;display:flex;bottom:40px;left:24px;right:24px}h1,.contact{position:static}h1{font-size:30px;line-height:35px}.contact{align-items:flex-start}a{font-size:14px;line-height:20px}}@media (orientation:landscape) and (height<=500px){main{--logo-width:min(390px, 45vw, calc(100vw - 48px))}footer{bottom:24px}}@media (width>=700px) and (orientation:landscape) and (height<=500px){h1{bottom:24px;left:24px}.contact{bottom:24px;right:24px}}@media (prefers-reduced-motion:reduce){.letterforms,.dot,h1,.contact a{transform:none;opacity:1!important;transition:none!important}.ring{opacity:1!important;transition:none!important}}
