*{box-sizing:border-box}:root{color-scheme:dark;--white:#E8E8E6}body{margin:0;background:#010101;color:var(--white);font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:none;border:0}a:focus-visible,button:focus-visible{outline:2px solid var(--white);outline-offset:6px}.home-stage{position:relative;width:100%;min-height:100svh;aspect-ratio:16/9;overflow:hidden}#face-art{position:absolute;left:8%;top:6%;width:92%;height:auto;display:block}#face-art .st15{font-family:'Open Sans',Arial,sans-serif;font-weight:500}.hero-work-link{cursor:pointer}#motion{position:fixed;bottom:8px;right:3.55vw;font-size:9px;letter-spacing:1px;opacity:.65;padding:6px;z-index:3}#motion:hover{opacity:1}header{position:absolute;z-index:2;top:0;left:0;width:100%;display:flex;align-items:center;padding:3.2vw 3.55vw;gap:5vw}
.brand{font-size:clamp(16px,1.1vw,22px);letter-spacing:5px}
nav{display:flex;align-items:center;margin-left:auto;gap:2.75vw}
nav a,nav button{font-size:clamp(11px,.78vw,15px);letter-spacing:2px;padding:0;position:relative}
nav [aria-current]:after{content:'';width:5px;height:5px;background:var(--white);position:absolute;top:31px;left:50%}
.menu{width:43px;padding:0;display:grid;gap:12px}
.menu span{height:1px;background:var(--white);width:100%}
#mobile-nav{position:absolute;right:3.5%;top:100px;z-index:5;background:#111;border:1px solid #444;padding:24px;min-width:180px}
#mobile-nav:not([hidden]){display:grid;gap:22px}
#mobile-nav button{text-align:left;padding:0}
dialog{width:min(90%,540px);border:1px solid #555;background:#0c0c0c;color:var(--white);padding:50px}
dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}
dialog h2{font:400 46px 'Cormorant Garamond',Georgia,serif;margin:0 0 20px}
.dialog-copy{line-height:1.8;color:#bbb}
.close{position:absolute;right:18px;top:12px;font-size:30px}
.dismiss{margin-top:20px;border-bottom:1px solid #888;padding:8px 0}

header nav a,header nav button{font-size:clamp(10px,.68vw,13px);padding:0}header{color:#E8E8E6}header .menu{margin-left:0}nav [aria-current]:after,.menu span{background:var(--white)}#mobile-nav[hidden]{display:none}#mobile-nav:not([hidden]){display:grid}dialog{font-size:15px}dialog .eyebrow{font-size:12px;letter-spacing:4px}dialog h2{font-family:Georgia,serif}button.close{font-size:28px}button.dismiss{font-size:13px}#mobile-nav button{text-align:left}
@media(max-width:900px){header{padding:28px 7%;gap:24px}header nav{display:none}header .menu{margin-left:auto;width:32px}}
@media(max-width:700px){.home-stage{aspect-ratio:auto;min-height:100svh;padding-top:10px}#face-art{position:relative;top:0;left:0;width:100%;aspect-ratio:1080/1500}.face-surface,.face-geometry{transform:translate(-260px,650px) scale(.7)}.hero-wordmark{transform:translate(70px,-120px) scale(1.6)}.hero-tagline{transform:translate(77.5136px,477.2741px)}.hero-work-link{transform:translate(70px,-40px)}#motion{font-size:8px;right:5%}}

/* No moving active-page marker. */
header nav [aria-current]:after{content:none;display:none}

/* No moving active-page marker. */
header nav [aria-current]:after{content:none;display:none}
