.hero-portrait{height:570px;align-items:center;justify-content:center;margin-bottom:55px}.hero .portrait-tilt{width:min(100%,450px);height:auto;aspect-ratio:.91;--portrait-rotate:3deg;isolation:isolate}.hero .portrait-tilt figure{display:flex;flex-direction:column;gap:0;padding:14px 14px 0;background:#efe8d9;border:1px solid #faf6e4;border-radius:2px;box-shadow:0 28px 60px #0006,5px 6px 0 #81786b15;overflow:hidden;position:relative}.hero .portrait-tilt figure:after{display:none}.hero .portrait-tilt figure:before{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:radial-gradient(circle at var(--light-x,35%) var(--light-y,15%),#ffffff25,transparent 65%);opacity:0;transition:opacity .4s}.hero-portrait:hover .portrait-tilt figure:before{opacity:1}.hero .portrait-tilt img,.hero-portrait:hover img{filter:none;object-fit:contain;object-position:center;width:100%;height:auto;min-height:0;flex:1;aspect-ratio:1;background:#efe7d6}.hero .portrait-tilt figcaption{position:static;display:flex;align-items:center;justify-content:space-between;flex:none;padding:17px 8px 18px;color:#302d27;z-index:2;gap:15px}.hero .portrait-tilt figcaption>span:first-child{font:italic 29px/1 Georgia,serif;letter-spacing:-1.5px;color:#39332a}.signature-dot{color:#bd573a}.hero .portrait-tilt figcaption>span:last-child{font-size:8px;letter-spacing:.5px;text-align:right;color:#6d6253;line-height:1.5;opacity:1}.hero .portrait-tilt figcaption small{display:block;font:6px/1.5 monospace;letter-spacing:1px;margin-top:5px;color:#9a8871}.hero .portrait-tilt:before{content:"";position:absolute;width:100px;height:25px;top:-10px;left:calc(50% - 50px);background:#c3b69e88;border-inline:1px dashed #e2d9c422;transform:rotate(-5deg);backdrop-filter:blur(1px);z-index:4;pointer-events:none}.hero .portrait-label{top:0;right:15px;letter-spacing:1px;color:#a19b8b}.hero-portrait:before{color:#77776a}.hero-glow{position:absolute;left:0;top:0;width:340px;height:340px;pointer-events:none;background:radial-gradient(circle,#d6b99513,transparent 68%);opacity:0;transition:opacity .5s;will-change:transform}.hero.is-pointer-active .hero-glow{opacity:1}.interaction-dot{position:fixed;left:0;top:0;width:20px;height:20px;border:1px solid #e8d9c177;border-radius:50%;z-index:64;pointer-events:none;opacity:0;will-change:transform;transition:opacity .2s,border-color .2s;transform:translate(-100px,-100px);mix-blend-mode:exclusion}.interaction-dot.visible{opacity:.8}.interaction-dot.is-link{border-color:#f37c5d}.magnetic-link{translate:var(--magnet-x,0px) var(--magnet-y,0px);transition:translate .25s ease-out,transform .25s,background .3s}.magnetic-link:active{scale:.97}.desktop-nav a:before{content:"";position:absolute;left:0;right:0;bottom:-9px;height:1px;background:#dd492c;transform:scaleX(0);transform-origin:left;transition:transform .35s}.desktop-nav a:hover:before{transform:scaleX(1)}.ai-tools button:not(.active):hover{background:#bfc2af}.contact-topics button{transition:background .3s,color .3s}.contact-topics button:hover{background:#211d1940;color:#f6e8d9}.motion-off .interaction-dot,.motion-off .hero-glow{display:none}.motion-off .magnetic-link{translate:0 0}.motion-off .hero .portrait-tilt figure:before{opacity:0}
@media(min-width:1100px){.hero-portrait{margin-left:-15px}.hero-portrait:before{top:-20px}}
@media(max-width:1000px){.hero-portrait{height:480px}.hero .portrait-tilt{width:min(100%,360px)}.hero .portrait-tilt figcaption{padding:14px 5px}.hero .portrait-tilt figcaption>span:first-child{font-size:25px}.hero .portrait-tilt figcaption>span:last-child{font-size:7px}.hero .portrait-tilt figcaption small{font-size:5px;letter-spacing:.5px}}
@media(max-width:760px){.hero-portrait{width:84%;height:auto;aspect-ratio:.91;margin:18px auto 40px}.hero .portrait-tilt{width:100%;height:auto;aspect-ratio:.91}.hero .portrait-tilt figure{padding:10px 10px 0}.hero .portrait-tilt figcaption{padding:14px 5px}.hero .portrait-label{top:-25px;right:-7px;font-size:6px}.hero .portrait-tilt:before{width:70px;height:20px;left:calc(50% - 35px);top:-8px}.hero-glow,.interaction-dot{display:none}.magnetic-link{translate:0 0!important}}
@media(hover:none),(pointer:coarse){.interaction-dot,.hero-glow{display:none}.magnetic-link{translate:0 0!important}}
@media(prefers-reduced-motion:reduce){.interaction-dot,.hero-glow{display:none}.magnetic-link{translate:0 0!important}.hero .portrait-tilt figure:before{display:none}}