@font-face{font-family:Druk Wide;src:url(/fonts/DrukWideBold.woff) format("woff"),url(/fonts/DrukWideBold.ttf) format("truetype");font-style:normal;font-weight:700;font-display:swap}:root{--bg: #071015;--title: #f1f3f4;--copy: #9aa3a7;--link: #c5cbcf;--link-hover: #eef2f4;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{min-width:320px;min-height:100vh;background:var(--bg);color:var(--title);font-family:Archivo,Helvetica Neue,Arial,sans-serif;font-weight:200}a{color:inherit}#root{min-height:100vh}@media(pointer:fine){html,body,a{cursor:none}}.cursor-ring{position:fixed;top:-20.5px;left:-20.5px;z-index:9999;display:grid;place-items:center;width:41px;height:41px;border:1px solid rgba(241,243,244,.95);border-radius:50%;pointer-events:none;will-change:transform}.cursor-dot{position:fixed;top:-2.5px;left:-2.5px;z-index:10000;width:5px;height:5px;border-radius:50%;background:#f1f3f4;pointer-events:none;will-change:transform}.hero{min-height:100vh;display:grid;place-items:center;padding:3rem 1.5rem}.hero__content{width:min(100%,100rem);display:grid;justify-items:center;gap:clamp(2.25rem,5vw,4.75rem)}.hero__title-wrap{position:relative;display:inline-grid;place-items:center}.portfolio-trigger{position:relative;z-index:2;display:grid;place-items:center;width:170px;height:170px;border:2px solid #f1f3f4;border-radius:50%;background:transparent;cursor:none;pointer-events:auto;text-decoration:none}.portfolio-trigger__hit-area{position:absolute;top:50%;left:50%;width:160px;height:160px;border-radius:50%;transform:translate(-50%,-50%);pointer-events:auto}.portfolio-trigger__preview-shell{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;overflow:hidden;pointer-events:none}.portfolio-trigger__preview{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background-image:url(/images/pic.png);background-position:center;background-repeat:no-repeat;background-size:cover;transform-origin:center;will-change:transform,opacity}.portfolio-trigger__text-rotator{position:absolute;display:grid;place-items:center;width:220px;height:220px;animation:portfolio-spin 16s linear infinite;transform-origin:center;pointer-events:none}.portfolio-trigger__text{display:block;width:220px;height:220px;overflow:visible;pointer-events:none}.portfolio-trigger__text text{fill:#f1f3f4;font-family:Archivo,Helvetica Neue,Arial,sans-serif;font-size:14px;font-weight:200;letter-spacing:.34em;text-transform:uppercase}@keyframes portfolio-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hero__title{position:relative;z-index:1;margin:0;text-align:center;text-transform:uppercase;font-family:Druk Wide,Helvetica Neue,Arial,sans-serif;font-size:clamp(2.25rem,7vw,5.75rem);font-weight:700;line-height:.92;letter-spacing:.02em;white-space:nowrap}.portfolio-trigger-anchor{position:absolute;top:50%;left:50%;z-index:3;pointer-events:none;transform:translate(-50%,-58%)}.portfolio-trigger-offset{position:relative;display:block;pointer-events:none;will-change:transform}.hero__title-text{display:block}.hero__copy{position:relative;z-index:1;width:min(100%,52rem);display:grid;gap:1.35rem;color:var(--copy);text-align:center}.hero__copy p{margin:0;font-size:clamp(1rem,1.8vw,1.5625rem);font-weight:200;line-height:1.5;text-wrap:balance}.hero__copy a{display:inline-block;color:var(--link);text-decoration-line:underline;text-decoration-thickness:.06em;text-underline-offset:.14em;transition:color .18s ease,text-decoration-color .18s ease}.hero__copy a:hover,.hero__copy a:focus-visible{color:var(--link-hover);text-decoration-color:var(--link-hover)}@media(max-width:48rem){.hero{padding-inline:1rem}.hero__content{width:min(100%,36rem);gap:calc(clamp(2.25rem,5vw,4.75rem) + 50px)}.hero__title{font-size:clamp(1.75rem,9.2vw,3.4rem);letter-spacing:.015em;white-space:normal;text-wrap:balance}.hero__copy{width:min(100%,34rem)}.hero__copy p{font-size:clamp(.95rem,4vw,1.15rem)}}@media(prefers-reduced-motion:reduce){.portfolio-trigger__text{animation:none}}@media(pointer:coarse){.cursor-ring{display:none}}