.hero{height:100dvh;min-height:calc(560 * var(--u));background:var(--gallery);position:relative;overflow:hidden}.hero:before{content:"";width:var(--seam);background:var(--paper);position:absolute;top:0;bottom:0;left:0}.site:has(.hero[data-intro=pending]):not(:has(.home>:target)){--seam:0%!important}.hero :is(.day,.night){position:absolute;inset:0}.hero .night{clip-path:polygon(calc(var(--seam) - var(--seam-o)) 0, calc(100% + calc(400 * var(--u))) 0, calc(100% + calc(400 * var(--u))) 100%, calc(var(--seam) + var(--seam-o)) 100%)}.hero-layer{z-index:2;--fg:var(--ink);--fg2:var(--pencil);color:var(--fg);position:absolute;inset:0}.hero-layer[data-layer=inv]{--fg:var(--paper);--fg2:#b9b5ad;pointer-events:none;clip-path:polygon(calc(var(--seam) - var(--seam-o)) 0, calc(100% + calc(400 * var(--u))) 0, calc(100% + calc(400 * var(--u))) 100%, calc(var(--seam) + var(--seam-o)) 100%)}.site:not(:has(.home>:target)) .hero[data-intro=pending] .hero-type{visibility:hidden}.hero .name{font-size:21.5vw;position:absolute;top:17vh;left:4.2vw}.hero .ln{margin-bottom:-.16em;padding-bottom:.16em;display:block;overflow:hidden}.hero .l2{margin-top:.06em;font-size:.705em}.hero .ch{will-change:transform;display:inline-block}.hero .line{font-size:calc(20 * var(--u));letter-spacing:-.01em;font-weight:500;line-height:1.3;position:absolute;bottom:6.5vh;left:4.4vw}.hero .line span{display:block;overflow:hidden}.hero .line i{font-style:normal;display:block}.hero .ev{left:calc(55.9% + calc(20 * var(--u)));font-size:calc(14 * var(--u));white-space:nowrap;position:absolute;bottom:6.8vh}.hero .skip-resume{font-size:calc(13 * var(--u));text-decoration:none;position:absolute;bottom:6.8vh;left:4.4vw}.hero[data-intro=done] .skip-resume{display:none}.hero .ply{font-size:calc(13 * var(--u));white-space:nowrap;position:absolute;bottom:6.8vh;left:50%;transform:translate(-50%)}@media (max-width:600px),(min-width:601px) and (max-width:1199px) and (orientation:portrait){.hero:before{width:auto;height:var(--seam);bottom:auto;right:0}.hero .night,.hero-layer[data-layer=inv]{clip-path:polygon(0 calc(var(--seam) - var(--seam-o)), 100% calc(var(--seam) + var(--seam-o)), 100% calc(100% + calc(400 * var(--u))), 0 calc(100% + calc(400 * var(--u))))}.hero .name{left:calc(18 * var(--u));font-size:29.5vw;top:calc(55.9% - 1.3em)}.hero .l2{margin-top:.08em;font-size:.56em}.hero .line{left:calc(20 * var(--u));bottom:calc(76 * var(--u));font-size:calc(17 * var(--u))}.hero .ev{left:calc(20 * var(--u));bottom:calc(26 * var(--u));font-size:calc(12 * var(--u))}.hero .skip-resume{left:calc(20 * var(--u));top:calc(24 * var(--u));font-size:calc(12 * var(--u));bottom:auto}.hero .ply{bottom:calc(26 * var(--u));font-size:calc(12 * var(--u))}}