.site-intro{--site-intro-guides:clamp(200px, 22vw, 319px);--site-intro-circle-r:calc(var(--site-intro-guides) / 4);--site-intro-ox:var(--site-intro-circle-r);--site-intro-oy:var(--site-intro-circle-r);--site-intro-logo-cut:calc(var(--site-intro-guides) * .875 * .9);--site-intro-logo:calc(var(--site-intro-guides) * .376 * .9);--site-intro-type:calc(var(--site-intro-guides) * .125);z-index:100;pointer-events:none;color:rgb(var(--ink-rgb) / .55);place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}@property --site-intro-iris{syntax:"<percentage>";inherits:false;initial-value:0%}.site-intro__veil{background:var(--paper);--site-intro-iris:0%;-webkit-mask-image:radial-gradient(circle at 50% 50%, transparent var(--site-intro-iris), #000 var(--site-intro-iris));-webkit-mask-image:radial-gradient(circle at 50% 50%, transparent var(--site-intro-iris), #000 var(--site-intro-iris));mask-image:radial-gradient(circle at 50% 50%, transparent var(--site-intro-iris), #000 var(--site-intro-iris));will-change:opacity;position:absolute;inset:0}.site-intro.is-leaving .site-intro__veil{animation:.95s cubic-bezier(.22,1,.36,1) forwards site-intro-iris}@keyframes site-intro-iris{0%{opacity:1;--site-intro-iris:0%}70%{opacity:1}to{opacity:0;--site-intro-iris:140%}}.site-intro__stage{z-index:1;place-items:center;width:100%;height:100%;display:grid;position:relative}.site-intro__guides{width:var(--site-intro-guides);height:var(--site-intro-guides);pointer-events:none;position:absolute;top:50%;left:50%;translate:-50% -50%;rotate:45deg}.site-intro__circle{width:calc(var(--site-intro-circle-r) * 2);height:calc(var(--site-intro-circle-r) * 2);position:absolute;overflow:visible}.site-intro__circle--tl{left:calc(50% - var(--site-intro-ox) - var(--site-intro-circle-r));top:calc(50% - var(--site-intro-oy) - var(--site-intro-circle-r))}.site-intro__circle--tr{left:calc(50% + var(--site-intro-ox) - var(--site-intro-circle-r));top:calc(50% - var(--site-intro-oy) - var(--site-intro-circle-r))}.site-intro__circle--br{left:calc(50% + var(--site-intro-ox) - var(--site-intro-circle-r));top:calc(50% + var(--site-intro-oy) - var(--site-intro-circle-r))}.site-intro__circle--bl{left:calc(50% - var(--site-intro-ox) - var(--site-intro-circle-r));top:calc(50% + var(--site-intro-oy) - var(--site-intro-circle-r))}.site-intro__brand{z-index:2;will-change:transform, opacity, filter;flex-direction:row;justify-content:center;align-items:center;gap:0;display:flex;position:relative}.site-intro__logo{width:var(--site-intro-logo);height:var(--site-intro-logo);object-fit:contain;-webkit-user-select:none;user-select:none;flex:none;transition:width .52s cubic-bezier(.22,1,.36,1),height .52s cubic-bezier(.22,1,.36,1)}.site-intro__logo.is-cut{width:var(--site-intro-logo-cut);height:var(--site-intro-logo-cut)}.site-intro__url-mask{white-space:nowrap;min-width:0;overflow:hidden}.site-intro__url{color:var(--ink);font-family:var(--font-body);font-size:var(--site-intro-type);letter-spacing:-.02em;padding-right:.02em;font-weight:736;line-height:1.15;display:inline-block}html[data-intro="1"],html[data-intro=out],html[data-intro="1"] body,html[data-intro=out] body{overscroll-behavior:none;overflow:hidden}html[data-intro="1"] body:before{content:"";z-index:99;background:var(--paper);pointer-events:none;position:fixed;inset:0}html[data-intro="1"] .hero__line,html[data-intro="1"] .hero__role{animation-play-state:paused}html[data-intro="1"] .site-header,html[data-intro="1"] .site-footer{opacity:0}html[data-intro=out] .site-header,html[data-intro=out] .site-footer{opacity:1;transition:opacity .7s cubic-bezier(.22,1,.36,1)}@media (max-width:640px){.site-intro{--site-intro-guides:clamp(148px, 50vw, 197px)}}@media (prefers-reduced-motion:reduce){.site-intro{display:none}html[data-intro="1"] .site-header,html[data-intro="1"] .site-footer{opacity:1}}
