.hero-portrait{width:100%;height:100svh;height:calc(min(1svh, var(--vh,1svh)) * 100);z-index:2;opacity:0;visibility:hidden;justify-content:center;align-items:center;display:flex;position:absolute;top:0;left:50%;overflow:hidden;transform:translate(-50%);-webkit-mask-image:linear-gradient(#000 60%,#0000 100%);mask-image:linear-gradient(#000 60%,#0000 100%)}.hero-portrait.animate-in{animation:.6s cubic-bezier(.215,.61,.355,1) forwards portraitFadeIn}.hero-portrait-img{width:auto;height:clamp(110svh,130vw,160svh);height:clamp(calc(min(1svh, var(--vh,1svh)) * 110), 130vw, calc(min(1svh, var(--vh,1svh)) * 160));object-fit:contain;object-position:center;filter:brightness(.9)contrast(1.2)saturate(.95);max-width:none;image-rendering:-webkit-optimize-contrast;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;clip-path:inset(26% 26% 0% 25%)}@keyframes portraitFadeIn{0%{opacity:0;visibility:visible;transform:translate(-50%)translateY(100px)}to{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}}
.hero-content{z-index:1;max-width:100vw;height:100svh;height:calc(min(1svh, var(--vh,1svh)) * 100);pointer-events:none;position:relative}.hero-content *{pointer-events:auto}.hero-title{color:hsl(var(--text-primary));letter-spacing:-.5rem;text-transform:uppercase;-webkit-user-select:none;user-select:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:PP-Neue-Montreal-Bold,Arial,sans-serif;font-size:clamp(8rem,20vw,16rem);font-weight:700;line-height:.9;position:absolute;inset:50% 0 auto;transform:translateY(-50%)}.hero-title-line{opacity:0;will-change:transform;display:block}.hero-title-line-left{text-align:left}.hero-title-line-right{text-align:right;position:relative}.hero-title-line-decorated:after{content:"鴻鵠誌達";color:hsl(var(--text-primary));writing-mode:vertical-rl;letter-spacing:.01em;font-family:刻石录钢笔鹤体,SimSun,serif;font-size:clamp(1rem,2.5vw,1.8rem);font-weight:400;line-height:1;position:absolute;top:0;right:-2rem;transform:translateY(7rem)}@media (max-width:767px){.hero-title{letter-spacing:-.4rem;margin:0 calc(-1 * var(--page-gutter));padding:0;font-size:clamp(5.5rem,20vw,13rem);top:25%}.hero-title-line-left,.hero-title-line-right{text-align:center}.hero-title-line-decorated:after{display:none}}